@charset "UTF-8";

:root {
    --bs-border-color-translucent: #3e4065;
    --bs-border-radius: 1rem;
    --bs-white: #fff;
    --bs-white-rgb: 255, 255, 255;
    --bs-primary-50: #eefbfd;
    --bs-primary-50-rgb: 238, 251, 253;
    --bs-primary-100: #d3f4fa;
    --bs-primary-100-rgb: 211, 244, 250;
    --bs-primary-200: #adeaf4;
    --bs-primary-200-rgb: 173, 234, 244;
    --bs-primary-300: #5ad1e8;
    --bs-primary-300-rgb: 90, 209, 232;
    --bs-primary-400: #35bddb;
    --bs-primary-400-rgb: 53, 189, 219;
    --bs-primary-500: #189ab9;
    --bs-primary-500-rgb: 24, 154, 185;
    --bs-primary-600: #167d9c;
    --bs-primary-600-rgb: 22, 125, 156;
    --bs-primary-700: #1a6884;
    --bs-primary-700-rgb: 26, 104, 132;
    --bs-primary-800: #1e556c;
    --bs-primary-800-rgb: 30, 85, 108;
    --bs-primary-900: #0d2f3f;
    --bs-primary-900-rgb: 13, 47, 63;
    --bs-gray-50: #f4f7fa;
    --bs-gray-50-rgb: 244, 247, 250;
    --bs-gray-100: #e5eaf4;
    --bs-gray-100-rgb: 229, 234, 244;
    --bs-gray-200: #d1dbec;
    --bs-gray-200-rgb: 209, 219, 236;
    --bs-gray-300: #b2c4de;
    --bs-gray-300-rgb: 178, 196, 222;
    --bs-gray-400: #8da5cd;
    --bs-gray-400-rgb: 141, 165, 205;
    --bs-gray-500: #7189c0;
    --bs-gray-500-rgb: 113, 137, 192;
    --bs-gray-600: #5f72b1;
    --bs-gray-600-rgb: 95, 114, 177;
    --bs-gray-700: #5362a2;
    --bs-gray-700-rgb: 83, 98, 162;
    --bs-gray-800: #485185;
    --bs-gray-800-rgb: 83, 98, 162;
    --bs-gray-900: #202334;
    --bs-gray-900-rgb: 32, 35, 52;
    --bs-gray-950: #11131c;
    --bs-gray-950-rgb: 17, 19, 28;
    --bs-primary: var(--bs-primary-300);
    --bs-primary-rgb: var(--bs-primary-300-rgb);
    --bs-success: #61a911;
    --bs-success-rgb: 97, 169, 17;
    --bs-gradient: linear-gradient(180deg, rgba(51, 119, 132, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    --bs-body-bg: var(--bs-gray-900);
    --bs-body-color: #b0b0ce;
    --bs-body-font-weight: 500;
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25);
    --bs-heading-color: var(--bs-white);
    --bs-border-color: var(--bs-border-color-translucent);
    --ms-color-unique: #f3b61f;
    --ms-color-unusual: #8650ac;
    --ms-color-strange: #cf6a32;
    --ms-color-collector: #e74c3c;
    --ms-color-haunted: #38f3ab;
    --ms-color-vintage: #476291;
    --ms-color-genuine: #4d7455;
    --ms-color-normal: #B2B2B2;
}

.text-unique {
    color: var(--ms-color-unique) !important;
}

.text-unusual {
    color: var(--ms-color-unusual) !important;
}

.text-strange {
    color: var(--ms-color-strange) !important;
}

.text-collector {
    color: var(--ms-color-collector) !important;
}
.text-collectors {
    color: var(--ms-color-collector) !important;
}

.text-haunted {
    color: var(--ms-color-haunted) !important;
}

.text-vintage {
    color: var(--ms-color-vintage) !important;
}

.text-genuine {
    color: var(--ms-color-genuine) !important;
}

.text-normal {
    color: #b2b2b2;
}

.text-self-made {
    color: #70b04a;
}

.text-sm {
    font-size: .75rem;
}

@media (max-width: 992px) {
    .w-lg-100 {
        width: 100%;
    }
}

.bg-gradient {
    background-color: #323351;
    border-color: transparent;
}

.bg-unique {
    background-color: var(--ms-color-unique) !important;
}

.bg-unusual {
    background-color: var(--ms-color-unusual) !important;
}

.bg-strange {
    background-color: var(--ms-color-strange) !important;
}

.bg-collector {
    background-color: var(--ms-color-collector) !important;
}
.bg-collectors {
    background-color: var(--ms-color-collector) !important;
}

.bg-haunted {
    background-color: var(--ms-color-haunted) !important;
}

.bg-vintage {
    background-color: var(--ms-color-vintage) !important;
}

.bg-genuine {
    background-color: var(--ms-color-genuine) !important;
}

.bg-normal {
    background-color: var(--ms-color-normal) !important;
}

@media (max-width: 992px) {
    .mt-md-3 {
        margin-top: 3rem !important;
    }
}

.important-text {
    font-weight: 700;
    color: var(--bs-primary);
    font-size: 1.75rem;
}

.small-text {
    font-size: .75rem;
    font-weight: 700;
}

.h-24px {
    height: 24px;
}

@supports (font-variation-settings:normal) {
    html {
        font-family: inter var, sans-serif;
    }
}

html, body {
    height: 100%;
}

html {
    font-family: inter, sans-serif;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: .875rem;
}

body.full-height {
    max-height: 100vh;
    height: 100vh;
}

a {
    transition: color .125s ease-in-out;
    text-decoration: underline;
    color: var(--bs-primary);
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
    font-weight: 700;
}

@media (max-width: 992px) {
    h1, .h1 {
        font-size: 2rem;
    }
}

textarea {
    min-height: 200px;
}

label {
    font-weight: 700;
    color: var(--bs-white);
}

label a:hover {
    text-decoration: none;
}

option {
    background-color: #2c3749;
    color: var(--bs-white);
}

@keyframes rotateWeapon {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@media (min-width: 576px) {
    .sidebar-page-container {
        padding-left: 0;
        height: 100%;
    }
}

.sidebar-page-container > .row {
    height: 100%;
}

.header {
    background-color: var(--bs-primary-600);
    z-index: 2;
}

.header__game-button {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
    border: 2px solid #86ddee;
    padding: calc(var(--bs-nav-link-padding-y) + .25rem) 2rem calc(var(--bs-nav-link-padding-y) + .25rem) var(--bs-navbar-nav-link-padding-x) !important;
    color: var(--bs-white) !important;
    text-decoration: none;
    margin-bottom: 1.5rem;
    border-radius: .5rem;
    font-size: .75rem;
    align-items: center;
    position: relative;
    font-weight: 700;
    overflow: hidden;
    display: flex;
    width: 100%;
}

@media (min-width: 1200px) {
    .header__game-button {
        padding: var(--bs-nav-link-padding-y) 2rem var(--bs-nav-link-padding-y) var(--bs-navbar-nav-link-padding-x) !important;
        max-width: 110px;
        margin-right: .5rem;
        margin-bottom: 0;
    }
}

@media (min-width: 1400px) {
    .header__game-button {
        margin-right: 2rem;
        max-width: 140px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .header__game-button {
        width: auto;
    }
}

@media (min-width: 1600px) {
    .header__game-button {
        margin-right: 3rem;
    }
}

.header__game-button::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    position: absolute;
    right: 1rem;
    top: 45%;
}

.header__game-button--expanded::after {
    border-bottom: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-top: 0;
    border-left: 0.3em solid transparent;
}

.header__game-button--expanded, .header__game-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
}

.header__game-button > .game-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-width: 0;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .header__game-button > .game-name {
        display: none;
    }
}

.header__game-button svg {
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
}

@media (min-width: 1400px) {
    .header__game-button svg {
        margin-right: .5rem;
    }
}

.header__logo {
    min-width: 40px;
    height: 40px;
    padding: 0;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .header__logo {
        min-width: 24px;
        height: 24px;
    }
}

.header__logo img {
    max-width: 100%;
    width: auto;
    height: 100%;
}

.header__toggler {
    border: none;
}

.header__nav {
    padding: 1rem;
}

@media (min-width: 1200px) {
    .header__nav {
        padding: 0 1rem;
    }
}

.header__navbar {
    margin-top: 1rem;
}

@media (min-width: 1200px) {
    .header__navbar {
        margin-top: 0;
    }
}

@media (min-width: 1600px) {
    .header__navbar {
        margin-left: 1rem;
    }
}

.navbar-nav {
    --bs-nav-link-padding-y: .25rem;
}

@media (max-width: 768px) {
    .header__navbar .btn-steam {
        border-color: transparent;
        justify-content: center;
        padding: .75rem 1.5rem;
        margin-top: 1rem;
        width: 100%;
    }
}

.header__navbar-account {
    cursor: pointer;
    padding: 0;
}

@media (max-width: 1199px) {
    .header__navbar-account {
        border-radius: .5rem;
        padding: .5rem 1rem;
        margin: .75rem 0 0;
        border: 2px solid #86ddee;
        color: var(--bs-primary);
    }
}

.header__navbar-account .dropdown-toggle {
    color: var(--bs-white);
    align-items: center;
    display: flex;
}

.header__navbar-account .dropdown-toggle::after {
    margin-left: .75rem;
}

.header__navbar-account .account-avatar {
    border-radius: 100%;
    height: 2rem;
}

.header__navbar-account .account-avatar + .badge {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    padding: 0.125rem 0.25rem;
    font-size: .625rem;
    position: absolute;
    left: 1.75rem;
    bottom: 0;
}

.header__navbar-account .account-info {
    flex-direction: column;
    margin-left: .75rem;
    display: flex;
}

@media (min-width: 1200px) and (max-width: 1200px) {
    .header__navbar-account .account-info {
        display: none;
    }
}

@media (max-width: 992px) {
    .header__navbar-account .account-info {
        flex: 1;
    }
}

.header__navbar-links,
.header__navbar-actions {
    white-space: nowrap;
}

.header__navbar-account .account-info .account-username {
    font-weight: 600;
    height: 20px;
}

@media (min-width: 1199px) {
    .header__navbar-account .account-info .account-username {
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 120px;
    }
}

@media (min-width: 1400px) {
    .header__navbar-account .account-info .account-username {
        max-width: 100%;
    }
}

.header__navbar-account .account-info .account-balance {
    font-size: .75rem;
    color: #e0f6fb;
    font-weight: 700;
}

@media (max-width: 1199px) {
    .header__navbar-account .account-info .account-balance {
        color: var(--bs-primary-100);
    }
}

.header__navbar-login {
    width: 100%;
}

@media (min-width: 1200px) {
    .header__navbar-login {
        width: auto;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .header__navbar-login {
        font-size: .875rem;
    }
}

@media (min-width: 1200px) and (max-width: 1800px) {
    .header__navbar-login .login-steam {
        display: none;
    }
}

@media (min-width: 1200px) {
    .header__navbar-brand {
        margin-right: 1.5rem;
    }
}

@media (min-width: 1500px) {
    .header__navbar-brand {
        margin-right: 3rem;
    }
}

.header__navbar-links {
    margin-bottom: 1rem;
}

@media (min-width: 992px) {
    .header__navbar-links {
        margin-right: auto;
        margin-bottom: 0;
    }
}

.header__navbar-actions {
    justify-content: space-around;
    margin-bottom: 1.5rem;
    flex-direction: row;
}

.header__navbar-actions .nav-item .dropdown-menu {
    position: absolute;
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
    .header__navbar-actions {
        margin-right: 1.5rem;
        align-items: center;
        margin-bottom: 0;
    }
    .header__navbar {
        gap: 2rem;
    }
}

@media (min-width: 1500px) {
    .header__navbar-actions {
        margin-right: 6rem;
    }
}

.nav-item {
    align-items: center;
    display: flex;
}

.header__navbar-links .nav-link {
    border-left: 2px solid transparent;
    padding-right: .75rem !important;
    padding-left: .75rem !important;
    background-color: transparent;
    font-weight: 700;
}

.header__navbar-links .nav-link:hover {
    border-color: var(--bs-white);
    color: var(--bs-white);
}

@media (min-width: 1200px) {
    .header__navbar-links .nav-link {
        border-bottom: 2px solid transparent;
        border-left: none;
    }
}

@media (min-width: 1200px) {
    .header__navbar-links .nav-link {
        padding-bottom: 1.125rem;
        padding-top: 1.125rem;
    }
}

@media (min-width: 1400px) {
    .header__navbar-links .nav-link {
        padding-bottom: 1.625rem;
        padding-top: 1.625rem;
    }
}

.header__navbar-item--active .nav-link {
    border-color: var(--bs-white);
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--bs-white);
    width: 100%;
}

@media (min-width: 1200px) {
    .header__navbar-item .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .header__navbar-item .nav-link:not(.cart__button) {
        width: auto;
    }
}

.cart__button {
    background-color: var(--bs-primary-500);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 2.25rem;
    width: 2.25rem !important;
    color: var(--bs-primary-100);
}

.cart__button .badge {
    border: 3px solid var(--bs-primary-600);
    color: var(--bs-primary-500) !important;
    padding: .125rem .275rem;
    position: absolute;
    bottom: -.25rem;
    left: 1.5rem;
}

.header__navbar-item .nav-link > svg {
    flex-shrink: 0;
    height: 1.25rem;
    width: 1.25rem;
}

.header__navbar-item.nav-language img {
    margin-right: .75rem;
    border-radius: 100%;
    width: 20px;
}

.header__navbar-item .nav-link img {
    margin-right: 0;
}

.nav-cart {
    margin-left: .75rem;
}

.nav-cart .nav-link {
    position: relative;
}

.header__search {
    background-color: transparent;
    color: var(--bs-white);
    border: 2px solid rgba(var(--bs-white-rgb), 0.2);
    padding: var(--bs-nav-link-padding-y) var(--bs-navbar-nav-link-padding-x);
    align-items: center;
    display: flex;
    border-radius: .5rem;
    margin-right: 1rem;
}

@media (max-width: 1199px) {
    .header__search {
        height: 30px;
    }
}

@media (min-width: 1200px) {
    .header__search {
        padding: var(--bs-nav-link-padding-y) var(--bs-navbar-nav-link-padding-x);
        transition: all 0.2s ease-in-out;
    }
}

@media (min-width: 1700px) {
    margin-right: 2rem;
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .header__search {
        margin-right: 1.5rem;
    }
}

.header__search:hover {
    color: rgba(255, 255, 255, 0.75);
}

@media (min-width: 1400px) {
    .header__search:hover {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.5);
    }
}

.header__search svg {
    height: .75rem;
    width: .75rem;
}

.header__search-text {
    margin-left: .75rem;
    font-size: .75rem;
    font-weight: 500;
}

@media (max-width: 1300px) {
    .header__search-text {
        display: none;
    }
}

.header__currencies {
    align-items: center;
    margin-right: 1rem;
    display: flex;
}

@media (min-width: 992px) and (max-width: 1400px) {
    .header__currencies {
        margin-right: .5rem;
    }
}

.nav-link.header__currencies-button {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
    padding: var(--bs-nav-link-padding-y) var(--bs-navbar-nav-link-padding-x);
    border: 2px solid rgba(var(--bs-white-rgb), 0.2);
    color: var(--bs-white);
    border-radius: .5rem;
    font-size: .75rem;
}

.nav-link.header__currencies-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
    color: var(--bs-white);
}

.nav-link.header__currencies-button[aria-expanded=true] {
    color: var(--bs-primary-600) !important;
    background-color: var(--bs-white);
}

.header__currencies-menu {
    padding: 0 !important;
}

.header__currencies-menu.show {
    display: flex;
}

.header__currencies-section {
    padding: .75rem 0;
}

.header__currencies-section:not(:first-child) {
    border-left: 1px solid rgba(90, 209, 232, 0.1);
}

.navbar {
    --bs-navbar-nav-link-padding-x: .75rem;
    --bs-navbar-color: var(--bs-white);
    --bs-navbar-toggler-border-radius: .5rem;
}

.navbar-currency__item--active {
    color: var(--bs-primary) !important;
    font-weight: 700;
}

.navbar-currency__item--active .navbar-currency__symbol {
    background-color: var(--bs-primary);
    color: #1b1c2c;
}

.navbar-currency__symbol {
    background-color: rgba(90, 209, 232, 0.25);
    justify-content: center;
    border-radius: .5rem;
    margin-right: .75rem;
    align-items: center;
    font-weight: 700;
    height: 1.5rem;
    display: flex;
    width: 1.5rem;
}

.navbar-currency__symbol--xs {
    font-size: .75rem;
}

.navbar-currency__symbol--s {
    font-size: .5rem;
}

#footer {
    border: 1px solid #2b2c45;
    background: #0f111e;
    padding: 3.75rem 0;
}

#footer .footer__main .col-brand {
    margin-bottom: 3rem;
    padding-right: 25%;
    min-width: 100%;
}

@media (min-width: 992px) {
    #footer .footer__main .col-brand {
        padding-right: 5rem;
        margin-bottom: 0;
        min-width: 360px;
    }
}

@media (min-width: 1400px) {
    #footer .footer__main .col-brand {
        padding-right: 7rem;
        min-width: 430px;
    }
}

@media (max-width: 575px) {
    #footer .footer__main .col {
        margin-bottom: 2.5rem;
    }
}

@media (max-width: 767px) {
    #footer .footer__main .col-community {
        width: 100%;
        min-width: 100%;
    }
}

@media (max-width: 767px) {
    #footer .footer__main .footer-col:not(.col-community) {
        margin-bottom: 2.5rem;
    }
}

@media (max-width: 512px) {
    #footer .footer__main .footer-col:not(.col-brand) {
        margin-bottom: 2rem;
        min-width: 100%;
        width: 100%;
    }
}

#footer .footer__bottom {
    margin-top: 1.25rem;
}

@media (max-width: 992px) {
    #footer .footer__bottom {
        text-align: center;
    }
}

@media (min-width: 576px) {
    #footer .footer__bottom {
        margin-top: 3rem;
    }
}

#footer .footer-brand {
    margin-bottom: 1.5rem;
    display: block;
    width: 8rem;
}

@media (min-width: 992px) {
    #footer .footer-brand {
        margin-bottom: 2rem;
    }
}

#footer .footer-brand img {
    width: 100%;
}

#footer .footer-text {
    font-size: .75rem;
}

#footer .footer-heading {
    margin-bottom: 1rem;
    font-size: .875rem;
    font-weight: 700;
}

#footer .footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer .footer-links.icons-list {
    display: flex;
}

#footer .footer-links.icons-list li {
    margin-right: 1.25rem;
}

#footer .footer-links.icons-list li:last-child {
    margin-right: 0;
}

#footer .footer-links.icons-list li a:hover {
    color: var(--bs-primary);
}

#footer .footer-links.icons-list .fab {
    font-size: 1.5rem;
}

#footer .footer-links.icons-list svg {
    height: 1.5rem;
    width: 1.5rem;
}

#footer .footer-links .is-active a {
    color: var(--bs-primary);
}

#footer .footer-links a {
    text-decoration: none;
    padding: .50rem 0;
    display: block;
    color: var(--bs-white);
}

#footer .footer-links a:hover {
    text-decoration: underline;
}

#footer .footer-design {
    margin-top: 1.25rem;
    font-size: .75rem;
}

#footer .footer-design svg {
    margin-left: .125rem;
    height: .75rem;
}

#footer .footer__payments-list {
    justify-content: center;
    margin: 1.25rem 0 0;
    list-style: none;
    color: #505262;
    display: flex;
    padding: 0;
}

@media (min-width: 992px) {
    #footer .footer__payments-list {
        justify-content: flex-end;
        margin-top: 0;
    }
}

#footer .footer__payments-list li {
    margin: 0 0 0 .75rem;
}

@media (min-width: 576px) {
    #footer .footer__payments-list li {
        margin: 0 0 0 2rem;
    }
}

#footer .footer__payments-list li:first-child {
    margin-left: 0;
}

#footer .footer__payments-list li.more-payments {
    align-items: flex-end;
    font-size: .625rem;
    margin-left: 1rem;
    color: #86878e;
    display: flex;
}

#footer .footer__payments-list svg {
    max-height: 16px;
    max-width: 60px;
    height: auto;
    width: 100%;
}

@media (min-width: 992px) {
    #footer .footer__payments-list svg {
        max-height: 20px;
        max-width: 90px;
    }
}

.store-games {
    background: #2b2c45;
    visibility: hidden;
}

@media (max-width: 768px) {
    .store-games {
        background-image: linear-gradient(180deg, rgba(51, 119, 132, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
        width: calc(100% - 2rem);
        border-radius: 1rem;
        position: absolute;
        left: 1rem;
        top: 8rem;
    }
}

@media (min-width: 768px) {
    .store-games {
        transition: all .2s ease-in-out;
        transform: translateY(-84px);
        z-index: 1;
        height: 0;
    }
}

.store-games--visible {
    visibility: visible;
    display: flex;
}

@media (max-width: 768px) {
    .store-games--visible {
        z-index: 2;
    }
}

@media (min-width: 768px) {
    .store-games--visible {
        transform: translateY(0);
        height: 64px;
    }
}

.store-games.has-description .navbar-nav {
    margin: 0;
}

@media (min-width: 940px) {
    .store-games.has-description .navbar-nav {
        margin-right: auto;
    }
}

@media (min-width: 768px) and (max-width: 1400px) {
    .store-games.has-description {
        flex-direction: column;
    }

    .store-games__site-description {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        justify-content: center;
    }
}

.store-games .navbar-nav {
    flex-direction: row;
    margin-right: auto;
}

@media (max-width: 768px) {
    .store-games .navbar-nav {
        flex-direction: column;
        padding: .75rem 0;
        display: flex;
        width: 100%;
    }
}

.store-games .navbar-nav .nav-item {
    transition: opacity .125s ease-in-out;
    padding: 0;
}

@media (min-width: 768px) {
    .store-games .navbar-nav .nav-item {
        padding: .875rem 1.75rem;
        opacity: .2;
    }
}

.store-games .navbar-nav .nav-item.active, .store-games .navbar-nav .nav-item:hover {
    opacity: 1;
}

@media (max-width: 768px) {
    .store-games .navbar-nav .nav-item.active .nav-link {
        background-color: rgba(90, 209, 232, 0.1);
    }
}

.store-games .navbar-nav .nav-item .nav-link {
    font-weight: 700;
    color: var(--bs-white);
    padding: 0;
}

@media (max-width: 768px) {
    .store-games .navbar-nav .nav-item .nav-link {
        padding: .875rem 1.25rem;
        white-space: nowrap;
        text-align: center;
        font-size: .875rem;
        display: flex;
        width: 100%;
    }
}

.store-games .navbar-nav .nav-item .nav-link img {
    margin: 0 .75rem 0 0;
    height: 24px;
}

@media (min-width: 768px) {
    .store-games .navbar-nav .nav-item .nav-link img {
        margin: 0 .75rem 0 0;
        height: 36px;
    }
}

.store-games__site-description {
    padding: 1rem 1.75rem;
    align-items: center;
    font-size: .875rem;
    display: none;
}

@media (min-width: 1620px) {
    .store-games__site-description {
        display: flex;
    }
}

.store-games__site-description svg {
    height: 1.25rem;
    width: 1.25rem;
    margin-right: .75rem;
    font-size: 1.5rem;
}

.navbar__message {
    justify-content: center;
    background: #2b2c45;
    padding: 1rem 1.75rem;
    align-items: center;
    text-align: center;
    font-size: .875rem;
    display: flex;
    width: 100%;
}

.navbar__message .fas {
    margin-right: .75rem;
    font-size: 1.5rem;
}

#wrapper {
    flex-direction: column;
    min-height: 100%;
    display: flex;
}

#main {
    margin: 1.5rem 0 0;
}


@media (min-width: 992px) {
    #main {
        margin: 1.5rem 0 6rem;
    }
}

@media (max-width: 575px) {
    .reverse-sm {
        flex-direction: column-reverse;
    }

    .reverse-sm #page-heading h1, .reverse-sm #page-heading .h1 {
        margin: 0 !important;
    }
}

#content .card {
    margin-top: 2rem;
    color: #cbcbd3;
    width: 100%;
}

#content .card h3, #content .card .h3 {
    margin-bottom: 1rem;
    font-size: 1rem;
    color: var(--bs-white);
}

.alert {
    font-weight: 700;
    display: flex;
}

.alert .fas {
    margin-right: .5rem;
}

.alert.main-alert {
    width: auto;
    display: inline-flex;
    margin-left: auto;
    margin-right: auto;
    padding: .75rem 1rem;
    align-items: center;
    border-radius: .75rem;
}

.alert.main-alert.alert-danger {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: var(--bs-white);
}

.alert.main-alert.alert-warning {
    background-color: #f3b61f;
    border-color: #f3b61f;
    color: var(--bs-white);
}

.alert.main-alert.alert-success {
    background-color: #61a911;
    border-color: #61a911;
    color: var(--bs-white);
}

.alert.main-alert.alert-info {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
}

.alert.main-alert a {
    color: rgba(255, 255, 255, .65);
}

.alert.main-alert a:hover {
    color: var(--bs-white);
}

.alert.main-alert .fas {
    margin-right: 1rem;
    font-size: 1.5rem;
}

.global-alert {
    background-color: #7b190f;
    text-align: center;
    font-weight: 700;
    color: #fdf2f1;
    padding: 1rem;
}

@media (min-width: 992px) {
    .global-alert {
        padding: 1.25rem 1.5rem;
    }
}

.global-alert__icon {
    margin: 0 auto .5rem;
    height: 1.5rem;
    width: 1.5rem;
    display: none;
}

@media (min-width: 992px) {
    .global-alert__icon {
        display: inline-block;
        margin-right: .75rem;
        margin-bottom: 0;
        height: 1.5rem;
        width: 1.5rem;
    }
}

.badge-primary-soft {
    background-color: rgba(90, 209, 232, .2);
    color: var(--bs-primary);
}

.badge-primary-soft[href]:hover, .badge-primary-soft[href]:focus {
    background-color: rgba(90, 209, 232, .4);
    color: var(--bs-primary);
}

.badge-secondary-soft {
    background-color: rgba(50, 51, 81, .2);
    color: #323351;
}

.badge-secondary-soft[href]:hover, .badge-secondary-soft[href]:focus {
    background-color: rgba(50, 51, 81, .4);
    color: #323351;
}

.badge-success-soft {
    background-color: rgba(97, 169, 17, .2);
    color: #61a911;
}

.badge-success-soft[href]:hover, .badge-success-soft[href]:focus {
    background-color: rgba(97, 169, 17, .4);
    color: #61a911;
}

.badge-info-soft {
    background-color: rgba(90, 209, 232, .2);
    color: var(--bs-primary);
}

.badge-info-soft[href]:hover, .badge-info-soft[href]:focus {
    background-color: rgba(90, 209, 232, .4);
    color: var(--bs-primary);
}

.badge-warning-soft {
    background-color: rgba(243, 182, 31, .2);
    color: #f3b61f;
}

.badge-warning-soft[href]:hover, .badge-warning-soft[href]:focus {
    background-color: rgba(243, 182, 31, .4);
    color: #f3b61f;
}

.badge-danger-soft {
    background-color: rgba(231, 76, 60, .2);
    color: #e74c3c;
}

.badge-danger-soft[href]:hover, .badge-danger-soft[href]:focus {
    background-color: rgba(231, 76, 60, .4);
    color: #e74c3c;
}

.badge-light-soft {
    background-color: rgba(82, 83, 132, .2);
    color: #525384;
}

.badge-light-soft[href]:hover, .badge-light-soft[href]:focus {
    background-color: rgba(82, 83, 132, .4);
    color: #525384;
}

.badge-dark-soft {
    background-color: rgba(27, 28, 44, .2);
    color: #1b1c2c;
}

.badge-dark-soft[href]:hover, .badge-dark-soft[href]:focus {
    background-color: rgba(27, 28, 44, .4);
    color: #1b1c2c;
}

.badge.badge-light {
    background-color: var(--bs-white);
    color: var(--bs-primary);
}

.btn {
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: .625rem;
    --bs-btn-font-size: .875rem;
    --bs-btn-font-weight: 700;
    --bs-btn-color: var(--bs-white);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: .5rem;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-active-border-color: transparent;
    display: inline-flex;
    align-items: center;
}

.btn-sm, .btn-group-sm > .btn {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-font-weight: 600;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.btn-secondary {
    --bs-btn-bg: #42486b;
    --bs-btn-border-color: #555e8b;
    --bs-btn-active-bg: #495b7e;
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-hover-bg: #4c537b;
    --bs-btn-hover-border-color: #5f689b;
}

.btn-secondary:not(.btn-sm):not(.active) .btn-icon {
    color: #b0b0ce;
}

.btn-warning {
    --bs-btn-bg: #9e7700;
    --bs-btn-border-color: #b88a00;
    --bs-btn-color: #fff;
    --bs-btn-active-bg: #b88a00;
    --bs-btn-active-border-color: #d19d00;
    --bs-btn-hover-bg: #b88a00;
    --bs-btn-hover-border-color: #d19d00;
    --bs-btn-hover-color: #fff;
}

.btn-danger {
    --bs-btn-bg: #941a25;
    --bs-btn-border-color: #aa1d2b;
    --bs-btn-active-bg: #bf2130;
    --bs-btn-active-border-color: #d52536;
    --bs-btn-hover-bg: #bf2130;
    --bs-btn-hover-border-color: #d52536;
}

.btn-success {
    --bs-btn-bg: #115a38;
    --bs-btn-border-color: #157046;
    --bs-btn-active-bg: #157046;
    --bs-btn-active-border-color: #198553;
    --bs-btn-hover-bg: #157046;
    --bs-btn-hover-border-color: #198553;
}

.btn-tf2shop {
    --bs-btn-bg: #3b80f5;
    --bs-btn-border-color: #5591f6;
    --bs-btn-color: var(--bs-white);
    --bs-btn-active-bg: #5591f6;
    --bs-btn-active-border-color: #3d81f5;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-hover-bg: #4b8bf6;
    --bs-btn-hover-border-color: #649af7;
    --bs-btn-hover-color: var(--bs-white);

    white-space: nowrap;
}

.btn-sm svg, .btn-group-sm > .btn svg {
    margin-right: .5rem;
    flex-shrink: 0;
    height: .75rem;
    width: .75rem;
}

.btn .fas, .btn .btn-icon {
    margin-right: .5rem;
}

.btn .btn-icon {
    height: 16px;
    width: 16px;
}

.btn .btn-description {
    color: rgba(255, 255, 255, .7);
    margin-left: .5rem;
    font-size: .75rem;
}

.btn.btn-steam {
    background-color: #004c72;
    border-color: #006da3;
}

.btn.btn-steam:hover {
    background-color: #005C8a;
    color: var(--bs-white);
    border-color: #007ebd;
}

.btn.btn-steam .fab {
    margin-right: 0.25rem;
    margin-left: .5rem;
}

.btn-primary {
    --bs-btn-border-color: var(--bs-primary-400);
    --bs-btn-bg: var(--bs-primary-500);
    --bs-btn-disabled-bg: var(--bs-primary-800);
    --bs-btn-disabled-border-color: var(--bs-primary-700);
    --bs-btn-disabled-color: var(--bs-primary-200);
}

.btn.btn-primary:not(:disabled):hover {
    border-color: var(--bs-primary-400);
    background-color: var(--bs-primary-400);
    color: var(--bs-white);
}

.btn.btn-primary .btn-icon {
    color: #e0f6fb;
}

.btn.btn-danger .btn-icon {
    color: #f29f97;
}

.btn.btn-warning .btn-icon {
    color: #ffd452;
}

.btn.btn-success .btn-icon {
    color: #98ecc5;
}

.btn-light {
    --bs-btn-color: #323351;
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-primary-800);
    --bs-btn-hover-bg: var(--bs-primary-50);
    --bs-btn-hover-border-color: var(--bs-primary-50);
    --bs-btn-disabled-bg: var(--bs-white);
    --bs-btn-disabled-border-color: var(--bs-white);
}

.btn.btn-sticky {
    box-shadow: 0 0 2rem 0 rgba(15, 17, 30, .25);
    align-items: baseline;
    margin: 1.5rem auto 0;
    position: sticky;
    display: flex;
    bottom: 1rem;
    z-index: 99;
}

.btn-close {
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-color: var(--bs-white);
}

.card {
    --bs-card-bg: #323351;
    --bs-border-width: 1px;
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
    --bs-card-title-color: var(--bs-white);
    --bs-card-title-spacer-y: 1.5rem;
}

.card--gradient {
    background-image: radial-gradient(circle at 50% 0%, rgba(90,209,232,0.10) 0%, rgba(32,35,52,0.10) 100%);
}

.card-title {
    font-size: 1rem;
    font-weight: 600;
}

.card video {
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--bs-border-color-translucent);
    margin-bottom: 1rem;
}

.card .table-striped td {
    --bs-table-color: var(--bs-body-color);
    --bs-table-striped-color: var(--bs-table-color);
}

.card.card-info::after {
    font-family: 'font awesome 5 free';
    right: calc(-1.5rem / 2);
    top: calc(-1.5rem / 2);
    line-height: 1.5rem;
    position: absolute;
    font-size: 1.5rem;
    content: "\f05a";
    color: var(--bs-primary);
}

.card.card-danger {
    background-color: #e74c3c;
    flex-direction: row;
    max-width: 670px;
    display: flex;
    padding: 5rem;
}

.card.card-danger .card-icon {
    margin-right: 2rem;
}

.card.card-danger .card-content h5 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.card.card-danger .card-content .btn {
    background-color: var(--bs-white);
    margin-top: .5rem;
    color: #e74c3c;
}

.card.card-danger .card-content .btn:hover {
    background-color: rgba(255, 255, 255, .9);
}

.card.card-fund {
    transition: border-color 0.125s ease-in-out;
    border: 3px solid #323351;
    text-align: center;
    cursor: pointer;
}

.card.card-fund:hover {
    border-color: var(--bs-primary);
}

.card.card-fund.selected {
    border-color: var(--bs-primary);
}

.card.card-fund.selected::before {
    font-family: "font awesome 5 free";
    font-size: 1.5rem;
    position: absolute;
    content: "\f058";
    color: var(--bs-primary);
    right: .625rem;
    top: .325rem;
}

.card.card-fund.popular .card-body {
    padding: 1.25rem;
    height: 132px;
}

.card.card-fund .card-body {
    padding: 2.25rem 1.375rem;
}

.card.card-fund .fund-label {
    position: absolute;
    color: var(--bs-primary);
    bottom: 1rem;
    width: auto;
    right: 0;
    left: 0;
}

.card .card-head {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 1rem;
    font-size: .75rem;
    display: flex;
}

@media (min-width: 992px) {
    .card .card-head {
        flex-direction: row;
    }
}

.card .card-head h3, .card .card-head .h3 {
    margin-right: 1rem;
    margin-bottom: 0;
}

.card .card-head .input-group-text {
    padding-left: 1.25rem;
}

.card .card-head .btn-expand {
    background-color: transparent;
    cursor: pointer;
    color: var(--bs-primary);
    border: none;
    padding: 0;
}

.card .card-head .btn-expand:hover {
    transition: transform .75s ease-in-out;
    transform: scale(1.5);
}

.card__message-icon {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, .05);
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card__message-icon > svg {
    width: 24px;
    height: 24px;
}

.nav {
    --bs-nav-link-color: var(--bs-white);
}

.nav-link:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.nav-underline {
    gap: 1.5rem;
}

.nav-link {
    padding: .75rem 1.25rem;
}

.nav-link:hover, .nav-link:focus {
    color: var(--bs-primary-400);
}

.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
    color: var(--bs-primary);
}

.head-tools {
    flex-direction: column;
    margin-top: 1rem;
    display: flex;
    width: 100%;
    gap: .75rem;
}

@media (min-width: 768px) {
    .head-tools {
        flex-direction: row;
        margin-left: auto;
        margin-top: 0;
        width: auto;
    }
}

.head-tools .head-tools__form svg {
    height: .75rem;
    width: .75rem;
}

.head-tools .head-tools__form .form-control,
.head-tools .head-tools__form .input-group-text {
    background-color: #3c4262;
    border-color: #464d72 !important;
    padding: .25rem .5rem !important;
    border-radius: .25rem;
    font-size: .75rem;
}

.head-tools .nav {
    align-items: center;
    margin-right: auto;
    flex-wrap: nowrap;
}

@media (min-width: 768px) {
    .head-tools .nav {
        margin-left: 2rem;
    }
}

.head-tools .nav {
    gap: 1rem;
}

.head-tools .nav-link {
    padding: .25rem .75rem;
    background-color: #3c4262;
    border: 1px solid #464d72;
    border-radius: .25rem;
    align-items: center;
    font-size: .75rem;
    color: var(--bs-white);
    display: flex;
}

.head-tools .nav .nav-link:hover {
    background-color: #464d72;
    border: 1px solid #4f5782;
}

.head-tools .nav .nav-link.is-active {
    background-color: rgba(var(--bs-primary-rgb), .2);
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

.head-tools .nav-link svg {
    height: .75rem;
    width: .75rem;
    margin-right: .5rem;
}

.card .card-body .card-title .fas {
    margin-right: .5rem;
    color: var(--bs-primary);
}

.card .card-chart {
    padding-bottom: 3.25rem;
    max-height: 500px;
}

.card .pagination {
    margin-bottom: 0;
}

.form-label svg {
    margin-right: .375rem;
    height: .75rem;
    width: .75rem;
}

.form-label--required {
    position: relative;
}

.form-label--required::after {
    content: '*';
    color: var(--bs-danger);
    margin-left: .5ch;
}

.form-check {
    padding-left: 2rem;
}

.form-check-label {
    font-size: .875rem;
    font-weight: 500;
}

.form-check-input {
    --bs-form-check-bg: #202334;

    margin-left: -2rem;
    width: 1.25rem;
    height: 1.25rem;
}

.form-check-input[type="checkbox"] {
    border-radius: .375rem;
    margin-left: -2rem;
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.custom-control.payment-radio {
    margin: 1rem 0;
    opacity: .5;
}

.custom-control.payment-radio.selected {
    opacity: 1;
}

.custom-control.payment-radio img {
    margin-left: .75rem;
    height: 30px;
}

.dropdown-menu {
    --bs-dropdown-divider-bg: #484a75;
    --bs-dropdown-header-color: #d0d0e2;
    --bs-dropdown-font-size: .875rem;
    --bs-dropdown-link-hover-color: var(--bs-primary);
    --bs-dropdown-link-hover-bg: #157f94;

    box-shadow: 0 0 32px 0 rgba(0, 0, 0, .25);
    background-image: linear-gradient(180deg, rgba(51, 119, 132, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background-color: #323351;
    padding: .875rem 0;
    margin-top: .5rem;
    border: none;
}

.dropdown-menu.scrollable-menu {
    overflow-x: hidden;
    max-height: 480px;
    height: auto;
}

.dropdown-item {
    padding: .5rem 1.25rem;
    align-items: center;
    display: flex;
    color: var(--bs-white);
}

.dropdown-item:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.dropdown-item:hover, .dropdown-item:hover > .dropdown-item__icon {
    color: var(--bs-primary-300);
}

.dropdown-item__icon {
    margin-right: .75rem;
    color: #96B9CF;
    height: 1.25rem;
    width: 1.25rem;
}

.dropdown-item__icon--admin {
    color: var(--bs-red);
}

.dropdown-item__icon--admin-secondary {
    color: var(--bs-orange);
}

.dropdown-item__icon--pricing {
    color: var(--bs-green);
}

.dropdown .dropdown-menu .dropdown-item.active {
    background-color: rgba(90, 209, 232, 0.2);
    font-weight: 700;
    color: var(--bs-primary-300);
}

.dropdown .dropdown-menu .dropdown-item.active .dropdown-item__icon {
    color: var(--bs-primary-300);
}

.dropdown .dropdown-menu .dropdown-item .select-ul-emblem {
    border-radius: .5rem;
    margin-right: .75rem;
    max-height: 24px;
    max-width: 24px;
    height: 100%;
    width: 100%;
}

.dropdown .dropdown-menu .dropdown-item .badge {
    margin-left: .5rem;
}

.form-control,
.input-group-text,
.form-select {
    background-color: #202334;
    border-color: #3e4065;
    border-radius: .5rem;
}

.form-control,
.form-select {
    padding: .75rem 1.5rem;
    font-size: .875rem;
    color: var(--bs-white);,
}

.form-control:focus {
    border-color: rgba(var(--bs-primary-rgb), 0.5);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.05);
    color: var(--bs-white);
}

.form-control:disabled {
    background-color: var(--bs-gray-800);
    border-color: var(--bs-gray-700);
}

.form-control::placeholder {
    font-weight: 500;
    color: #adadb9;
}

.form-control:disabled::placeholder {
    color: var(--bs-gray-400);
}

.form-control[type=number] {
    -moz-appearance: textfield;
}

.form-control[type=number]::-webkit-inner-spin-button, .form-control[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

.form-control-lg {
    height: calc(2em + 1rem + 2px);
    border-radius: .75rem;
    padding: 1rem 1.5rem;
    text-align: center;
    font-weight: 700;
    font-size: 2rem;
    color: var(--bs-primary);
}

.form-control-sm {
    border-radius: var(--bs-border-radius-lg);
    padding: .25rem .875rem;
    font-size: .875rem;
}

.form-control-sm + .input-group-text svg {
    height: .75rem;
    width: .75rem;
}

.form-control-file::-webkit-file-upload-button,
.form-control-file::file-selector-button {
    background-color: var(--bs-white);
    color: var(--bs-body-bg);
    padding: .375rem 1rem;
    border: none;
    border-radius: .375rem;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 600;
    margin-right: .75rem;
}

.form-control-file::file-selector-button:hover {
    background-color: var(--bs-primary-100);
    color: var(--bs-primary-700);
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23b0b0ce' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

    background-position: right 1.5rem center;
    font-weight: 500;
    height: auto;
}

.form-select-sm {
    background-position: right .5rem center;
}

.form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.form-text {
    display: block;
    color: #cbcbd3;
    font-weight: 500;
}

.form-text svg {
    margin-right: 0.25rem;
    height: .75rem;
    width: .75rem;
}

.input-group {
    min-width: 200px;
}

.input-group-text svg {
    height: 1rem;
    width: 1rem;
}

.input-group-text + .form-control {
    padding-left: .75rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem;
    border-radius: .5rem;
}

.list-group .list-group-item:last-child {
    border-bottom-width: 0;
}

.list-group-item {
    border-width: 0 0 2px;
}

.modal {
    --bs-modal-border-radius: 1rem;
    --bs-modal-bg: #323351;
}

.modal-header,
.modal-footer {
    border: none;
}

.modal-header .fas {
    margin-right: .5rem;
    color: var(--bs-primary);
}

.modal-content {
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, .5);
}

.modal-content textarea {
    min-height: 350px;
}

.modal-header {
    border-bottom: 1px solid #3e4065;
    padding: 1.25rem 2rem 1rem;
}

.modal-body {
    padding: 1.5rem 2rem 2rem;
}

.modal-footer {
    padding: 0 2rem 1.5rem;
}

.modal-form .form-control.textarea-md {
    min-height: 130px;
}

.modal-form .raffle-list__item-goods {
    max-height: 128px;
    overflow-y: auto;
    flex-wrap: wrap;
}

.modal-form .raffle-list .raffle-item-good {
    margin: 0 .5rem .5rem 0;
}

.modal-form .raffle-list .raffle-item-good.selectable {
    cursor: pointer;
}

.modal-form .raffle-list .raffle-item-good.is-selected {
    border: 2px solid var(--bs-primary);
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--bs-primary-500);
    --bs-nav-pills-border-radius: .5rem;
    --nav-pills-border-radius: var(--bs-nav-pills-border-radius);
}

.nav-pills .nav-item .btn {
    padding: .5rem 1rem;
}

.nav-pills .nav-link {
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    background-color: #42486b;
    border: 1px solid #555E8b;
    margin-left: 1rem;
    font-weight: 700;
}

.nav-pills .nav-link svg {
    margin-right: .75rem;
    height: 1rem;
    width: 1rem;
}

.nav-pills .nav-link.active {
    border-color: var(--bs-nav-pills-link-active-bg);
}

.nav-pills .nav-link.active svg {
    color: var(--bs-primary-200);
}

.nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    background-color: #1eb9d7;
    border-color: #1eb9d7;
}

.nav-pills .nav-link:hover, .nav-pills .nav-link:focus {
    background-color: #535688;
    border-color: #6A6DA4;
    color: var(--bs-white);
}

.support__summary-card {
    flex-direction: column;
    display: flex;
}

@media (min-width: 567px) {
    .support__summary-card {
        flex-direction: row;
    }
}

.support__summary-card > div {
    flex: 1;
}

.support__summary {
    border-bottom: 1px solid var(--bs-border-color);
}

@media (min-width: 567px) {
    .support__summary {
        border-right: 1px solid var(--bs-border-color);
        border-bottom: 0;
    }
}

.support__summary-numbers {
    justify-content: space-between;
    flex-direction: column;
    display: flex;
    gap: 1rem;
}

@media (min-width: 767px) {
    .support__summary-numbers {
        flex-direction: row;
        gap: 1.5rem;
    }
}

.support__summary-numbers > div {
    flex: 1;
}

.support__summary-number-total {
    font-weight: 600;
    color: var(--bs-white);
    font-size: 1.25rem;
    display: block;
}

.support__summary-icon {
    flex-shrink: 0;
    margin-top: .25rem;
    height: 1.5rem;
    width: 1.5rem;
}

.support__summary-item {
    display: flex;
    gap: 1rem;
}

@media (min-width: 992px) {
    .support__summary-content {
        width: 40%;
    }
}

.support-create__title-step {
    border-radius: 50%;
    background-color: var(--bs-white);
    font-size: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-body-bg);
    height: 1.5rem;
    width: 1.5rem;
}

.support-details__main {
    margin-bottom: 2rem;
}

.support-details__status {
    border-top-right-radius: var(--bs-card-border-radius);
    border-top-left-radius: var(--bs-card-border-radius);
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    color: #a3a3a3;
    padding: 1.5rem;
    margin: -1px;
    flex-direction: column;
}

@media (min-width: 767px) {
    .support-details__status {
        flex-direction: row;
    }
}

.support-details__status-container {
    flex-direction: row;
    display: flex;
    gap: .75rem;
}

.support-details__status-body {
    margin-top: -.25rem;
}

.support-details__status-icon {
    color: var(--bs-success);
    flex-shrink: 0;
    height: 1.25rem;
    width: 1.25rem;
}

.support-details__status-title {
    font-weight: 600;
    color: var(--bs-white);
    font-size: 1.125rem;
    display: block;
}

.support-details__status-button {
    margin-left: auto;
}

@media (max-width: 768px) {
    .support-details__status-button {
        display: flex;
        justify-content: center;
        margin-left: 2rem;
        width: calc(100% - 2rem);
    }
}

.support-details__status--resolved {
    background-image: radial-gradient(circle at 50% 2%, rgba(97,169,17,0.21) 0%, rgba(97,169,17,0.00) 98%);
    background-color: #263031;
    border: 1px solid rgba(var(--bs-success-rgb), .1);
}

.support-details__information {
    flex-direction: column;
    display: flex;
}

@media (min-width: 767px) {
    .support-details__information {
        flex-direction: row;
    }
}

.support-details__information-item {
    flex-direction: column;
    padding: 1.25rem;
    display: flex;
    gap: .25rem;
    flex: 1;
    color: var(--bs-white);
}

.support-details__information-item:not(:last-child) {
    border-bottom: 1px solid var(--bs-border-color);
}

@media (min-width: 767px) {
    .support-details__information-item:not(:last-child) {
        border-right: 1px solid var(--bs-border-color);
        border-bottom: none;
    }
}

.support-details__information-title {
    color: var(--bs-gray-300);
    font-weight: 600;
    display: block;
}

.support-details__messages-title {
    margin-bottom: 1rem;
    font-weight: 600;
    color: var(--bs-white);
    font-size: 1.125rem;
    display: block;
}

.support-details__messages {
    flex-direction: column;
    display: flex;
    gap: 1rem;
}

.support-details__message-item {
    flex-direction: column;
    width: 85%;
    display: flex;
    gap: .625rem;
}

@media (min-width: 767px) {
    .support-details__message-item {
        width: 66%;
    }
}

.support-details__message-avatar {
    object-position: center;
    border-radius: 50%;
    object-fit: cover;
    height: 1.5rem;
    width: 1.5rem;
}

.support-details__message-container {
    flex-direction: row-reverse;
    align-items: flex-end;
    display: flex;
    gap: 1rem;
}

.support-details__message-item--self {
    margin-left: auto;
}

.support-details__message-body {
    background-color: #171717;
    border: 1px solid #262626;
    border-radius: .75rem;
    padding: 1rem;
}

.support-details__message-item--self .support-details__message-container {
    flex-direction: row;
}

.support-details__message-item--self .support-details__message-body {
    border-color: rgba(var(--bs-primary-300-rgb), .2);
    background-color: #39526c;
    color: #e5e5e5;
}

.support-details__message-item--self .support-details__message-date {
    text-align: right;
}

.support-details__message-date {
    font-size: .75rem;
}

.separator {
    position: relative;
    text-align: center;
    font-size: .75rem;
    display: block;
    width: 100%;
}

.separator::before {
    border-top: 1px solid var(--bs-border-color);
    width: calc(50% - 1.5rem);
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 0;
}

.separator::after {
    border-top: 1px solid var(--bs-border-color);
    width: calc(50% - 1.5rem);
    position: absolute;
    display: block;
    content: '';
    right: 0;
    top: 50%;
}

.separator--md {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.card-message {
    height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.card-message__icon {
    background-color: rgba(var(--bs-white-rgb), .05);
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 4rem;
    width: 4rem;
}

.card-message__icon > svg {
    height: 2rem;
    width: 2rem;
}

.items-list-full .item,
.items-grid .item {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-size: cover;
    flex-direction: column;
}

.items-list-full .item .item-picture,
.items-grid .item .item-picture {
    width: 100%;
}

@media (max-width: 380px) {
    .items-list-full .item .item-picture,
    .items-grid .item .item-picture {
        max-height: 120px;
    }
}

.items-list-full .item .item-head,
.items-grid .item .item-head {
    justify-content: space-between;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    align-items: flex-start;
    flex-direction: row;
    position: absolute;
    font-weight: 700;
    padding: .5rem;
    display: flex;
    width: 100%;
    z-index: 1;
}

.items-list-full .item .item-head .item-quantity,
.items-grid .item .item-head .item-quantity {
    background-color: #394a67;
    color: var(--bs-primary);
    padding: 0.125rem .5rem;
    border-radius: .25rem;
}

.items-list-full .item .item-info,
.items-grid .item .item-info {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.items-list-full .item .item-info .item-price,
.items-grid .item .item-info .item-price {
    margin-bottom: 0.25rem;
    margin-top: -12px;
}

.items-list-full .item .item-info .item-price i.price-high,
.items-grid .item .item-info .item-price i.price-high {
    right: 20px;
}

.items-list-full .item .item-info .item-name,
.items-grid .item .item-info .item-name {
    padding: .75rem .75rem .875rem;
    align-items: center;
    text-align: center;
    font-size: .675rem;
    display: block;
    width: 100%;
}

.items-list-full .item .item-info .item-name.item-name--effect,
.items-grid .item .item-info .item-name.item-name--effect {
    background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.85) 100%);
}

.items-list, .items-inventory {
    padding: 0;
    margin: 0;
}

.items-list.items-list-full,
.items-inventory.items-list-full {
    grid-template-columns:repeat(auto-fill, 100%);
    grid-gap: 1.25rem;
    display: grid;
}

@media (min-width: 370px) {
    .items-list.items-list-full, .items-inventory.items-list-full {
        grid-template-columns:repeat(auto-fill, calc(50% - .675rem));
    }
}

@media (min-width: 576px) {
    .items-list.items-list-full, .items-inventory.items-list-full {
        grid-template-columns:repeat(auto-fill, calc(33.3333% - .875rem));
    }
}

@media (min-width: 768px) {
    .items-list.items-list-full, .items-inventory.items-list-full {
        grid-template-columns:repeat(auto-fill, calc(25% - 1rem));
    }
}

@media (min-width: 992px) {
    .items-list.items-list-full, .items-inventory.items-list-full {
        grid-template-columns:repeat(auto-fill, calc(20% - 1.125rem));
    }
}

@media (min-width: 1200px) {
    .items-list.items-list-full, .items-inventory.items-list-full {
        grid-template-columns:repeat(auto-fill, calc(14.25% - 1.125rem));
    }
}

@media (min-width: 1800px) {
    .items-list.items-list-full, .items-inventory.items-list-full {
        grid-template-columns:repeat(auto-fill, calc(10% - 1.175rem));
    }
}

.items-list a, .items-inventory a {
    display: flex;
}

.items-list a:hover, .items-inventory a:hover {
    text-decoration: none;
}

.item {
    --ms-item-border-radius: .5rem;
}

.items-list .item, .items-inventory .item {
    align-items: center;
    border: 1px solid #3E4065;
    background-color: #323351;
    border-radius: var(--ms-item-border-radius);
    position: relative;
    cursor: pointer;
    display: flex;
    color: var(--bs-white);
    width: 100%;
}

.items-list .item, .items-grid .items-inventory .item {
    height: 200px;
}

.items-list .items-inventory .item {
    height: auto;
}

.items-list .item:hover .item-thumbnail, .items-inventory .item:hover .item-thumbnail {
    animation: rotateWeapon .4s linear infinite;
}

.items-list .item.selected,
.items-inventory .item.selected {
    border-color: var(--bs-primary);
}

.items-list .item.selected::before,
.items-inventory .item.selected::before {
    border-radius: calc(var(--ms-item-border-radius) - 1px);
    border: 2px solid var(--bs-primary);
    position: absolute;
    height: 100%;
    content: '';
    z-index: 99;
    width: 100%;
}

.items-list .item .item-thumbnail, .items-inventory .item .item-thumbnail {
	max-height: 100%;
    max-width: 75%;
    margin: auto;
}

.items-list .item .item-thumbnail {
    position: absolute;
    top: 1rem;
}

.items-list .items-inventory .item .item-thumbnail {
    position: static;
}

@media (max-width: 380px) {
    .items-list .item .item-thumbnail {
        max-height: 120px;
    }
}

.items-list .item .item-head .item-quantity, .items-inventory .item .item-head .item-quantity {
    white-space: nowrap;
    font-size: .625rem;
    margin-left: auto;
}

.items-list .item .item-head .item-quantity::after, .items-inventory .item .item-head .item-quantity::after {
    content: 'x';
}

.items-list .item .item-head .item-discount, .items-inventory .item .item-head .item-discount {
    padding: 0.125rem 0.25rem;
    background-color: #463a55;
    border-radius: 0.25rem;
    margin-right: .75rem;
    color: #f88d8c;
    white-space: nowrap;
    font-size: .625rem;
}

.items-list .item .item-head .item-discount::before, .items-inventory .item .item-head .item-discount::before {
    content: '-';
}

.items-list .item .item-head .item-discount::after, .items-inventory .item .item-head .item-discount::after {
    content: ' %';
}

.items-list .item .item-info .item-name, .items-inventory .item .item-info .item-name {
    text-shadow: 0 2px 0 rgba(0,0,0,0.50);
    justify-content: space-between;
    flex-direction: column;
    font-size: .5rem .75rem;
    font-weight: 700;
    padding: .75rem;
    display: flex;
    margin: 0;
}

.items-list .item .item-info .item-name a, .items-inventory .item .item-info .item-name a {
    color: var(--bs-white);
}

.items-list .item .item-info .item-name a:hover, .items-inventory .item .item-info .item-name a:hover {
    text-decoration: none;
}

.items-list .item .item-info .item-price, .items-inventory .item .item-info .item-price {
    justify-content: center;
    padding: 0.375rem .5rem;
    background: var(--bs-primary);
    border-radius: 0 0 calc(var(--ms-item-border-radius) - 1px) calc(var(--ms-item-border-radius) - 1px);
    align-items: center;
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
    display: flex;
}

.items-list .item .item-info .item-price i.price-high, .items-inventory .item .item-info .item-price i.price-high {
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: absolute;
    font-size: .75rem;
    display: flex;
}

.items-list .item .item-info .item-lowest-price, .items-list .item .item-info .item-highest-price, .items-list .item .item-info .item-actions, .items-inventory .item .item-info .item-lowest-price, .items-inventory .item .item-info .item-highest-price, .items-inventory .item .item-info .item-actions {
    display: none;
}

.items-list .item .item-info .item-actions,
.items-inventory .item .item-info .item-actions {
    gap: .75rem;
}

.items-list .item .item-info .item-actions .btn:first-child, .items-inventory .item .item-info .item-actions .btn:first-child {
    margin-left: 0;
}

.items-list .item .item-info .item-actions .btn:last-child, .items-inventory .item .item-info .item-actions .btn:last-child {
    margin-right: 0;
}

.items-list .item.unique .item-price, .items-list .item.unique .price-high, .items-inventory .item.unique .item-price, .items-inventory .item.unique .price-high {
    background-color: #f3b61f;
    color: var(--bs-gray-900);
}

.items-list .item.unique .item-name-description, .items-inventory .item.unique .item-name-description {
    color: #f3b61f;
}

.items-list .item.vintage .item-price, .items-list .item.vintage .price-high, .items-inventory .item.vintage .item-price, .items-inventory .item.vintage .price-high {
    background-color: #476291;
}

.items-list .item.vintage .item-name-description, .items-inventory .item.vintage .item-name-description {
    color: #476291;
}

.items-list .item.genuine .item-price, .items-list .item.genuine .price-high, .items-inventory .item.genuine .item-price, .items-inventory .item.genuine .price-high {
    background-color: #4d7455;
}

.items-list .item.genuine .item-name-description, .items-inventory .item.genuine .item-name-description {
    color: #4d7455;
}

.items-list .item.unusual .item-price, .items-list .item.unusual .price-high, .items-inventory .item.unusual .item-price, .items-inventory .item.unusual .price-high {
    background-color: #9b59b6;
}

.items-list .item.unusual .item-name-description, .items-inventory .item.unusual .item-name-description {
    color: #c2a3d6;
}

.items-list .item.normal .item-price, .items-list .item.normal .price-high, .items-inventory .item.normal .item-price, .items-inventory .item.normal .price-high {
    background-color: #B2B2B2;
}

.items-list .item.normal .item-name-description, .items-inventory .item.normal .item-name-description {
    color: #B2B2B2;
}

.items-list .item.strange .item-price, .items-list .item.strange .price-high, .items-inventory .item.strange .item-price, .items-inventory .item.strange .price-high {
    background-color: #d35400;
}

.items-list .item.strange .item-name-description, .items-inventory .item.strange .item-name-description {
    color: #d35400;
}

.items-list .item.self-made .item-price, .items-list .item.self-made .price-high, .items-inventory .item.self-made .item-price, .items-inventory .item.self-made .price-high {
    background-color: #27ae60;
}

.items-list .item.self-made .item-name-description, .items-inventory .item.self-made .item-name-description {
    color: #27ae60;
}

.items-list .item.collectors .item-price, .items-list .item.collectors .price-high, .items-inventory .item.collectors .item-price, .items-inventory .item.collectors .price-high {
    background-color: #a00;
}

.items-list .item.collectors .item-name-description, .items-inventory .item.collectors .item-name-description {
    color: #a00;
}

.items-list .item.haunted .item-price, .items-list .item.haunted .price-high, .items-inventory .item.haunted .item-price, .items-inventory .item.haunted .price-high {
    background-color: #38f3ab;
}

.items-list .item.haunted .item-name-description, .items-inventory .item.haunted .item-name-description {
    color: #38f3ab;
}

.items-label {
    flex-direction: row;
    font-size: .75rem;
    padding: .75rem 0;
    display: none;
    width: 100%;
}

@media (min-width: 1200px) {
    .items-label {
        font-size: .875rem;
    }
}

.items-label .items-label__picture {
    width: 70px;
}

.items-label .items-label__main {
    flex-direction: row;
    display: flex;
    width: 100%;
}

.items-label .items-label__main .label-name {
    padding: 0 .5rem;
    width: 30%;
}

.items-label .items-label__main .label-actions {
    padding: 0 .5rem;
    width: 25%;
}

.items-label .items-label__main .label-lowest {
    text-align: center;
    width: 10%;
}

.items-label .items-label__main .label-highest {
    text-align: center;
    width: 15%;
}

@media (min-width: 992px) {
    .items-label .items-label__main .label-highest {
        width: 10%;
    }
}

.items-label .items-label__main .label-price {
    width: 10%;
}

.items-label .items-label__main .label-quantity {
    text-align: center;
    width: 10%;
}

.main-inventory.items-list #page-sidebar {
    display: none;
}

.main-inventory.items-list {
    padding-left: calc(1.5rem * 0.5);
}

.main-inventory.items-list #content {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    width: 100% !important;
}

.main-inventory.items-grid .items-inventory {
    grid-template-columns:repeat(auto-fill, 100%);
    grid-gap: 1.25rem;
    display: grid;
}

@media (min-width: 370px) {
    .main-inventory.items-grid .items-inventory {
        grid-template-columns:repeat(auto-fill, calc(50% - .625rem));
    }
}

@media (min-width: 576px) {
    .main-inventory.items-grid .items-inventory {
        grid-template-columns:repeat(auto-fill, calc(33.3333% - 1.125rem));
    }
}

@media (min-width: 768px) {
    .main-inventory.items-grid .items-inventory {
        grid-template-columns:repeat(auto-fill, calc(25% - 1rem));
    }
}

@media (min-width: 992px) {
    .main-inventory.items-grid .items-inventory {
        grid-template-columns:repeat(auto-fill, calc(20% - 1.125rem));
    }
}

@media (min-width: 1200px) {
    .main-inventory.items-grid .items-inventory {
        grid-template-columns:repeat(auto-fill, calc(16.6666% - 1.125rem));
    }
}

@media (min-width: 1800px) {
    .main-inventory.items-grid .items-inventory {
        grid-template-columns:repeat(auto-fill, calc(10% - 1.25rem));
    }
}

@media (min-width: 768px) {
    .main-inventory.items-list .items-label {
        display: flex;
    }
}

.main-inventory.items-list .items-inventory .item {
    margin-bottom: 1rem;
}

.main-inventory.items-list .items-inventory .item .item-name {
    padding: .75rem .75rem .75rem 0;
    font-size: .875rem;
    width: 100%;
}

@media (min-width: 1200px) {
    .main-inventory.items-list .items-inventory .item .item-name {
        width: 35%;
    }
}

@media (min-width: 768px) {
    .main-inventory.items-list .items-inventory .item .item-name {
        font-size: .75rem;
        width: 30%;
    }
}

.main-inventory.items-list .items-inventory .item .item-picture {
    flex-direction: row-reverse;
    width: 170px;
}

@media (min-width: 768px) {
    .main-inventory.items-list .items-inventory .item .item-picture {
        width: 80px;
    }
}

.main-inventory.items-list .items-inventory .item .item-picture .item-head .item-quantity {
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    font-size: 1rem;
    display: flex;
    height: 100%;
    width: 21%;
    right: 0;
}

@media (max-width: 768px) {
    .main-inventory.items-list .items-inventory .item .item-picture .item-head .item-quantity {
        background: var(--bs-primary);
        border-radius: .75rem;
        padding: 0.25rem .5rem;
        font-size: .75rem;
        height: auto;
        right: auto;
        width: auto;
        left: .75rem;
        top: .75rem;
    }
}

.main-inventory.items-list .items-inventory .item .item-picture .item-head .item-discount {
    position: absolute;
    margin: .5rem;
    left: 0;
}

.main-inventory.items-list .items-inventory .item .item-info {
    flex-direction: column-reverse;
    padding: .25rem .75rem 1rem;
    align-items: center;
    display: flex;
    width: 100%;
}

@media (min-width: 1200px) {
    .main-inventory.items-list .items-inventory .item .item-info {
        padding: 0;
    }
}

@media (min-width: 768px) {
    .main-inventory.items-list .items-inventory .item .item-info {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
}

.main-inventory.items-list .items-inventory .item .item-info .item-price {
    position: absolute;
    border-radius: .25rem;
    padding: .125rem .5rem;
    left: .825rem;
    bottom: .825rem;
    font-size: .625rem;
}

.main-inventory.items-list .items-inventory .item .item-info .item-price.is-high {
    padding-right: 2rem;
}

@media (min-width: 768px) {
    .main-inventory.items-list .items-inventory .item .item-info .item-price {
        width: auto;
    }
}

.main-inventory.items-list .items-inventory .item .item-info .item-price i.price-high {
    right: 5px;
}

.main-inventory.items-list .items-inventory .item .item-info .item-lowest-price, .main-inventory.items-list .items-inventory .item .item-info .item-highest-price, .main-inventory.items-list .items-inventory .item .item-info .item-actions {
    align-items: center;
    text-align: center;
    display: flex;
    width: 100%;
}

@media (min-width: 768px) {
    .main-inventory.items-list .items-inventory .item .item-info .item-lowest-price, .main-inventory.items-list .items-inventory .item .item-info .item-highest-price, .main-inventory.items-list .items-inventory .item .item-info .item-actions {
        width: 10%;
    }
}

.main-inventory.items-list .items-inventory .item .item-info .item-lowest-price, .main-inventory.items-list .items-inventory .item .item-info .item-highest-price {
    justify-content: flex-start;
    padding: .375rem 0;
}

@media (min-width: 768px) {
    .main-inventory.items-list .items-inventory .item .item-info .item-lowest-price, .main-inventory.items-list .items-inventory .item .item-info .item-highest-price {
        justify-content: center;
        padding: 0;
    }
}

.main-inventory.items-list .items-inventory .item .item-info .item-lowest-price .item-price-label, .main-inventory.items-list .items-inventory .item .item-info .item-highest-price .item-price-label {
    margin-right: .5rem;
}

@media (min-width: 768px) {
    .main-inventory.items-list .items-inventory .item .item-info .item-lowest-price .item-price-label, .main-inventory.items-list .items-inventory .item .item-info .item-highest-price .item-price-label {
        display: none;
    }
}

@media (max-width: 768px) {
    .main-inventory.items-list .items-inventory .item .item-info .item-lowest-price, .main-inventory.items-list .items-inventory .item .item-info .item-highest-price {
        font-size: .75rem;
    }

    .main-inventory.items-list .items-inventory .item .item-info .item-lowest-price {
        padding-top: .25rem;
    }

    .main-inventory.items-list .items-inventory .item .item-info .item-highest-price {
        padding-top: .75rem;
        padding-bottom: 0;
    }
}

.main-inventory.items-list .items-inventory .item .item-info .item-actions {
    flex-direction: row;
    width: 100%;
}

@media (min-width: 768px) {
    .main-inventory.items-list .items-inventory .item .item-info .item-actions {
        width: 25%;
    }
}

.items-inventory {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    overflow-x: hidden;
}

.items-inventory::-webkit-scrollbar {
    width: 0 !important;
}

.items-inventory .item {
    display: flex;
}

.items-grid .items-inventory .item .item-picture {
    border-radius: var(--ms-item-border-radius);
    background-color: var(--bs-body-bg);
}

.items-inventory .item .item-picture {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 30px;
    height: 100%;
    display: flex;
}

.items-inventory .item .item-picture .item-thumbnail {
    overflow: hidden;
}

li.fade {
    opacity: 1 !important;
}

.overlay {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    display: none;
    height: 100%;
    width: 100%;
    z-index: 9;
    left: 0;
    top: 0;
}

.overlay--visible {
    display: block;
}

.breadcrumb {
    --bs-breadcrumb-margin-bottom: .25rem;
    --bs-breadcrumb-divider-color: #9191bb;
    --bs-breadcrumb-item-active-color: #d0d0e2;
}

#page-heading {
    margin-bottom: 1.25rem;
    flex-direction: row;
    display: flex;
}

@media (max-width: 992px) {
    #page-heading {
        justify-content: space-between;
        flex-direction: column;
    }
}

@media (min-width: 992px) {
    #page-heading {
        margin-bottom: 3.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1570px) {
    #page-heading {
        margin-bottom: 2.5rem;
    }
}

@media (max-width: 575px) {
    #page-heading {
        margin-bottom: 1.5rem;
    }

    #page-heading .nav {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
        padding: .75rem 1rem;
        background: #292a40;
        position: fixed;
        width: 100%;
        z-index: 9;
        bottom: 0;
        left: 0;
    }

    #page-heading .nav .nav-link {
        margin: .25rem .5rem;
    }
}

@media (max-width: 370px) {
    #page-heading {
        flex-direction: column;
    }

    #page-heading .btn {
        margin: 1rem 0 0 !important;
        justify-content: center;
    }

    #page-heading .items-filters {
        top: 5.5rem !important;
    }
}

@media (min-width: 576px) and (max-width: 1200px) {
    #page-heading.nav-col-sm {
        flex-direction: column;
    }

    #page-heading.nav-col-sm .btn, #page-heading.nav-col-sm .btn-mr {
        margin: 0;
    }

    #page-heading.nav-col-sm .nav {
        margin: 1rem 0 0;
    }

    #page-heading.nav-col-sm .nav .nav-link, #page-heading.nav-col-sm .nav .btn {
        margin: .375rem .25rem;
    }
}

#page-heading h1, #page-heading .h1 {
    margin: 0;
}

#page-heading h1 .title-description, #page-heading .h1 .title-description {
    margin-left: 1.25rem;
    font-size: 1rem;
}

#page-heading .nav {
    align-items: center;
}

@media (min-width: 576px) {
    #page-heading .nav {
        margin-left: auto;
    }
}

#page-heading > .btn {
    width: auto;
}

#page-heading .btn:not(.btn-sm), #page-heading .nav-link {
    padding: .5rem 1rem;
    flex-direction: row;
    align-items: center;
    font-size: .875rem;
    white-space: nowrap;
    margin-bottom: auto;
    margin-top: auto;
    display: flex;
}

@media (min-width: 1770px) {
    #page-heading .btn:not(.btn-sm), #page-heading .nav-link {
        padding: .75rem 1.5rem;
        font-size: .875rem;
    }
}

@media (max-width: 992px) {
    #page-heading .btn:not(.btn-sm), #page-heading .nav-link {
        display: block;
    }
}

#page-heading .items-filters-toggle {
    margin: auto 0 auto auto;
    padding: .5rem 1rem;
    align-items: center;
    font-weight: 700;
    display: flex;
    border: none;
    color: var(--bs-white);
}

@media (min-width: 1200px) {
    #page-heading .items-filters-toggle {
        display: none;
    }
}

#page-heading .items-filters-toggle .fas {
    margin-left: .5rem;
}

#page-heading .items-filters {
    justify-content: flex-start;
    margin-left: auto;
    flex-wrap: wrap;
}

@media (min-width: 1200px) {
    #page-heading .items-filters {
        display: flex;
    }
}

@media (min-width: 1200px) and (max-width: 1770px) {
    #page-heading .items-filters {
        flex-wrap: wrap;
        margin-left: auto;
    }
}

#page-heading .items-filters > * {
    margin: auto .375rem;
}

@media (min-width: 1770px) {
    #page-heading .items-filters > * {
        margin: .25rem .5rem;
    }
}

#page-heading .items-filters .input-group {
    margin-right: .5rem;
    margin-left: .5rem;
    max-width: 170px;
}

@media (min-width: 1770px) {
    #page-heading .items-filters .input-group {
        margin-right: 2.5rem;
        margin-left: 2.5rem;
    }
}

#page-heading .items-filters .input-group-text {
    padding: .5rem .25rem .5rem 1rem;
}

@media (min-width: 1770px) {
    #page-heading .items-filters .input-group-text {
        padding-right: .25rem;
        padding-left: 1.5rem;
    }
}

#page-heading .items-filters .form-control {
    padding: .875rem .5rem;
    font-size: .875rem;
    height: 40px;
}

@media (min-width: 1770px) {
    #page-heading .items-filters .form-control {
        height: calc(1.5em + 1.75rem + 2px);
        padding: .875rem .75rem;
        font-size: 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1770px) {
    #page-heading .items-filters .dropdown {
        margin: .75rem .375rem;
    }
}

#page-heading .items-filters .dropdown .btn {
    color: #adadb9;
}

#page-heading .items-filters .dropdown .btn.is-active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
}

#page-heading .items-filters .dropdown .btn .select-ul-emblem {
    border-radius: .375rem;
    margin-right: .625rem;
    height: 24px;
}

#page-heading .items-filters .dropdown .dropdown-toggle::after {
    margin-left: .75rem;
}

@media (min-width: 1200px) {
    #page-heading .items-filters .dropdown.dropdown-sort {
        margin-left: 1rem;
    }
}

@media (max-width: 992px) {
    #page-heading .items-filters .dropdown.dropdown-sort {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }
}

@media (max-width: 1200px) {
    #page-heading .items-filters {
        box-shadow: 0 0 32px 0 #000;
        width: calc(100% - 2rem);
        border-radius: .5rem;
        background: #323351;
        position: absolute;
        padding: 1rem;
        margin: 1rem;
        z-index: 2;
        left: 0;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    #page-heading .items-filters {
        top: 2.5rem;
    }
}

@media (max-width: 1200px) {
    #page-heading .items-filters .dropdown {
        margin: .75rem 0;
    }

    #page-heading .items-filters .dropdown .dropdown-toggle::after {
        margin-left: auto;
    }

    #page-heading .items-filters .input-group {
        margin: 1.5rem 0;
        max-width: 100%;
    }

    #page-heading .items-filters .input-group .form-control, #page-heading .items-filters .input-group .input-group-text {
        background-color: #202334;
        border: none;
    }

    #page-heading .items-filters .input-group .form-control {
        font-size: 1rem;
        height: auto;
    }

    #page-heading .items-filters .btn {
        padding: .75rem 1.25rem;
        font-size: 1rem;
    }

    #page-heading .items-filters .btn.btn-secondary {
        background-color: #202334;
        width: 100%;
    }

    #page-heading .items-filters .btn:last-child {
        margin-bottom: 1rem;
    }
}

#page-heading #giveaway-button {
    margin-left: .75rem;
}

#page-heading.multiple-filters {
    flex-direction: column;
    margin-bottom: 2.5rem;
    display: flex;
}

.filters-heading {
    flex-direction: column;
    display: flex;
}

.filters-heading__button {
    margin-right: auto;
    margin-top: 1rem;
}

@media (min-width: 576px) {
    .filters-heading {
        flex-direction: row;
    }

    .filters-heading__button {
        margin-left: 1.5rem;
        margin-bottom: auto;
        margin-top: auto;
        display: flex;
    }
}

.items-filters-toggle {
    justify-content: center;
    align-items: center;
    padding: .5rem 1rem;
    font-weight: 700;
    display: flex;
    border: none;
    color: var(--bs-white);
    margin: 0;
    width: 100%;
}

@media (min-width: 768px) {
    #page-heading.multiple-filters .items-filters-toggle {
        margin: auto 0 auto auto;
        width: auto;
    }
}

@media (min-width: 1200px) {
    #page-heading.multiple-filters .items-filters-toggle {
        display: none;
    }
}

#page-heading.multiple-filters .items-filters-toggle .fas {
    margin-left: .5rem;
    margin-right: 0;
}

@media (max-width: 1200px) {
    #page-heading.multiple-filters .items-filters {
        justify-content: flex-start;
        box-shadow: 0 0 32px 0 #000;
        border-radius: .5rem;
        background: #323351;
        position: absolute;
        margin: 1rem 0;
        padding: 1rem;
        width: 100%;
        z-index: 2;
        top: 2rem;
        left: 0;
    }

    #page-heading.multiple-filters .items-filters.collapse:not(.show) {
        display: none;
    }

    #page-heading.multiple-filters .items-filters .input-group {
        margin: .5rem 0 1.25rem;
        max-width: 100%;
    }

    #page-heading.multiple-filters .items-filters .input-group .form-control, #page-heading.multiple-filters .items-filters .input-group .input-group-text {
        background-color: #202334;
        border: none;
    }

    #page-heading.multiple-filters .items-filters .input-group .form-control {
        font-size: 1rem;
        height: auto;
    }

    #page-heading.multiple-filters .items-filters .btn {
        padding: .75rem 1.25rem;
        font-size: 1rem;
    }

    #page-heading.multiple-filters .items-filters .btn.btn-secondary {
        background-color: #202334;
        width: 100%;
    }

    #page-heading.multiple-filters .items-filters .btn:last-child {
        margin-bottom: 1rem;
    }
}

@media (max-width: 1200px) {
    #page-heading.multiple-filters .items-filters .input-group {
        margin-top: 2rem;
    }
}

@media (min-width: 992px) {
    #page-heading.multiple-filters .items-filters {
        top: 2.5rem;
    }
}

@media (min-width: 1200px) {
    #page-heading.multiple-filters .items-filters .dropdown {
        margin: .5rem 0 0 1rem;
    }

    #page-heading.multiple-filters .items-filters .dropdown:first-child {
        margin-left: 0;
    }

    #page-heading.multiple-filters .items-filters .dropdown .dropdown-toggle::after {
        margin-left: .5rem;
    }
}

.page-heading__nav {
    margin: 1rem auto 0 auto;
    width: 100%;
}

@media (min-width: 992px) {
    .page-heading__nav {
        margin: 0 0 0 auto;
        width: auto;
    }
}

@media (max-width: 991px) {
    #page-sidebar {
        margin-bottom: 3rem;
    }
}

@media (min-width: 1200px) and (max-width: 1480px) {
    #page-sidebar {
        max-width: 25%;
        flex: 0 0 25%;
    }

    #page-sidebar + #content {
        max-width: 75%;
        flex: 0 0 75%;
    }
}

@media (min-width: 576px) {
    #page-sidebar {
        margin-bottom: 0;
    }

    #page-sidebar .card {
        border-radius: 0;
        border-bottom: 0;
        border-left: 0;
        border-top: 0;
        height: 100%;
        width: 100%;
    }
}

#page-sidebar .card-body {
    padding-bottom: 3rem;
    padding-top: 3rem;
}

#page-sidebar .card .custom-control {
    margin: 1.5rem 0;
}

#page-sidebar .user-avatar {
    border-radius: 100%;
    display: block;
    margin: 0 auto;
    width: 140px;
}

@media (min-width: 576px) and (max-width: 1400px) {
    #page-sidebar .user-avatar {
        width: 70%;
    }
}

#page-sidebar .user-username {
    text-align: center;
    font-size: 1.5rem;
    margin: 1.25rem auto;
}

#page-sidebar .user-description {
    border: 1px solid var(--bs-border-color-translucent);
    background-color: #363858;
    border-radius: .5rem;
    position: relative;
    font-size: .75rem;
    padding: 1.25rem;
    color: var(--bs-white);
}

#page-sidebar .user-description::before {
    background-image: url("data:image/svg+xml, %3Csvg%20viewBox=%220%200%2024%2024%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d=%22m21.75%202h-6c-1.2421875%200-2.25%201.0078125-2.25%202.25v6c0%201.2421875%201.0078125%202.25%202.25%202.25h3.75v3c0%201.6546875-1.3453125%203-3%203h-.375c-.6234375%200-1.125.5015625-1.125%201.125v2.25c0%20.6234375.5015625%201.125%201.125%201.125h.375c4.14375%200%207.5-3.35625%207.5-7.5v-11.25c0-1.2421875-1.0078125-2.25-2.25-2.25zm-13.5%200h-6c-1.2421875%200-2.25%201.0078125-2.25%202.25v6c0%201.2421875%201.0078125%202.25%202.25%202.25h3.75v3c0%201.6546875-1.3453125%203-3%203h-.375c-.6234375%200-1.125.5015625-1.125%201.125v2.25c0%20.6234375.5015625%201.125%201.125%201.125h.375c4.14375%200%207.5-3.35625%207.5-7.5v-11.25c0-1.2421875-1.0078125-2.25-2.25-2.25z%22%20fill=%22%237476a9%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    content: '';
    height: 1.5rem;
    width: 1.5rem;
    position: absolute;
    font-size: 1.5rem;
    right: 1.5rem;
    top: -.875rem;
}

.page-header {
    background-color: #323351;
    background-image: linear-gradient(180deg, rgba(51, 119, 132, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    padding: 2rem 0 6rem;
}

@media (min-width: 767px) {
    .page-header {
        padding: 3rem 0 6rem;
    }
}

.page-header .form-control, .page-header .form-control:hover, .page-header .input-group .input-group-text {
    background-color: #2b2c45;
    border-color: #2b2c45;
}

.page-header__content {
    flex-direction: column;
    display: flex;
}

@media (min-width: 767px) {
    .page-header__content {
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
    }
}

.page-header__back-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: .375rem;
    font-weight: 600;
    color: var(--bs-gray-200);
}

.page-header__back-link:hover {
    color: var(--bs-white);
}

.page-header__back-link-icon {
    margin-top: 1px;
    height: .625rem;
    width: .625rem;
}

.page-header__title {
    margin-bottom: 0;
}

@media (min-width: 767px) {
    .page-header__search {
        margin-right: auto;
        margin-left: 1rem;
        max-width: 200px;
    }
}

.page-header__menu {
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: 1rem;
    display: flex;
    gap: 1rem;
}

@media (min-width: 767px) {
    .page-header__menu {
        flex-direction: row;
        margin-top: 0;
    }
}

.page-header__menu .btn {
    white-space: nowrap;
}

.page-header__menu .input-group {
    margin-left: 1rem;
}

@media (min-width: 576px) {
    .page-header__menu .input-group {
        margin-left: 2rem;
    }
}

@media (min-width: 767px) {
    .page-header__menu .input-group {
        width: 270px;
    }
}

.page-title {
    margin-bottom: 1.25rem;
    font-size: 1.75rem;
}

@media (min-width: 767px) {
    .page-title {
        font-size: 2rem;
    }
}

.page-header--has-tabs {
    padding-bottom: 4rem;
    position: relative;
}

@media (min-width: 767px) {
    .page-header--has-tabs {
        padding-bottom: 4rem;
    }
}

.page-header__tabs {
    position: absolute;
    bottom: 0;
}

.page-message {
    background-image: radial-gradient(circle at 50% 0%, rgba(90, 209, 232, 0.1) 0%, rgba(32, 35, 52, 0.1) 100%);
    align-items: center;
    padding: 5rem 0;
    flex: 1 1 auto;
    display: flex;
}

@media (min-width: 767px) {
    .page-message {
        padding: 7rem 0;
    }
}

.page-message__row {
    justify-content: center;
    text-align: center;
}

.page-message__icon {
    margin-bottom: 2rem;
    height: 120px;
}

@media (min-width: 767px) {
    .page-message__icon {
        margin-bottom: 3rem;
        height: 180px;
    }
}

@media (min-width: 992px) {
    .page-message__icon {
        height: 200px;
    }
}

.pagination {
    --bs-pagination-padding-x: .75rem;
    --bs-pagination-padding-y: .25rem;
    --bs-pagination-active-bg: var(--bs-primary-500);
    --bs-pagination-active-border-color: var(--bs-primary-400);
    --bs-pagination-bg: #42486b;
    --bs-pagination-border-color: #555e8b;
    --bs-pagination-color: var(--bs-white);
    --bs-pagination-hover-color: var(--bs-white);
    --bs-pagination-hover-bg: #4c537b;
    --bs-pagination-hover-border-color: #5f689b;
    --bs-pagination-focus-bg: var(--bs-primary-500);
    --bs-pagination-focus-color: var(--bs-white);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);

    justify-content: center;
    margin: 2rem 0;
}

.pagination .page-item {
    margin: 0 .25rem;
}

.pagination .page-item .page-link {
    border-radius: .5rem;
    font-weight: 700;
}

.user-info ul {
    list-style: none;
    padding: 0;
}

@media (min-width: 992px) {
    .user-info ul {
        margin: 2rem 0 0;
    }
}

.user-info ul dl {
    margin-bottom: 1.5rem;
    font-weight: 700;
}

.user-info li:last-child dl {
    margin-bottom: 0;
}

.user-info ul dl dt {
    font-size: .75rem;
    color: #d0d0e2;
}

.user-info ul dl dd {
    color: var(--bs-white);
}

.user-info ul dl dd ul {
    margin: 0;
}

.user-info ul dl dd ul li {
    background-color: #f3b61f;
    vertical-align: baseline;
    border-radius: .325rem;
    margin: .25rem 0.125rem;
    display: inline-block;
    padding: .25rem .5rem;
    white-space: nowrap;
    text-align: center;
}

.user-info ul dl .fas {
    margin-right: .375rem;
}

.item-info__thumbnail {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

.item-info__name {
    flex-direction: column;
    font-size: 1.5rem;
    display: flex;
}

.item-info__type {
    margin-top: .25rem;
    color: var(--bs-white);
}

.item-info__type.normal {
    color: #b2b2b2;
}

.item-info__type.unique {
    color: #f3b61f;
}

.item-info__type.vintage {
    color: #6782b1;
}

.item-info__type.genuine {
    color: #4d7455;
}

.item-info__type.unusual {
    color: #9b59b6;
}

.item-info__type.strange {
    color: #d35400;
}

.item-info__type.haunted {
    color: #38f3ab;
}

.item-info__type.collectors {
    color: #a00;
}

.item-info__type.self-made {
    color: #70b04a;
}

.item-info__container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media (min-width: 768px) {
    .item-info__container {
        flex-direction: row;
    }
}

.item-info__aside,
.item-info__data {
    padding: 1.5rem;
}

.item-info__aside {
    border-bottom: 1px solid var(--bs-border-color-translucent);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media (min-width: 768px) {
    .item-info__aside {
        border-right: 1px solid var(--bs-border-color-translucent);
        border-bottom: 0;
        min-width: 280px;
    }
}

.item-info__list {
    margin-bottom: 0;
    list-style: none;
    overflow: hidden;
    padding: 0;
}

@media (min-width: 768px) {
    .item-info__list > li {
        padding-right: 1.5rem;
        width: 50%;
        float: left;
    }
}

.item-info__data ul {
    list-style: none;
    padding: 0;
}

.item-info__data li {
    margin-bottom: 1rem;
}

.item-info__data dl {
    margin-bottom: 0;
    font-weight: 700;
}

.item-info__data li:last-child dl {
    margin-bottom: 0;
}

.item-info__data dt {
    font-size: .75rem;
    color: #d0d0e2;
}

.item-info__data dd {
    margin-bottom: 0;
    color: var(--bs-white);
}

.item-info__data dd ul {
    flex-wrap: wrap;
    display: flex;
    gap: .5rem;
    margin: .5rem 0 0;
}

.item-info__data dd li {
    background-color: rgba(243, 182, 31, .25);
    border: 1px solid #7e5c07;
    vertical-align: baseline;
    border-radius: .375rem;
    display: inline-block;
    padding: .25rem .5rem;
    white-space: nowrap;
    font-size: .75rem;
    color: var(--ms-color-unique);
    margin-bottom: 0;
}

.item-info__data dl svg {
    margin-right: .25rem;
    height: 1rem;
    width: 1rem;
}

.glide__home {
    margin-bottom: 3.75rem;
}

.glide__home .glide__slide {
    padding: 0 1rem;
}

.glide__home .glide__slide--active .slider-element {
    transition: transform .5s ease .4s, opacity .3s ease;
    transition-delay: .4s, 0s;
    transform: translateX(0);
    opacity: 1;
}

.glide__home .glide__slide--active .slider-title {
    transition-delay: .2s;
}

.glide__home .glide__slide--active .slider-text {
    transition-delay: .4s;
}

.glide__home .glide__slide--active .slider-action {
    transition-delay: .6s;
}

@media (min-width: 768px) {
    .glide__home .glide__slide--active .glide__slide-body {
        transition: background-size 30s ease .4s;
        background-size: 110%;
    }
}

.glide__home .glide__slide-body {
    background-position: center;
    background-color: #323351;
    background-size: cover;
    border-radius: 1rem;
    align-items: center;
    display: flex;
    height: 500px;
}

@media (min-width: 768px) {
    .glide__home .glide__slide-body {
        background-size: 100%;
    }
}

.glide__home .glide__bullet {
    background-color: rgba(255, 255, 255, .2);
    box-shadow: none;
    border: none;
    height: 1rem;
    width: 1rem;
}

.glide__home .glide__bullet:hover {
    background-color: var(--bs-primary);
    border: none;
}

.glide__home .glide__bullet--active {
    background-color: var(--bs-primary);
}

.glide .slider-content {
    padding: 2rem 2rem 4rem;
    color: var(--bs-white);
    width: 100%;
}

@media (min-width: 576px) {
    .glide .slider-content {
        padding: 5rem 5rem 7rem;
    }
}

@media (min-width: 992px) {
    .glide .slider-content {
        width: 70%;
    }
}

@media (min-width: 1600px) {
    .glide .slider-content {
        width: 50%;
    }
}

.glide .slider-title {
    margin-bottom: 1.5rem;
    line-height: 1.15;
    font-size: 2.5rem;
    font-weight: 700;
    display: block;
}

@media (min-width: 576px) {
    .glide .slider-title {
        margin-bottom: 2rem;
    }
}

@media (min-width: 768px) {
    .glide .slider-title {
        font-size: 3.5rem;
    }
}

@media (min-width: 1600px) {
    .glide .slider-title {
        font-size: 4rem;
    }
}

.glide .slider-text {
    line-height: 1.35;
    font-weight: 600;
    font-size: 1rem;
}

@media (min-width: 768px) {
    .glide .slider-text {
        font-size: 1.25rem;
    }
}

.glide .slider-action {
    margin-top: 1.25rem;
}

@media (min-width: 576px) {
    .glide .slider-action {
        margin-top: 1.5rem;
    }
}

.glide .slider-element {
    transition: transform .4s ease, opacity .2s ease;
    transform: translateX(1rem);
    opacity: 0;
}

.lcs_wrap {
    vertical-align: middle;
    display: inline-block;
    direction: ltr;
    height: 24px;
}

.lcs_wrap input {
    display: none;
}

.lcs_wrap .lcs_switch {
    transition: all .2s ease-in-out;
    border: 1px solid #5f689b;
    display: inline-block;
    border-radius: 30px;
    position: relative;
    background: #565d8b;
    overflow: hidden;
    cursor: pointer;
    height: 26px;
    width: 88px;
}

.lcs_wrap .lcs_switch.lcs_on {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}

.lcs_wrap .lcs_switch.lcs_on .lcs_cursor {
    right: 4px;
}

.lcs_wrap .lcs_switch.lcs_on .lcs_label_on {
    opacity: 1;
    left: 4px;
}

.lcs_wrap .lcs_switch.lcs_off .lcs_cursor {
    left: 3px;
}

.lcs_wrap .lcs_switch.lcs_off .lcs_label_off {
    right: 7px;
    opacity: 1;
}

.lcs_wrap .lcs_switch.lcs_disabled {
    filter: alpha(opacity=65);
    cursor: default;
    opacity: .65;
}

.lcs_wrap .lcs_switch .lcs_cursor {
    transition: all .2s linear;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    background: var(--bs-white);
    height: 18px;
    width: 18px;
    z-index: 1;
    top: 3px;
}

.lcs_wrap .lcs_switch .lcs_label {
    transition: all .2s ease-in-out 0.1s;
    text-align: center;
    position: absolute;
    line-height: 18px;
    font-size: .75rem;
    font-weight: 700;
    overflow: hidden;
    color: var(--bs-white);
    width: 50px;
    opacity: 0;
    top: 3px;
}

.lcs_wrap .lcs_switch .lcs_label .lcs_label_on {
    left: -70px;
    z-index: 6;
}

.lcs_wrap .lcs_switch .lcs_label .lcs_label_off {
    right: -70px;
    z-index: 5;
}

.table {
    --bs-table-color: var(--bs-white);
    --bs-table-striped-bg: rgba(32, 35, 52, 0.25);
    --bs-table-striped-color: var(--bs-white);
}

.table-striped {
    --bs-table-bg: transparent;
}

.table.table-striped.table-crop-value {
    table-layout: fixed;
}

.table.table-striped.table-crop-value tr th[scope=row] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.table.table-striped tr th, .table.table-striped tr td {
    padding: .75rem .875rem;
    border: none;
}

@media (min-width: 992px) {
    .table.table-striped tr th, .table.table-striped tr td {
        padding: .75rem 1.5rem;
    }
}

.table.table-striped tr th:first-child, .table.table-striped tr td:first-child {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem;
}

.table.table-striped tr th:last-child, .table.table-striped tr td:last-child {
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem;
}

.table.table-striped tr th {
    background-color: #202334;
}

.table.table-striped tr th[scope=row] {
    background-color: transparent;
    font-weight: 600;
}

.table.table-striped tr th[scope=row] + td {
    text-align: right;
    font-weight: 500;
}

.table.large-cell td {
    height: 64px;
}

.table.table-items img {
    width: 32px;
}

.table-items tr td:last-child:not(.table-items__actions) {
    white-space: nowrap;
}

.table.table-items .btn {
    margin: 0 .25rem;
}

.table.table-items .no-color {
    background-image: url(../images/default.svg);
    background-size: 100%;
    opacity: .25;
    height: 32px;
    width: 32px;
}

.table.table-items tr {
    position: relative;
}

.table.table-items tr td:nth-child(2) {
    position: relative;
}

@media (min-width: 992px) {
    .table.table-items tr td:nth-child(2):hover > .item-magnifier {
        display: block;
    }
}

.table.table-items .item-magnifier {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(-50%);
    top: calc(68px + -50%);
    padding: .625rem 1rem;
    border-radius: .5rem;
    background: #202334;
    position: absolute;
    min-width: 300px;
    display: none;
    z-index: 99;
    left: 120px;
}

.table.table-items .item-magnifier .item-magnifier-thumbnail {
    margin: auto 0;
    flex: 0 0 48px;
    width: 48px;
}

.table.table-items .item-magnifier .item-magnifier-header {
    flex-direction: row;
    display: flex;
}

.table.table-items .item-magnifier .item-magnifier-name {
    margin-left: .875rem;
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 700;
}

.table.table-items .item-magnifier .item-magnifier-description {
    border-top: 1px solid #333;
    text-transform: uppercase;
    font-size: .75rem;
    margin: .5rem 0 0;
    padding: .75rem 0;
}

@media (max-width: 1300px) {
    .table .table-responsive-md {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        display: block;
        width: 100%;
    }
}

.table .thumbnail {
    border-radius: .325rem;
    max-height: 32px;
    max-width: 32px;
}

.table .no-data {
    text-align: center;
}

.no-data svg {
    height: 2rem;
    width: 2rem;
    display: block;
    margin: 1rem auto;
    color: #555e8b;
}

.tooltip {
    --bs-tooltip-bg: #171a26;
    --bs-tooltip-color: var(--bs-white);
    --bs-tooltip-border-radius: .5rem;
    --bs-tooltip-opacity: 1;
}

.tooltip-inner {
    padding: .5rem 1rem;
    max-width: 370px;
}

.add-funds {
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem;
    display: flex;
}

@media (min-width: 576px) {
    .add-funds {
        padding: 5rem 6.25rem;
    }
}

.add-funds__header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    align-items: center;
    padding: 1.5rem;
    display: flex;
}

@media (min-width: 576px) {
    .add-funds__header {
        padding: 2rem;
    }
}

.add-funds__title {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.add-funds__card {
    width: 570px;
}

.add-funds__section {
    margin-bottom: 2.5rem;
}

.add-funds__section-title {
    margin-bottom: .75rem;
    font-size: .75rem;
    font-weight: 700;
}

.add-funds__payments {
    grid-template-columns:repeat(1, 1fr);
    list-style: none;
    flex-wrap: wrap;
    display: grid;
    padding: 0;
    margin: 0;
    gap: 1rem;
}

@media (min-width: 360px) {
    .add-funds__payments {
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .add-funds__payments {
        grid-template-columns:repeat(3, 1fr);
    }
}

.add-funds__payment-item {
    transition: all .2s ease-in-out;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    flex-basis: 0;
    display: flex;
    flex-grow: 1;
}

.add-funds__payment-item input[type=radio] {
    display: none;
}

.add-funds__payment-item input[type=radio]:checked + .add-funds__payment-label {
    border-color: var(--bs-primary);
    position: relative;
}

.add-funds__payment-item input[type=radio]:checked + .add-funds__payment-label::after {
    background-image: url(data:image/svg+xml;base64,IDxzdmcgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im04IDBjLTQuNDE4Mjc4IDAtOCAzLjU4MTcyMi04IDhzMy41ODE3MjIgOCA4IDggOC0zLjU4MTcyMiA4LThjLS4wMDUxNDMyLTQuNDE2MTQ1ODctMy41ODM4NTQxLTcuOTk0ODU2ODMtOC04em00LjYxOCA1LjQ2NjY2NjY3LTQuNTYzMzMzMzMgNi4xOTI2NjY2M2MtLjEwODgzMDk0LjE0NDM5MzEtLjI3MTExNDUuMjM5MDAzNC0uNDUwMzg1NDMuMjYyNTcxOXMtLjM2MDQ5Mzg3LS4wMjU4ODE1LS41MDI5NDc5MS0uMTM3MjM4NWwtMy4yNTg2NjY2Ni0yLjYwNTMzMzM3Yy0uMjg3NTU2MjYtLjIzMDExODY0LS4zMzQxMTg2NS0uNjQ5Nzc3MDctLjEwNC0uOTM3MzMzMzMuMjMwMTE4NjQtLjI4NzU1NjI2LjY0OTc3NzA3LS4zMzQxMTg2NS45MzczMzMzMy0uMTA0bDIuNzE3MzMzMzMgMi4xNzQgNC4xNTEzMzMzNy01LjYzNGMuMTM2MTI4LS4yMDQyNzMzMi4zNzM1MDA3LS4zMTcyMTE1Ni42MTc4NzQzLS4yOTM5NzQ5OS4yNDQzNzM3LjAyMzIzNjU4LjQ1NjIwNzIuMTc4ODg4MTcuNTUxMzk2Ni40MDUxNTY2LjA5NTE4OTQuMjI2MjY4NDIuMDU4MzMyNC40ODY1NDIxOC0uMDk1OTM3Ni42Nzc0ODUwNnoiIGZpbGw9IiM1NmM4ZGUiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    position: absolute;
    right: .75rem;
    height: 1rem;
    width: 1rem;
    content: '';
    top: .75rem;
}

.add-funds__payment-item svg {
    margin: 0 auto .75rem;
    max-width: 4.5rem;
    display: block;
    height: 2rem;
}

.add-funds__payment-label {
    background-color: rgba(32, 35, 52, .5);
    border: 2px solid transparent;
    padding: 1.5rem 1rem 1rem;
    border-radius: .75rem;
    text-align: center;
    cursor: pointer;
    width: 100%;
    margin: 0;
}

.add-funds__payment-label:hover {
    background-color: rgba(90, 209, 232, 0.1);
}

.add-funds__payments-message {
    align-items: center;
    margin-top: 1.25rem;
    font-size: .75rem;
    color: #f3b61f;
    display: flex;
}

.add-funds__payments-message svg {
    margin-right: .5rem;
    height: .75rem;
    width: .75rem;
}

.add-funds__giftcard {
/*    border: 1px solid #cbcbd3;*/
/*    background-color: transparent;*/
/*    transition: all .2s ease-in-out;*/
/*    align-items: center;*/
/*    color: #cbcbd3;*/
    margin-top: 1.25rem;
/*    font-size: .75rem;*/
/*    cursor: pointer;*/
/*    display: flex;*/
/*    border-radius: .375rem;*/
/*    padding: .25rem .75rem;*/
}

.add-funds__giftcard:hover {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

.add-funds__giftcard svg {
    margin-right: .5rem;
    height: .75rem;
    width: .75rem;
    color: currentColor;
}

.add-funds__amounts {
    grid-template-columns:repeat(1, 1fr);
    list-style: none;
    flex-wrap: wrap;
    display: grid;
    padding: 0;
    margin: 0;
    gap: 1rem;
}

@media (min-width: 360px) {
    .add-funds__amounts {
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .add-funds__amounts {
        grid-template-columns:repeat(3, 1fr);
    }
}

.add-funds__amount-item {
    transition: all .2s ease-in-out;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-basis: 0;
    display: flex;
    flex-grow: 1;
}

.add-funds__amount-item--popular {
    position: relative;
}

.add-funds__amount-item input[type=radio] {
    display: none;
}

.add-funds__amount-item input[type=radio]:checked + .add-funds__fund-label {
    border-color: var(--bs-primary);
    position: relative;
}

.add-funds__amount-item input[type=radio]:checked + .add-funds__fund-label::after {
    background-image: url(data:image/svg+xml;base64,IDxzdmcgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im04IDBjLTQuNDE4Mjc4IDAtOCAzLjU4MTcyMi04IDhzMy41ODE3MjIgOCA4IDggOC0zLjU4MTcyMiA4LThjLS4wMDUxNDMyLTQuNDE2MTQ1ODctMy41ODM4NTQxLTcuOTk0ODU2ODMtOC04em00LjYxOCA1LjQ2NjY2NjY3LTQuNTYzMzMzMzMgNi4xOTI2NjY2M2MtLjEwODgzMDk0LjE0NDM5MzEtLjI3MTExNDUuMjM5MDAzNC0uNDUwMzg1NDMuMjYyNTcxOXMtLjM2MDQ5Mzg3LS4wMjU4ODE1LS41MDI5NDc5MS0uMTM3MjM4NWwtMy4yNTg2NjY2Ni0yLjYwNTMzMzM3Yy0uMjg3NTU2MjYtLjIzMDExODY0LS4zMzQxMTg2NS0uNjQ5Nzc3MDctLjEwNC0uOTM3MzMzMzMuMjMwMTE4NjQtLjI4NzU1NjI2LjY0OTc3NzA3LS4zMzQxMTg2NS45MzczMzMzMy0uMTA0bDIuNzE3MzMzMzMgMi4xNzQgNC4xNTEzMzMzNy01LjYzNGMuMTM2MTI4LS4yMDQyNzMzMi4zNzM1MDA3LS4zMTcyMTE1Ni42MTc4NzQzLS4yOTM5NzQ5OS4yNDQzNzM3LjAyMzIzNjU4LjQ1NjIwNzIuMTc4ODg4MTcuNTUxMzk2Ni40MDUxNTY2LjA5NTE4OTQuMjI2MjY4NDIuMDU4MzMyNC40ODY1NDIxOC0uMDk1OTM3Ni42Nzc0ODUwNnoiIGZpbGw9IiM1NmM4ZGUiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    position: absolute;
    right: .75rem;
    height: 1rem;
    width: 1rem;
    content: '';
    top: .75rem;
}

.add-funds__popular-badge {
    background-color: var(--bs-primary);
    text-transform: uppercase;
    padding: 0.125rem 1rem;
    border-radius: 1rem;
    position: absolute;
    font-weight: 700;
    font-size: .5rem;
    color: #323351;
    top: -.5rem;
    z-index: 1;
}

.add-funds__fund-label {
    background-color: rgba(32, 35, 52, .5);
    border: 2px solid transparent;
    padding: 1.125rem 1rem 1rem;
    border-radius: .75rem;
    text-align: center;
    cursor: pointer;
    width: 100%;
    margin: 0;
}

.add-funds__fund-label:hover {
    background-color: rgba(90, 209, 232, 0.1);
}

.add-funds__fund-label .input-group {
    justify-content: center;
    min-width: auto;
    display: flex;
}

.add-funds__fund-label .add-funds__custom-input {
    border-radius: .5rem 0 0 .5rem;
    background-color: #202334;
    padding-left: 1rem;
}

.add-funds__fund-label .input-group-text {
    padding: .75rem .75rem .75rem .5rem;
}

.add-funds__fund-label .input-group-text svg {
    height: .875rem;
    color: var(--bs-white);
}

.add-funds__fund-description {
    margin-top: .375rem;
    color: #cbcbd3;
    font-size: .75rem;
    font-weight: 500;
    display: block;
}

.add-funds__custom-input {
    background-color: transparent;
    font-weight: 700;
    font-size: 1rem;
    color: var(--bs-white);
    border: none;
    width: 4rem;
    padding: 0;
}

.add-funds__total {
    margin-bottom: 1rem;
    text-align: right;
    font-weight: 700;
}

.add-funds__total-amount {
    margin-left: .5rem;
    color: var(--bs-primary);
}

.blog-header {
    background-color: #323351;
    background-image: linear-gradient(180deg, rgba(51, 119, 132, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    margin-bottom: 2rem;
    position: relative;
    flex-shrink: 0;
    display: flex;
    height: 160px;
}

@media (min-width: 768px) {
    .blog-header {
        height: 180px;
    }
}

@media (min-width: 992px) {
    .blog-header {
        height: 200px;
    }
}

.blog-header__title {
    margin: 0;
}

.blog-header__content {
    justify-content: space-between;
    padding-bottom: 1.25rem;
    align-items: center;
    display: flex;
    height: 100%;
}

@media (min-width: 768px) {
    .blog-header__content {
        padding-bottom: 0;
    }
}

.blog-header__content h1 {
    font-size: 2rem;
}

@media (min-width: 768px) {
    .blog-header__content h1 {
        font-size: 3rem;
    }
}

.blog-header__form-input {
    border-radius: 0 2.25rem 2.25rem 0;
    background-color: var(--bs-white);
    border-color: var(--bs-white);
    box-shadow: none;
    color: #323351;
    outline: none;
}

.blog-header__form-input:hover, .blog-header__form-input:focus {
    background-color: #fff !important;
    border-color: #fff !important;
}

.blog-header__form-icon, .blog-header__form-input {
    height: 4rem;
}

.blog-header__form-icon {
    border-radius: 2.25rem 0 0 2.25rem;
    background-color: #fff !important;
    border-color: #fff !important;
    color: #323351 !important;
    padding-left: 2rem;
}

.blog-header__form-icon svg {
    height: 1.5rem;
    width: 1.5rem;
}

.blog-header__search {
    width: calc(100% - 30px);
    position: absolute;
    bottom: -2rem;
}

.blog-list {
    grid-template-columns:repeat(1, 1fr);
    margin: 1.5rem 0 3rem;
    gap: 2rem;
}

@media (max-width: 767px) {
    .blog-list {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 768px) {
    .blog-list {
        grid-template-columns:repeat(2, minmax(0, 1fr));
        display: grid;
        margin: 3rem 0 4rem;
    }
}

@media (min-width: 992px) {
    .blog-list {
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1400px) {
    .blog-list {
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
}

.blog-post {
    border: 1px solid var(--bs-border-color-translucent);
    background-color: #323351;
    flex-direction: column;
    border-radius: 1rem;
    font-size: .875rem;
    padding: 1.5rem;
    display: flex;
}

.blog-post--important .blog-post__thumbnail {
    background-color: #cf6a32;
}

.blog-post--important .blog-post__category {
    color: #b3b4d0;
    font-size: .75rem;
}

.blog-post--patch .blog-post__thumbnail {
    background-color: var(--bs-primary);
}

.blog-post--patch .blog-post__category {
    font-size: .75rem;
    color: var(--bs-primary);
}

.blog-post--feature .blog-post__thumbnail {
    background-color: #f3b61f;
}

.blog-post--feature .blog-post__category {
    font-size: .75rem;
    color: #f3b61f;
}

.blog-post__content-tab {

}

.blog-post__thumbnail {
    transition: all .2s ease-in-out;
    justify-content: center;
    background-size: cover;
    border-radius: 1rem;
    align-items: center;
    display: flex;
    color: var(--bs-white);
    height: 170px;
    width: 100%;
}

.blog-post__thumbnail:hover {
    color: var(--bs-white);
    transform: scale(1.05);
}

.blog-post__thumbnail svg {
    height: 5.75rem;
    width: 5.75rem;
}

.blog-post__thumbnail img {
    object-fit: cover;
    object-position: left;
}

.blog-post__content {
    padding: 1rem 0;
}

.blog-post__category {
    text-transform: uppercase;
    margin-bottom: .75rem;
    font-weight: 700;
}

.blog-post__title {
    margin-bottom: .5rem;
    display: block;
    height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-post__title a {
    color: var(--bs-white);
}

.blog-post__title a:hover {
    text-decoration: none;
}

.blog-post__excerpt {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-height: 4rem;
    overflow: hidden;
    color: #b0b0ce;
}

.blog-post__excerpt p {
    margin-bottom: 0;
}

.blog-post__footer {
    justify-content: space-between;
    margin-top: 2rem;
    flex-direction: column;
    display: flex;
    color: var(--bs-white);
}

@media (min-width: 768px) {
    .blog-post__footer {
        flex-direction: row;
    }
}

.blog-post__date {
    align-items: center;
    display: flex;
}

.blog-post__date svg {
    margin-right: .5rem;
    color: #7476a9;
    height: 1rem;
    width: 1rem;
}

.blog-post__author {
    align-items: center;
    margin-top: .5rem;
    display: flex;
}

@media (min-width: 768px) {
    .blog-post__author {
        margin-top: 0;
    }
}

.blog-post__author-avatar {
    margin-right: .5rem;
    border-radius: 50%;
    height: 1rem;
    width: 1rem;
}

.blog-article__header {
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .blog-article__header {
        margin-bottom: 2.5rem;
    }
}

.blog-article__heading {
    border-bottom: 1px solid #323351;
    border-top: 1px solid #323351;
    justify-content: space-between;
    padding-bottom: 2rem;
    flex-direction: row;
    align-items: center;
    padding-top: 2rem;
    margin-top: 2rem;
    display: flex;
}

@media (min-width: 768px) {
    .blog-article__heading {
        margin-top: 2.5rem;
    }
}

.blog-article__social-share ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}

.blog-article__social-share li {
    margin-left: 1.25rem;
}

.blog-article__social-share a {
    color: var(--bs-white);
}

.blog-article__social-share a:hover {
    color: var(--bs-primary);
}

.blog-article__social-share svg {
    height: 1.5rem;
    width: 1.5rem;
}

.blog-article__alternate {
    background-color: #151723;
    padding: 2.5rem 0 5rem;
}

.blog-article__body {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.blog-article__body h2 {
    margin-top: 3rem;
}

.blog-article__body h3 {
    margin-top: 2rem;
}

.blog-article__avatar {
    margin-right: 1rem;
}

.blog-article__avatar img {
    background-color: #333752;
    object-position: center;
    border-radius: 100%;
    object-fit: cover;
    display: block;
    height: 48px;
    width: 48px;
}

.blog-article__meta {
    flex-direction: row;
    display: flex;
}

.blog-article__info {
    flex-direction: column;
    display: flex;
}

.blog-article__picture {
    border: 1px solid var(--bs-border-color-translucent);
    display: block;
    margin: 2.5rem auto 5vh;
    width: 100%;
    border-radius: 1rem;
}

.blog-article__author {
    font-weight: 700;
    color: var(--bs-white);
}

.blog-article__author:hover {
    text-decoration: none;
}

.blog-content-tab {
    background-color: #232639;
    border: 1px solid #333752;
    position: relative;
    border-radius: .5rem;
    margin: 2rem 0 4rem;
    padding: 1.5rem;
}

.blog-content-tab__title {
    font-size: 1rem;
    text-align: center;
}

.blog-content-tab__toggle-btn {
    position: absolute;
    right: 1rem;
    top: 1rem;
}

.blog-content-tab__icon {
    position: absolute;
    left: 2rem;
    width: 2rem;
}

.blog-content-tab__list {
    margin: 1.5rem 0 0 4rem;
}

.blog-content-tab__list-item {
    padding: .25rem 0 .25rem .25rem;
}

.blog-content-tab__list-item a {
    color: var(--bs-white);
}

.blog-content-tab__list-item a:hover {
    text-decoration: underline;
}

.post-comments {
    flex-direction: column;
    display: flex;
}

.post-comments .new-comment {
    margin-bottom: 3rem;
    display: none;
}

.post-comments .new-comment.is-visible {
    display: block;
}

.post-comments .new-comment h2 {
    font-size: 1.5rem;
}

.post-comments .new-comment h2 .fas {
    margin-right: .375rem;
}

.post-comments .new-comment .new-comment__body {
    margin-top: 1rem;
    display: flex;
}

.post-comments .new-comment .new-comment__body .new-comment__avatar {
    margin-right: 1rem;
}

.post-comments .new-comment .new-comment__body .new-comment__avatar img {
    object-position: center;
    object-fit: cover;
    border-radius: 100%;
    height: 32px;
    width: 32px;
}

.post-comments .new-comment .new-comment__body .new-comment__form {
    flex: 1;
}

.post-comments .new-comment .new-comment__body .new-comment__form textarea {
    min-height: 100px;
}

.post-comments .post-comments__title {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    display: flex;
}

.post-comments .post-comments__title h2 {
    margin-bottom: 0;
}

.post-comments .comments-list .comment {
    border-bottom: 1px solid #333752;
    padding: 1.5rem 0;
    display: flex;
}

.post-comments .comments-list .comment .comment__avatar {
    margin-right: 1rem;
}

.post-comments .comments-list .comment .comment__avatar img {
    object-position: center;
    object-fit: cover;
    border-radius: 100%;
    height: 32px;
    width: 32px;
}

.post-comments .comments-list .comment .comment__body .comment__header {
    align-items: center;
    margin-bottom: .5rem;
    display: flex;
}

.post-comments .comments-list .comment .comment__body .comment__header .comment__author {
    font-weight: 700;
    color: var(--bs-white);
}

@media (max-width: 768px) {
    .post-comments .comments-list .comment .comment__body .comment__header .comment__author {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 50%;
        display: block;
    }
}

.post-comments .comments-list .comment .comment__body .comment__header .comment__author:hover {
    text-decoration: none;
    color: var(--bs-primary);
}

.post-comments .comments-list .comment .comment__body .comment__header .comment__date {
    color: rgba(255, 255, 255, .75);
    font-size: .75rem;
}

.post-comments .comments-list .comment .comment__body .comment__header .comment__date::before {
    margin: 0 .5rem;
    font-size: 1rem;
    content: '•';
}

.post-comments .comments-list .comment .comment__body .comment__footer {
    margin-top: .5rem;
    display: flex;
}

.post-comments .comments-list .comment .comment__body .comment__footer .comment__delete {
    margin-left: auto;
    font-size: .75rem;
}

.post-comments .comments-list .comment .comment__body .comment__footer .comment__delete .fas {
    margin-right: .25rem;
}

.post-comments .comments-list .comment .comment__body .comment__footer .comment__delete:hover {
    text-decoration: none;
}

.post-comments .comments-list .comments-loading {
    flex-direction: column;
    align-items: center;
    text-align: center;
    display: flex;
}

.post-comments .comments-list .comments-loading .spinner-border {
    margin: .5rem 0;
}

.comment__content p:last-child {
    margin-bottom: 0;
}

.blog-navbar {
    background-color: #2b2c45;
}

.blog-width__medium .breadcrumb {
    margin: .5rem 0;
}

@media (min-width: 992px) {
    .blog-width__medium {
        max-width: 870px;
        margin: 2.5rem auto 0;
    }
}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
    --bs-offcanvas-border-radius: 1rem;
    --bs-offcanvas-width: 570px;
    --bs-offcanvas-padding-x: 1.5rem;
    --bs-offcanvas-padding-y: 1.5rem;
    --bs-offcanvas-bg: #323351;
    --bs-offcanvas-box-shadow: -1rem 0 1rem 0 rgba(var(--bs-black-rgb), 0.15);
    --bs-offcanvas-border-color: transparent;
}

.offcanvas {
    background-image: linear-gradient(180deg, #5AD1E8 0%, rgba(51,119,132,0.50) 0%, rgba(0,0,0,0.00) 100%);
}

.offcanvas-end {
    border-top-left-radius: var(--bs-offcanvas-border-radius);
    border-bottom-left-radius: var(--bs-offcanvas-border-radius);
}

.offcanvas-title {
    font-size: 1.5rem;
}

@media (max-width: 768px) {
    .personal-store__items,
    .market__items {
        order: 1;
    }
}

.market__sidebar {
    right: 0;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
}

.filters-list {
    flex-direction: column;
    display: flex;
    gap: 1rem;
}

.market__filters {
    margin-top: 1rem;
}

@media (min-width: 767px) {
    #store-filters {
        padding-right: 0;
    }
    
    .market__filters {
        margin-top: 0;
        border-bottom: 0;
        border-right: 0;
        border-top: 0;
        padding-right: 0;
        border-radius: 0;
        height: 100%;
        margin: 0;
    }
}

.market__filters-title {
    padding: 1rem var(--bs-card-spacer-x);
    margin-bottom: 0;
    font-size: 1.25rem;
}

.market__filters-search {
    border-bottom: 1px solid var(--bs-border-color-translucent);
    padding: 0 var(--bs-card-spacer-x) 1rem;
}

.filter-collapse__button {
    background-color: transparent;
    align-items: center;
    font-weight: 600;
    color: var(--bs-white);
    font-size: 1rem;
    width: 100%;
    border: none;
    text-align: left;
    display: flex;
    padding: 0;
}

.filter-collapse__button::after {
    margin-left: auto;
    content: '-';
}

.filter-collapse__button.collapsed::after {
    content: '+';
}

.filter-collapse__active-marker {
    background-color: var(--bs-primary);
    margin: 0 .75rem;
    text-indent: -9999px;
    white-space: nowrap;
    border-radius: 50%;
    display: flex;
    height: .5rem;
    width: .5rem;
}

.filter-collapse__content {
    display: flex;
    flex-direction: column;
    gap: .875rem;
    list-style: none;
    padding: 0;
    margin: .875rem 0 0;
}

.filters-list__label {
    font-weight: var(--bs-body-font-weight);
    display: flex;
    align-items: center;
}

.filters-list__checkbox.form-check-input {
    margin: 0 .75rem 0 0;
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml, %3Csvg%20viewBox=%220%200%2024%2024%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d=%22m18.805%207.844-7%209.5c-.163728.215974-.4071716.3573341-.6759031.3924759-.2687316.0351419-.5403387-.0388655-.7540969-.2054759l-5-4c-.28458715-.2214418-.42791571-.5789485-.37511413-.9356533.05280157-.3567048.29355484-.6573575.63009042-.7868569.33653557-.1294995.71672737-.0677875.99502371.1615102l4.187%203.35%206.388-8.664c.327781-.44458922.9539108-.539281%201.3985-.2115s.539281.95391078.2115%201.3985z%22%20fill=%22%23202334%22%2F%3E%3C%2Fsvg%3E");
}

.form-check-input:checked[type="radio"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23202334'/%3e%3c/svg%3e");
}

.filters-list__thumbnail {
    height: 24px;
    margin-left: auto;
}

.cart-offcanvas {
    transition: transform .25s, visibility .75s;
    transform: translateX(570px);
    overflow: -moz-scrollbars-none;
    background-color: #323351;
    background-image: linear-gradient(180deg, rgba(51, 119, 132, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    -ms-overflow-style: none;
    flex-direction: column;
    visibility: hidden;
    overflow-y: auto;
    position: fixed;
    display: flex;
    height: 100%;
    z-index: 99;
    width: 100%;
    right: 0;
    top: 0;
}

@media (min-width: 576px) {
    .cart-offcanvas {
        box-shadow: -1rem 0 1rem 0 rgba(15, 17, 30, 0.15);
        border-radius: 1rem 0 0 1rem;
        width: 80%;
    }
}

@media (min-width: 768px) {
    .cart-offcanvas {
        width: 570px;
    }
}

.cart-offcanvas::-webkit-scrollbar {
    width: 0 !important;
}

.cart-offcanvas--visible {
    transform: translateX(0);
    visibility: visible;
}

.cart-offcanvas__header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    align-items: center;
    padding: 1.5rem;
    display: flex;
}

@media (min-width: 576px) {
    .cart-offcanvas__header {
        padding: 1.5rem 2rem;
    }
}

.cart-offcanvas__title {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.cart-offcanvas__title + .badge {
    margin-left: 1rem;
}

@media (min-width: 576px) {
    .cart-offcanvas__title + .badge {
        margin-left: 1.5rem;
    }
}

.cart-offcanvas__close {
    background-color: rgba(255, 255, 255, 0.1);
    transition: all .2s ease-in-out;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: auto;
    display: flex;
    border: none;
    height: 2rem;
    width: 2rem;
    padding: 0;
}

.cart-offcanvas__close:hover {
    background-color: rgba(90, 209, 232, .3);
}

.cart-offcanvas__close svg {
    color: var(--bs-white);
    height: .75rem;
    width: .75rem;
}

.cart-offcanvas__content {
    flex-direction: column;
    padding: 1.5rem;
    display: flex;
    flex: 1;
}

@media (min-width: 576px) {
    .cart-offcanvas__content {
        padding: 2rem;
    }
}

.cart-offcanvas__list {
    margin-bottom: 1rem;
    max-height: 224px;
    list-style: none;
    overflow-y: auto;
    padding: 0;
}

.cart-offcanvas__total {
    justify-content: space-between;
    display: flex;
}

.cart-offcanvas__total-amount {
    margin-left: .25rem;
    font-weight: 700;
    color: var(--bs-primary);
}

.cart-offcanvas__item {
    background-color: rgba(32, 35, 52, .5);
    margin-bottom: 1rem;
    border-radius: .5rem;
}

.cart-offcanvas__section {
    margin-bottom: 2.5rem;
}

.cart-offcanvas__section--paypal {
    margin-top: -.875rem;
}

.cart-offcanvas__section-title {
    margin-bottom: .75rem;
    font-size: .75rem;
    font-weight: 700;
    margin-top: 0;
    line-height: 1.2;
    color: var(--bs-white);
}

.cart-offcanvas__payments {
    grid-template-columns:repeat(1, 1fr);
    list-style: none;
    flex-wrap: wrap;
    display: grid;
    padding: 0;
    margin: 0;
    gap: 1rem;
}

@media (min-width: 360px) {
    .cart-offcanvas__payments {
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (min-width: 768px) {
    .cart-offcanvas__payments {
        grid-template-columns:repeat(3, 1fr);
    }
}

.cart-offcanvas__payment-item {
    transition: all .2s ease-in-out;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    flex-basis: 0;
    display: flex;
    flex-grow: 1;
}

.cart-offcanvas__payment-item input[type=radio] {
    display: none;
}

.cart-offcanvas__payment-item input[type=radio]:checked + .cart-offcanvas__payment-label {
    border-color: var(--bs-primary);
    position: relative;
}

.cart-offcanvas__payment-item input[type=radio]:checked + .cart-offcanvas__payment-label::after {
    background-image: url(data:image/svg+xml;base64,IDxzdmcgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im04IDBjLTQuNDE4Mjc4IDAtOCAzLjU4MTcyMi04IDhzMy41ODE3MjIgOCA4IDggOC0zLjU4MTcyMiA4LThjLS4wMDUxNDMyLTQuNDE2MTQ1ODctMy41ODM4NTQxLTcuOTk0ODU2ODMtOC04em00LjYxOCA1LjQ2NjY2NjY3LTQuNTYzMzMzMzMgNi4xOTI2NjY2M2MtLjEwODgzMDk0LjE0NDM5MzEtLjI3MTExNDUuMjM5MDAzNC0uNDUwMzg1NDMuMjYyNTcxOXMtLjM2MDQ5Mzg3LS4wMjU4ODE1LS41MDI5NDc5MS0uMTM3MjM4NWwtMy4yNTg2NjY2Ni0yLjYwNTMzMzM3Yy0uMjg3NTU2MjYtLjIzMDExODY0LS4zMzQxMTg2NS0uNjQ5Nzc3MDctLjEwNC0uOTM3MzMzMzMuMjMwMTE4NjQtLjI4NzU1NjI2LjY0OTc3NzA3LS4zMzQxMTg2NS45MzczMzMzMy0uMTA0bDIuNzE3MzMzMzMgMi4xNzQgNC4xNTEzMzMzNy01LjYzNGMuMTM2MTI4LS4yMDQyNzMzMi4zNzM1MDA3LS4zMTcyMTE1Ni42MTc4NzQzLS4yOTM5NzQ5OS4yNDQzNzM3LjAyMzIzNjU4LjQ1NjIwNzIuMTc4ODg4MTcuNTUxMzk2Ni40MDUxNTY2LjA5NTE4OTQuMjI2MjY4NDIuMDU4MzMyNC40ODY1NDIxOC0uMDk1OTM3Ni42Nzc0ODUwNnoiIGZpbGw9IiM1NmM4ZGUiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    position: absolute;
    right: .5rem;
    height: 1rem;
    width: 1rem;
    content: '';
    top: .5rem;
}

.cart-offcanvas__payment-item input[type=radio]:checked + .cart-offcanvas__payment-label .cart-offcanvas__payment-badge {
    border-top: 2px solid var(--bs-primary);
}

.cart-offcanvas__payment-item-icon {
    margin: 0 auto .75rem;
    max-width: 4.5rem;
    display: block;
    height: 2rem;
}

.cart-offcanvas__paypal-currency {
    color: var(--bs-primary);
}

.cart-offcanvas__paypal-price {
    color: var(--bs-white);
    margin-bottom: .75rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    display: block;
}

.cart-offcanvas__payment-label {
    background-color: rgba(32, 35, 52, .5);
    border: 2px solid transparent;
    padding: 1.5rem 1rem 1rem;
    border-radius: .75rem;
    text-align: center;
    position: relative;
    cursor: pointer;
    width: 100%;
    margin: 0;
}

.cart-offcanvas__payment-label--paypal {
    color: var(--bs-gray-200);
    padding-bottom: .875rem;
    padding-top: 1.25rem;
    position: relative;
    font-weight: 500;
    border: none;
}

.cart-offcanvas__payment-label--paypal::before {
    background-image: url("data:image/svg+xml;base64, PHN2ZyB2aWV3Qm94PSIwIDAgMTg4IDIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGZpbHRlciBpZD0iYSIgaGVpZ2h0PSIyNTAlIiB3aWR0aD0iMjc2LjUlIiB4PSItODguMiUiIHk9Ii03NSUiPjxmZUdhdXNzaWFuQmx1ciBpbj0iU291cmNlR3JhcGhpYyIgc3RkRGV2aWF0aW9uPSIyMCIvPjwvZmlsdGVyPjxwYXRoIGQ9Im03OS43MTY5NzA1IDEwNy4wMjk3ODVjLS42MTk5MzMyIDMuMzg2OTg4LTMuMDgxOTUzNyAxOS4xNzUyOTMtMy44MDgxNjExIDIzLjYzODM1Ni0uMDUzMTM3Mi4zMTc1My0uMTc3MTIzOC40NDEwMTQtLjUzMTM3MTQuNDQxMDE0aC0xMy4yMTM0MzM2Yy0xLjM0NjE0MDcgMC0yLjMyMDMyMTUtMS4xNjQyNzctMi4xNDMxOTc3LTIuNDUyMDM4bDEwLjM3OTQ1MzItNjUuNjA1MjYwM2MuMjY1Njg1Ny0xLjY5MzQ5NDIgMS43ODg5NTAyLTIuOTgxMjU1NCAzLjU0MjQ3NTUtMi45ODEyNTU0IDI2Ljk3NTk1MDYgMCAyOS4yNDMxMzU2LS42NTI3MDA5IDM2LjEzMzI1MDYgMi4wMTEwMjQ0IDEwLjY0NTEzOCA0LjExMDI1MTUgMTEuNjE5MzE5IDE0LjAyNDI0ODkgNy43OTM0NDYgMjQuNzQ5NzEyMy0zLjgwODE2MSAxMS4wNDI5OTM1LTEyLjg0MTQ3NCAxNS43ODgzMDUtMjQuODE1MDQxMiAxNS45Mjk0My03LjY4NzE3MTguMTIzNDg0LTEyLjMxMDEwMjQtMS4yMzQ4NC0xMy4zMzc0MjAzIDQuMjY5MDE3em00My41MTkzMTE1LTI1LjM4NDc3MzFjLS4zMTg4MjMtLjIyOTMyNzMtLjQ0MjgwOS0uMzE3NTMwMS0uNTMxMzcxLjIyOTMyNzQtLjM1NDI0OCAyLjAxMTAyNDMtLjkwMzMzMSAzLjk2OTEyNy0xLjU1ODY4OSA1LjkyNzIyOTctNy4wNjcyMzkgMjAuMDc0OTYzLTI2LjY1NzEyODYgMTguMzI4NTQ3LTM2LjIyMTgxMjUgMTguMzI4NTQ3LTEuMDgwNDU1IDAtMS43ODg5NTAxLjU4MjEzOC0xLjkzMDY0OTEgMS42NTgyMTMtNC4wMDI5OTc0IDI0Ljc2NzM1My00LjgwMDA1NDMgMjkuOTM2MDM4LTQuODAwMDU0MyAyOS45MzYwMzgtLjE3NzEyMzggMS4yNTI0OC42MTk5MzMyIDIuMjc1NjMzIDEuODc3NTEyIDIuMjc1NjMzaDExLjI0NzM1OTdjMS41MjMyNjQ1IDAgMi43ODA4NDMzLTEuMTExMzU2IDMuMDgxOTUzNy0yLjYyODQ0NC4xMjM5ODY2LS45NTI1OTEtLjE5NDgzNjIgMS4wNzYwNzQgMi41NTA1ODI0LTE2LjEwNTgzNi44MTQ3NjkzLTMuODgwOTI0IDIuNTMyODY5OS0zLjQ3NTE5MSA1LjE4OTcyNjEtMy40NzUxOTEgMTIuNTc1Nzg5IDAgMjIuMzg4NDQ2LTUuMDgwNDgzIDI1LjMxMDk4OC0xOS44MTAzNTQxIDEuMTUxMzA0LTYuMTM4OTE2Ni44MTQ3NjktMTIuNTk1MzYzMy00LjIxNTU0Ni0xNi4zMzUxNjN6IiBmaWxsPSIjNTZjOGRlIiBmaWx0ZXI9InVybCgjYSkiIG9wYWNpdHk9Ii4yNSIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    left: 0;
    top: 0;
}

.cart-offcanvas__payment-label:hover {
    background-color: rgba(90, 209, 232, 0.1);
}

.cart-offcanvas__payment-badge {
    border-radius: 0 0 .25rem .25rem;
    border-top: 2px solid #293d47;
    transform: translateX(-50%);
    background-color: #293d47;
    padding: .125rem .5rem;
    align-items: center;
    font-size: .625rem;
    position: absolute;
    color: #4ade80;
    display: flex;
    gap: .375rem;
    left: 50%;
    top: -2px;
}

.cart-offcanvas__payment-badge-icon {
    height: .5rem;
    width: .5rem;
}

.cart-offcanvas__payments-message {
    align-items: center;
    margin-top: 1.25rem;
    font-size: .75rem;
    color: #f3b61f;
    display: flex;
}

.cart-offcanvas__payments-message svg {
    margin-right: .5rem;
    height: .75rem;
    width: .75rem;
}

.cart-item {
    flex-direction: row;
    align-items: center;
    display: flex;
}

@media (max-width: 575px) {
    .cart-item {
        position: relative;
    }
}

.cart-item__picture {
    background-position: center;
    background-size: 100%;
    margin-right: .5rem;
}

@media (min-width: 576px) {
    .cart-item__picture {
        margin-right: .75rem;
    }
}

.cart-item__thumbnail {
    width: 4rem;
}

.cart-item__main {
    font-weight: 700;
}

.cart-item__name {
    font-size: .875rem;
}

@media (max-width: 575px) {
    .cart-item__name {
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
    }
}

.cart-item__quantity {
    font-size: .75rem;
}

@media (max-width: 575px) {
    .cart-item__quantity {
        background-color: var(--bs-primary);
        padding: 0.125rem .25rem;
        border-radius: .25rem;
        font-size: .625rem;
        position: absolute;
        font-weight: 700;
        color: #323351;
        left: -.25rem;
        top: -.25rem;
    }
}

@media (min-width: 576px) {
    .cart-item__quantity {
        margin-left: .75rem;
    }
}

.cart-item__quantity::before {
    content: 'x';
}

.cart-item__price {
    font-size: .75rem;
    color: var(--bs-primary);
}

.cart-item__action {
    margin-left: auto;
}

.cart-item__remove {
    background-color: transparent;
    transition: all .2s ease-in-out;
    align-items: center;
    border-radius: 50%;
    margin-right: 1rem;
    color: var(--bs-white);
    height: 2.5rem;
    width: 2.5rem;
    border: none;
    padding: 0;
}

.cart-item__remove:hover {
    background-color: rgba(231, 76, 60, .2);
    color: #e74c3c;
}

.cart-item__remove svg {
    height: 1rem;
    width: 1rem;
}

.cart-fab {
    justify-content: center;
    background: var(--bs-primary);
    border-radius: 100%;
    align-items: center;
    font-size: 1.25rem;
    position: fixed;
    cursor: pointer;
    display: flex;
    bottom: 3rem;
    height: 48px;
    width: 48px;
    right: 1rem;
    z-index: 9;
}

@media (min-width: 576px) {
    box-shadow: 0 0 1.5rem 0 #0f111e;
}

.cart-fab svg {
    color: var(--bs-white);
    height: 1.25rem;
    width: 1.25rem;
}

@media (min-width: 992px) {
    .cart-fab {
        display: none;
    }
}

.cashout__container {
    flex-direction: column;
    align-items: stretch;
    display: flex;
    height: 100%;
}

@media (min-width: 768px) {
    .cashout__container {
        flex-direction: row;
    }
}

.cashout__main {
    padding: 2rem 1rem;
    width: 100%;
}

@media (min-width: 992px) {
    .cashout__main {
        padding: 3.75rem;
    }
}

@media (min-width: 1200px) {
    .cashout__main {
        padding: 3.75rem 6.5rem;
    }
}

.cashout__content {
    max-width: 770px;
    margin: auto;
    width: 100%;
}

.cashout__section {
    margin-bottom: 2.5rem;
}

.cashout__section-title {
    margin-bottom: .75rem;
    font-size: .75rem;
    font-weight: 700;
}

.cashout__form-element {
    background-position: right 1.5rem center;
    border-color: transparent;
}

.cashout__payments {
    grid-template-columns:repeat(1, 1fr);
    list-style: none;
    flex-wrap: wrap;
    display: grid;
    padding: 0;
    margin: 0;
    gap: 1rem;
}

@media (min-width: 360px) {
    .cashout__payments {
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .cashout__payments {
        grid-template-columns:repeat(3, 1fr);
    }
}

@media (min-width: 1400px) {
    .cashout__payments {
        grid-template-columns:repeat(4, 1fr);
    }
}

.cashout__payment-item {
    transition: all .2s ease-in-out;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    flex-basis: 0;
    display: flex;
    flex-grow: 1;
}

.cashout__payment-item--provider .cashout__payment-label {
    padding-bottom: .875rem;
    padding-top: 1.125rem;
}

.cashout__payment-item--provider .cashout__payment-icon {
    margin-bottom: .375rem;
}

.cashout__payment-item input[type=radio] {
    display: none;
}

.cashout__payment-item input[type=radio]:checked + .cashout__payment-label {
    border-color: var(--bs-primary);
    position: relative;
}

.cashout__payment-item input[type=radio]:checked + .cashout__payment-label::after {
    background-image: url(data:image/svg+xml;base64,IDxzdmcgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im04IDBjLTQuNDE4Mjc4IDAtOCAzLjU4MTcyMi04IDhzMy41ODE3MjIgOCA4IDggOC0zLjU4MTcyMiA4LThjLS4wMDUxNDMyLTQuNDE2MTQ1ODctMy41ODM4NTQxLTcuOTk0ODU2ODMtOC04em00LjYxOCA1LjQ2NjY2NjY3LTQuNTYzMzMzMzMgNi4xOTI2NjY2M2MtLjEwODgzMDk0LjE0NDM5MzEtLjI3MTExNDUuMjM5MDAzNC0uNDUwMzg1NDMuMjYyNTcxOXMtLjM2MDQ5Mzg3LS4wMjU4ODE1LS41MDI5NDc5MS0uMTM3MjM4NWwtMy4yNTg2NjY2Ni0yLjYwNTMzMzM3Yy0uMjg3NTU2MjYtLjIzMDExODY0LS4zMzQxMTg2NS0uNjQ5Nzc3MDctLjEwNC0uOTM3MzMzMzMuMjMwMTE4NjQtLjI4NzU1NjI2LjY0OTc3NzA3LS4zMzQxMTg2NS45MzczMzMzMy0uMTA0bDIuNzE3MzMzMzMgMi4xNzQgNC4xNTEzMzMzNy01LjYzNGMuMTM2MTI4LS4yMDQyNzMzMi4zNzM1MDA3LS4zMTcyMTE1Ni42MTc4NzQzLS4yOTM5NzQ5OS4yNDQzNzM3LjAyMzIzNjU4LjQ1NjIwNzIuMTc4ODg4MTcuNTUxMzk2Ni40MDUxNTY2LjA5NTE4OTQuMjI2MjY4NDIuMDU4MzMyNC40ODY1NDIxOC0uMDk1OTM3Ni42Nzc0ODUwNnoiIGZpbGw9IiM1NmM4ZGUiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    position: absolute;
    right: .75rem;
    height: 1rem;
    width: 1rem;
    content: '';
    top: .75rem;
}

.cashout__provider {
    justify-content: center;
    align-items: center;
    margin-top: 0.125rem;
    color: #cbcbd3;
    font-size: .5rem;
    display: flex;
}

.cashout__provider svg {
    margin-left: .25rem;
    width: 1.5rem;
}

.cashout__payment-label {
    background-color: rgba(32, 35, 52, .5);
    border: 2px solid transparent;
    padding: 1.5rem 1rem 1rem;
    border-radius: .75rem;
    text-align: center;
    position: relative;
    cursor: pointer;
    width: 100%;
    margin: 0;
}

.cashout__payment-label:hover {
    background-color: rgba(90, 209, 232, 0.1);
}

.cashout__country {
    position: absolute;
    left: .75rem;
    top: .625rem;
}

.cashout__country svg {
    height: 1rem;
    width: 1rem;
}

.cashout__payment-icon {
    margin: 0 auto .75rem;
    max-width: 4.5rem;
    display: block;
    height: 2rem;
}

.cashout__additional {
    text-align: right;
    font-size: .75rem;
    margin-top: 1rem;
}

.cashout__sidebar {
    background-color: #323351;
    background-image: linear-gradient(180deg, rgba(51, 119, 132, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    flex-direction: column;
    margin-top: 1rem;
    flex-shrink: 0;
    display: flex;
    width: 100%;
}

@media (min-width: 768px) {
    .cashout__sidebar {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .cashout__sidebar {
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
        margin-left: auto;
        overflow-y: auto;
        width: 370px;
    }
}

@media (min-width: 1200px) {
    .cashout__sidebar {
        width: 470px;
    }
}

@media (min-width: 1400px) {
    .cashout__sidebar {
        width: 570px;
    }
}

.cashout__sidebar-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    align-items: center;
    padding: 1.5rem;
    display: flex;
}

@media (min-width: 576px) {
    .cashout__sidebar-header {
        padding: 1.5rem 2rem;
    }
}

.cashout__sidebar-title {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.cashout__sidebar-content {
    flex-direction: column;
    padding: 1.5rem;
    display: flex;
    flex: 1;
}

@media (min-width: 576px) {
    .cashout__sidebar-content {
        padding: 2rem;
    }
}

.deposit-offcanvas {
    transition: transform .25s, visibility .75s;
    overflow: -moz-scrollbars-none;
    background-color: #323351;
    background-image: linear-gradient(180deg, rgba(51, 119, 132, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    transform: translateX(100%);
    -ms-overflow-style: none;
    flex-direction: column;
    visibility: hidden;
    overflow-y: auto;
    position: fixed;
    display: flex;
    height: 100%;
    z-index: 100;
    width: 100%;
    right: 0;
    top: 0;
}

@media (min-width: 576px) {
    .deposit-offcanvas {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .deposit-offcanvas {
        box-shadow: -1rem 0 1rem 0 rgba(15, 17, 30, 0.15);
        border-radius: 1rem 0 0 1rem;
        transform: translateX(768px);
        width: 768px;
    }
}

@media (min-width: 992px) {
    .deposit-offcanvas {
        transform: translateX(870px);
        width: 870px;
    }
}

.deposit-offcanvas::-webkit-scrollbar {
    width: 0 !important;
}

.deposit-offcanvas--visible {
    transform: translateX(0);
    visibility: visible;
}

.deposit-offcanvas__header--expired, .deposit-offcanvas__footer--expired {
    background-color: rgba(231, 76, 60, .2);
    border-color: rgba(231, 76, 60, .2);
}

.deposit-offcanvas__header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    align-items: center;
    padding: 1.5rem;
    display: flex;
}

@media (min-width: 576px) {
    .deposit-offcanvas__header {
        padding: 2rem;
    }
}

.deposit-offcanvas__header--expired .deposit-offcanvas__title {
    color: #e74c3c;
}

.deposit-offcanvas__header-description {
    font-size: .75rem;
}

.deposit-offcanvas__refresh-expired {
    background-color: rgba(231, 76, 60, .2);
    justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    z-index: 9;
    left: 0;
    top: 0;
}

.deposit-offcanvas__refresh-expired .btn-primary {
    background-color: var(--bs-white);
    color: var(--bs-primary);
}

.deposit-offcanvas__footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    font-size: .875rem;
    color: #cbcbd3;
    padding: 1.5rem;
    display: flex;
}

@media (min-width: 768px) {
    .deposit-offcanvas__footer {
        flex-direction: row;
    }
}

@media (min-width: 576px) {
    .deposit-offcanvas__footer {
        padding: 2rem;
    }
}

.deposit-offcanvas__footer-important {
    margin-left: .5rem;
    font-weight: 700;
    color: var(--bs-white);
}

.deposit-offcanvas__footer-icon {
    margin-right: .5rem;
    height: .75rem;
    width: .75rem;
    color: var(--bs-white);
}

.deposit-offcanvas__footer-row {
    align-items: center;
    padding: .25rem;
    display: flex;
}

.deposit-offcanvas__action {
    flex-direction: column;
    margin-top: 1.25rem;
    display: flex;
    width: 100%;
}

@media (min-width: 768px) {
    .deposit-offcanvas__action {
        flex-direction: row;
        align-items: center;
        margin-top: 0;
        width: auto;
    }
}

.deposit-offcanvas__action-title {
    text-transform: uppercase;
    font-size: .75rem;
}

@media (max-width: 768px) {
    .deposit-offcanvas__action-title {
        text-align: center;
    }
}

.deposit-offcanvas__action-btn {
    margin-top: 1rem;
    width: 100%;
}

@media (min-width: 768px) {
    .deposit-offcanvas__action-btn {
        margin-left: 1rem;
        margin-top: 0;
        width: auto;
    }
}

.deposit-offcanvas__action-btn svg {
    height: .875rem;
    width: .875rem;
}

.deposit-offcanvas__title {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.deposit-offcanvas__title .badge {
    margin-left: 1rem;
    font-size: .75rem;
}

.deposit-offcanvas__close {
    background-color: rgba(255, 255, 255, 0.1);
    transition: all .2s ease-in-out;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: auto;
    flex-shrink: 0;
    display: flex;
    border: none;
    height: 2rem;
    width: 2rem;
    padding: 0;
}

.deposit-offcanvas__close:hover {
    background-color: rgba(90, 209, 232, .3);
}

.deposit-offcanvas__close svg {
    color: var(--bs-white);
    height: .75rem;
    width: .75rem;
}

.deposit-offcanvas__content {
    flex-direction: column;
    padding: 1.5rem;
    display: flex;
    flex: 1;
}

@media (min-width: 576px) {
    .deposit-offcanvas__content {
        padding: 2rem;
    }
}

.deposit-offcanvas__content--expired {
    position: relative;
}

.deposit-offcanvas__content--expired .deposit-offcanvas__list {
    opacity: .25;
}

.deposit-offcanvas__section {
    -ms-overflow-style: none;
    max-height: 400px;
    height: 100%;
}

.deposit-offcanvas__list {
    margin-bottom: 0;
    list-style: none;
    padding: 0;
}

.deposit-offcanvas__item {
    background-color: rgba(32, 35, 52, .5);
    margin-bottom: 1rem;
    border-radius: .5rem;
}

.deposit-offcanvas__time {
    text-align: center;
    margin-top: auto;
}

.deposit-offcanvas__time-title {
    text-transform: uppercase;
    color: #cbcbd3;
    font-size: .75rem;
    font-weight: 700;
}

.deposit-offcanvas__time-content {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--bs-white);
}

.event-banner {
    text-shadow: 0 0 .5rem rgba(15, 17, 30, .5);
    background-position: center;
    background-color: #2b2c45;
    justify-content: center;
    background-size: cover;
    flex-direction: column;
    border-radius: 1rem;
    margin: 0 1rem 2rem;
    font-size: 1rem;
    display: flex;
    color: #d0d0e2;
}

@media (min-width: 768px) {
    .event-banner {
        margin: 0 2rem -3.75rem;
        height: 320px;
    }
}

@media (min-width: 992px) {
    .event-banner {
        font-size: 1.25rem;
        height: 380px;
    }
}

.event-banner__container {
    margin: 2rem;
    max-width: 85%;
}

@media (min-width: 768px) {
    .event-banner__container {
        max-width: 670px;
        margin: auto;
    }
}

@media (min-width: 992px) {
    .event-banner__container {
        max-width: 900px;
    }
}

.event-banner .banner-title {
    text-shadow: 0 0 2rem rgba(15, 17, 30, .6);
    font-size: 2.75rem;
}

@media (min-width: 768px) {
    .event-banner .banner-title {
        font-size: 3.5rem;
    }
}

@media (min-width: 992px) {
    .event-banner .banner-title {
        font-size: 4rem;
    }
}

.event-banner .banner-text {
    margin-bottom: 0;
}

.event-sidebar {
    margin-top: 2rem;
    color: #cbcbd3;
}

@media (min-width: 768px) {
    .event-sidebar {
        font-size: .75rem;
        max-width: 330px;
        margin-top: 0;
    }
}

.event-sidebar .card-body {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAwIDk3JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J20yOTMuNS0zMGMtMzUuMDcwMDgyIDAtNjMuNSAyOC40Mjk5MTgzOS02My41IDYzLjUgMCAzNS4wNzAwODE2IDI4LjQyOTkxOCA2My41IDYzLjUgNjMuNXM2My41LTI4LjQyOTkxODQgNjMuNS02My41Yy0uMDM3OTE0LTM1LjA1NDM2NTEyLTI4LjQ0NTYzNS02My40NjIwODYtNjMuNS02My41em0xLjMyMjkxNyAyNi40NTgzMzMzM2M0LjM4Mzc2IDAgNy45Mzc1IDMuNTUzNzM5OCA3LjkzNzUgNy45Mzc1IDAgNC4zODM3NjAyMS0zLjU1Mzc0IDcuOTM3NDk5OTctNy45Mzc1IDcuOTM3NDk5OTctNC4zODM3NjEgMC03LjkzNzUtMy41NTM3Mzk3Ni03LjkzNzUtNy45Mzc0OTk5NyAwLTQuMzgzNzYwMiAzLjU1MzczOS03LjkzNzUgNy45Mzc1LTcuOTM3NXptMTEuOTA2MjUgNzEuNDM3NDk5OTdoLTIxLjE2NjY2N2MtMi45MjI1MDcgMC01LjI5MTY2Ny0yLjM2OTE1OTgtNS4yOTE2NjctNS4yOTE2NjY2czIuMzY5MTYtNS4yOTE2NjY3IDUuMjkxNjY3LTUuMjkxNjY2N2gzLjk2ODc1Yy43MzA2MjcgMCAxLjMyMjkxNy0uNTkyMjkgMS4zMjI5MTctMS4zMjI5MTY3di0yMy44MTI1YzAtLjczMDYyNjctLjU5MjI5LTEuMzIyOTE2Ni0xLjMyMjkxNy0xLjMyMjkxNjZoLTMuOTY4NzVjLTIuOTIyNTA3IDAtNS4yOTE2NjctMi4zNjkxNTk5LTUuMjkxNjY3LTUuMjkxNjY2N3MyLjM2OTE2LTUuMjkxNjY2NyA1LjI5MTY2Ny01LjI5MTY2NjdoNS4yOTE2NjdjNS44NDUwMTMgMCAxMC41ODMzMzMgNC43MzgzMTk4IDEwLjU4MzMzMyAxMC41ODMzMzM0djI1LjEzNTQxNjZjMCAuNzMwNjI2Ny41OTIyOSAxLjMyMjkxNjcgMS4zMjI5MTcgMS4zMjI5MTY3aDMuOTY4NzVjMi45MjI1MDYgMCA1LjI5MTY2NiAyLjM2OTE1OTkgNS4yOTE2NjYgNS4yOTE2NjY3cy0yLjM2OTE2IDUuMjkxNjY2Ni01LjI5MTY2NiA1LjI5MTY2NjZ6JyBmaWxsPScjZmZmJyBvcGFjaXR5PScuMDUnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKC0yMzApJy8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100px;
}

.event-sidebar h5 {
    margin-bottom: 1.25rem;
    text-align: center;
    font-size: 1rem;
    color: var(--bs-white);
}

.event-sidebar .btn-block {
    margin-top: 1rem;
}

.charity-total-card {
    text-align: center;
    font-size: .75rem;
}

.charity-total-card__amount {
    font-size: 1.75rem;
    margin-top: 1.25rem;
    font-weight: 700;
    color: var(--bs-primary);
    display: block;
}

.charity-total-card__logo {
    margin-left: .375rem;
    color: var(--bs-white);
    height: 18px;
}

.btn-group-or {
    flex-direction: column;
    align-items: center;
    margin: 1.75rem 0;
    display: flex;
}

@media (min-width: 967px) {
    .btn-group-or {
        flex-direction: row;
    }
}

@media (max-width: 968px) {
    .btn-group-or .btn {
        width: 100%;
    }
}

.or-separate {
    margin: .5rem 0;
}

@media (min-width: 967px) {
    .or-separate {
        margin: 0 .75rem;
    }
}

@media (min-width: 1400px) {
    .or-separate {
        margin: 0 1rem;
    }
}

.text-footnotes {
    font-size: .75rem;
    margin: 0;
}

.text-footnotes__header {
    font-weight: 700;
    display: block;
}

.event-channels {
    margin-top: .75rem;
    font-size: .75rem;
    list-style: none;
    display: flex;
    padding: 0;
}

.event-channels__item {
    margin-right: 1.5rem;
}

.event-channels__item a {
    text-decoration: none;
    color: #cbcbd3;
}

.event-channels__item a:hover, .event-channels__item a:hover svg {
    color: var(--bs-primary);
}

.event-channels svg {
    margin-right: .25rem;
    color: var(--bs-white);
    height: 1rem;
    width: 1rem;
}

.list-group .list-group-item {
    font-size: .75rem;
    margin: .5rem 0;
    color: #cbcbd3;
    display: flex;
    border: none;
    padding: 0;
}

.list-group .list-group-item__thumbnail {
    background-color: rgba(255, 255, 255, 0.1);
    justify-content: center;
    margin-right: .875rem;
    border-radius: .5rem;
    align-items: center;
    display: flex;
    height: 2rem;
    width: 2rem;
}

.list-group .list-group-item__thumbnail img {
    max-height: 20px;
    max-width: 20px;
    height: 100%;
    width: 100%;
}

.list-group .list-group-item h5 {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 1rem;
    color: var(--bs-white);
}

.arrow-list {
    list-style: none;
    padding: 0;
}

.arrow-list li {
    position: relative;
    margin: 1rem 0;
    display: flex;
}

.arrow-list li .arrow-list__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGcgZmlsbD0nIzVhZDFlOCc+PHBhdGggZD0nbTAgMTJjMCA2LjYyNzQxNyA1LjM3MjU4MyAxMiAxMiAxMnMxMi01LjM3MjU4MyAxMi0xMi01LjM3MjU4My0xMi0xMi0xMmMtNi42MjQyMTg4MS4wMDc3MTQ3Ni0xMS45OTIyODUyNCA1LjM3NTc4MTE5LTEyIDEyeicgZmlsbC1vcGFjaXR5PScuMicvPjxwYXRoIGQ9J20xMy43MDcgNi43OTEgNC41IDQuNWMuMzkwMzgxOS4zOTA0OTk5LjM5MDM4MTkgMS4wMjM1MDAxIDAgMS40MTRsLTQuNSA0LjVjLS4zOTIzNzg5LjM3ODk3MjItMS4wMTYwODQ4LjM3MzU1MjQtMS40MDE4MTg2LS4wMTIxODE0cy0uMzkxMTUzNi0xLjAwOTQzOTctLjAxMjE4MTQtMS40MDE4MTg2bDIuMzY2LTIuMzY3Yy4wNjk1NzQzLS4wNzE3Njc3LjA4OTcxMjgtLjE3ODA3OTYuMDUxMjA2NC0uMjcwMzIwOC0uMDM4NTA2My0uMDkyMjQxMy0uMTI4MjU1NS0uMTUyNjgwMy0uMjI4MjA2NC0uMTUzNjc5MmgtOC40ODJjLS41NTIyODQ3NSAwLTEtLjQ0NzcxNTMtMS0xcy40NDc3MTUyNS0xIDEtMWg4LjQ4MmMuMTAxMjU0NC4wMDAxODEyLjE5MjYxOTItLjA2MDczMTQuMjMxMzkyMi0uMTU0MjY4NC4wMzg3NzI5LS4wOTM1MzY5LjAxNzI5NjItLjIwMTIyNDUtLjA1NDM5MjItLjI3MjczMTZsLTIuMzY2LTIuMzY4Yy0uMzc4OTcyMi0uMzkyMzc4ODktLjM3MzU1MjQtMS4wMTYwODQ3OC4wMTIxODE0LTEuNDAxODE4NTguMzg1NzMzOC0uMzg1NzMzNzkgMS4wMDk0Mzk3LS4zOTExNTM2MyAxLjQwMTgxODYtLjAxMjE4MTQyeicvPjwvZz48L3N2Zz4=);
    background-size: 100%;
    display: inline-block;
    margin-right: .875rem;
    flex-shrink: 0;
    height: 1.5rem;
    width: 1.5rem;
    content: '';
}

.sidebar-comments__header {
    justify-content: space-between;
    gap: 1rem;
}

.sidebar-comments__header.card-head {
    margin-bottom: 1.5rem;
    flex-direction: row;
}

.sidebar-comments__delete {
    background-color: transparent;
    border: none;
    margin-left: .25rem;
}

.sidebar-comments__delete svg {
    color: var(--bs-danger);
    height: .75rem;
    width: .75rem;
}

.sidebar-comments__footer {
    padding: 1rem;
}

.sidebar-comments__item {
    flex-direction: row;
    padding: 1.25rem 0;
    display: flex;
}

.sidebar-comments__item:first-child {
    padding-top: 0;
}

.sidebar-comments__item:not(:last-child) {
    border-bottom: 1px solid #464772;

}

.sidebar-comments__body {
    font-size: .75rem;
    width: 100%;
}

.sidebar-comments__avatar {
    margin-right: 1rem;
}

.sidebar-comments__avatar img {
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
}

.sidebar-comments__data {
    margin-bottom: .25rem;
    display: flex;
}

.sidebar-comments__author {
    margin-right: auto;
    font-weight: 700;
    color: var(--bs-white);
}

.sidebar-comments__date {
    color: #b0b0ce;
}

#giveaway-banner-modal .modal-dialog {
    width: calc(100% - 4rem);
    max-width: 980px;
    margin: 0 auto;
}

#giveaway-banner-modal .modal-dialog.modal-img-only > a {
    display: block;
    height: 100%;
}

#giveaway-banner-modal .modal-dialog.modal-img-only video {
    border-radius: 1rem;
    min-height: 100%;
    min-width: 100%;
    display: block;
    height: 100%;
    width: 100%;
}

#giveaway-banner-modal .modal-dialog .modal-header {
    position: absolute;
    width: 100%;
    z-index: 1;
}

#giveaway-banner-modal .modal-dialog .modal-body {
    border-radius: 1rem;
    padding: 0;
    margin: 0;
}

#giveaway-banner-modal .modal-dialog .modal-body img {
    border-radius: 1rem;
    width: 100%;
}

#giveaway-modal .modal-dialog {
    max-width: 370px;
}

#giveaway-modal .modal-body {
    margin-top: 2rem;
}

#giveaway-modal .giveaway {
    text-align: center;
}

#giveaway-modal .giveaway.expired {
    opacity: .35;
}

#giveaway-modal .giveaway .text-expired {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    color: #e74c3c;
}

#giveaway-modal .giveaway .item {
    margin-top: .25rem;
}

#giveaway-modal .giveaway .item .item-name {
    flex-direction: column;
    display: flex;
}

#giveaway-modal .giveaway .item .item-name .item-type {
    font-size: .75rem;
}

#giveaway-modal .giveaway .item .item-thumbnail {
    max-width: 180px;
    width: 100%;
}

#giveaway-modal .btn {
    text-transform: uppercase;
}

.giveaway-discord {
    background-color: rgba(114, 137, 218, 0.50);
    height: 100px;
    width: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--bs-white);
}

.giveaway-discord svg {
    height: 3rem;
    width: 3rem;
}

.auctions__datepicker {
    margin-left: auto;
    min-width: 170px;
    width: auto;
}

@media (min-width: 768px) {
    .auctions__datepicker {
        margin-left: 1.5rem;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .auctions__action {
        justify-content: center;
        width: 100%;
    }
}

.auctions-list {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
    gap: .85rem 0;
}

@media (max-width: 509px) {
    .auctions-item {
        border: 1px solid var(--auctions-item-border-color);
        border-radius: var(--auctions-item-border-radius);
    }
}

@media (min-width: 510px) {
    .auctions-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 510px) and (max-width: 767px) {
    .auctions-list .auctions-item:nth-child(2n + 1) {
        border-top-left-radius: var(--auctions-item-border-radius);
        border-bottom-left-radius: var(--auctions-item-border-radius);
    }

    .auctions-list .auctions-item:nth-child(2n),
    .auctions-list .auctions-item:last-child {
        border-right: 1px solid var(--auctions-item-border-color);
        border-top-right-radius: var(--auctions-item-border-radius);
        border-bottom-right-radius: var(--auctions-item-border-radius);
    }
}

@media (min-width: 768px) {
    .auctions-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .auctions-list .auctions-item:nth-child(3n + 1) {
        border-top-left-radius: var(--auctions-item-border-radius);
        border-bottom-left-radius: var(--auctions-item-border-radius);
    }

    .auctions-list .auctions-item:nth-child(3n),
    .auctions-list .auctions-item:last-child {
        border-right: 1px solid var(--auctions-item-border-color);
        border-top-right-radius: var(--auctions-item-border-radius);
        border-bottom-right-radius: var(--auctions-item-border-radius);
    }
}

@media (min-width: 992px) {
    .auctions-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    .auctions-list .auctions-item:nth-child(4n + 1) {
        border-top-left-radius: var(--auctions-item-border-radius);
        border-bottom-left-radius: var(--auctions-item-border-radius);
    }

    .auctions-list .auctions-item:nth-child(4n),
    .auctions-list .auctions-item:last-child {
        border-right: 1px solid var(--auctions-item-border-color);
        border-top-right-radius: var(--auctions-item-border-radius);
        border-bottom-right-radius: var(--auctions-item-border-radius);
    }
}

@media (min-width: 1400px) {
    .auctions-list {
        grid-template-columns: repeat(5, 1fr);
    }

    .auctions-list .auctions-item:nth-child(5n + 1) {
        border-top-left-radius: var(--auctions-item-border-radius);
        border-bottom-left-radius: var(--auctions-item-border-radius);
    }

    .auctions-list .auctions-item:nth-child(5n),
    .auctions-list .auctions-item:last-child {
        border-right: 1px solid var(--auctions-item-border-color);
        border-top-right-radius: var(--auctions-item-border-radius);
        border-bottom-right-radius: var(--auctions-item-border-radius);
    }
}

.auctions-item {
    --auctions-item-border-radius: calc(var(--bs-border-radius) / 2);
    --auctions-item-border-color: #3e4065;
    --auctions-item-padding: 1rem;

    background-color: #323351;
    border-bottom: 1px solid var(--auctions-item-border-color);
    border-left: 1px solid var(--auctions-item-border-color);
    border-top: 1px solid var(--auctions-item-border-color);
}

.auctions-item__header,
.auctions-item__body,
.auctions-item__footer {
    padding: var(--auctions-item-padding);
}

.auctions-item__header {
    padding-bottom: calc(var(--auctions-item-padding) - .375rem);
    position: relative;
}

.auctions-item__thumbnail {
    height: 120px;
}

.auctions-item__thumbnail-card {
    border-radius: var(--auctions-item-border-radius);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
    background-color: var(--bs-gray-900);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #333752;
    justify-content: center;
    background-size: 90%;
    padding-bottom: 12px;
    align-items: center;
    display: flex;
    height: 132px;
}

.auctions-item__data {
    background-color: #323351;
    border: 1px solid #3b3f5e;
    border-radius: .25rem;
    display: inline-flex;
    white-space: nowrap;
    position: absolute;
    font-size: .75rem;
    right: 2rem;
    bottom: 0;
}

.auctions-item__price,
.auctions-item__time {
    padding: .125rem .5rem;
    color: #fff;
}

.auctions-item__time {
    align-items: center;
    display: flex;
    gap: .375rem;
}

.auctions-item__time svg {
    color: #9495bd;
    height: .625rem;
    width: .625rem;
}

.auctions-item__price {
    background-color: #3b3f5e;
}

.auctions-item__title {
    font-size: var(--bs-body-font-size);
    margin-bottom: 1rem;
    font-weight: 600;
}

.auctions-item__info {
    grid-template-columns: auto 1fr;
    display: grid;
    margin: 0;
}

.auctions-item__info dt,
.auctions-item__info dd {
    border-bottom: 1px solid var(--bs-border-color-translucent);
    padding-bottom: .625rem;
    padding-top: .625rem;
    margin-bottom: 0;
}

.auctions-item__info dt:last-of-type,
.auctions-item__info dd:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
}

.auctions-item__info dt {
    font-weight: var(--bs-body-font-weight);
    text-align: left;
}

.auctions-item__info dd {
    text-align: right;
    color: #fff;
}

.auctions-item__user-avatar {
    object-position: center;
    margin-right: .375rem;
    border-radius: 50%;
    object-fit: cover;
    height: .875rem;
    width: .875rem;
}

.auctions-item__help {
    align-items: center;
    margin-top: .25rem;
    font-size: .625rem;
    color: #8a8b9d;
    display: flex;
}

.auctions-item__help-icon {
    margin-right: .375rem;
    height: .625rem;
    width: .625rem;
}

.auctions-item__bid-price {
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
    gap: .5ch;
}

.auctions-item__footer {
    border-top: 1px solid var(--bs-border-color-translucent);
    margin-top: .75rem;
}

@keyframes fadeInScale {
    0% {
        transform: scale(1.15);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.home-game + .home-game {
    margin-top: 3.5rem;
}

.home-game__header {
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 1.5rem;
    display: flex;
}

@media (min-width: 992px) {
    .home-game__header {
        flex-direction: row;
    }
}

.home-game__header .game-name {
    align-items: center;
    display: flex;
}

.home-game__header .game-name svg {
    margin-right: 1.25rem;
    height: 2rem;
}

.home-game__header .all-items {
    text-decoration: none;
    font-weight: 700;
    padding-top: .25rem;
    align-items: center;
    color: #d0d0e2;
    display: flex;
}

.home-game__header .all-items:hover {
    color: var(--bs-white);
}

@media (min-width: 992px) {
    .home-game__header .all-items {
        padding-right: .5rem;
        padding-top: .5rem;
    }
}

.home-game__header .all-items svg {
    margin-left: .5rem;
    height: 16px;
    width: 16px;
}

.home-seo {
    margin-top: 2.5rem;
}

.home-seo__section {
    border-bottom: 1px solid #343655;
    padding: 2.5rem 0;
}

.home-seo__subsection {
    border-top: 1px solid #343655;
    padding-top: 2.5rem;
    margin-top: 2.5rem;
}

.home-seo__title {
    font-size: 1.5rem;
}

.home-seo__subtitle {
    font-size: 1rem;
}

@media (min-width: 767px) {
    .home-main {
        width: calc(100% - 300px);
    }
}

.home-sidebar {
    margin-top: 3rem;
}

@media (min-width: 1200px) {
    .home-sidebar {
        max-width: 330px;
    }
}

@media (min-width: 767px) {
    .home-sidebar {
        max-width: 300px;
        margin-top: 0;
    }
}

.home-sidebar__trustpilot {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgOTYgNzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGcgZmlsbD0nI2ZmZicgb3BhY2l0eT0nLjA3MjU2OCc+PHBhdGggZD0nbTY0LjA5MDg3NTggMzguMTkyMTg3LTQuNDkxMzE3Ni0xMC40MDQwNjg5Yy0uMzE4MjY5OS0uNzQxMTQ5Mi0uMTYwNTc4MS0xLjYwMTAzNjYuMzk5OTM5Mi0yLjE4MDg1MjlsOC4xNzQ3NTc5LTguNTQ3MzQyN2MuODAyOTQ1NS0uNzI3NjMyOCAxLjA2NDAzMTItMS44ODA3MDY4LjY1MjkwNjgtMi44ODM1MzUtLjQxMTEyNDUtMS4wMDI4MjgzLTEuNDA2MjgyMi0xLjY0MDMyNjgtMi40ODg2Mjc5LTEuNTk0MjE2MmgtOS4yMzA1OTc0Yy0uNzY1MDM1Mi0uMDAxNDkwOC0xLjQ2MjE3MjYtLjQzOTU3NDQtMS43OTU3MjcyLTEuMTI4NDQxM2wtNC44MzkyNjQ3LTkuOTcxODk5ODljLS40ODY3NDQ3LS45MTIxNjE2Ny0xLjQzNjE1NjctMS40ODE4MzAxMS0yLjQ2OTYyNDctMS40ODE4MzAxMXMtMS45ODI4OC41Njk2Njg0NC0yLjQ2OTYyNDggMS40ODE4MzAxMWwtNC44NDcyNjM1IDkuOTc1OTAxMzljLS4zMzUzMjE4LjY4ODYwNzYtMS4wMzQxNTExIDEuMTI1MjI0OC0xLjc5OTcyNjUgMS4xMjQ0Mzk4aC05LjIyNjU5ODFjLTEuMDg0MTAxMi0uMDM5OTE2My0yLjA3NjY0MDIuNjA1MTQzNS0yLjQ4MDkyODQgMS42MTIzNzctLjQwNDI4ODMgMS4wMDcyMzM1LS4xMzMzNjE1IDIuMTU5OTgwNC42NzcyMDI1IDIuODgxMzgwNGw4LjE3ODc1NzMgOC41NDczNDI4Yy41NjA1MTcyLjU3OTgxNjIuNzE4MjA5MSAxLjQzOTcwMzYuMzk5OTM5MiAyLjE4MDg1MjlsLTQuNTE5MzEzMyAxMC4zODgwNjI2Yy0uNDU3MDIyMyAxLjA4NzgxMjYtLjE2ODA4NTggMi4zNDYxNDg5LjcxNzYyNzIgMy4xMjUzMTA0Ljg4NTcxMy43NzkxNjE0IDIuMTcwMDA2Mi45MDQ3OTQ5IDMuMTg5Nzc5MS4zMTIwMzM5bDExLjE5ODI5ODUtNi4zMTA0NjhjLjYwOTQ5NjMtLjM0MzcwODggMS4zNTQyMDUyLS4zNDM3MDg4IDEuOTYzNzAxNiAwbDExLjE5ODI5ODUgNi4zMTA0NjhjMS4wMTk3NzI5LjU5Mjc2MSAyLjMwNDA2NjEuNDY3MTI3NSAzLjE4OTc3OS0uMzEyMDMzOS44ODU3MTMtLjc3OTE2MTUgMS4xNzQ2NDk2LTIuMDM3NDk3OC43MTc2MjczLTMuMTI1MzEwNHonLz48ZyBmaWxsLW9wYWNpdHk9Jy43NSc+PHBhdGggZD0nbTk1LjM0NjEyNjcgNTEuMDE3MjAyN2MuNjE2MDEyLS41NTA4NTY3LjgyMDU3MDctMS40MjkwOTE0LjUxMTQxNjYtMi4xOTU2NzIycy0xLjA2NTYwNzUtMS4yNTY4MjgxLTEuODkxMjA3LTEuMjI1NjY1OWgtNi43MzA5NzcyYy0uNzY2NDc4OS4wMDAwNDA5LTEuNDY1NTQxOC0uNDM4Mjc2NC0xLjc5OTcyNjYtMS4xMjg0NDEzbC0zLjU1NTQ1OTctNy4zMjY4NjU0Yy0uMzYyNDQ0Mi0uNzA1NjE0Mi0xLjA4ODc5NzUtMS4xNDkyMjA0LTEuODgxNzE0MS0xLjE0OTIyMDRzLTEuNTE5MjY5OS40NDM2MDYyLTEuODgxNzE0MSAxLjE0OTIyMDRsLTMuNTYzNDU4NiA3LjMzMDg2N2MtLjMzNTMyMTguNjg4NjA3NS0xLjAzNDE1MTEgMS4xMjUyMjQ3LTEuNzk5NzI2NSAxLjEyNDQzOTdoLTYuNzMwOTc3M2MtLjgyNjMzNTEtLjAzMjM3MTYtMS41ODM3MDM5LjQ1ODc4NDMtMS44OTE2MDU5IDEuMjI2NzEyLS4zMDc5MDIuNzY3OTI3OC0uMDk5Nzc2NiAxLjY0NjYyMS41MTk4MTQ0IDIuMTk0NjI2MWw1Ljk5OTA4ODQgNi4yODY0NTg1Yy41NjA1MTczLjU3OTgxNjMuNzE4MjA5MiAxLjQzOTcwMzcuMzk5OTM5MyAyLjE4MDg1MjlsLTMuMzExNDk2OSA3LjYwMjk3MzRjLS4zNDYxNjA5LjgyOTA4MjUtLjEyNDc2MTQgMS43ODY3MjQ1LjU1MDEyMDYgMi4zNzk0OTMxLjY3NDg4MjEuNTkyNzY4NyAxLjY1MjYyMDEuNjg4MzY0MiAyLjQyOTQyNjcuMjM3NTMwNGw4LjI5ODczOTEtNC42Nzc4Mjk0Yy42MDk0OTYzLS4zNDM3MDg5IDEuMzU0MjA1Mi0uMzQzNzA4OSAxLjk2MzcwMTYgMGw4LjI5ODczOSA0LjY3NzgyOTRjLjc3NjYxODcuNDQ3NzA4MSAxLjc1MjAxMzQuMzUwNTc5OSAyLjQyNTIwNDItLjI0MTQ5OHMuODk0NTM0LTEuNTQ3NDkyMy41NTAzNDM3LTIuMzc1NTI1NWwtMy4zMDc0OTc0LTcuNjAyOTczNGMtLjMxODI2OTktLjc0MTE0OTItLjE2MDU3ODEtMS42MDEwMzY2LjM5OTkzOTItMi4xODA4NTI5eicvPjxwYXRoIGQ9J20yOS45NzYwNTkzIDQ3LjU5NTg2NDZoLTYuNzMwOTc3M2MtLjc2NjQ3ODkuMDAwMDQwOS0xLjQ2NTU0MTctLjQzODI3NjQtMS43OTk3MjY1LTEuMTI4NDQxM2wtMy41NTU0NTk4LTcuMzI2ODY1NGMtLjM2MjQ0NDItLjcwNTYxNDItMS4wODg3OTc1LTEuMTQ5MjIwNC0xLjg4MTcxNC0xLjE0OTIyMDQtLjc5MjkxNjYgMC0xLjUxOTI2OTkuNDQzNjA2Mi0xLjg4MTcxNDEgMS4xNDkyMjA0bC0zLjU2MzQ1ODYgNy4zMzA4NjdjLS4zMzUzMjE4LjY4ODYwNzUtMS4wMzQxNTExMSAxLjEyNTIyNDctMS43OTk3MjY1MyAxLjEyNDQzOTdoLTYuNzMwOTc3MjZjLS44MjYzMzUxMy0uMDMyMzcxNi0xLjU4MzcwMzkxLjQ1ODc4NDMtMS44OTE2MDU5MSAxLjIyNjcxMi0uMzA3OTAyMDEuNzY3OTI3OC0uMDk5Nzc2NjUgMS42NDY2MjEuNTE5ODE0MzUgMi4xOTQ2MjYxbDUuOTk5MDg4NDcgNi4yODY0NTg1Yy41NjA1MTcyNy41Nzk4MTYzLjcxODIwOTExIDEuNDM5NzAzNy4zOTk5MzkyMyAyLjE4MDg1MjlsLTMuMzExNDk2ODQgNy42MDI5NzM0Yy0uMzQ2MTYwOTYuODI5MDgyNS0uMTI0NzYxNDggMS43ODY3MjQ1LjU1MDEyMDU5IDIuMzc5NDkzMS42NzQ4ODIwNy41OTI3Njg3IDEuNjUyNjIwMDguNjg4MzY0MiAyLjQyOTQyNjY5LjIzNzUzMDRsOC4yOTg3MzkwMS00LjY2MTgyMzJjLjYwOTQ5NjQtLjM0MzcwODkgMS4zNTQyMDUzLS4zNDM3MDg5IDEuOTYzNzAxNyAwbDguMjk4NzM5IDQuNjc3ODI5NGMuNzc2NjE4Ny40NDc3MDgyIDEuNzUyMDEzNC4zNTA1Nzk5IDIuNDI1MjA0Mi0uMjQxNDk4cy44OTQ1MzQtMS41NDc0OTIzLjU1MDM0MzctMi4zNzU1MjU0bC0zLjMwNzQ5NzQtNy42MDI5NzM0Yy0uMzE4MjY5OS0uNzQxMTQ5My0uMTYwNTc4MS0xLjYwMTAzNjcuMzk5OTM5Mi0yLjE4MDg1MjlsNS45OTkwODg1LTYuMjg2NDU4NmMuNjI5MjU0NC0uNTQ4MTgxNi44NDI2MTE3LTEuNDM0ODkxMy41MzE2NTQ4LTIuMjA5NTQ5NXMtMS4wNzgwMzUtMS4yNjczODItMS45MTE0NDUyLTEuMjI3Nzk0OHonLz48L2c+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: 6rem;
    background-position: center bottom -.75rem;
    text-align: center;
    font-size: .75rem;
    font-weight: 600;
    color: #cbcbd3;
}

.home-sidebar__stats {
    border: 1px solid var(--bs-border-color-translucent);
    border-radius: var(--bs-border-radius);
    background-color: #323351;
    padding: 0;
}

.home-sidebar__stats .stats-item {
    border-bottom: 1px solid var(--bs-border-color-translucent);
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    font-weight: 700;
    display: flex;
}

.home-sidebar__stats .stats-item:last-child {
    border-bottom: none;
}

@media (min-width: 992px) {
    .home-sidebar__stats .stats-item {
        padding: 1.25rem 1.5rem;
    }
}

.home-sidebar__stats .stats-name {
    margin-bottom: .25rem;
    font-size: .75rem;
    color: #d0d0e2;
}

.home-sidebar__stats .stats-data {
    background-image: url("data:image/svg+xml, %3Csvg%20viewBox=%220%200%2014%2014%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill=%22none%22%3E%3Cpath%20d=%22m7.9384254%207c.00082644.41317908-.1654746.80964921-.46210424%201.10167263l-5.68891237%205.60589787c-.41352078.3944643-1.07167752.389199-1.47864439-.0118293s-.41231017-1.049581-.01200449-1.4570675l5.21071222-5.1346758c.02803663-.02755776.04379341-.06497599.04379341-.1039979s-.01575678-.07644014-.04379341-.1039979l-5.21071222-5.13467577c-.40030568-.40748655-.39496238-1.05603925.01200449-1.45706752.40696687-.40102828%201.06512361-.4062936%201.47864439-.01182932l5.68891237%205.60589788c.29662964.29202342.46293068.68849355.46210424%201.10167263z%22%20fill=%22%23fff%22%2F%3E%3Cpath%20d=%22m14%207c.0008264.41317908-.1654746.80964921-.4621042%201.10167263l-5.68891242%205.60589787c-.41352077.3944643-1.07167751.389199-1.47864438-.0118293-.40696688-.4010283-.41231017-1.049581-.01200449-1.4570675l5.21071219-5.1346758c.0280367-.02755776.0437934-.06497599.0437934-.1039979s-.0157567-.07644014-.0437934-.1039979l-5.21071219-5.13467577c-.40030568-.40748655-.39496239-1.05603925.01200449-1.45706752.40696687-.40102828%201.06512361-.4062936%201.47864438-.01182932l5.68891242%205.60589788c.2966296.29202342.4629306.68849355.4621042%201.10167263z%22%20fill=%22%235ad1e8%22%20fill-opacity=%22.79611%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: center left;
    background-repeat: no-repeat;
    background-size: .865rem;
    padding-left: 1.5rem;
    color: var(--bs-white);
    font-size: 1rem;
    font-weight: 700;
}

.home-sidebar__stats .stats-icon {
    color: var(--bs-primary);
    margin: auto 0;
    height: 24px;
    width: 24px;
}

.home-sidebar .card-title {
    font-size: 1rem;
    color: var(--bs-white);
}

.sales-list-section {
    border-top: 1px solid var(--bs-border-color);
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    padding: 3rem 0 4rem 1rem;
    background-color: #2b2c45;
    overflow: hidden;
}

.sales-list-section__title {
    font-size: 1.25rem;
}

.sales-list {
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 1.5rem 0 0;
    display: flex;
}

@media (max-width: 768px) {
    .sales-list {
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-y: hidden;
        overflow-x: auto;
        height: 210px;
    }

    .sales-list-section {
        padding: 2.5rem 0 3rem 0;
    }

    .sales-list-section__title {
        padding: 0 1.5rem;
    }

    .sales-list__item:first-child {
        margin-left: 1.5rem;
    }

    .sales-list__item:last-child {
        margin-right: 1.5rem;
    }
}

.sales-list__item {
    opacity: 0;
    transform: translatex(-20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.sales-list__item--visible {
    opacity: 1;
    transform: translatex(0);
}

.sales-list__item-body {
    border: 1px solid #3E4065;
    background-color: #323351;
    border-radius: var(--bs-border-radius-lg);
    color: var(--bs-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem .875rem 1.5rem;
    text-decoration: none;
    position: relative;
    width: 140px;
    flex-shrink: 0;
}

.sales-list__item-body:hover .sales-list__item-picture {
    animation: rotateWeapon .4s linear infinite;
}

.sales-list__item-picture {
    width: 100%;
}

.sales-list__item-date {
    text-transform: uppercase;
    font-size: .75rem;
    text-align: center;
    font-weight: 700;
    color: #d0d0e2;
}

.sales-list__item-name {
    font-weight: 700;
    color: var(--bs-white);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
      text-align: center;
}

.sales-list__item-price {
    position: absolute;
    bottom: -.75rem;
    background-color: #525384;
    font-weight: 700;
    color: var(--bs-white);
    border-radius: .75rem;
    font-size: .75rem;
    padding: .125rem .75rem;
    transform: translateX(-50%);
    left: 50%;
    white-space: nowrap;
}

.inventory-navbar {
    justify-content: flex-end;
    margin-top: 1rem;
    margin-left: 0;
    gap: .75rem;
}

@media (max-width: 992px) {
    .inventory-navbar__item,
    .inventory-navbar__item > .btn,
    .inventory-navbar__item-group {
        width: 100%;
    }

    .inventory-navbar {
        margin-left: 0 !important;
    }
}

@media (min-width: 992px) {
    .inventory-navbar__item-group {
        margin-left: 1rem;
    }
}

.inventory-sidebar {
    border-radius: var(--bs-border-radius);
    border-top: none;
    margin-top: 1rem;
    height: 100%;
}

@media (min-width: 576px) {
    .inventory-sidebar {
        border-radius: 0;
        height: 100%;
        margin: 0;
    }
}

.inventory-sidebar__container {
    position: sticky;
    top: 2rem;
}

.inventory-sidebar__content--empty {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #747daa;
    display: flex;
}

.inventory-sidebar__empty-icon {
    margin-bottom: 1.25rem;
    color: #464d72;
    height: 5rem;
    width: 5rem;
}

.inventory-sidebar__thumbnail {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: .75rem;
    border: 1px solid #464c71;
    object-position: center;
    object-fit: cover;
    padding: 1rem;
    margin: 0 auto 1rem;
    max-width: 100%;
    width: 148px;
    height: 148px;
}

@media (min-width: 576px) and (max-height: 800px) {
    .inventory-sidebar__thumbnail {
        height: 100px;
        width: 100px;
    }
}

.inventory-sidebar__item-link {
    flex-direction: column;
    text-decoration: none;
    display: flex;
}

.inventory-sidebar__item-name {
    font-size: 1rem;
    color: var(--bs-white);
    text-align: center;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .5);
    font-weight: 700;
    margin: 0;
}

.inventory-sidebar__item {
    margin-bottom: 1.5rem;
}

.inventory-sidebar__item .wearbox {
    width: 140px;
    margin: 0 auto;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 2px;
}

.inventory-sidebar__price-form {
    min-width: auto;
}

.inventory-sidebar__item .wear-pointer {
    color: var(--bs-white);
    position: relative;
    z-index: 1;
    top: 2px;
}

.inventory-sidebar__item .wear-pointer__icon {
    position: relative;
}

.inventory-sidebar__price-field {
    font-size: 1.25rem;
    color: var(--bs-white);
    border-left: 0;
}

@media (min-width: 576px) and (max-height: 800px) {
    .inventory-sidebar__predefined_prices {
        display: none;
    }
}

.predefined-prices {
    display: grid;
    gap: .5rem;
}

@media (min-width: 768px) {
    .predefined-prices {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: row;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .predefined-prices {
        grid-template-columns: repeat(1, 1fr);
    }
}

.predefined-prices__item {
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: .25rem;
    background-color: #464d72;
    border: 1px solid #4f5782;
    padding: .5rem .75rem;
    font-size: .75rem;
    display: flex;
    gap: .75rem;
    cursor: pointer;
    margin: 0;
}

.predefined-prices__item:hover {
    background-color: #505781;
    border-color: #596292;
}

.predefined-prices__icon {
    color: var(--bs-white);
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
}

.predefined-prices__title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .5rem;
    color: var(--bs-white);
}

.predefined-prices__amount {
    color: var(--bs-primary);
    font-weight: 600;
    margin: 0;
}

.main-inventory {
    flex-direction: column;
    display: flex;
}

#main.main-inventory {
    margin-bottom: 1.5rem;
    margin-top: 0;
    flex: 1;
}

@media (min-width: 576px) {
    #main.main-inventory {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    #main.main-inventory #main {
        overflow: hidden;
    }
}

.main-inventory #main .container-fluid {
    flex-direction: column;
    display: flex;
    height: 100%;
}

@media (min-width: 768px) {
    .main-inventory #main .container-fluid {
        flex-direction: row;
    }
}

.main-inventory #inventory-sidebar {
    border-radius: 1rem;
    background-color: #323351;
    width: 100%;
    margin: 0;
}

@media (min-width: 576px) {
    .main-inventory #inventory-sidebar {
        margin-bottom: 1.25rem;
    }
}

@media (min-width: 768px) {
    .main-inventory #inventory-sidebar {
        margin-right: 1.5rem;
        overflow-x: hidden;
        margin-bottom: 0;
        height: 100%;
    }
}

.main-inventory #inventory-sidebar .inventory-item {
    margin: 1.25rem auto;
    max-width: 180px;
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .main-inventory #inventory-sidebar .inventory-item {
        padding: 0 1.25rem;
    }
}

.main-inventory #inventory-sidebar .inventory-form {
    padding: .75rem 1.25rem 1.25rem;
}

.main-inventory #inventory-sidebar .inventory-item {
    position: relative;
    min-height: 180px;
}

.main-inventory #inventory-sidebar .inventory-item .item-thumbnail {
    background-size: 100%;
    width: 100%;
}

.main-inventory #inventory-sidebar .inventory-item .item-name {
    position: absolute;
    margin-bottom: 0;
    font-size: 1rem;
    bottom: 0;
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .main-inventory #inventory-sidebar .inventory-item .item-name {
        text-align: center;
        position: initial;
    }
}

.main-inventory #inventory-sidebar .inventory-item .item-name .item-type {
    font-size: .75rem;
    display: block;
}

.main-inventory #inventory-sidebar .btn.btn-secondary {
    background-color: #42445b;
}

.main-inventory #inventory-sidebar .inventory-form .form-control {
    background-color: #202334;
}

.main-inventory #inventory-sidebar .item-info ul {
    justify-content: space-between;
    margin: 1.25rem 0 0;
    list-style: none;
    padding: 0;
}

.main-inventory #inventory-sidebar .item-info ul dl {
    margin-bottom: 0;
    font-weight: 700;
}

.main-inventory #inventory-sidebar .item-info ul dl dt {
    font-size: .75rem;
    color: #cbcbd3;
}

.main-inventory #inventory-sidebar .item-info ul dl dd ul {
    margin: 0;
}

.main-inventory #inventory-sidebar .item-info ul dl dd ul li {
    background-color: #f3b61f;
    vertical-align: baseline;
    border-radius: .325rem;
    margin: .25rem 0.125rem;
    display: inline-block;
    padding: .25rem .5rem;
    white-space: nowrap;
    text-align: center;
}

.main-inventory #inventory-sidebar .item-info ul dl .fas {
    margin-right: .375rem;
}

.main-inventory #inventory-sidebar .custom-control {
    margin: 1.5rem 0 1.25rem;
}

.inventory-card__no-items {
    background-image: url(data:image/svg+xml,\ %3Csvg%20viewBox=%220%200%2032%2032%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill=%22%2331304F%22%20fill-rule=%22evenodd%22%20height=%2229.12%22%20rx=%221.28%22%20width=%2228.8%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: space;
    background-size: 140px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    color: #94a3b8;
    height: 480px;
    display: flex;
    z-index: 0;
    padding: 5rem 0 6rem;
}

@media (min-width: 576px) {
    .inventory-card__no-items {
        background-size: 230px;
    }
}

.inventory-card__no-items::before {
    background-image: radial-gradient(circle at 50% 50%,#323351 0,rgba(255,255,255,0) 58%);
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    z-index: -1;
}

.inventory-card__message-body {
    text-align: center;
    max-width: 370px;
    width: 100%;
    margin: auto;
}

.inventory-card__message-icon {
    margin-bottom: 1.5rem;
    height: 100px;
}

.inventory-card__message-title {
    margin-bottom: .75rem;
    font-size: 1.5rem;
}

.inventory-card__message-action {
    margin-top: .75rem;
}

.items-inventory.scrollable {
    overflow-y: scroll;
    max-height: 480px;
}

.items-inventory.items-grid {
    grid-template-columns:repeat(auto-fill, 100%);
}

@media (min-width: 270px) {
    .items-inventory.items-grid {
        grid-template-columns:repeat(auto-fill, calc(50% - .75rem));
    }
}

@media (min-width: 578px) {
    .items-inventory.items-grid {
        grid-template-columns:repeat(auto-fill, calc(33% - .875rem));
    }
}

@media (min-width: 992px) {
    .items-inventory.items-grid {
        grid-template-columns:repeat(auto-fill, calc(25% - 1rem));
    }
}

@media (min-width: 1200px) {
    .items-inventory.items-grid {
        grid-template-columns:repeat(auto-fill, calc(16.125% - .75rem));
    }
}

@media (min-width: 1400px) {
    .items-inventory.items-grid {
        grid-template-columns:repeat(auto-fill, calc(13.75% - .75rem));
    }
}

@media (min-width: 1600px) {
    .items-inventory.items-grid {
        grid-template-columns:repeat(auto-fill, calc(13.825% - .75rem));
    }
}

@media (min-width: 1800px) {
    .items-inventory.items-grid {
        grid-template-columns:repeat(auto-fill, calc(10% - 1.25rem));
    }
}

@media (min-width: 1960px) {
    .items-inventory.items-grid {
        grid-template-columns:repeat(auto-fill, calc(10% - 1.125rem));
    }
}

.messages-list {
    list-style: none;
    max-height: 50vh;
    overflow-y: auto;
    padding: 0;
    margin: 0;
}

.messages-list li {
    max-width: 840px;
}

.messages-list li.self-message {
    margin-left: auto;
}

.messages-list li.self-message .message-content {
    background-color: rgba(var(--bs-primary-rgb), .25);
    border-color: var(--bs-primary);
}

.messages-list li.self-message .message-meta {
    justify-content: flex-end;
    margin-left: 0;
}

.messages-list li:not(:first-child) {
    margin-top: 1.5rem;
}

.messages-list li .message-avatar {
    margin-right: 1rem;
}

.messages-list li .message-avatar img {
    background-color: var(--bs-body-bg);
    border-radius: 100%;
    height: 2rem;
    width: 2rem;
}

.messages-list li .message-content {
    border: 1px solid #595b91;
    background: #464772;
    padding: .625rem 1rem;
    border-radius: .5rem;
    color: var(--bs-white);
}

.messages-list li .message-meta {
    justify-content: flex-start;
    margin-left: 3rem;
    margin-top: .5rem;
    font-size: .75rem;
    display: flex;
}

.messages-list li .message-meta .message-steam {
    text-decoration: none;
    margin-right: 1rem;
    color: #cbcbd3;
}

.messages-list li .message-meta .message-steam:hover {
    color: var(--bs-primary);
}

.message-header {
    margin-bottom: 1rem;
    align-items: center;
    display: flex;
}

.message-header h3 {
    align-items: center;
    margin-bottom: 0;
    display: flex;
}

.message-header h3 a {
    margin-left: .5rem;
}

.message-header .custom-select {
    width: auto;
}

.sidebar-messages__title {
    font-size: 1rem;
}

.sidebar-messages__title-icon {
    height: 1rem;
    width: 1rem;
}

.sidebar-messages__body {
    padding: 1.5rem .75rem !important;
    display: flex;
    flex-direction: column;
}

.sidebar-messages__body--empty {
    min-height: 480px;
    align-items: center;
    justify-content: center;
}

.sidebar-messages__empty-icon {
    margin-bottom: 1rem;
    height: 4rem;
    width: 4rem;
}

.sidebar-messages__list {
    list-style: none;
    padding: 0;
    margin: 1.25rem 0 0;
    display: flex;
    flex-direction: column;
}

.sidebar-messages__item {
    border-bottom: 1px solid #464772;
    text-decoration: none;
    padding: .75rem;
    color: #d0d0e2;
    display: flex;
}

.sidebar-messages__list li:last-child .sidebar-messages__item {
    border-bottom: 0;
}

.sidebar-messages__item--active {
    border-radius: .5rem;
    background-color: #3a536f;
    border: none;
}

.sidebar-messages__avatar {
    background-color: var(--bs-body-bg);
    flex-shrink: 0;
    border-radius: 100%;
    margin-right: 1rem;
    height: 2.5rem;
    width: 2.5rem;
}

.sidebar-messages__username {
    display: flex;
    align-items: center;
    color: var(--bs-white);
    font-size: .875rem;
    font-weight: 600;
}

.sidebar-messages__username svg {
    margin-right: .375rem;
    height: .75rem;
    width: .75rem;
}

.sidebar-messages__preview {
    flex: 1;
    min-width: 0;
}

.sidebar-messages__description {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sidebar-messages__description,
.sidebar-messages__message-time {
    font-size: .75rem;
}

.sidebar-messages__message-time {
    display: block;
    margin-top: .5rem;
    color: #9191bb;
}

.sidebar-messages__pagination {
    margin-top: auto;
}

.message-form {
    position: relative;
}

.message-form__input {
    min-height: 180px !important;
    padding: 1.25rem 1.5rem 4.5rem;
}

.message-form__button {
    bottom: 1.5rem;
    right: 1.5rem;
    position: absolute;
}

.onboarding-modal--carousel .onboarding-modal__content {
    padding-bottom: .75rem;
}

.onboarding-modal--carousel .onboarding-modal__body {
    padding-bottom: 5.5rem;
}

.onboarding-modal .glide__slide:not(.glide__slide--active) {
    height: 0;
}

.onboarding-modal__dialog {
    max-width: 100%;
}

.onboarding-modal__content {
    background: 0 0;
    box-shadow: none !important;
    text-align: center;
    position: relative;
    border: none;
}

.onboarding-modal__body {
    border-radius: 1rem;
    background-color: #323351;
    background-image: linear-gradient(180deg, rgba(51, 119, 132, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    flex-direction: column;
    position: relative;
    padding: 4rem 2rem;
    margin: 0 auto;
    display: flex;
}

@media (min-width: 576px) {
    .onboarding-modal__body {
        padding: 4rem;
        width: 570px;
    }
}

@media (min-width: 768px) {
    .onboarding-modal__body {
        padding: 5rem 6rem 4rem;
    }
}

@media (min-width: 768px) {
    .onboarding-modal__body--horizontal {
        padding: 4rem 4rem 6rem;
        flex-direction: row;
        align-items: center;
        text-align: left;
        width: 970px;
    }
}

@media (min-width: 768px) {
    .onboarding-modal__body--horizontal .onboarding-modal__figure {
        margin-right: 3rem;
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .onboarding-modal__body--horizontal .onboarding-modal__figure {
        margin-right: auto;
        margin-left: auto;
    }
}

.onboarding-modal__close {
    background-color: rgba(255, 255, 255, 0.1);
    transition: all .2s ease-in-out;
    justify-content: center;
    right: 2rem;
    top: 2rem;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    flex-shrink: 0;
    display: flex;
    color: var(--bs-white);
    border: none;
    height: 2rem;
    width: 2rem;
    z-index: 9;
    padding: 0;
}

.onboarding-modal__close:hover {
    background-color: rgba(90, 209, 232, .2);
    transform: scale(1.25);
}

.onboarding-modal__close:hover svg {
    color: var(--bs-primary);
}

.onboarding-modal__close svg {
    height: .75rem;
    width: .75rem;
}

.onboarding-modal__figure {
    margin-bottom: 2.5rem;
    flex-shrink: 0;
    height: 200px;
}

.onboarding-modal__title {
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
}

.onboarding-modal__bullets {
    justify-content: center;
    margin-bottom: 1rem;
}

.onboarding-modal__action {
    transform: translateX(-50%);
    padding: .875rem 2.75rem;
    position: absolute;
    bottom: -1rem;
    left: 50%;
}

#payment-modal .payment-section {
    margin-bottom: 1.5rem;
}

#payment-modal .payment-section.payment-refunded {
    margin-bottom: 0;
}

#payment-modal .payment-section.payment-refunded .items-list-full {
    font-size: 1.5rem;
    font-weight: 700;
}

#payment-modal .payment-section .payment-title {
    margin-bottom: .5rem;
    font-weight: 700;
    display: block;
}

#payment-modal .payment-section .payment-item {
    background-color: #202334;
    border-radius: .5rem;
    margin: .5rem 0;
    padding: .5rem;
}

#payment-modal .payment-section .payment-item img {
    margin-right: .5rem;
    height: 48px;
}

.number-total {
    white-space: nowrap;
    font-size: 1.75rem;
    font-weight: 700;
    color: #42446b;
}

.number-total .number-current {
    color: var(--bs-primary);
}

.ms-icon {
    fill: currentColor;
    max-height: 1rem;
    max-width: 1rem;
    width: 100%;
}

.shelf-space {
    border-left: 1px solid #4f506a;
    align-items: center;
    display: flex;
}

@media (max-width: 400px) {
    .shelf-space {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .shelf-space {
        display: block;
    }
}

.shelf-space .shelf-space-content {
    padding-left: 1rem;
}

.shelf-space-button {
    margin-left: 1rem;
}

.shelf-space-button svg {
    height: 1.25rem;
    width: 1.25rem;
}

@media (min-width: 992px) {
    .page-content {
        margin-bottom: 5rem;
    }
}

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

.sidebar-navigation li {
    margin: 1rem 0;
}

.sidebar-navigation li.active .sidebar-link {
    color: var(--bs-primary);
}

.sidebar-navigation li .sidebar-link {
    text-decoration: none;
    font-weight: 700;
    color: var(--bs-white);
}

.sidebar-navigation li .sidebar-link:hover, .sidebar-navigation li .sidebar-link:focus {
    color: var(--bs-primary);
}

@media (min-width: 576px) {
    .page-terms {
        padding-left: 2rem;
    }
}

@media (min-width: 768px) {
    .page-terms {
        padding-left: 3.75rem;
    }
}

.page-terms__content {
    margin-top: 2.5rem;
}

.page-terms__section {
    margin-top: 3rem;
}

.page-terms__heading {
    margin-bottom: .75rem;
    font-size: 1.5rem;
}

.terms-sidebar {
    position: fixed;
    height: 100%;
    top: 0;
}

.terms-sidebar__close-button {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
}

@media (max-width: 575px) {
    .terms-heading {
        position: sticky;
        top: 0;
        align-items: center;
        background-color: #202334;
        padding: 1.25rem 0;
        margin: 0 !important;
        border-bottom: 1px solid #3E4065;
    }
}

@media (min-width: 576px) {
    .terms-heading__toggle-button {
        display: none !important;
    }
}

@media (max-width: 575px) {
    #page-sidebar.terms-sidebar {
        transition: all .2s ease-in-out;
        transform: translateX(-100%);
        margin: 0 !important;
        padding: 0;
        z-index: 10;
    }

    #page-sidebar.terms-sidebar--visible {
        transform: translateX(0);
    }
}

@media (min-width: 576px) {
    .terms-sidebar {
        display: flex;
        height: 100vh;
        position: sticky;
        top: 0;
    }
}

.terms-sidebar__body {
    padding: 2rem 0 !important;
}

.terms-sidebar .sidebar-link {
    display: block;
    padding: 0 2rem;
}

.terms-sidebar .active .sidebar-link {
    border-right: 2px solid var(--bs-primary);
}

.terms-revision {
    border-top: 1px solid #323351;
    text-align: right;
    font-size: .75rem;
    padding-top: 1rem;
    margin-top: 4rem;
}

.raffle-item-good {
    background-color: #3c3e62;
    border: 1px solid #505181;
    background-size: 100%;
    border-radius: .75rem;
    flex-shrink: 0;
    position: relative;
}

.raffle-item-good:hover img {
    animation: rotateWeapon .4s linear infinite;
}

.raffle-item-good img {
    width: 100%;
}

.raffle-item-good:hover > .item-magnifier {
    display: block;
}

.raffle-item-good .item-magnifier {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(-50%);
    top: calc(68px + -50%);
    padding: .625rem 1rem;
    border-radius: .5rem;
    background: #202334;
    position: absolute;
    min-width: 300px;
    display: none;
    z-index: 99;
    left: 120px;
}

.raffle-item-good .item-magnifier .item-magnifier-thumbnail {
    margin: auto 0;
    flex: 0 0 48px;
    width: 48px;
}

.raffle-item-good .item-magnifier .item-magnifier-header {
    flex-direction: row;
    display: flex;
}

.raffle-item-good .item-magnifier .item-magnifier-name {
    margin-left: .875rem;
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 700;
}

.raffle-item-good .item-magnifier .item-magnifier-description {
    border-top: 1px solid #333;
    text-transform: uppercase;
    font-size: .75rem;
    margin: .5rem 0 0;
    padding: .75rem 0;
}

.raffle-list__item {
    background-color: #323351;
    border: 1px solid #3e4065 !important;
    padding: 1.25rem 1.5rem !important;
    justify-content: space-between;
    background-repeat: no-repeat;
    flex-direction: column;
    background-size: .5rem;
    margin: 0 !important;
    display: flex;
}

@media (min-width: 576px) {
    .raffle-list__item {
        padding: 1.5rem 2rem !important;
    }
}

@media (min-width: 767px) {
    .raffle-list__item {
        padding-right: 6.25rem;
        flex-direction: row;
    }
}

.raffle-list__item:not(:last-child) {
    border-bottom-width: 0 !important;
}

.raffle-list__item:hover,
.raffle-list__item:focus {
    background-color: #3a3c5f;
    text-decoration: none;
    color: var(--bs-white);
    z-index: 1;
}

.raffle-list__item.is-official {
    border-color: #497693 !important;
    background-color: #405977;
}

.raffle-list__item.is-official:hover {
    background-color: #496688;
}

.raffle-list__item.is-official .raffle-name {
    color: var(--bs-primary-300);
}

.raffle-list__item.is-official .raffle-list__item-info {
    color: var(--bs-white);
}

.raffle-list__item.is-official .raffle-item-good {
    background-color: #436384;
    border: 1px solid #4c7095;
}

.raffle-list__item-goods {
    margin: 1.5rem 0 0;
    overflow-x: auto;
    list-style: none;
    display: flex;
    padding: 0;
}

@media (min-width: 767px) {
    .raffle-list__item-goods {
        max-width: 220px;
        margin: 0;
    }
}

@media (min-width: 992px) {
    .raffle-list__item-goods {
        max-width: 450px;
    }
}

@media (min-width: 1200px) {
    .raffle-list__item-goods {
        max-width: 100%;
    }
}

.raffle-list__item-info {
    color: rgba(255, 255, 255, .6);
    font-size: .875rem;
}

.raffle-list__item-info .raffle-name {
    margin-bottom: .5rem !important;
    align-items: center;
    font-size: 1rem;
    display: flex;
    color: var(--bs-white);
}

.raffle-list__item-info .official-badge {
    text-transform: uppercase;
    background: rgba(90, 209, 232, .15);
    border: 1px solid var(--bs-primary-300);
    border-radius: .25rem;
    padding: .125rem .375rem;
    margin-left: .5rem;
    font-size: .5rem;
    font-weight: 700;
    color: var(--bs-primary-300);
}

.raffle-list__item-info .author-avatar {
    margin-right: .25rem;
    border-radius: 50%;
    height: 1rem;
    width: 1rem;
}

.raffle-list__item-info .raffle-author + .raffle-time {
    margin-left: .25rem;
}

@media (min-width: 576px) {
    .raffle-list__item-info .raffle-author + .raffle-time {
        margin-left: .75rem;
    }
}

.raffle-list__item-info .raffle-author + .raffle-time::before {
    margin-right: 1.75rem;
    content: '•';
}

@media (min-width: 576px) {
    .raffle-list__item-info .raffle-author + .raffle-time::before {
        margin-right: 2.25rem;
    }
}

.raffle-list__item-info .raffle-time {
    background-image: url("data:image/svg+xml, %3Csvg%20height=%2212%22%20viewBox=%220%200%2012%2012%22%20width=%2212%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d=%22m6%200c-3.3137085%200-6%202.6862915-6%206s2.6862915%206%206%206%206-2.6862915%206-6c-.0035824-3.31222348-2.68777652-5.99641758-6-6zm2.6%208.6105c-.18847096.19946156-.50128295.21318721-.7065.031l-2.4795-2.273c-.10398381-.09435665-.16350057-.22808789-.164-.3685v-2.75c0-.27614237.22385763-.5.5-.5s.5.22385763.5.5v2.53l2.317%202.124c.09824216.08931157.15692829.21403003.16311877.34665641.00619048.13262637-.04062306.26226915-.13011877.36034359z%22%20fill=%22%239495bd%22%2F%3E%3C%2Fsvg%3E");
    background-position: 1rem center;
    background-repeat: no-repeat;
    background-size: .75rem;
}

@media (min-width: 576px) {
    .raffle-list__item-info .raffle-time {
        background-position: 1.5rem center;
    }
}

.raffle-list .raffle-item-good {
    margin: 0 .25rem;
    padding: .25rem;
    height: 2.5rem;
    width: 2.5rem;
}

@media (max-width: 768px) {
    .raffle-list .raffle-item-good:first-child {
        margin-left: 0;
    }

    .raffle-list .raffle-item-good:last-child {
        margin-right: 0;
    }
}

.raffle-list .raffle-item-good.is-additional {
    justify-content: center;
    align-items: center;
    font-weight: 700;
    display: flex;
}

.raffle-page__items-list {
    margin-bottom: 0;
    list-style: none;
    flex-wrap: wrap;
    display: flex;
    padding: 0;
}

.raffle-page__items-list li {
    position: relative;
}

.raffle-page__items-list li:first-child .raffle-item-good {
    margin-left: 0;
}

.raffle-page__items-list li:last-child .raffle-item-good {
    margin-right: 0;
}

.raffle-page__items-list .raffle-item-good {
    margin-bottom: .5rem;
    margin-right: .5rem;
    padding: .5rem;
    height: 4rem;
    width: 4rem;
    display: flex;
}

@media (min-width: 768px) {
    .raffle-page__items-list .raffle-item-good {
        margin-bottom: 1rem;
        margin-right: 1rem;
    }
}

.raffle-page__items-list .raffle-item-good.has-magnifier:hover + .item-magnifier {
    display: block;
}

.raffle-page__items-list .item-magnifier {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(-50%);
    top: calc(68px + -50%);
    padding: .625rem 1rem;
    border-radius: .5rem;
    background: #202334;
    position: absolute;
    min-width: 300px;
    display: none;
    z-index: 99;
    left: 120px;
}

.raffle-page__items-list .item-magnifier .item-magnifier-thumbnail {
    margin: auto 0;
    flex: 0 0 48px;
    width: 48px;
}

.raffle-page__items-list .item-magnifier .item-magnifier-header {
    flex-direction: row;
    display: flex;
}

.raffle-page__items-list .item-magnifier .item-magnifier-name {
    margin-left: .875rem;
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 700;
}

.raffle-page__items-list .item-magnifier .item-magnifier-description {
    border-top: 1px solid #333;
    text-transform: uppercase;
    font-size: .75rem;
    margin: .5rem 0 0;
    padding: .75rem 0;
}

.raffle-page__items-list .item-magnifier {
    transform: translateY(0);
    top: calc(68px + 2rem);
    left: 0;
}

.bundles__header {
    border-bottom: 1px solid var(--bs-border-color-translucent);
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center;
    min-height: 230px;
    padding: .75rem;
    align-items: flex-start;
}

.bundles__header-content {
    background-image: linear-gradient(180deg, rgba(32,35,52,0.00) 0%, #202334 100%);
    flex-direction: column;
    display: flex;
    padding: 1rem;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 115px;
    content: '';
}

.bundles__count {
    font-weight: 600;
    font-size: .625rem;
    color: #a7a7af;
}

.bundles__title {
    margin-bottom: .125rem;
    font-weight: 600;
    font-size: 1rem;
}

.bundles__price {
    padding: .125rem .625rem;
    border-radius: .25rem;
    font-weight: 700;
    font-size: .625rem;
    background-color: #50516a;
    color: var(--bs-white);
}

.bundles__price--unavailable,
.bundles__discount {
    background-color: #4d374e;
    color: var(--bs-red);
}

.bundles__discount {
    padding: .125rem .25rem;
    border-radius: .25rem;
    white-space: nowrap;
    font-size: .625rem;
    font-weight: 700;
    margin-left: .5rem;
}

.bundles__thumbnail {
    position: absolute;
    width: 180px;
}

.bundles__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    list-style: none;
    padding: 1rem 1.5rem;
    margin-bottom: 0;
    gap: .75rem;
}

.bundles__body {
    position: relative;
    height: 110px;
}

@media (min-width: 310px) {
    .bundles__body {
        height: 140px;
    }
}

@media (min-width: 440px) {
    .bundles__body {
        height: 210px;
    }
}

@media (min-width: 576px) {
    .bundles__body {
        height: 110px;
    }
}

@media (min-width: 1200px) {
    .bundles__body {
        height: 130px;
    }
}

@media (min-width: 1400px) {
    .bundles__body {
        height: 140px;
    }
}

.bundles__arrows {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
}

.bundles__slide-button {
    background-color: transparent;
    border-radius: 50%;
    border: none;
    height: 1.5rem;
    width: 1.5rem;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bundles__slide-button:hover {
    background-color: #484a75;
}

.bundles__slide-button--left {
    padding-left: 2px;
    left: 2px;
}

.bundles__slide-button--right {
    padding-right: 2px;
    right: 2px;
}

.bundles__slide-button > svg {
    color: var(--bs-white);
    height: .625rem;
    width: .625rem;
}

.bundles__item {
    background-color: #3c3e62;
    border: 1px solid #505181;
    border-radius: .5rem;
    place-self: center;
    height: 32px;
    width: 32px;
}

@media (min-width: 310px) {
    .bundles__item {
        height: 48px;
        width: 48px;
    }
}

@media (min-width: 440px) {
    .bundles__item {
        height: 80px;
        width: 80px;
    }
}

@media (min-width: 576px) {
    .bundles__item {
        height: 32px;
        width: 32px;
    }
}

@media (min-width: 1200px) {
    .bundles__item {
        height: 40px;
        width: 40px;
    }
}

@media (min-width: 1400px) {
    .bundles__item {
        height: 48px;
        width: 48px;
    }
}

.bundles__item--disabled {
    opacity: 50%;
}

.bundles__item > img {
    width: 100%;
}

.bundles__footer {
    border-top: 1px solid var(--bs-border-color-translucent);
    padding: 1rem;
}

.bundles__button {
    justify-content: center;
    width: 100%;
}

.item-overlay {
    box-shadow: 0 1.5rem 3rem .75rem rgba(15, 17, 30, .5);
    background-color: #323351;
    border: 1px solid #555e8b;
    border-radius: .5rem;
    font-size: .75rem;
    padding: 1.25rem;
    position: fixed;
    z-index: 9999;
    display: none;
    width: 270px;
    bottom: 1rem;
    right: 1rem;
}

.item-overlay__effect, .item-overlay__thumbnail {
    height: 5rem;
    width: 5rem;
}

.item-overlay__effect {
    background-size: cover;
}

.item-overlay__name {
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: 700;
    display: block;
}

.item-overlay__description {
    margin-bottom: 0;
}

.search-modal {
    max-width: 670px;
}

@media (min-width: 576px) {
    .search-modal {
        margin: 6rem auto;
    }
}

.search-modal__content {
    box-shadow: 0 0 2rem 0 rgba(15, 17, 30, .5);
    background-image: linear-gradient(180deg, rgba(51, 119, 132, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background-color: #202334;
    flex-direction: column;
    pointer-events: auto;
    border-radius: 1rem;
    position: relative;
    display: flex;
    width: 100%;
    outline: 0;
}

.search-modal__form {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.search-modal__form-control {
    height: 64px;
}

@media (max-width: 575px) {
    .search-modal__form-control {
        padding-right: 3.25rem;
    }
}

.search-modal__form-icon {
    padding: .875rem .75rem .875rem 1.5rem;
    height: 100%;
    align-items: center;
    display: flex;
}

.search-modal__form-icon svg {
    color: var(--bs-white);
    height: 1rem;
    width: 1rem;
}

.search-modal__close {
    background-color: rgba(255, 255, 255, 0.1);
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    flex-shrink: 0;
    height: 1.75rem;
    right: 1.125rem;
    width: 1.75rem;
    top: 1.125rem;
    display: flex;
    color: var(--bs-white);
    border: none;
    z-index: 9;
    padding: 0;
}

.search-modal__close svg {
    height: .625rem;
    width: .625rem;
}

@media (min-width: 576px) {
    .search-modal__close {
        display: none;
    }
}

.search-modal__games {
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%;
}

.search-modal__games .dropdown {
    width: 100%;
}

@media (min-width: 576px) {
    .search-modal__games .dropdown {
        width: auto;
    }
}

@media (min-width: 576px) {
    .search-modal__games {
        margin-right: 1.5rem;
        width: auto;
    }
}

@media (max-width: 575px) {
    .search-modal__games-container {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding-top: 1rem;
        width: 100%;
    }
}

.search-modal__games-icon {
    margin-right: .25rem;
    height: 1rem;
    width: 1rem;
}

@media (min-width: 1400px) {
    .search-modal__games-icon {
        margin-right: .75rem;
    }
}

.search-modal__games-header {
    text-transform: uppercase;
    color: rgba(255, 255, 255, .5);
    padding: .5rem 1.5rem;
    font-size: .75rem;
    margin-bottom: 0;
    font-weight: 700;
}

.search-modal__form-control {
    background-color: transparent !important;
    border: none;
}

.search-modal__body {
    padding: 1.5rem;
}

.search-modal__section:not(:last-child) {
    margin-bottom: 2rem;
}

.search-modal__section-title {
    color: rgba(255, 255, 255, .5);
    margin-bottom: .75rem;
    font-size: .875rem;
    font-weight: 500;
    display: flex;
}

.search-modal__collapse-btn {
    background-image: url(data:image/svg+xml;base64,ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzdmcgdmlld0JveD0iMCAwIDEyIDEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im02IDBjMy4zMTIwMjE2Ny4wMDQwNjg4MyA1Ljk5NTkzMTIgMi42ODc5NzgzMyA2IDYgMCAzLjMxMzcwODUtMi42ODYyOTE1IDYtNiA2cy02LTIuNjg2MjkxNS02LTYgMi42ODYyOTE1LTYgNi02em0yLjMwNzY5MjMxIDUuMDc2OTIzMDhoLTQuNjE1Mzg0NjJjLS41MDk4MDEzMSAwLS45MjMwNzY5Mi40MTMyNzU2MS0uOTIzMDc2OTIuOTIzMDc2OTJzLjQxMzI3NTYxLjkyMzA3NjkyLjkyMzA3NjkyLjkyMzA3NjkyaDQuNjE1Mzg0NjJjLjUwOTgwMTMxIDAgLjkyMzA3NjkyLS40MTMyNzU2MS45MjMwNzY5Mi0uOTIzMDc2OTJzLS40MTMyNzU2MS0uOTIzMDc2OTItLjkyMzA3NjkyLS45MjMwNzY5MnoiIGZpbGw9IiM5NkEwQUIiLz48L3N2Zz4K);
    background-repeat: no-repeat;
    background-size: 1rem;
    height: 1rem;
    width: 1rem;
}

@media (min-width: 576px) {
    .search-modal__collapse-btn {
        background-size: .75rem;
        height: .75rem;
        width: .75rem;
    }
}

.search-modal__collapse-btn.collapsed {
    background-image: url(data:image/svg+xml;base64,IDxzdmcgdmlld0JveD0iMCAwIDEyIDEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDZjMCAzLjMxMzcwODUgMi42ODYyOTE1IDYgNiA2czYtMi42ODYyOTE1IDYtNi0yLjY4NjI5MTUtNi02LTZjLTMuMzEyMTU5LjAwMzczNzg1LTUuOTk2MjYyMTUgMi42ODc4NDEtNiA2em0yLjYwODY5NTY1LS4yNjA4Njk1N2MwLS4yODgxNDg1Ni4yMzM1OTA1Ny0uNTIxNzM5MTMuNTIxNzM5MTMtLjUyMTczOTEzaDEuOTU2NTIxNzRjLjA3MjAzNzE0IDAgLjEzMDQzNDc4LS4wNTgzOTc2NC4xMzA0MzQ3OC0uMTMwNDM0Nzh2LTEuOTU2NTIxNzRjMC0uMjg4MTQ4NTYuMjMzNTkwNTctLjUyMTczOTEzLjUyMTczOTEzLS41MjE3MzkxM2guNTIxNzM5MTRjLjI4ODE0ODU2IDAgLjUyMTczOTEzLjIzMzU5MDU3LjUyMTczOTEzLjUyMTczOTEzdjEuOTU2NTIxNzRjMCAuMDcyMDM3MTQuMDU4Mzk3NjQuMTMwNDM0NzguMTMwNDM0NzguMTMwNDM0NzhoMS45NTY1MjE3NGMuMjg4MTQ4NTYgMCAuNTIxNzM5MTMuMjMzNTkwNTcuNTIxNzM5MTMuNTIxNzM5MTN2LjUyMTczOTE0YzAgLjI4ODE0ODU2LS4yMzM1OTA1Ny41MjE3MzkxMy0uNTIxNzM5MTMuNTIxNzM5MTNoLTEuOTU2NTIxNzRjLS4wNzIwMzcxNCAwLS4xMzA0MzQ3OC4wNTgzOTc2NC0uMTMwNDM0NzguMTMwNDM0Nzh2MS45NTY1MjE3NGMwIC4yODgxNDg1Ni0uMjMzNTkwNTcuNTIxNzM5MTMtLjUyMTczOTEzLjUyMTczOTEzaC0uNTIxNzM5MTRjLS4yODgxNDg1NiAwLS41MjE3MzkxMy0uMjMzNTkwNTctLjUyMTczOTEzLS41MjE3MzkxM3YtMS45NTY1MjE3NGMwLS4wNzIwMzcxNC0uMDU4Mzk3NjQtLjEzMDQzNDc4LS4xMzA0MzQ3OC0uMTMwNDM0NzhoLTEuOTU2NTIxNzRjLS4yODgxNDg1NiAwLS41MjE3MzkxMy0uMjMzNTkwNTctLjUyMTczOTEzLS41MjE3MzkxM3oiIGZpbGw9IiM5NkEwQUIiLz48L3N2Zz4=);
}

.search-modal__filter-btn {
    background-color: #202334;
    border-color: #333752;
    border-radius: .5rem;
    padding: .5rem 1rem;
    font-size: .75rem;
    color: #adadb9;
}

.search-modal__filters-list {
    flex-wrap: wrap;
    display: flex;
}

.search-modal__collapse-btn {
    background-color: transparent;
    margin-left: auto;
    border: none;
}

.search-modal__collapse-btn svg {
    color: #96a0ab;
    height: .75rem;
    width: .75rem;
}

.search-modal__dropdown {
    margin: 0 .5rem .5rem 0;
    display: inline-flex;
}

.search-modal__item {
    padding: .5rem 1.25rem .5rem .5rem;
    text-decoration: none;
    border-radius: .5rem;
    align-items: center;
    margin: .25rem 0;
    display: flex;
    color: var(--bs-white);
}

.search-modal__item:hover {
    background-color: rgba(90, 209, 232, .2);
    text-decoration: none;
}

.search-modal__item-thumbnail {
    margin-right: .75rem;
    height: 2rem;
}

.search-modal__item-quantity {
    font-size: .875rem;
    margin-left: auto;
    color: #adadb9;
}

#main #page-loading {
    margin-top: 1.5rem;
    text-align: center;
}

.search-modal__filter-btn img {
    max-height: 22px;
}

.table-items__actions {
    max-width: 600px;
}

@media (max-width: 992px) {
    .table-items__actions {
        min-width: 200px;
    }
}

.table-items__actions .btn {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important;
}

@media (max-width: 992px) {
    .table-items__actions .btn {
        width: 100%;
    }
}

.inventory-form ul li{
                        width: 100% !important;
                    }
                    .main-inventory #inventory-sidebar .item-info ul dl{
                        width: calc(50% - 12px); display: inline-block;   background-color: #202334ab;   margin: 5px;   box-sizing: border-box;   padding: 7px 8px 0px;  border-radius: 8px;transition: background-color 0.2s;cursor: pointer;
                    }
                    .main-inventory #inventory-sidebar .item-info ul dl:hover{
                        background-color: #161e46;
                    }
                    .main-inventory #inventory-sidebar .item-info ul dl.selected{
                        background-color: #161e46;
                    }

                    .inventory-form ul dl{
                        width: calc(33% - 17px); display: inline-block;   background-color: #202334ab;   margin: 5px;   box-sizing: border-box;   padding: 7px 8px 0px;  border-radius: 8px;transition: background-color 0.2s;cursor: pointer;
                    }

                    .inventory-form ul dl:hover{
                        background-color: #161e46;
                    }
                    .inventory-form ul dl.selected{
                        background-color: #161e46;
                    }

.modal-title{
    font-weight: 700;
    font-size: 1.25rem;
    margin-top: 0;
    color: var(--bs-white);
}

.modal-titlebis{
    font-weight: 700;
    font-size: 1.25rem;
    margin-top: 0;
}

.filters-price {
    border-bottom: 1px solid var(--bs-border-color-translucent);
    padding-bottom: .25rem;
    margin-bottom: 1.5rem;
}

.form-group-switch {
    border-bottom: 1px solid #3e4065;
    padding-bottom: 1.25rem;
    display: flex;
}

.price-input {
    justify-content: space-between;
    margin: 1.5rem 0;
    display: flex;
    width: 100%;
    gap: 1rem;
}

@media (min-width: 767px) and (max-width: 1399px) {
    .price-input {
        flex-wrap: wrap;
    }
}

.price-input__block {
    border: 1px solid var(--bs-border-color-translucent);
    padding: .5rem .75rem .75rem .75rem;
    border-radius: .5rem;
    width: 100%;
}

.price-input__group {
    min-width: auto;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.filters-price__slider {
    background: var(--bs-gray-600);
    border-radius: .25rem;
    position: relative;
    height: 5px;
}

.filters-price__slider__progress {
    height: 100%;
    left: 0%;
    right: 100%;
    position: absolute;
    border-radius: 5px;
    background: var(--bs-primary);
}

.filters-price__range-input-group {
    position: relative;
}

.filters-price__input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.filters-price__input::-webkit-slider-thumb {
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    background: var(--bs-primary);
    cursor: pointer;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.filters-price__input::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    background: var(--bs-primary);
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.item-unavailable{
                          background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMgMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYuNSAwYy0zLjU4OTg1MDg3IDAtNi41IDIuOTEwMTQ5MTMtNi41IDYuNSAwIDMuNTg5ODUwOSAyLjkxMDE0OTEzIDYuNSA2LjUgNi41IDMuNTg5ODUwOSAwIDYuNS0yLjkxMDE0OTEgNi41LTYuNSAwLTEuNzIzOTA3MTgtLjY4NDgxOTUtMy4zNzcyMDc2Mi0xLjkwMzgwNTktNC41OTYxOTQwOC0xLjIxODk4NjQ4LTEuMjE4OTg2NDYtMi44NzIyODY5Mi0xLjkwMzgwNTkyLTQuNTk2MTk0MS0xLjkwMzgwNTkyem0tMy45NjcgOC42Yy0uNTQ4Nzg3MzctMS4wMTcwMjk5NC0uNjgwNDAyMzktMi4yMDc2NjE3My0uMzY3LTMuMzIuNDIzNTA3OTQtMS41MDk5NzEyNyAxLjYwMjU3Mzk4LTIuNjkwNTUyODIgMy4xMTItMy4xMTYgMS4xMTM4Mjk2My0uMzE1NDAzNDMgMi4zMDY3NzA4Mi0uMTgzNzMxNDMgMy4zMjUuMzY3LjA2OTEyNDU5LjAzODk5OTg3LjExNTgzNjkxLjEwODI4NTg2LjEyNjA2ODU5LjE4Njk5MTA4LjAxMDIzMTY3LjA3ODcwNTIyLS4wMTcyMTMwMy4xNTc2MzE2My0uMDc0MDY4NTkuMjEzMDA4OTJsLTUuNzI0IDUuNzI0Yy0uMDU1Nzk5MzYuMDU1Nzg4NDQtLjEzNDUwODA3LjA4MjIyMDYzLS4yMTI2Njk3Ni4wNzE0MTkzOS0uMDc4MTYxNy0uMDEwODAxMjQtLjE0Njc1MjEtLjA1NzU4ODg0LS4xODUzMzAyNC0uMTI2NDE5Mzl6bTguMy0uODg3Yy0uNDIyNDU5MiAxLjUxMDU4NDE5LTEuNjAxOTU5NzEgMi42OTE2MDA3LTMuMTEyIDMuMTE2LTEuMTExODk2MDIuMzE2NDg0OC0yLjMwMzQwMTgyLjE4NjYwNjctMy4zMjEtLjM2Mi0uMDY5MTI0NTktLjAzODk5OTktLjExNTgzNjkxLS4xMDgyODU5LS4xMjYwNjg1OS0uMTg2OTkxMS0uMDEwMjMxNjctLjA3ODcwNTIuMDE3MjEzMDMtLjE1NzYzMTYuMDc0MDY4NTktLjIxMzAwODlsNS43MjQtNS43MjJjLjA1NTIzNTMtLjA1Njk0MTM0LjEzNDA1OS0uMDg0NTQ5MTIuMjEyNzUyLS4wNzQ1MTU3Ny4wNzg2OTMuMDEwMDMzMzYuMTQ4MDY3Ni4wNTY1MzY0My4xODcyNDguMTI1NTE1NzcuNTQ3NTc5NyAxLjAxNzkxNzMyLjY3NzQxMzEgMi4yMDkwMTM2LjM2MiAzLjMyMXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
  background-color: rgba(0,0,0,.65);
  background-position: center 60px;
  background-repeat: no-repeat;
  justify-content: center;
  background-size: 24px;  border-radius: var(--ms-item-border-radius);
  align-items: center;
  position: absolute;
  font-size: .875rem;
  padding-top: 25px;
  font-weight: 700;
  display: flex;
  height: 100%;
  width: 100%;
  color: #fff;
  text-align: center;  z-index: 8;
                    } 

                    .separator {
    position: relative;
    text-align: center;
    font-size: .75rem;
    display: block;
    width: 100%;
}

.separator::before {
    border-top: 1px solid var(--bs-border-color);
    width: calc(50% - 1.5rem);
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 0;
}

.separator::after {
    border-top: 1px solid var(--bs-border-color);
    width: calc(50% - 1.5rem);
    position: absolute;
    display: block;
    content: '';
    right: 0;
    top: 50%;
}

.separator--md {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}