@font-face {
    font-display: swap;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 100;
    src: url(../_nuxt/fonts/Gilroy-Thin.a479c0c.eot);
    src: url(../_nuxt/fonts/Gilroy-Thin.a479c0c.eot?#iefix) format("embedded-opentype"), url(../_nuxt/fonts/Gilroy-Thin.8d8f3d8.woff2) format("woff2"), url(/_nuxt/fonts/Gilroy-Thin.4b118de.woff) format("woff"), url(../_nuxt/fonts/Gilroy-Thin.fc813b7.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 200;
    src: url(../_nuxt/fonts/Gilroy-UltraLight.69d9572.eot);
    src: url(../_nuxt/fonts/Gilroy-UltraLight.69d9572.eot?#iefix) format("embedded-opentype"), url(../_nuxt/fonts/Gilroy-UltraLight.378f435.woff2) format("woff2"), url(../_nuxt/fonts/Gilroy-UltraLight.9169fa7.woff) format("woff"), url(../_nuxt/fonts/Gilroy-UltraLight.6c356bf.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 300;
    src: url(../_nuxt/fonts/Gilroy-Light.f498309.eot);
    src: url(../_nuxt/fonts/Gilroy-Light.f498309.eot?#iefix) format("embedded-opentype"), url(../_nuxt/fonts/Gilroy-Light.c2e7a6d.woff2) format("woff2"), url(../_nuxt/fonts/Gilroy-Light.368f09f.woff) format("woff"), url(../_nuxt/fonts/Gilroy-Light.0ac7c2f.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 400;
    src: url(../_nuxt/fonts/Gilroy-Regular.19055ba.eot);
    src: url(../_nuxt/fonts/Gilroy-Regular.19055ba.eot?#iefix) format("embedded-opentype"), url(../_nuxt/fonts/Gilroy-Regular.f6c9931.woff2) format("woff2"), url(../_nuxt/fonts/Gilroy-Regular.ebe86c0.woff) format("woff"), url(../_nuxt/fonts/Gilroy-Regular.fa652e7.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    src: url(../_nuxt/fonts/Gilroy-Medium.2fea647.eot);
    src: url(../_nuxt/fonts/Gilroy-Medium.2fea647.eot?#iefix) format("embedded-opentype"), url(../_nuxt/fonts/Gilroy-Medium.acd4e61.woff2) format("woff2"), url(../_nuxt/fonts/Gilroy-Medium.5329bc5.woff) format("woff"), url(../_nuxt/fonts/Gilroy-Medium.1c23f81.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    src: url(../_nuxt/fonts/Gilroy-Semibold.54bc2f8.eot);
    src: url(../_nuxt/fonts/Gilroy-Semibold.54bc2f8.eot?#iefix) format("embedded-opentype"), url(../_nuxt/fonts/Gilroy-Semibold.7726b19.woff2) format("woff2"), url(../_nuxt/fonts/Gilroy-Semibold.5b04290.woff) format("woff"), url(../_nuxt/fonts/Gilroy-Semibold.41fa36c.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 700;
    src: url(../_nuxt/fonts/Gilroy-Bold.aa68c16.eot);
    src: url(../_nuxt/fonts/Gilroy-Bold.aa68c16.eot?#iefix) format("embedded-opentype"), url(../_nuxt/fonts/Gilroy-Bold.ef7c40f.woff2) format("woff2"), url(../_nuxt/fonts/Gilroy-Bold.0607a1b.woff) format("woff"), url(../_nuxt/fonts/Gilroy-Bold.901a60f.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 800;
    src: url(../_nuxt/fonts/Gilroy-Extrabold.35fe3e3.eot);
    src: url(../_nuxt/fonts/Gilroy-Extrabold.35fe3e3.eot?#iefix) format("embedded-opentype"), url(../_nuxt/fonts/Gilroy-Extrabold.5c5942d.woff2) format("woff2"), url(../_nuxt/fonts/Gilroy-Extrabold.f39ff81.woff) format("woff"), url(../_nuxt/fonts/Gilroy-Extrabold.92e435f.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 900;
    src: url(../_nuxt/fonts/Gilroy-Black.15c6a98.eot);
    src: url(../_nuxt/fonts/Gilroy-Black.15c6a98.eot?#iefix) format("embedded-opentype"), url(../_nuxt/fonts/Gilroy-Black.ae06da6.woff2) format("woff2"), url(../_nuxt/fonts/Gilroy-Black.a9df216.woff) format("woff"), url(../_nuxt/fonts/Gilroy-Black.4628979.ttf) format("truetype")
}

* {
    box-sizing: border-box
}

::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

::-webkit-scrollbar-track {
    background: none
}

::-webkit-scrollbar-thumb {
    background: #393769;
    border-radius: 4px
}

::-webkit-scrollbar-corner {
    display: none
}

body {
    background: #27244f;
    color: #fff;
    font-family: "Gilroy";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    padding: 0
}

a {
    color: hsla(0, 0%, 100%, .3);
    text-decoration-line: none;
    transition: .3s
}

a:hover {
    color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

.btn {
    align-items: center;
    background: none;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 10px;
    height: 44px;
    justify-content: center;
    line-height: 17px;
    outline: none;
    padding: 0 25px;
    position: relative;
    transform: skew(-10deg);
    transition: .3s
}

.btn:hover {
    box-shadow: inset 0 4px 4px 0 hsla(0, 0%, 100%, .05)
}

.btn-disabled,
.btn:disabled {
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.btn>* {
    transform: skew(10deg)
}

.btn-orange {
    background-image: linear-gradient(262.87deg, #ff4100 27.86%, #ff7f00);
    box-shadow: inset 0 4px 4px 0 hsla(0, 0%, 100%, .25)
}

.btn-blue,
.btn-orange {
    border: 1px solid transparent;
    color: #fff
}

.btn-blue {
    background-image: linear-gradient(259.67deg, #00beff, #0080ff)
}

.btn-green {
    background-image: linear-gradient(259.51deg, #00ff46 -1.35%, #00ff83);
    border: 1px solid transparent;
    color: #121212
}

.btn-purple {
    background-color: #2f2d5f;
    border: 1px solid #393769;
    color: hsla(0, 0%, 100%, .3)
}

.btn-purple:hover {
    color: #fff
}

.btn-purple .btn__icon_fill {
    fill: hsla(0, 0%, 100%, .3)
}

.btn-purple .btn__icon_stroke {
    stroke: hsla(0, 0%, 100%, .3)
}

.btn-bordered {
    border: 1px solid #2f2d5f
}

.btn-bordered,
.btn-white-bordered {
    color: hsla(0, 0%, 100%, .5);
    font-weight: 500
}

.btn-white-bordered {
    border: 1px solid hsla(0, 0%, 100%, .3)
}

.btn-icon {
    padding: 0 20px
}

.btn-lg {
    height: 60px
}

.btn__icon {
    height: 24px;
    width: 24px
}

.table {
    border-collapse: separate;
    border-radius: 12px;
    -moz-border-radius: 12px;
    border-spacing: 0;
    width: 100%
}

.table td,
.table th {
    padding: 15px;
    text-align: left
}

.table thead tr {
    background-color: #27244f
}

.table thead tr:first-child td:first-child,
.table thead tr:first-child th:first-child {
    border-top-left-radius: 12px
}

.table thead tr:first-child td:last-child,
.table thead tr:first-child th:last-child {
    border-top-right-radius: 12px
}

.table thead tr:last-child td,
.table thead tr:last-child th {
    border-bottom: 2px solid #2f2d5f
}

.table tbody tr {
    background-color: #27244f;
    color: hsla(0, 0%, 100%, .5)
}

.table__image {
    max-width: 200px
}

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

.table__arrows {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.table__arrows svg {
    width: 20px
}

.table__sortable-column {
    padding: 0 5px !important
}

.table__sortable-column svg {
    cursor: pointer
}

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

.page-sidebar {
    width: 324px
}

@media(max-width:900px) {
    .page-sidebar {
        width: 100%
    }
}

.badge {
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    padding: 4px 12px;
    width: -moz-fit-content;
    width: fit-content
}

.badge-red {
    background: linear-gradient(259.67deg, #ff0047, #ff0009);
    box-shadow: -4px 4px 20px 0 rgba(255, 0, 55, .2)
}

.badge-green {
    background: linear-gradient(259.51deg, #00ff46 -1.35%, #00ff83);
    box-shadow: -4px 4px 20px 0 rgba(0, 255, 131, .2);
    color: #121212
}

.badge-blue {
    background: linear-gradient(259.67deg, #00beff, #0080ff);
    box-shadow: -4px 4px 20px 0 rgba(0, 174, 255, .2);
    color: #fff
}

.badge-yellow {
    background: linear-gradient(259.51deg, #facc23 -1.35%, #e1fa23);
    box-shadow: -4px 4px 20px 0 rgba(250, 204, 35, .2);
    color: #121212
}

.badge-purple {
    background: #2f2d5f;
    color: #fff
}

.text-white {
    color: #fff
}

.text-orange {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(262.87deg, #ff4100 27.86%, #ff7f00);
    color: #fff
}

.tiptap {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.tiptap p {
    /* margin: 0 0 20px */
}

.tiptap ol,
.tiptap ul {
    margin: 0;
    padding-left: 22px
}

.tiptap ol p,
.tiptap ul p {
    margin: 0 0 5px
}

/* .tiptap h1,
.tiptap h2,
.tiptap h3,
.tiptap h4,
.tiptap h5,
.tiptap h6 {
    margin: 0 0 30px
} */

.tiptap .tiptap-table {
    border-collapse: separate;
    border-radius: 12px;
    -moz-border-radius: 12px;
    border-spacing: 0;
    width: 100%
}

.tiptap .tiptap-table td,
.tiptap .tiptap-table th {
    border: 1px solid hsla(0, 0%, 100%, .05);
    padding: 15px 20px;
    position: relative;
    text-align: left
}

.tiptap .tiptap-table td p,
.tiptap .tiptap-table th p {
    margin: 0
}

.tiptap .tiptap-table tr {
    color: #fff
}

.tiptap .tiptap-table th {
    background: #0093ff
}

.tiptap .tiptap-table tr:first-child td:first-child,
.tiptap .tiptap-table tr:first-child th:first-child {
    border-top-left-radius: 12px
}

.tiptap .tiptap-table tr:first-child td:last-child,
.tiptap .tiptap-table tr:first-child th:last-child {
    border-top-right-radius: 12px
}

.tiptap .tiptap-table tr:last-child td:first-child {
    border-bottom-left-radius: 12px
}

.tiptap .tiptap-table tr:last-child td:last-child {
    border-bottom-right-radius: 12px
}

.tiptap .tiptap-table .selectedCell:after {
    background: hsla(0, 0%, 100%, .5);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.tiptap img {
    border-radius: 16px;
    margin: 0 auto;
    max-height: 400px;
    max-width: 90%;
    display: block;
}

.vue-notification-group {
    display: block;
    position: fixed;
    z-index: 5000
}

.vue-notification-wrapper {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0
}

.notification-title {
    font-weight: 600
}

.vue-notification-template {
    background: #fff
}

.vue-notification,
.vue-notification-template {
    display: block;
    box-sizing: border-box;
    text-align: left
}

.vue-notification {
    font-size: 12px;
    padding: 10px;
    margin: 0 5px 5px;
    color: #fff;
    background: #44a4fc;
    border-left: 5px solid #187fe7
}

.vue-notification.warn {
    background: #ffb648;
    border-left-color: #f48a06
}

.vue-notification.error {
    background: #e54d42;
    border-left-color: #b82e24
}

.vue-notification.success {
    background: #68cd86;
    border-left-color: #42a85f
}

.vn-fade-enter-active,
.vn-fade-leave-active,
.vn-fade-move {
    transition: all .5s
}

.vn-fade-enter,
.vn-fade-leave-to {
    opacity: 0
}

.nuxt-progress {
    background-color: #000;
    height: 2px;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    transition: width .1s, opacity .4s;
    width: 0;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

.default-layout__main[data-v-f0effd14] {
    background-color: #1c1a3f;
    /* border-radius: 12px 0 0 0; */
    height: calc(100vh - 100px);
    /* margin: 100px 0 0 380px; */
    margin: 100px 0 0 0;
    overflow-y: auto;
    padding: 20px;
    transition: .3s
}

@media(max-width:1600px) {
    .default-layout__main[data-v-f0effd14] {
        /* margin: 100px 0 0 300px; */
        margin: 100px 0 0 0;
    }
}

@media(max-width:1200px) {
    .default-layout__main[data-v-f0effd14] {
        /* margin: 100px 0 0 117px; */
        margin: 80px 0 0 0;
    }
}

@media(max-width:540px) {
    .default-layout__main[data-v-f0effd14] {
        border-radius: 0;
        /* height: calc(100vh - 160px); */
        /* margin: 160px 0 0 */
    }
}

.header[data-v-1a1cc284] {
    align-items: center;
    background: #27244f;
    display: flex;
    gap: 20px;
    height: 100px;
    left: 0;
    padding: 0 20px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 15
}

@media(max-width:540px) {
    .header[data-v-1a1cc284] {
        height: 80px;
        padding: 0 10px
    }
}

.header__logo-container[data-v-1a1cc284] {
    transition: .3s;
    width: 360px
}

@media(max-width:1600px) {
    .header__logo-container[data-v-1a1cc284] {
        width: 280px
    }
}

@media(max-width:1200px) {
    .header__logo-container[data-v-1a1cc284] {
        width: auto
    }
}

.header__right[data-v-1a1cc284] {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-left: auto
}

.header__menu-button[data-v-1a1cc284] {
    display: none
}

@media(max-width:1600px) {
    .header__menu-button[data-v-1a1cc284] {
        display: flex
    }
}

@media(max-width:1200px) {
    .header .header-links[data-v-1a1cc284] {
        display: none
    }
}

@media(max-width:540px) {

    .header__auth-button[data-v-1a1cc284],
    .header__user-button[data-v-1a1cc284] {
        display: none
    }
}

@media(max-width:1600px) {

    .header__locale-switcher[data-v-1a1cc284],
    .header__logout-button[data-v-1a1cc284],
    .header__search-form[data-v-1a1cc284] {
        display: none
    }
}

.logo[data-v-39b6685a] {
    align-items: center;
    display: flex;
    gap: 10px;
    position: relative
}

.logo__image[data-v-39b6685a] {
    width: 56px
}

@media(max-width:540px) {
    .logo__image[data-v-39b6685a] {
        display: none
    }
}

.logo__colpack[data-v-39b6685a] {
    left: -13px;
    position: absolute;
    top: -8px;
    width: 50px
}

@media(max-width:540px) {
    .logo__colpack[data-v-39b6685a] {
        display: none
    }
}

.logo__text[data-v-39b6685a] {
    color: #fff;
    font-size: 26px;
    font-weight: 900;
    text-transform: uppercase
}

@media(max-width:1440px) {
    .logo__text[data-v-39b6685a] {
        font-size: 20px;
    }
}

.logo__text span[data-v-39b6685a] {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(259.67deg, #00beff, #0080ff);
    color: #fff
}

.header-links[data-v-26da95c2] {
    align-items: center;
    display: flex;
    font-weight: 600;
    gap: 40px;
    list-style-type: none;
    padding: 0
}

.header-links__link_active[data-v-26da95c2] {
    color: #fff
}

.header-links .game-modes-button__rocket[data-v-26da95c2] {
    height: 87px;
    pointer-events: none;
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.header-search-form[data-v-48ffd7ab] {
    position: relative
}

.header-search-form .search-menu[data-v-48ffd7ab] {
    background: #1c1a3f;
    border: 1px solid #393769;
    border-radius: 12px;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 10px);
    width: 400px
}

.header-search-form .search-menu__header[data-v-48ffd7ab] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px
}

.header-search-form .search-menu__categories[data-v-48ffd7ab],
.header-search-form .search-menu__types[data-v-48ffd7ab] {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 10px;
    overflow: auto
}

.header-search-form .search-menu__categories[data-v-48ffd7ab]::-webkit-scrollbar,
.header-search-form .search-menu__types[data-v-48ffd7ab]::-webkit-scrollbar {
    display: none
}

.header-search-form .search-menu__categories .badge[data-v-48ffd7ab],
.header-search-form .search-menu__types .badge[data-v-48ffd7ab] {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.header-search-form .search-menu__body[data-v-48ffd7ab] {
    display: flex;
    flex-direction: column;
    max-height: 400px;
    overflow: auto
}

.header-search-form .search-menu__body .searched-item[data-v-48ffd7ab] {
    padding: 20px
}

.header-search-form .search-menu__body .searched-item[data-v-48ffd7ab]:not(:last-child) {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.header-search-form .search-menu__body .searched-item[data-v-48ffd7ab]:hover {
    background: #27244f
}

.header-search-form .search-menu__body .searched-item__title[data-v-48ffd7ab] {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px
}

.header-search-form .search-menu__body .searched-item__description[data-v-48ffd7ab] {
    color: hsla(0, 0%, 100%, .4);
    font-size: 12px;
    font-weight: 600
}

.form form[data-v-6d371c50] {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.text-field[data-v-1cbbb06e] {
    align-items: center;
    background: #27244f;
    border: 1px solid #393769;
    border-radius: 12px;
    box-shadow: inset 0 4px 4px 0 hsla(0, 0%, 100%, .05);
    cursor: text;
    display: flex;
    gap: 5px;
    padding: 0 24px;
    position: relative;
    transform: skew(-10deg)
}

.text-field>*[data-v-1cbbb06e] {
    transform: skew(0deg)
}

.text-field[data-v-1cbbb06e]:has(textarea) {
    height: auto;
    padding: 12px 24px;
    transform: skew(0deg)
}

.text-field__locales[data-v-1cbbb06e] {
    position: absolute;
    right: 10px;
    top: -1px
}

.text-field__wrapper[data-v-1cbbb06e] {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 60px;
    justify-content: center
}

.text-field__input[data-v-1cbbb06e],
.text-field__label[data-v-1cbbb06e],
.text-field__textarea[data-v-1cbbb06e] {
    color: hsla(0, 0%, 100%, .3)
}

.text-field__label[data-v-1cbbb06e] {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    margin-bottom: -18px;
    transition: .2s
}

.text-field__input[data-v-1cbbb06e],
.text-field__textarea[data-v-1cbbb06e] {
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    outline: none;
    width: 100%
}

.text-field__textarea[data-v-1cbbb06e] {
    resize: none
}

.text-field:has(input:not(:-moz-placeholder-shown)) .text-field__label[data-v-1cbbb06e] {
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 0
}

.text-field:has(input:not(:placeholder-shown)) .text-field__label[data-v-1cbbb06e],
.text-field:has(textarea) .text-field__label[data-v-1cbbb06e],
.text-field_focused .text-field__label[data-v-1cbbb06e] {
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 0
}

.text-field__right[data-v-1cbbb06e] {
    margin-right: -10px
}

.header-locale-switcher[data-v-68c3020e] {
    position: relative
}

.header-locale-switcher .btn-locale .btn__icon[data-v-68c3020e] {
    transform: skew(0)
}

.header-locale-switcher .locale-switcher-menu[data-v-68c3020e] {
    display: flex;
    gap: 10px;
    position: absolute;
    right: 10px;
    top: calc(100% + 10px)
}

.header-menu-button[data-v-5f87415d] {
    padding: 0;
    width: 70px
}

.header-menu-button .btn__icon[data-v-5f87415d] {
    height: 30px;
    transform: none;
    width: 30px
}

.sidebar[data-v-047ec984] {
    background: #27244f;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    left: 0;
    padding: 0 20px 100px;
    position: fixed;
    top: 100px;
    transition: .3s;
    width: 380px;
    z-index: 10
}

@media(max-width:1600px) {
    .sidebar[data-v-047ec984] {
        width: 300px
    }
}

@media(min-width:541px)and (max-width:1200px) {
    .sidebar[data-v-047ec984] {
        padding: 0 20px 20px;
        width: 117px
    }

    .sidebar[data-v-047ec984] .sidebar-button {
        width: 61px !important
    }

    .sidebar[data-v-047ec984] .sidebar-button .sidebar-button__background-image {
        display: none
    }

    .sidebar[data-v-047ec984] .sidebar-button .sidebar-button__title {
        display: none
    }

    .sidebar__socials[data-v-047ec984] {
        flex-direction: column
    }

    .sidebar[data-v-047ec984]:hover {
        padding: 0 20px 100px;
        width: 380px
    }

    .sidebar:hover .sidebar__footer[data-v-047ec984] {
        display: -webkit-box
    }

    .sidebar[data-v-047ec984]:hover .sidebar-button {
        width: 100% !important
    }

    .sidebar[data-v-047ec984]:hover .sidebar-button .sidebar-button__title {
        display: block
    }

    .sidebar:hover .sidebar__socials[data-v-047ec984] {
        flex-direction: row
    }
}

@media(max-width:540px) {
    .sidebar[data-v-047ec984] {
        height: 80px;
        padding: 10px;
        top: 80px;
        width: 100%
    }

    .sidebar .sidebar-categories[data-v-047ec984] {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .sidebar .sidebar-categories[data-v-047ec984]::-webkit-scrollbar {
        display: none
    }

    .sidebar .sidebar-categories[data-v-047ec984] .sidebar-button {
        min-width: -moz-fit-content;
        min-width: fit-content;
        width: auto
    }

    .sidebar .sidebar-games[data-v-047ec984],
    .sidebar .sidebar-socials[data-v-047ec984],
    .sidebar__footer[data-v-047ec984] {
        display: none
    }
}

.sidebar-categories[data-v-366064fc] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 -6px;
    overflow-x: visible;
    overflow-y: auto;
    padding: 0 6px
}

.sidebar-categories__button[data-v-366064fc] {
    min-height: 60px;
    width: 100%
}

.sidebar-categories__button[data-v-366064fc]:nth-child(-n+13) {
    width: calc(50% - 10px)
}

.sidebar-categories__button[data-v-366064fc]:first-child {
    width: 100%
}

@media(max-width:1600px) {
    .sidebar-categories__button[data-v-366064fc]:nth-child(n) {
        width: 100%
    }
}

.sidebar-button[data-v-577292ae] {
    height: 60px;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0
}

.sidebar-button[data-v-577292ae],
.sidebar-button__image-box[data-v-577292ae] {
    align-items: center;
    display: flex;
    position: relative
}

.sidebar-button__image-box[data-v-577292ae] {
    background: #2f2d5f;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: 12px;
    height: 58px;
    justify-content: center;
    min-width: 60px;
    transform: none;
    width: 60px
}

.sidebar-button__image-box[data-v-577292ae]:before {
    background: linear-gradient(0deg, #c72b17, transparent);
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    margin: -1px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.sidebar-button__image-box img[data-v-577292ae] {
    height: 60px;
    transform: skew(10deg);
    width: 68px
}

.sidebar-button__background-image[data-v-577292ae] {
    filter: blur(10px);
    opacity: .2;
    position: absolute;
    right: 5%;
    transform: skew(15deg);
    width: 150px
}

.sidebar-button__title[data-v-577292ae] {
    font-size: 14px;
    margin-right: 10px
}

.sidebar-games[data-v-30cf67b0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: auto
}

.sidebar-socials[data-v-0c543f90] {
    display: flex;
    gap: 10px
}

.sidebar-socials__button[data-v-0c543f90] {
    padding: 0;
    width: 68px
}

.sidebar-socials__button .btn__icon[data-v-0c543f90] {
    fill: #fff;
    height: 40px;
    width: 40px
}

.sidebar-footer[data-v-77571baa] {
    bottom: 20px;
    color: hsla(0, 0%, 100%, .1);
    display: -webkit-box;
    left: 0;
    margin-top: auto;
    padding: 20px 20px 0;
    position: absolute;
    right: 0;
    transition: color, background .3s;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.sidebar-footer[data-v-77571baa]:hover {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 12px 12px 0 0;
    bottom: 0;
    color: #fff;
    display: block !important;
    padding: 20px
}

@media(max-width:1200px) {
    .sidebar-footer[data-v-77571baa] {
        display: none
    }
}

.sidebar-footer__text[data-v-77571baa] {
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    margin: 0
}

.sidebar-footer__links[data-v-77571baa] {
    display: grid;
    margin-top: 10px;
    grid-gap: 5px;
    gap: 5px
}

.index-page__cards-list[data-v-4c7424c4] {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 20px;
    gap: 20px
}

@media(max-width:1440px) {
    .index-page__cards-list[data-v-4c7424c4] {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media(max-width:900px) {
    .index-page__cards-list[data-v-4c7424c4] {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width:720px) {
    .index-page__cards-list[data-v-4c7424c4] {
        grid-template-columns: repeat(2, 1fr)
    }
}

.index-page__text[data-v-4c7424c4] {
    color: hsla(0, 0%, 100%, .1);
    font-size: 14px;
    line-height: 19px
}

.page-content {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.breadcrumb[data-v-939007d8] {
    display: flex;
    gap: 5px;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding-left: 0;
    white-space: nowrap
}

.breadcrumb[data-v-939007d8]::-webkit-scrollbar {
    display: none
}

.breadcrumb__item[data-v-939007d8]:not(:first-child):before {
    color: hsla(0, 0%, 100%, .3);
    content: "/"
}

.breadcrumb__item[data-v-939007d8]:last-child:before {
    color: #fff
}

.page-title[data-v-417f6a00] {
    color: #fff;
    font-size: 24px;
    margin: 0;
    text-align: center
}

.banners[data-v-3b375183] {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 15px));
    grid-gap: 20px;
    gap: 20px
}

@media(max-width:720px) {
    .banners[data-v-3b375183] {
        grid-template-columns: repeat(2, calc(50% - 10px))
    }
}

.banner[data-v-60bf02ac] {
    aspect-ratio: 2/1;
    background-position: 50%;
    background-size: cover;
    border-radius: 16px;
    display: block;
    width: 100%
}

.index-card[data-v-0fa9994e] {
    align-items: center;
    background: #27244f;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    overflow: hidden;
    padding: 30px 15px;
    position: relative;
    width: 100%
}

@media(max-width:480px) {
    .index-card[data-v-0fa9994e] {
        padding: 15px
    }
}

.index-card:hover .index-card__image[data-v-0fa9994e] {
    transform: scale(1.2)
}

.index-card__image[data-v-0fa9994e] {
    position: relative;
    transition: .3s;
    width: 60%
}

.index-card__title[data-v-0fa9994e] {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    text-align: center
}

.notifications-box[data-v-1aab2c00] {
    margin: 20px;
    position: fixed;
    z-index: 12000
}

.notifications-box .notification[data-v-1aab2c00] {
    align-items: center;
    background: #302d5f;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    gap: 10px;
    margin: 0 5px 15px;
    min-height: 60px;
    min-width: 200px;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    transform: skew(-10deg);
    transition: .3s
}

.notifications-box .notification>*[data-v-1aab2c00] {
    transform: skew(10deg)
}

.notifications-box .notification__icon-box[data-v-1aab2c00] {
    padding: 10px
}

.notifications-box .notification__icon[data-v-1aab2c00] {
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    width: 40px
}

.slide-enter-active,
.slide-leave-active {
    transition: all .4s
}

.slide-enter,
.slide-leave-to {
    transform: skew(-10deg) translateX(calc(100% + 20px))
}


.error-page[data-v-6ecd4f13] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    justify-content: center
}

.error-page__title[data-v-6ecd4f13] {
    font-size: 100px;
    font-weight: 700
}

.error-page__subtitle[data-v-6ecd4f13] {
    color: hsla(0, 0%, 100%, .5);
    font-size: 28px;
    font-weight: 500
}



.header-user-button[data-v-1a877972] {
    gap: 20px
}

.header-user-button .user-avatar[data-v-1a877972] {
    border-radius: 12px;
    height: 60px;
    margin-right: -26px;
    transform: skew(0deg);
    width: 60px
}

.header-user-button__wrapper[data-v-1a877972] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: right
}

.header-user-button__balance[data-v-1a877972],
.header-user-button__username[data-v-1a877972] {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.header-user-button__balance[data-v-1a877972] {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(262.87deg, #ff4100 27.86%, #ff7f00);
    color: #fff
}



.avatar[data-v-4567c7be] {
    border: 1px solid #0093ff;
    border-radius: 8px;
    height: 40px;
    overflow: hidden;
    transform: skew(-8deg);
    width: 40px
}

.avatar img[data-v-4567c7be] {
    height: 100%;
    width: 100%
}







.header-menu[data-v-4725f1f2] {
    align-items: center;
    background: #27244f;
    border: 1px solid #393769;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    position: absolute;
    right: 20px;
    top: calc(100% + 20px)
}

@media(max-width:540px) {
    .header-menu[data-v-4725f1f2] {
        left: 20px;
        top: 100%
    }
}

.header-menu__links[data-v-4725f1f2] {
    display: none;
    flex-direction: column;
    gap: 20px
}

@media(max-width:1200px) {
    .header-menu__links[data-v-4725f1f2] {
        display: flex
    }
}

.header-menu__auth-button[data-v-4725f1f2],
.header-menu__user-button[data-v-4725f1f2] {
    display: none
}

@media(max-width:540px) {

    .header-menu__auth-button[data-v-4725f1f2],
    .header-menu__user-button[data-v-4725f1f2] {
        display: flex
    }
}

.header-menu__agreements[data-v-4725f1f2] {
    display: none
}

@media(max-width:540px) {
    .header-menu__agreements[data-v-4725f1f2] {
        display: flex;
        flex-direction: column
    }
}

.header-menu__socials[data-v-4725f1f2] {
    display: none;
    justify-content: center
}

@media(max-width:540px) {
    .header-menu__socials[data-v-4725f1f2] {
        display: flex
    }
}

.header-menu__buttons[data-v-4725f1f2] {
    display: none;
    gap: 10px;
    justify-content: center
}

@media(max-width:1600px) {
    .header-menu__buttons[data-v-4725f1f2] {
        display: flex
    }
}

.header-menu__locale-switcher[data-v-4725f1f2],
.header-menu__logout-button[data-v-4725f1f2] {
    display: none
}

@media(max-width:1600px) {

    .header-menu__locale-switcher[data-v-4725f1f2],
    .header-menu__logout-button[data-v-4725f1f2] {
        display: flex
    }
}




.field-locales[data-v-3f3ecba9] {
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    z-index: 1
}

.field-locales__item[data-v-3f3ecba9] {
    background: #2f2d5f;
    border: none;
    color: hsla(0, 0%, 100%, .3);
    cursor: pointer;
    padding: 4px 6px
}

.field-locales__item_active[data-v-3f3ecba9] {
    color: #fff
}

.notificaiton-button[data-v-5e31685b] {
    padding: 0;
    position: relative;
    width: 70px
}

.notificaiton-button .btn__icon[data-v-5e31685b] {
    height: 30px;
    width: 30px
}

.notificaiton-button__point[data-v-5e31685b] {
    background: #ff4100;
    border-radius: 50%;
    height: 8px;
    position: absolute;
    right: 20px;
    top: 12px;
    width: 8px
}



.notification-card[data-v-6a93346f] {
    background: #1c1a3f;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    transition: .3s;
    width: 100%
}

.notification-card[data-v-6a93346f]:hover {
    background-color: #27244f;
    box-shadow: inset 0 4px 4px 0 hsla(0, 0%, 100%, .05)
}

.notification-card__title[data-v-6a93346f] {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.notification-card__body[data-v-6a93346f] {
    color: hsla(0, 0%, 100%, .4);
    font-size: 12px;
    font-weight: 500
}

.notification-card__footer[data-v-6a93346f] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.notification-card__date[data-v-6a93346f] {
    color: hsla(0, 0%, 100%, .4);
    font-size: 12px;
    font-weight: 500
}



.header-notifications[data-v-51a5c7a5] {
    align-items: center;
    background: #27244f;
    border: 1px solid #27244f;
    border-radius: 16px;
    height: 400px;
    max-height: calc(100vh - 100px);
    max-width: calc(100vw - 40px);
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: calc(100% + 20px);
    width: 300px
}

.header-notifications .notifications-list[data-v-51a5c7a5] {
    height: 100%;
    overflow: auto
}

.header-notifications .notifications-list[data-v-51a5c7a5]::-webkit-scrollbar {
    width: 4px
}

.header-notifications .notifications-list__item[data-v-51a5c7a5]:not(:last-child) {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}



.age-confirmation-modal[data-v-088ffc51] {
    max-width: 95%;
    width: 450px
}

.age-confirmation-modal__buttons[data-v-088ffc51] {
    display: flex;
    gap: 20px
}

.age-confirmation-modal__buttons .btn[data-v-088ffc51] {
    width: 100%
}



.modal[data-v-09405b0e] {
    background: #27244f;
    border-radius: 16px;
    box-shadow: -4px 4px 60px 0 rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    gap: 30px;
    left: 50%;
    min-width: 300px;
    padding: 30px 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10100
}

.modal__title[data-v-09405b0e] {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    text-align: center
}

.modal__text[data-v-09405b0e] {
    color: hsla(0, 0%, 100%, .5);
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 20px
}

.modal__close-button[data-v-09405b0e] {
    height: 60px;
    position: absolute;
    right: -34px;
    top: -30px;
    width: 68px
}

.modal__close-button svg[data-v-09405b0e] {
    height: 16px;
    width: 16px
}


.cookie-confirmation-modal[data-v-7fa32d7e] {
    max-width: 95%;
    width: 450px
}

.cookie-confirmation-modal[data-v-7fa32d7e] .modal__body {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.cookie-confirmation-modal__text[data-v-7fa32d7e] {
    color: hsla(0, 0%, 100%, .3);
    font-size: 14px;
    margin: 0
}

.cookie-confirmation-modal__button[data-v-7fa32d7e] {
    width: 100%
}



.cookie-confirmation-modal[data-v-25329073] {
    max-width: 95%;
    width: 450px
}

.cookie-confirmation-modal[data-v-25329073] .modal__body {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.cookie-confirmation-modal__text[data-v-25329073] {
    color: hsla(0, 0%, 100%, .3);
    font-size: 14px;
    margin: 0
}

.cookie-confirmation-modal__text a[data-v-25329073] {
    color: #0093ff;
    font-weight: 700
}

.cookie-confirmation-modal__button[data-v-25329073] {
    width: 100%
}



.modal-backdrop[data-v-4ef12dc3] {
    background: rgba(28, 26, 63, .902);
    height: 100vh;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10000
}


.shop-header[data-v-4210cdb0] form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px
}

.shop-header__field[data-v-4210cdb0] {
    flex: 1;
    min-width: 200px
}

.shop-header__search-button[data-v-4210cdb0] {
    flex: 1
}


.dropdown-field[data-v-c23373e8] {
    position: relative
}

.dropdown-field .dropdow-button[data-v-c23373e8] {
    align-items: center;
    background: #27244f;
    border: 1px solid #393769;
    border-radius: 12px;
    box-shadow: inset 0 4px 4px 0 hsla(0, 0%, 100%, .05);
    cursor: pointer;
    display: flex;
    gap: 20px;
    height: 60px;
    justify-content: space-between;
    outline: none;
    padding: 0 24px;
    transform: skew(-10deg);
    width: 100%
}

.dropdown-field .dropdow-button__wrapper[data-v-c23373e8] {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.dropdown-field .dropdow-button__label[data-v-c23373e8],
.dropdown-field .dropdow-button__value[data-v-c23373e8] {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px
}

.dropdown-field .dropdow-button>*[data-v-c23373e8] {
    transform: skew(0deg)
}

.dropdown-field .dropdow-button__icon[data-v-c23373e8],
.dropdown-field .dropdow-button__label[data-v-c23373e8],
.dropdown-field .dropdow-button__value[data-v-c23373e8] {
    transition: .3s
}

.dropdown-field .dropdow-button__label[data-v-c23373e8],
.dropdown-field .dropdow-button__value[data-v-c23373e8] {
    color: hsla(0, 0%, 100%, .3)
}

.dropdown-field .dropdow-button__icon[data-v-c23373e8] {
    fill: hsla(0, 0%, 100%, .3);
    transform: rotate(0deg)
}

.dropdown-field .options-list[data-v-c23373e8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    left: 0;
    max-height: 255px;
    overflow-y: auto;
    padding: 0 6px;
    position: absolute;
    top: calc(100% + 10px);
    width: 100%;
    z-index: 2
}

.dropdown-field .options-list__item[data-v-c23373e8] {
    align-items: center;
    background: #2f2d5f;
    border: none;
    border-radius: 12px;
    box-shadow: inset 0 4px 4px 0 hsla(0, 0%, 100%, .05);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 60px;
    justify-content: flex-start;
    line-height: 17px;
    min-height: 60px;
    outline: none;
    padding: 0 24px;
    transform: skew(-10deg)
}

.dropdown-field .options-list__item>*[data-v-c23373e8] {
    transform: skew(0)
}

.dropdown-field:hover .dropdow-button__label[data-v-c23373e8],
.dropdown-field:hover .dropdow-button__value[data-v-c23373e8],
.dropdown-field_opened .dropdow-button__label[data-v-c23373e8],
.dropdown-field_opened .dropdow-button__value[data-v-c23373e8] {
    color: #fff
}

.dropdown-field:hover .dropdow-button__icon[data-v-c23373e8],
.dropdown-field_opened .dropdow-button__icon[data-v-c23373e8] {
    fill: #fff
}

.dropdown-field_opened .dropdow-button__icon[data-v-c23373e8] {
    transform: rotate(180deg)
}

.dropdown-field_selected .dropdow-button__label[data-v-c23373e8] {
    font-size: 12px;
    font-weight: 500;
    line-height: 14.5px
}



.shop-need-auth[data-v-6558e770] {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(28, 26, 63, .902);
    border-radius: 12px 0 0 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    left: 380px;
    position: absolute;
    right: 0;
    top: 100px;
    z-index: 5
}

@media(max-width:1440px) {
    .shop-need-auth[data-v-6558e770] {
        left: 300px
    }
}

@media(max-width:1200px) {
    .shop-need-auth[data-v-6558e770] {
        left: 117px
    }
}

@media(max-width:540px) {
    .shop-need-auth[data-v-6558e770] {
        border-radius: 0;
        left: 0
    }
}

.shop-need-auth__title[data-v-6558e770] {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}



.item-card[data-v-205c6796] {
    background: #27244f;
    border-radius: 12px;
    height: 100%;
    overflow: hidden;
    padding: 20px;
    position: relative
}

.item-card__image[data-v-205c6796],
.item-card__name[data-v-205c6796],
.item-card__price[data-v-205c6796] {
    position: relative;
    z-index: 1
}

.item-card__price[data-v-205c6796] {
    background: linear-gradient(259.67deg, #009228, #00a353);
    border-radius: 12px;
    font-size: 12px;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0
}

.item-card__image[data-v-205c6796] {
    aspect-ratio: 1/1;
    width: 100%
}

.item-card__name[data-v-205c6796] {
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.item-card__rarity-color[data-v-205c6796] {
    border-radius: 30%;
    bottom: -10%;
    box-shadow: 0 0 100px 50px var(--rarity-color);
    height: 1px;
    left: 50%;
    position: absolute;
    right: 0;
    transform: translateX(-50%);
    width: 1px;
    z-index: 0
}



.shop-item-card[data-v-b5152bce] {
    position: relative
}

.shop-item-card__buy-button[data-v-b5152bce] {
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2
}

.shop-item-card:hover .shop-item-card__buy-button[data-v-b5152bce] {
    opacity: 1;
    pointer-events: all
}


.shop-items-list[data-v-755102fe] {
    display: grid;
    grid-template-columns: repeat(8, calc(12.5% - 8.75px));
    grid-gap: 10px;
    gap: 10px
}

@media(max-width:1600px) {
    .shop-items-list[data-v-755102fe] {
        grid-template-columns: repeat(7, calc(14.2% - 8.5px))
    }
}

@media(max-width:1440px) {
    .shop-items-list[data-v-755102fe] {
        grid-template-columns: repeat(6, calc(16.6% - 8.3px))
    }
}

@media(max-width:1200px) {
    .shop-items-list[data-v-755102fe] {
        grid-template-columns: repeat(5, calc(20% - 8px))
    }
}

@media(max-width:900px) {
    .shop-items-list[data-v-755102fe] {
        grid-template-columns: repeat(4, calc(25% - 7.5px))
    }
}

@media(max-width:720px) {
    .shop-items-list[data-v-755102fe] {
        grid-template-columns: repeat(3, calc(33.3% - 6.6px))
    }
}

@media(max-width:480px) {
    .shop-items-list[data-v-755102fe] {
        grid-template-columns: repeat(2, calc(50% - 5px))
    }
}





.last-delivered-items__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px
}

.last-delivered-items__list {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 20px;
    gap: 20px
}

@media(max-width:1440px) {
    .last-delivered-items__list {
        grid-template-columns: repeat(6, 1fr)
    }

    .last-delivered-items__list .last-delivered-item:nth-child(n+7) {
        display: none
    }
}

@media(max-width:1200px) {
    .last-delivered-items__list {
        grid-template-columns: repeat(5, 1fr)
    }

    .last-delivered-items__list .last-delivered-item:nth-child(n+6) {
        display: none
    }
}

@media(max-width:900px) {
    .last-delivered-items__list {
        grid-template-columns: repeat(4, 1fr)
    }

    .last-delivered-items__list .last-delivered-item:nth-child(n+5) {
        display: none
    }
}

@media(max-width:720px) {
    .last-delivered-items__list {
        grid-template-columns: repeat(3, 1fr)
    }

    .last-delivered-items__list .last-delivered-item:nth-child(n+4) {
        display: none
    }
}

@media(max-width:540px) {
    .last-delivered-items__list {
        grid-template-columns: repeat(2, 1fr)
    }

    .last-delivered-items__list .last-delivered-item {
        display: block !important
    }
}

.last-delivered-items__list .last-delivered-item {
    position: relative
}

.last-delivered-items__list .last-delivered-item__user-avatar-box {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2
}


.alert[data-v-d2db9246] {
    align-items: center;
    border-radius: 12px;
    display: flex;
    gap: 10px;
    justify-content: center;
    padding: 10px 20px;
    transform: skew(-10deg);
    width: 100%
}

.alert>*[data-v-d2db9246] {
    transform: skew(10deg)
}

.alert-warning[data-v-d2db9246] {
    box-shadow: inset 0 -24px 32px 0 rgba(255, 153, 0, .102), inset 0 4px 4px 0 hsla(0, 0%, 100%, .05)
}

.alert-warning .alert__icon[data-v-d2db9246] {
    fill: #f90
}

.alert-danger[data-v-d2db9246] {
    box-shadow: inset 0 -24px 32px 0 rgba(255, 65, 0, .102), inset 0 4px 4px 0 hsla(0, 0%, 100%, .05)
}

.alert-danger .alert__icon[data-v-d2db9246] {
    fill: #ff4100
}

.alert__text[data-v-d2db9246] {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px
}

.alert__icon[data-v-d2db9246] {
    height: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px
}


.pagination[data-v-5afbe1e6] {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 20px;
    width: 100%
}


.support-modal__text[data-v-7d7267d3] {
    margin-bottom: 16px
}

.support-modal__text-link[data-v-7d7267d3] {
    color: #0093ff;
    font-weight: 700
}

.support-modal__image[data-v-7d7267d3] {
    max-width: 100%
}


.contacts-card[data-v-41f46c69] {
    background: #27244f;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 auto;
    max-width: 500px;
    padding: 20px;
    width: 100%
}

.contacts-card .contact[data-v-41f46c69] {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: space-between
}

.contacts-card .contact__name[data-v-41f46c69] {
    font-size: 16px;
    font-weight: 500
}

.contacts-card .contact__dotted[data-v-41f46c69] {
    border-bottom: 2px dotted hsla(0, 0%, 100%, .1);
    flex: 1;
    margin-bottom: -8px
}

.contacts-card .contact__link[data-v-41f46c69] {
    color: #0093ff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500
}


.article-card[data-v-2f42f75d] {
    background: #27244f;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    width: 100%
}

.article-card__preview[data-v-2f42f75d] {
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
    height: 130px;
    width: 100%
}

.article-card__title[data-v-2f42f75d] {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 15px
}

.article-card__description[data-v-2f42f75d] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: hsla(0, 0%, 100%, .3);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis
}

.article-card__footer[data-v-2f42f75d] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: auto
}

.article-card__created-at[data-v-2f42f75d] {
    color: hsla(0, 0%, 100%, .3);
    font-size: 14px;
    font-weight: 500
}

.article-card .article-views[data-v-2f42f75d] {
    align-items: center;
    display: flex;
    gap: 6px;
    margin-top: 4px
}

.article-card .article-views__icon[data-v-2f42f75d] {
    height: 18px;
    width: 18px;
    stroke: #0093ff
}

.article-card .article-views__value[data-v-2f42f75d] {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(259.67deg, #00beff, #0080ff);
    color: #fff;
    font-size: 14px;
    font-weight: 800
}


.articles-list[data-v-a2f55260] {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 7.5px));
    grid-gap: 10px;
    gap: 10px
}

@media(max-width:1600px) {
    .articles-list[data-v-a2f55260] {
        grid-template-columns: repeat(3, calc(33.3% - 6.6px))
    }
}

@media(max-width:1440px) {
    .articles-list[data-v-a2f55260] {
        grid-template-columns: repeat(2, calc(50% - 5px))
    }
}

@media(max-width:480px) {
    .articles-list[data-v-a2f55260] {
        grid-template-columns: repeat(1, 100%)
    }
}


.site-card[data-v-73510509] {
    background: #27244f;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 10px;
    position: relative;
    width: 100%
}

.site-card .badges[data-v-73510509] {
    display: flex;
    gap: 4px;
    left: 15px;
    position: absolute;
    top: 15px
}

.site-card .badges__item[data-v-73510509] {
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 8px;
    padding: 8px 12px;
    text-transform: uppercase
}

.site-card__reward[data-v-73510509] {
    background-image: linear-gradient(259.67deg, #00beff, #0080ff);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    padding: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1
}

.site-card .preview-box[data-v-73510509] {
    align-items: center;
    aspect-ratio: 2/1;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.site-card .preview-box__image[data-v-73510509] {
    max-width: 90%;
    position: relative
}

.site-card .preview-box__background[data-v-73510509] {
    background-position: 50%;
    background-size: 120%;
    filter: blur(50px);
    height: 100%;
    position: absolute;
    width: 100%
}

.site-card__body[data-v-73510509] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px
}

.site-card__body-wrapper[data-v-73510509] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.site-card__body-wrapper .promocode-box[data-v-73510509] {
    align-items: center;
    display: flex;
    gap: 10px
}

.site-card__body-wrapper .promocode-box__promocode[data-v-73510509] {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(259.67deg, #00beff, #0080ff);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px
}

.site-card__title[data-v-73510509] {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.site-card__description[data-v-73510509] {
    color: hsla(0, 0%, 100%, .3);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px
}

.site-card__footer[data-v-73510509] {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns: calc(100% - 5px);
    margin-top: auto
}

.site-card__footer[data-v-73510509]:has(.btn+.btn) {
    grid-template-columns: repeat(2, calc(50% - 5px))
}

.site-card__footer .btn[data-v-73510509] {
    width: 100%
}

.site-card .rating[data-v-73510509] {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: auto
}

.site-card .rating__icon[data-v-73510509] {
    height: 20px;
    width: 20px;
    stroke: #0093ff;
    fill: #0093ff
}

.site-card .rating__value[data-v-73510509] {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(259.67deg, #00beff, #0080ff);
    color: #fff;
    font-weight: 800
}


.copy-button[data-v-0339a938] {
    align-items: center;
    background: none;
    border: 1px solid #2f2d5f;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    outline: none;
    width: 24px
}

.copy-button__icon[data-v-0339a938] {
    fill: hsla(0, 0%, 100%, .5)
}


.card-instruction-modal__buttons[data-v-52d2ea8e] {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 20px
}


.top-cards[data-v-748d998a] {
    background: #27244f;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px
}

.top-cards__title[data-v-748d998a] {
    font-size: 24px;
    font-weight: 700;
    text-align: center
}

.top-cards__list[data-v-748d998a] {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.top-cards .top-card[data-v-748d998a] {
    background: #1c1a3f
}


.articles-page__container[data-v-d4d1cbce] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.articles-page__wrapper[data-v-d4d1cbce] {
    flex: 1;
    flex-wrap: wrap
}


.ref-code-form[data-v-27c6898f] {
    background: #27244f;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    width: 100%
}

.ref-code-form__title[data-v-27c6898f] {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px
}

.ref-code-form__description[data-v-27c6898f] {
    color: hsla(0, 0%, 100%, .4);
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    margin-bottom: 10px
}

.ref-code-form__wrapper[data-v-27c6898f] form {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 10px
}

.ref-code-form__wrapper-field[data-v-27c6898f] {
    width: 100%
}

.ref-code-form__wrapper-field .copy-button[data-v-27c6898f],
.ref-code-form__wrapper-field .edit-button[data-v-27c6898f] {
    border-radius: 12px;
    height: 32px;
    transform: skew(10deg);
    width: 32px
}

.ref-code-form__wrapper-field .edit-button[data-v-27c6898f] {
    align-items: center;
    background: none;
    border: 1px solid #2f2d5f;
    cursor: pointer;
    display: flex;
    justify-content: center;
    outline: none
}


.form-field__error[data-v-8fcb312c] {
    color: #ff4100;
    font-size: 12px;
    margin-top: 10px
}


.activate-ref-code-form[data-v-1ed82429] {
    background: #27244f;
    border-radius: 16px;
    padding: 20px;
    width: 100%
}

.activate-ref-code-form[data-v-1ed82429] form {
    flex-direction: row;
    gap: 10px;
    width: 100%
}

.activate-ref-code-form__button[data-v-1ed82429],
.activate-ref-code-form__form-field[data-v-1ed82429] {
    width: 100%
}


.ref-statistics-card {
    align-items: center;
    background: #27244f;
    border-radius: 16px;
    display: flex;
    gap: 20px;
    overflow: hidden;
    width: 100%
}

.ref-statistics-card__image {
    margin-top: auto;
    width: 160px
}

.ref-statistics-card__title {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 10px
}

.ref-statistics-card__subtitle {
    color: hsla(0, 0%, 100%, .4);
    font-size: 14px;
    font-weight: 500;
    line-height: 14px
}


.ref-page__wrapper[data-v-5a0c59ac] {
    display: flex;
    gap: 20px
}

@media(max-width:1600px) {
    .ref-page__wrapper[data-v-5a0c59ac] {
        flex-direction: column
    }
}

.ref-page__wrapper-column[data-v-5a0c59ac] {
    display: flex;
    gap: 20px
}

@media(max-width:900px) {
    .ref-page__wrapper-column[data-v-5a0c59ac] {
        flex-wrap: wrap
    }
}

.ref-page__wrapper-column[data-v-5a0c59ac]:last-child {
    flex: 1
}

.ref-page .activate-ref-code-form[data-v-5a0c59ac],
.ref-page .ref-code-form[data-v-5a0c59ac] {
    width: 600px
}

@media(max-width:1600px) {
    .ref-page .ref-code-form[data-v-5a0c59ac] {
        width: 100%
    }

    .ref-page .activate-ref-code-form[data-v-5a0c59ac] {
        width: calc(50% - 10px)
    }
}

@media(max-width:900px) {
    .ref-page .activate-ref-code-form[data-v-5a0c59ac] {
        width: 100%
    }
}


.game-card[data-v-1be7245a] {
    transform: skew(-10deg)
}

.game-card[data-v-1be7245a],
.game-card__image-box[data-v-1be7245a] {
    align-items: center;
    display: flex;
    position: relative
}

.game-card__image-box[data-v-1be7245a] {
    background: #2f2d5f;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 36px;
    height: 180px;
    justify-content: center;
    min-height: 180px;
    min-width: 68px;
    min-width: 180px;
    transform: none;
    width: 180px
}

.game-card__image-box[data-v-1be7245a]:before {
    background: linear-gradient(0deg, #c72b17, transparent);
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    margin: -2px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.game-card__image[data-v-1be7245a] {
    min-width: 110%;
    transform: skew(10deg)
}

.game-card__title[data-v-1be7245a] {
    align-items: center;
    border-radius: 16px;
    bottom: -30px;
    display: flex;
    font-weight: 600;
    height: 60px;
    justify-content: center;
    left: 50%;
    line-height: 17px;
    position: absolute;
    transform: translate(-50%);
    width: 210px
}

.game-card__description-box[data-v-1be7245a],
.game-card__title[data-v-1be7245a] {
    background: #2f2d5f;
    border: 1px solid #393769;
    box-shadow: inset 0 4px 4px 0 hsla(0, 0%, 100%, .05);
    font-size: 14px
}

.game-card__description-box[data-v-1be7245a] {
    border-radius: 12px;
    font-weight: 500;
    line-height: 18px;
    margin-left: -20px;
    margin-top: 20px;
    max-width: 516px;
    padding: 30px 40px 30px 60px;
    z-index: -2
}

@media(max-width:900px) {
    .game-card__description-box[data-v-1be7245a] {
        display: none
    }
}

.game-card__description-box span[data-v-1be7245a] {
    display: block;
    transform: skew(10deg)
}


.games-page[data-v-7a5db08f] {
    min-height: 100%
}

.games-page__list[data-v-7a5db08f] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 80px 40px;
    justify-content: center;
    margin: auto
}

@media(max-width:900px) {
    .games-page__list[data-v-7a5db08f] {
        padding: 0 36px
    }
}

.default-layout__main:has(.games-page) {
    background-image: url(../_nuxt/img/games-background.cf7ee7f.svg);
    background-position: 50%;
    background-size: cover
}


.cards-list[data-v-bc24e396] {
    display: grid;
    grid-template-columns: repeat(5, calc(20% - 16px));
    grid-gap: 20px;
    gap: 20px
}

@media(max-width:1440px) {
    .cards-list[data-v-bc24e396] {
        grid-template-columns: repeat(4, calc(25% - 15px))
    }
}

@media(max-width:1200px) {
    .cards-list[data-v-bc24e396] {
        grid-template-columns: repeat(3, calc(33.3% - 13.3px))
    }
}

@media(max-width:900px) {
    .cards-list[data-v-bc24e396] {
        grid-template-columns: repeat(2, calc(50% - 10px))
    }
}

@media(max-width:480px) {
    .cards-list[data-v-bc24e396] {
        grid-template-columns: repeat(1, 100%)
    }
}


.subcategories[data-v-a8b3b022] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}


.giveaway-card[data-v-91a42f7e] {
    background: #27244f;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    width: 100%
}

.giveaway-card__preview[data-v-91a42f7e] {
    aspect-ratio: 2/1.1;
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
    padding: 5px;
    width: 100%
}

.giveaway-card__title[data-v-91a42f7e] {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px
}

.giveaway-card__footer[data-v-91a42f7e] {
    align-items: center;
    display: flex;
    margin-top: auto
}

.giveaway-card__footer>*[data-v-91a42f7e] {
    width: 100%
}

.giveaway-card__rewards-count[data-v-91a42f7e] {
    color: hsla(0, 0%, 100%, .3);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}


.giveaways-list[data-v-7e755b40] {
    display: grid;
    grid-template-columns: repeat(5, calc(20% - 16px));
    grid-gap: 20px;
    gap: 20px
}

@media(max-width:1600px) {
    .giveaways-list[data-v-7e755b40] {
        grid-template-columns: repeat(4, calc(25% - 15px))
    }
}

@media(max-width:1440px) {
    .giveaways-list[data-v-7e755b40] {
        grid-template-columns: repeat(3, calc(33.3% - 13.3px))
    }
}

@media(max-width:900px) {
    .giveaways-list[data-v-7e755b40] {
        grid-template-columns: repeat(2, calc(50% - 10px))
    }
}

@media(max-width:480px) {
    .giveaways-list[data-v-7e755b40] {
        grid-template-columns: repeat(1, 100%)
    }
}


.giveaways-footer[data-v-646c9c3c] {
    color: hsla(0, 0%, 100%, .1);
    font-size: 14px;
    font-size: 500;
    line-height: 19px
}


.giveaway-received-reward-card[data-v-7bc95765] {
    align-items: center;
    aspect-ratio: 1.7/1;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.giveaway-received-reward-card__background[data-v-7bc95765] {
    background-position: 50%;
    background-size: cover;
    filter: blur(20px);
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.giveaway-received-reward-card__image[data-v-7bc95765] {
    aspect-ratio: 1.7/1;
    background-position: 50%;
    background-size: cover;
    border-radius: 12px;
    position: relative;
    width: 75%
}

.giveaway-received-reward-card__avatar-box[data-v-7bc95765] {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px
}


.last-giveaway-recevied-rewards__title[data-v-bebf9426] {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px
}

.last-giveaway-recevied-rewards__list[data-v-bebf9426] {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns: repeat(6, 1fr)
}

.last-giveaway-recevied-rewards__list .received-reward[data-v-bebf9426]:nth-child(n+7) {
    display: none
}

@media(max-width:1440px) {
    .last-giveaway-recevied-rewards__list[data-v-bebf9426] {
        grid-template-columns: repeat(5, 1fr)
    }

    .last-giveaway-recevied-rewards__list .received-reward[data-v-bebf9426]:nth-child(n) {
        display: flex
    }
}

@media(max-width:1200px) {
    .last-giveaway-recevied-rewards__list[data-v-bebf9426] {
        grid-template-columns: repeat(4, 1fr)
    }

    .last-giveaway-recevied-rewards__list .received-reward[data-v-bebf9426]:nth-child(n+9) {
        display: none
    }
}

@media(max-width:900px) {
    .last-giveaway-recevied-rewards__list[data-v-bebf9426] {
        grid-template-columns: repeat(3, 1fr)
    }

    .last-giveaway-recevied-rewards__list .received-reward[data-v-bebf9426]:nth-child(n+7) {
        display: none
    }
}

@media(max-width:720px) {
    .last-giveaway-recevied-rewards__list[data-v-bebf9426] {
        grid-template-columns: repeat(2, 1fr)
    }

    .last-giveaway-recevied-rewards__list .received-reward[data-v-bebf9426]:nth-child(n) {
        display: flex
    }
}


.case-timer[data-v-70e1259c] {
    background: #2f2d5f;
    border-radius: 12px;
    padding: 10px 15px;
    width: -moz-fit-content;
    width: fit-content
}


.case-card[data-v-f2e603a6] {
    align-items: center;
    background: #27244f;
    border-radius: 16px;
    display: block;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    padding: 20px;
    position: relative
}

.case-card:hover .case-card__preview[data-v-f2e603a6] {
    transform: scale(1.1)
}

.case-card__preview[data-v-f2e603a6] {
    aspect-ratio: 1/1;
    max-width: 95%;
    transition: .3s;
    width: 180px
}

.case-card__title[data-v-f2e603a6] {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}

.case-card__badge[data-v-f2e603a6] {
    background-image: linear-gradient(262.87deg, #ff4100 27.86%, #ff7f00);
    border-radius: 12px;
    box-shadow: inset 0 4px 4px 0 hsla(0, 0%, 100%, .25);
    color: #fff;
    padding: 15px 25px;
    position: absolute;
    right: -8px;
    top: 0;
    transform: skew(-14deg);
    z-index: 1
}

.case-card__badge span[data-v-f2e603a6] {
    display: block;
    transform: skew(14deg)
}

.case-card__timer[data-v-f2e603a6] {
    border-bottom-left-radius: 0;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}


.cases-list[data-v-e9959d22] {
    display: grid;
    grid-template-columns: repeat(5, calc(20% - 16px));
    grid-gap: 20px;
    gap: 20px
}

@media(max-width:1600px) {
    .cases-list[data-v-e9959d22] {
        grid-template-columns: repeat(4, calc(25% - 15px))
    }
}

@media(max-width:1200px) {
    .cases-list[data-v-e9959d22] {
        grid-template-columns: repeat(3, calc(33.3% - 13.3px))
    }
}

@media(max-width:900px) {
    .cases-list[data-v-e9959d22] {
        grid-template-columns: repeat(2, calc(50% - 10px))
    }
}

@media(max-width:480px) {
    .cases-list[data-v-e9959d22] {
        grid-template-columns: repeat(1, 100%)
    }
}


.cases-footer[data-v-280b3ab0] {
    color: hsla(0, 0%, 100%, .1);
    font-size: 14px;
    font-size: 500;
    line-height: 19px
}


.dropped-item[data-v-127725ee] {
    align-items: center;
    aspect-ratio: 1/1;
    background: #27244f;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

.dropped-item__rarity-color[data-v-127725ee] {
    border-radius: 30%;
    bottom: -10%;
    box-shadow: 0 0 100px 50px var(--rarity-color);
    height: 1px;
    left: 50%;
    position: absolute;
    right: 0;
    transform: translateX(-50%);
    width: 1px;
    z-index: 0
}

.dropped-item__user-avatar[data-v-127725ee] {
    display: block;
    position: absolute;
    right: 10px;
    top: 8px
}


.last-dropped-items[data-v-0b719d35] {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.last-dropped-items__title[data-v-0b719d35] {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.last-dropped-items__list[data-v-0b719d35] {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 10px;
    gap: 10px
}

@media(max-width:1440px) {
    .last-dropped-items__list[data-v-0b719d35] {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media(max-width:1200px) {
    .last-dropped-items__list[data-v-0b719d35] {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media(max-width:900px) {
    .last-dropped-items__list[data-v-0b719d35] {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width:720px) {
    .last-dropped-items__list[data-v-0b719d35] {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width:540px) {
    .last-dropped-items__list[data-v-0b719d35] {
        grid-template-columns: repeat(2, 1fr)
    }
}





















.blog__content {
    max-width: 1440px;
    margin-inline: auto;
}



.article-page__left[data-v-e8fdf1f0],
.article-page__text[data-v-e8fdf1f0] {
    display: flex;
    flex-direction: column;
    /* gap: 20px */
}

.article-page__text[data-v-e8fdf1f0] {
    background: #27244f;
    border-radius: 16px;
    height: -moz-fit-content;
    height: fit-content;
    padding: 20px
}


.article-summary[data-v-7229178a] {
    align-items: center;
    background: #27244f;
    border-radius: 16px;
    display: flex;
    gap: 10px;
    padding: 10px 30px 10px 10px;
    position: relative
}

@media(max-width: 900px) {
    .article-summary[data-v-7229178a] {
        flex-direction: column
    }
}

.article-summary__content[data-v-7229178a] {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.article-summary__preview-container[data-v-7229178a] {
    height: 130px;
    min-width: 264px;
    position: relative;
    width: 264px
}

.article-summary__preview[data-v-7229178a] {
    background-position: 50%;
    background-size: cover;
    border-radius: 8px;
    height: 100%;
    width: 100%
}

.article-summary__title[data-v-7229178a] {
    color: #fff;
    font-size: 20px;
    font-weight: 700px;
    line-height: 24px
}

.article-summary__description[data-v-7229178a] {
    color: #fff;
    color: hsla(0, 0%, 100%, .3);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px
}

.article-summary__right[data-v-7229178a] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: auto
}

.article-summary__buttons[data-v-7229178a] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-end
}

@media(max-width: 1200px) {
    .article-summary__buttons[data-v-7229178a] {
        justify-content: center
    }
}

@media(max-width: 900px) {
    .article-summary__buttons[data-v-7229178a] {
        margin: auto
    }
}

.article-summary__buttons .promocode-box[data-v-7229178a] {
    align-items: center;
    background: #1c1a3f;
    border-radius: 12px;
    display: flex;
    gap: 10px;
    height: 60px;
    justify-content: center;
    width: 200px
}

.article-summary__buttons .promocode-box__promocode[data-v-7229178a] {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(259.67deg, #00beff, #0080ff);
    color: #fff;
    font-size: 24px;
    font-weight: 700
}

.article-summary__buttons .btn[data-v-7229178a] {
    padding: 0 60px
}

.article-summary .article-rating[data-v-7229178a] {
    align-items: center;
    background-color: #27244f;
    border-radius: 0 6px 0 0;
    bottom: -1px;
    display: flex;
    gap: 5px;
    left: -1px;
    padding: 4px 6px;
    position: absolute
}

.article-summary .article-rating__icon[data-v-7229178a] {
    height: 16px;
    width: 16px;
    stroke: #0093ff;
    fill: #0093ff
}

.article-summary .article-rating__value[data-v-7229178a] {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(259.67deg, #00beff, #0080ff);
    color: #fff;
    font-size: 14px;
    font-weight: 800
}

.article-summary .article-rating__link[data-v-7229178a] {
    font-size: 12px;
    margin-left: 5px
}

.article-summary__socials[data-v-7229178a] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.article-summary .article-views[data-v-7229178a] {
    align-items: center;
    background-color: #27244f;
    border-radius: 0 0 0 6px;
    display: flex;
    gap: 4px;
    height: -moz-max-content;
    height: max-content;
    padding: 4px 6px;
    position: absolute;
    right: -1px;
    top: -1px
}

.article-summary .article-views__icon[data-v-7229178a] {
    height: 16px;
    width: 16px;
    stroke: #0093ff
}

.article-summary .article-views__value[data-v-7229178a] {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(259.67deg, #00beff, #0080ff);
    color: #fff;
    font-size: 14px;
    font-weight: 800
}

.share-buttons[data-v-931c335a] {
    align-items: center;
    display: flex;
    gap: 10px
}

.share-buttons .share-button[data-v-931c335a] {
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px
}

.share-buttons .share-button_vkontakte[data-v-931c335a] {
    background: #07f
}

.share-buttons .share-button_telegram[data-v-931c335a] {
    background: #54a9eb
}

.article-text-headings[data-v-ea58fdee] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.article-comments__title[data-v-32f1e598] {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px
}

.article-comments__list[data-v-32f1e598] {
    display: grid;
    grid-gap: 10px;
    gap: 10px
}

.article-comment-form[data-v-893f23e4] {
    background: #27244f;
    border-radius: 16px;
    padding: 20px
}

.article-comment-form__title[data-v-893f23e4] {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center
}



.casino-accordion {
    max-width: 100%;
}

.casino-accordion details {
    background: #27244f;
    border-radius: 8px;
    margin: 8px 0;
    padding: 0;
    overflow: hidden;
}

.casino-accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    cursor: pointer;
}

.casino-accordion summary::-webkit-details-marker {
    display: none;
}

.casino-accordion .icon {
    width: 18px;
    height: 18px
}

details[open] .icon {
    transform: rotate(180deg)
}

.casino-accordion .content {
    padding: 0 16px 14px;
}






.home__content {
    max-width: 1440px;
    margin-inline: auto;
}


.blog__content {
    max-width: 1440px;
    margin-inline: auto;
}



.about__content {
    max-width: 1440px;
    margin-inline: auto;
}