@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Montserrat-400.74795056.woff2) format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Montserrat-500.3bfc3fd4.woff2) format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Montserrat-600.5c43ef70.woff2) format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Montserrat-700.0c556945.woff2) format('woff2');
}
@font-face {
  font-family: "EurostileExtended";
  font-display: swap;
  src: url(../fonts/EurostileExtended.c7cf9c47.woff2) format("woff2");
}
@font-face {
  font-family: "Nechao Sharp";
  font-weight: 500;
  font-display: swap;
  src: url(data:font/woff2;base64,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) format("woff2");
}

/* @font-face {
  font-family: "UniversalJack";
  font-weight: 700;
  font-display: swap;
  src: url(../../assets/font/universaljack-3.ttf) format("ttf"); 
  truetype
} */

:root {
--pan-main:#5ca0ed;
--pan-main-15:rgba(92,160,237,.15);
--pan-black:rgba(21,20,26,1);
--pan-bg:#18181f;
--pan-bg-8:rgba(21,20,26,.8);
--pan-text:#808080;
--pan-bottom: #5ca0ed;
--pan-bottom-op: rgba(89,33,44,.27);
--pan-btn:#25242b;
--pan-x: linear-gradient(90deg, #5ca0ed, #25242b);
}
.ggbg0 {
    border-left: 2px solid var(--gray);
    background: var(--gray-bg)
}
/*金色*/
.ggbg1 {
    border-left: 2px solid var(--yellow);
    background: var(--yellow-bg);
}
/*红色*/
.ggbg2 {
    border-left: 2px solid var(--red);
    background: var(--red-bg);
}
/*紫色*/
.ggbg3 {
    border-left: 2px solid var(--purple);
    background: var(--purple-bg);
}
/*蓝色*/
.ggbg4 {
    border-left: 2px solid var(--blue);
    background: var(--blue-bg)
}
/*灰色*/
.ggbg5 {
    border-left: 2px solid var(--gray) !important;
    background: var(--gray-bg) !important;
}
.ggbgs0 {
    border-left: 2px solid var(--gray)!important;
    background: var(--gray-bg)!important;
}
/*金色*/
.ggbgs1 {
    border-left: 2px solid var(--yellow) !important;
    background: var(--yellow-bg) !important;
}
/*红色*/
.ggbgs2 {
    border-left: 2px solid var(--red) !important;
    background: var(--red-bg) !important;
}
/*紫色*/
.ggbgs3 {
    border-left: 2px solid var(--purple) !important;
    background: var(--purple-bg) !important;
}
/*蓝色*/
.ggbgs4 {
    border-left: 2px solid var(--blue) !important;
    background: var(--blue-bg) !important;
}
/*灰色*/
.ggbgs5 {
    border-left: 2px solid var(--gray) !important;
    background: var(--gray-bg) !important;
}
.bg-bg{
    background-color: #131317!important;
}
.bg-border-top{
    border-top: 1px solid #1a1a1f;
}
.pan-bg-2{
    background: rgba(0,0,0,.9 );
}
.user-active{
    background-color: var(--pan-main) !important;
}
.pan-main{
    background-color: var(--pan-main) !important;
}
.pan-main-15{
    background-color: var(--pan-main-15) !important;
}
.pan-main-color{
    color: var(--pan-main);
}
.border-main-color{
    color: #ff9d57;
    border: 1px solid #ff9d57;
    background: rgba(255, 157, 87, 0.13);
}
.panda-bg{
    background: var(--pan-bg);
}
.panda-bg-border{
    border:1px solid var(--pan-bg);
}
.panda-bg-8{
    background: var(--pan-bg-8);
}
.panda-color{
    color: var(--pan-bg);
}
.panda-btn-bg{
    background: var(--pan-btn);
}
.panda-btn{
    color: var(--pan-btn);
}
.panda-color-80{
    color: var(--pan-text);
}
.panda-border-80{
    border:1px solid var(--pan-text) !important;
}
.panda-bg-80{
    background: var(--pan-text);
}
.panda-hove{
    color: var(--pan-bottom);
}
.panda-hove-bg{
    background: var(--pan-bottom);
}
.panda-hove-bg-op{
    background: var(--pan-bottom-op);
}
.panda-hove-border{
    border:1px solid var(--pan-bottom);
}
.border-text{
    border: 1px solid var(--pan-text);
}
.border-ta{
    border: 1px solid transparent;
}
.panda-1,.panda-open-1,.panda-pk-1{
   background: var(--yellow-bg);
   background: url(../img/100001.6ed3f7ad.png);
}
.panda-2,.panda-open-2,.panda-pk-2{
    background: var(--red-bg);
    background: url(../img/100002.c12b2cb0.png);
}
.panda-3,.panda-open-3,.panda-pk-3{
    background: var(--purple-bg);
    background: url(../img/100003.65f1d834.png);
}
.panda-4,.panda-open-4,.panda-pk-4{
    background: var(--blue-bg);
    background: url(../img/100004.e71513db.png);
}
.panda-5,.panda-open-5,.panda-pk-5{
    background: var(--gray-bg);
    background: url(../img/100005.7f5489b6.png);
}
.impanda-index-open1{
    background-color: rgba(81,75,37,.25);
    border: 1px solid #f9e23a;
    border-radius: 5px;
}
.impanda-index-open2{
    background-color: rgba(209,74,76,.25);;
    border: 1px solid #d14a4c;
    border-radius: 5px;
}
.impanda-index-open3{
    background-color: rgba(193,87,255,.25);
    border: 1px solid #c157ff;
    border-radius: 5px;
}
.impanda-index-open4{
    background-color: rgba(102,112,255,.25);
    border: 1px solid #6670ff;
    border-radius: 5px;
}
.impanda-index-open5{
    background-color: rgba(157,157,171,.25);
    border: 1px solid #9d9dab;
    border-radius: 5px;
}
.impanda-border1{
    border: 1px solid var(--main-yellow);
}
.impanda-border2{
    border:1px solid var(--red);
}
.impanda-border3{
    border:1px solid var(--purple);
}
.impanda-border4{
    border:1px solid var(--blue);
}
.impanda-border5{
    border:1px solid var(--gray);
}
.zoom{
    animation: zoom 2s infinite;
}
@keyframes zoom {
0%{
        transform: scale(.8);
}
50%{
        transform: scale(1.1);
}
100%{
        transform: scale(.8);
}
}
.bg-size-60{
    background-size: 60% ;
}
.pan-op{
    opacity: .5;
}

/* 文章列表的背景字体颜色 */
.content-active-help p{
    color: #fff!important;
    background-color: rgba(0,0,0,0) !important;
}



/* 仿照管箱用到的 */
.border-g-bottom-1{
    border-bottom: 10px solid #e6ba1c !important;
}
.bg-g-to-top-1{
    background-image: linear-gradient(to top, rgba(230,186,28,.8) , rgba(114, 110, 111, 1)) !important;
}
.border-g-bottom-2{
    border-bottom: 10px solid #d32ce6 !important;
}
.bg-g-to-top-2{
    background-image: linear-gradient(to top, rgba(211,44,230,.8) , rgba(114, 110, 111, 1)) !important;
}
.border-g-bottom-3{
    border-bottom: 10px solid #834fff !important;
}
.bg-g-to-top-3{
    background-image: linear-gradient(to top, rgba(131,79,255,.8) , rgba(114, 110, 111, 1)) !important;
}
.border-g-bottom-4{
    border-bottom: 10px solid #4b69ff !important;
}
.bg-g-to-top-4{
    background-image: linear-gradient(to top, rgba(75,105,255,.8) , rgba(114, 110, 111, 1)) !important;
}
.border-g-bottom-5{
    border-bottom: 10px solid #bbbbbb !important;
}
.bg-g-to-top-5{
    background-image: linear-gradient(to top, rgba(187,187,187,.8) , rgba(114, 110, 111, 1)) !important;
}

/*!
 * Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
*,
::after,
::before {
    box-sizing: border-box
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}
[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}
p {
    margin-top: 0;
    margin-bottom: 1rem
}
abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}
dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}
dt {
    font-weight: 700
}
dd {
    margin-bottom: .5rem;
    margin-left: 0
}
blockquote {
    margin: 0 0 1rem
}
b,
strong {
    font-weight: bolder
}
small {
    font-size: 80%
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}
a:hover {
    color: #0056b3;
    text-decoration: underline
}
a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}
code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}
pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}
figure {
    margin: 0 0 1rem
}
img {
    vertical-align: middle;
    border-style: none
}
svg {
    overflow: hidden;
    vertical-align: middle
}
table {
    border-collapse: collapse
}
caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent
}
label {
    display: inline-block;
    margin-bottom: .5rem
}
button {
    border-radius: 0
}
button:focus:not(:focus-visible) {
    outline: 0
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}
button,
input {
    overflow: visible
}
button,
select {
    text-transform: none
}
[role=button] {
    cursor: pointer
}
select {
    word-wrap: normal
}
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
textarea {
    overflow: auto;
    resize: vertical
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}
progress {
    vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}
output {
    display: inline-block
}
summary {
    display: list-item;
    cursor: pointer
}
template {
    display: none
}
[hidden] {
    display: none !important
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}
.h1,
h1 {
    font-size: 2.5rem
}
.h2,
h2 {
    font-size: 2rem
}
.h3,
h3 {
    font-size: 1.75rem
}
.h4,
h4 {
    font-size: 1.5rem
}
.h5,
h5 {
    font-size: 1.25rem
}
.h6,
h6 {
    font-size: 1rem
}
.lead {
    font-size: 1.25rem;
    font-weight: 300
}
.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}
.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}
.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}
.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}
.small,
small {
    font-size: 80%;
    font-weight: 400
}
.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}
.list-unstyled {
    padding-left: 0;
    list-style: none
}
.list-inline {
    padding-left: 0;
    list-style: none
}
.list-inline-item {
    display: inline-block
}
.list-inline-item:not(:last-child) {
    margin-right: .5rem
}
.initialism {
    font-size: 90%;
    text-transform: uppercase
}
.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}
.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}
.blockquote-footer::before {
    content: "\2014\00A0"
}
.img-fluid {
    max-width: 100%;
    height: auto
}
.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}
.figure {
    display: inline-block
}
.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}
.figure-caption {
    font-size: 90%;
    color: #6c757d
}
code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}
a>code {
    color: inherit
}
kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}
kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}
pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}
pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}
.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
@media (min-width:576px) {
.container,
    .container-sm {
        max-width: 540px
}
}
@media (min-width:768px) {
.container,
    .container-md,
    .container-sm {
        max-width: 720px
}
}
@media (min-width:992px) {
.container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
}
}
@media (min-width:1200px) {
.container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
}
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}
.no-gutters {
    margin-right: 0;
    margin-left: 0
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}
.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}
.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}
.row-cols-3>* {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}
.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}
.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}
.row-cols-6>* {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}
.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}
.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}
.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}
.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}
.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}
.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}
.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}
.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}
.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}
.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}
.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}
.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}
.order-first {
    order: -1
}
.order-last {
    order: 13
}
.order-0 {
    order: 0
}
.order-1 {
    order: 1
}
.order-2 {
    order: 2
}
.order-3 {
    order: 3
}
.order-4 {
    order: 4
}
.order-5 {
    order: 5
}
.order-6 {
    order: 6
}
.order-7 {
    order: 7
}
.order-8 {
    order: 8
}
.order-9 {
    order: 9
}
.order-10 {
    order: 10
}
.order-11 {
    order: 11
}
.order-12 {
    order: 12
}
.offset-1 {
    margin-left: 8.333333%
}
.offset-2 {
    margin-left: 16.666667%
}
.offset-3 {
    margin-left: 25%
}
.offset-4 {
    margin-left: 33.333333%
}
.offset-5 {
    margin-left: 41.666667%
}
.offset-6 {
    margin-left: 50%
}
.offset-7 {
    margin-left: 58.333333%
}
.offset-8 {
    margin-left: 66.666667%
}
.offset-9 {
    margin-left: 75%
}
.offset-10 {
    margin-left: 83.333333%
}
.offset-11 {
    margin-left: 91.666667%
}
@media (min-width:576px) {
.col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
}
.row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
}
.row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
}
.row-cols-sm-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
}
.row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
}
.row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
}
.row-cols-sm-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
}
.col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
}
.col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
}
.col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
}
.col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
}
.col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
}
.col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
}
.col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
}
.col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
}
.col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
}
.col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
}
.col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
}
.col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
}
.col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
}
.order-sm-first {
        order: -1
}
.order-sm-last {
        order: 13
}
.order-sm-0 {
        order: 0
}
.order-sm-1 {
        order: 1
}
.order-sm-2 {
        order: 2
}
.order-sm-3 {
        order: 3
}
.order-sm-4 {
        order: 4
}
.order-sm-5 {
        order: 5
}
.order-sm-6 {
        order: 6
}
.order-sm-7 {
        order: 7
}
.order-sm-8 {
        order: 8
}
.order-sm-9 {
        order: 9
}
.order-sm-10 {
        order: 10
}
.order-sm-11 {
        order: 11
}
.order-sm-12 {
        order: 12
}
.offset-sm-0 {
        margin-left: 0
}
.offset-sm-1 {
        margin-left: 8.333333%
}
.offset-sm-2 {
        margin-left: 16.666667%
}
.offset-sm-3 {
        margin-left: 25%
}
.offset-sm-4 {
        margin-left: 33.333333%
}
.offset-sm-5 {
        margin-left: 41.666667%
}
.offset-sm-6 {
        margin-left: 50%
}
.offset-sm-7 {
        margin-left: 58.333333%
}
.offset-sm-8 {
        margin-left: 66.666667%
}
.offset-sm-9 {
        margin-left: 75%
}
.offset-sm-10 {
        margin-left: 83.333333%
}
.offset-sm-11 {
        margin-left: 91.666667%
}
}
@media (min-width:768px) {
.col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
}
.row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
}
.row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
}
.row-cols-md-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
}
.row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
}
.row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
}
.row-cols-md-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
}
.col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
}
.col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
}
.col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
}
.col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
}
.col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
}
.col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
}
.col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
}
.col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
}
.col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
}
.col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
}
.col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
}
.col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
}
.col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
}
.order-md-first {
        order: -1
}
.order-md-last {
        order: 13
}
.order-md-0 {
        order: 0
}
.order-md-1 {
        order: 1
}
.order-md-2 {
        order: 2
}
.order-md-3 {
        order: 3
}
.order-md-4 {
        order: 4
}
.order-md-5 {
        order: 5
}
.order-md-6 {
        order: 6
}
.order-md-7 {
        order: 7
}
.order-md-8 {
        order: 8
}
.order-md-9 {
        order: 9
}
.order-md-10 {
        order: 10
}
.order-md-11 {
        order: 11
}
.order-md-12 {
        order: 12
}
.offset-md-0 {
        margin-left: 0
}
.offset-md-1 {
        margin-left: 8.333333%
}
.offset-md-2 {
        margin-left: 16.666667%
}
.offset-md-3 {
        margin-left: 25%
}
.offset-md-4 {
        margin-left: 33.333333%
}
.offset-md-5 {
        margin-left: 41.666667%
}
.offset-md-6 {
        margin-left: 50%
}
.offset-md-7 {
        margin-left: 58.333333%
}
.offset-md-8 {
        margin-left: 66.666667%
}
.offset-md-9 {
        margin-left: 75%
}
.offset-md-10 {
        margin-left: 83.333333%
}
.offset-md-11 {
        margin-left: 91.666667%
}
}
@media (min-width:992px) {
.col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
}
.row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
}
.row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
}
.row-cols-lg-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
}
.row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
}
.row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
}
.row-cols-lg-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
}
.col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
}
.col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
}
.col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
}
.col-lg-25 {
        flex: 0 0 20%;
        max-width: 20%
}
.col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
}
.col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
}
.col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
}
.col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
}
.col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
}
.col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
}
.col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
}
.col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
}
.col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
}
.col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
}
.order-lg-first {
        order: -1
}
.order-lg-last {
        order: 13
}
.order-lg-0 {
        order: 0
}
.order-lg-1 {
        order: 1
}
.order-lg-2 {
        order: 2
}
.order-lg-3 {
        order: 3
}
.order-lg-4 {
        order: 4
}
.order-lg-5 {
        order: 5
}
.order-lg-6 {
        order: 6
}
.order-lg-7 {
        order: 7
}
.order-lg-8 {
        order: 8
}
.order-lg-9 {
        order: 9
}
.order-lg-10 {
        order: 10
}
.order-lg-11 {
        order: 11
}
.order-lg-12 {
        order: 12
}
.offset-lg-0 {
        margin-left: 0
}
.offset-lg-1 {
        margin-left: 8.333333%
}
.offset-lg-2 {
        margin-left: 16.666667%
}
.offset-lg-3 {
        margin-left: 25%
}
.offset-lg-4 {
        margin-left: 33.333333%
}
.offset-lg-5 {
        margin-left: 41.666667%
}
.offset-lg-6 {
        margin-left: 50%
}
.offset-lg-7 {
        margin-left: 58.333333%
}
.offset-lg-8 {
        margin-left: 66.666667%
}
.offset-lg-9 {
        margin-left: 75%
}
.offset-lg-10 {
        margin-left: 83.333333%
}
.offset-lg-11 {
        margin-left: 91.666667%
}
}
@media (min-width:1200px) {
.col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
}
.row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
}
.row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
}
.row-cols-xl-3>* {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
}
.row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
}
.row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
}
.row-cols-xl-6>* {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
}
.col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
}
.col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
}
.col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
}
.col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
}
.col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
}
.col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
}
.col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
}
.col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
}
.col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
}
.col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
}
.col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
}
.col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
}
.col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
}
.order-xl-first {
        order: -1
}
.order-xl-last {
        order: 13
}
.order-xl-0 {
        order: 0
}
.order-xl-1 {
        order: 1
}
.order-xl-2 {
        order: 2
}
.order-xl-3 {
        order: 3
}
.order-xl-4 {
        order: 4
}
.order-xl-5 {
        order: 5
}
.order-xl-6 {
        order: 6
}
.order-xl-7 {
        order: 7
}
.order-xl-8 {
        order: 8
}
.order-xl-9 {
        order: 9
}
.order-xl-10 {
        order: 10
}
.order-xl-11 {
        order: 11
}
.order-xl-12 {
        order: 12
}
.offset-xl-0 {
        margin-left: 0
}
.offset-xl-1 {
        margin-left: 8.333333%
}
.offset-xl-2 {
        margin-left: 16.666667%
}
.offset-xl-3 {
        margin-left: 25%
}
.offset-xl-4 {
        margin-left: 33.333333%
}
.offset-xl-5 {
        margin-left: 41.666667%
}
.offset-xl-6 {
        margin-left: 50%
}
.offset-xl-7 {
        margin-left: 58.333333%
}
.offset-xl-8 {
        margin-left: 66.666667%
}
.offset-xl-9 {
        margin-left: 75%
}
.offset-xl-10 {
        margin-left: 83.333333%
}
.offset-xl-11 {
        margin-left: 91.666667%
}
}
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}
.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}
.table tbody+tbody {
    border-top: 2px solid #dee2e6
}
.table-sm td,
.table-sm th {
    padding: .3rem
}
.table-bordered {
    border: 1px solid #dee2e6
}
.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}
.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}
.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}
.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}
.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}
.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}
.table-hover .table-primary:hover {
    background-color: #9fcdff
}
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}
.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}
.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}
.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}
.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}
.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}
.table-hover .table-success:hover {
    background-color: #b1dfbb
}
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}
.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}
.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}
.table-hover .table-info:hover {
    background-color: #abdde5
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}
.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}
.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}
.table-hover .table-warning:hover {
    background-color: #ffe8a1
}
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}
.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}
.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}
.table-hover .table-danger:hover {
    background-color: #f1b0b7
}
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}
.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}
.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}
.table-hover .table-light:hover {
    background-color: #ececf6
}
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}
.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}
.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}
.table-hover .table-dark:hover {
    background-color: #b9bbbe
}
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}
.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}
.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}
.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}
.table-dark {
    color: #fff;
    background-color: #343a40
}
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}
.table-dark.table-bordered {
    border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}
.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}
@media (max-width:575.98px) {
.table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
}
.table-responsive-sm>.table-bordered {
        border: 0
}
}
@media (max-width:767.98px) {
.table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
}
.table-responsive-md>.table-bordered {
        border: 0
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
}
.table-responsive-lg>.table-bordered {
        border: 0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
}
.table-responsive-xl>.table-bordered {
        border: 0
}
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}
.table-responsive>.table-bordered {
    border: 0
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control {
        transition: none
}
}
.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}
.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}
.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}
input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}
.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}
.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}
.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}
.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}
.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}
.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}
.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}
select.form-control[multiple],
select.form-control[size] {
    height: auto
}
textarea.form-control {
    height: auto
}
.form-group {
    margin-bottom: 1rem
}
.form-text {
    display: block;
    margin-top: .25rem
}
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}
.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}
.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}
.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}
.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #6c757d
}
.form-check-label {
    margin-bottom: 0
}
.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}
.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}
.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}
.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
    left: 5px
}
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}
.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}
.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}
.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}
.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}
.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}
.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}
.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}
.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}
.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
    left: 5px
}
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}
.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}
.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}
.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}
.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}
.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}
.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}
.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}
.form-inline .form-check {
    width: 100%
}
@media (min-width:576px) {
.form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
}
.form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
}
.form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
}
.form-inline .form-control-plaintext {
        display: inline-block
}
.form-inline .custom-select,
    .form-inline .input-group {
        width: auto
}
.form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
}
.form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
}
.form-inline .custom-control {
        align-items: center;
        justify-content: center
}
.form-inline .custom-control-label {
        margin-bottom: 0
}
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.btn {
        transition: none
}
}
.btn:hover {
    color: #212529;
    text-decoration: none
}
.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.btn.disabled,
.btn:disabled {
    opacity: .65
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}
a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}
.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}
.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}
.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}
.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}
.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}
.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}
.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}
.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}
.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}
.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}
.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}
.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}
.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}
.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}
.btn-warning.focus,
.btn-warning:focus {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}
.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}
.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}
.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}
.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}
.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}
.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}
.btn-light.focus,
.btn-light:focus {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}
.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}
.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}
.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}
.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}
.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}
.btn-outline-primary {
    color: #007bff;
    border-color: #007bff
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}
.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}
.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}
.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}
.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}
.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}
.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}
.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}
.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none
}
.btn-link:hover {
    color: #0056b3;
    text-decoration: underline
}
.btn-link.focus,
.btn-link:focus {
    text-decoration: underline
}
.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}
.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}
.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}
.btn-block {
    display: block;
    width: 100%
}
.btn-block+.btn-block {
    margin-top: .5rem
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}
.fade {
    transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
        transition: none
}
}
.fade:not(.show) {
    opacity: 0
}
.collapse:not(.show) {
    display: none
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing {
        transition: none
}
}
.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}
.dropdown-toggle {
    white-space: nowrap
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}
.dropdown-toggle:empty::after {
    margin-left: 0
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}
.dropdown-menu-left {
    right: auto;
    left: 0
}
.dropdown-menu-right {
    right: 0;
    left: auto
}
@media (min-width:576px) {
.dropdown-menu-sm-left {
        right: auto;
        left: 0
}
.dropdown-menu-sm-right {
        right: 0;
        left: auto
}
}
@media (min-width:768px) {
.dropdown-menu-md-left {
        right: auto;
        left: 0
}
.dropdown-menu-md-right {
        right: 0;
        left: auto
}
}
@media (min-width:992px) {
.dropdown-menu-lg-left {
        right: auto;
        left: 0
}
.dropdown-menu-lg-right {
        right: 0;
        left: auto
}
}
@media (min-width:1200px) {
.dropdown-menu-xl-left {
        right: auto;
        left: 0
}
.dropdown-menu-xl-right {
        right: 0;
        left: auto
}
}
.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}
.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}
.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}
.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}
.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}
.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}
.dropright .dropdown-toggle::after {
    vertical-align: 0
}
.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}
.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}
.dropleft .dropdown-toggle::after {
    display: none
}
.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}
.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}
.dropleft .dropdown-toggle::before {
    vertical-align: 0
}
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}
.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef
}
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}
.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}
.dropdown-menu.show {
    display: block
}
.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}
.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}
.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}
.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}
.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
    z-index: 1
}
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    z-index: 1
}
.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}
.btn-toolbar .input-group {
    width: auto
}
.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}
.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}
.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}
.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}
.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}
.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}
.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}
.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}
.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}
.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}
.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}
.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.input-group>.custom-file {
    display: flex;
    align-items: center
}
.input-group>.custom-file:not(:first-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.input-group-append,
.input-group-prepend {
    display: flex
}
.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}
.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
    z-index: 3
}
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}
.input-group-prepend {
    margin-right: -1px
}
.input-group-append {
    margin-left: -1px
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}
.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}
.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}
.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}
.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}
.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}
.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}
.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}
.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #80bdff
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}
.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
    color: #6c757d
}
.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
    background-color: #e9ecef
}
.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}
.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px
}
.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat
}
.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}
.custom-radio .custom-control-label::before {
    border-radius: 50%
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}
.custom-switch {
    padding-left: 2.25rem
}
.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}
.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-switch .custom-control-label::after {
        transition: none
}
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .5)
}
.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}
.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}
.custom-select::-ms-expand {
    display: none
}
.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}
.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}
.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0
}
.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #e9ecef
}
.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}
.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}
.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.custom-range:focus {
    outline: 0
}
.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range::-moz-focus-outer {
    border: 0
}
.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
}
}
.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}
.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}
.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
}
}
.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}
.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}
.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none
}
}
.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}
.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}
.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}
.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}
.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}
.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}
.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}
.custom-range:disabled::-moz-range-track {
    cursor: default
}
.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
}
}
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}
.nav-link {
    display: block;
    padding: .5rem 1rem
}
.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}
.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}
.nav-tabs {
    border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.nav-pills .nav-link {
    border-radius: .25rem
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}
.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}
.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}
.tab-content>.tab-pane {
    display: none
}
.tab-content>.active {
    display: block
}
.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}
.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}
.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}
.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}
.navbar-nav .dropdown-menu {
    position: static;
    float: none
}
.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}
.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}
.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat
}
.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto
}
@media (max-width:575.98px) {
.navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
}
}
@media (min-width:576px) {
.navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
        flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
}
.navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
}
.navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
}
.navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
        display: none
}
}
@media (max-width:767.98px) {
.navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
}
}
@media (min-width:768px) {
.navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
        flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
}
.navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
}
.navbar-expand-md .navbar-nav-scroll {
        overflow: visible
}
.navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
        display: none
}
}
@media (max-width:991.98px) {
.navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
}
}
@media (min-width:992px) {
.navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
        flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
}
.navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
}
.navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
}
.navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
        display: none
}
}
@media (max-width:1199.98px) {
.navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
        flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
}
.navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
}
.navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
}
.navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
        display: none
}
}
.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}
.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}
.navbar-expand .navbar-nav {
    flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}
.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}
.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}
.navbar-expand .navbar-nav-scroll {
    overflow: visible
}
.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}
.navbar-expand .navbar-toggler {
    display: none
}
.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}
.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}
.navbar-dark .navbar-brand {
    color: #fff
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-text a {
    color: #fff
}
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}
.card>hr {
    margin-right: 0;
    margin-left: 0
}
.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}
.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}
.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}
.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}
.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}
.card-title {
    margin-bottom: .75rem
}
.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}
.card-text:last-child {
    margin-bottom: 0
}
.card-link:hover {
    text-decoration: none
}
.card-link+.card-link {
    margin-left: 1.25rem
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}
.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}
.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px)
}
.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}
.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}
.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck .card {
    margin-bottom: 15px
}
@media (min-width:576px) {
.card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
}
.card-deck .card {
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
}
}
.card-group>.card {
    margin-bottom: 15px
}
@media (min-width:576px) {
.card-group {
        display: flex;
        flex-flow: row wrap
}
.card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
}
.card-group>.card+.card {
        margin-left: 0;
        border-left: 0
}
.card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
}
}
.card-columns .card {
    margin-bottom: .75rem
}
@media (min-width:576px) {
.card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
}
.card-columns .card {
        display: inline-block;
        width: 100%
}
}
.accordion {
    overflow-anchor: none
}
.accordion>.card {
    overflow: hidden
}
.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}
.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}
.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}
.breadcrumb-item.active {
    color: #6c757d
}
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}
.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}
.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}
.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}
.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}
.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.badge {
        transition: none
}
}
a.badge:focus,
a.badge:hover {
    text-decoration: none
}
.badge:empty {
    display: none
}
.btn .badge {
    position: relative;
    top: -1px
}
.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}
.badge-primary {
    color: #fff;
    background-color: #007bff
}
a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}
a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.badge-secondary {
    color: #fff;
    background-color: #6c757d
}
a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}
a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.badge-success {
    color: #fff;
    background-color: #28a745
}
a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}
a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.badge-info {
    color: #fff;
    background-color: #17a2b8
}
a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}
a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.badge-warning {
    color: #212529;
    background-color: #ffc107
}
a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}
a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.badge-danger {
    color: #fff;
    background-color: #dc3545
}
a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}
a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.badge-light {
    color: #212529;
    background-color: #f8f9fa
}
a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}
a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.badge-dark {
    color: #fff;
    background-color: #343a40
}
a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}
a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}
@media (min-width:576px) {
.jumbotron {
        padding: 4rem 2rem
}
}
.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}
.alert-heading {
    color: inherit
}
.alert-link {
    font-weight: 700
}
.alert-dismissible {
    padding-right: 4rem
}
.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}
.alert-primary hr {
    border-top-color: #9fcdff
}
.alert-primary .alert-link {
    color: #002752
}
.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}
.alert-secondary hr {
    border-top-color: #c8cbcf
}
.alert-secondary .alert-link {
    color: #202326
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}
.alert-success hr {
    border-top-color: #b1dfbb
}
.alert-success .alert-link {
    color: #0b2e13
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}
.alert-info hr {
    border-top-color: #abdde5
}
.alert-info .alert-link {
    color: #062c33
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}
.alert-warning hr {
    border-top-color: #ffe8a1
}
.alert-warning .alert-link {
    color: #533f03
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}
.alert-danger hr {
    border-top-color: #f1b0b7
}
.alert-danger .alert-link {
    color: #491217
}
.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}
.alert-light hr {
    border-top-color: #ececf6
}
.alert-light .alert-link {
    color: #686868
}
.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}
.alert-dark hr {
    border-top-color: #b9bbbe
}
.alert-dark .alert-link {
    color: #040505
}
@keyframes progress-bar-stripes {
from {
        background-position: 1rem 0
}
to {
        background-position: 0 0
}
}
.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}
.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
        transition: none
}
}
.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}
.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
        animation: none
}
}
.media {
    display: flex;
    align-items: flex-start
}
.media-body {
    flex: 1
}
.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}
.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}
.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}
.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}
.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}
.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}
.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}
.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}
.list-group-item+.list-group-item {
    border-top-width: 0
}
.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}
.list-group-horizontal {
    flex-direction: row
}
.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}
.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}
.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}
.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}
@media (min-width:576px) {
.list-group-horizontal-sm {
        flex-direction: row
}
.list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
}
.list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
}
.list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
}
}
@media (min-width:768px) {
.list-group-horizontal-md {
        flex-direction: row
}
.list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
}
.list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
}
.list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
}
}
@media (min-width:992px) {
.list-group-horizontal-lg {
        flex-direction: row
}
.list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
}
.list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
}
.list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
}
}
@media (min-width:1200px) {
.list-group-horizontal-xl {
        flex-direction: row
}
.list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
}
.list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
}
.list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
}
}
.list-group-flush {
    border-radius: 0
}
.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}
.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}
.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}
.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}
.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}
.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}
.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}
.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}
.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}
.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}
.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}
.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}
.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}
.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}
.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}
.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}
.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}
.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}
.close:hover {
    color: #000;
    text-decoration: none
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}
a.close.disabled {
    pointer-events: none
}
.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    opacity: 0;
    border-radius: .25rem
}
.toast:not(:last-child) {
    margin-bottom: .75rem
}
.toast.showing {
    opacity: 1
}
.toast.show {
    display: block;
    opacity: 1
}
.toast.hide {
    display: none
}
.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}
.toast-body {
    padding: .75rem
}
.modal-open {
    overflow: hidden
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
        transition: none
}
}
.modal.show .modal-dialog {
    transform: none
}
.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}
.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}
.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -moz-min-content;
    height: min-content;
    content: ""
}
.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}
.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}
.modal-backdrop.fade {
    opacity: 0
}
.modal-backdrop.show {
    opacity: .5
}
.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}
.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}
.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}
.modal-footer>* {
    margin: .25rem
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}
@media (min-width:576px) {
.modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
}
.modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
}
.modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
}
.modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -moz-min-content;
        height: min-content
}
.modal-sm {
        max-width: 300px
}
}
@media (min-width:992px) {
.modal-lg,
    .modal-xl {
        max-width: 800px
}
}
@media (min-width:1200px) {
.modal-xl {
        max-width: 1140px
}
}
.tooltip {
    position: absolute;
    z-index: 9;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}
.tooltip.show {
    opacity: .9
}
.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}
.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}
.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}
.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}
.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}
.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}
.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}
.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}
.popover .arrow::after,
.popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}
.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}
.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}
.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}
.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}
.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}
.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}
.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}
.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}
.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}
.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}
.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}
.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
    display: none
}
.popover-body {
    padding: .5rem .75rem;
    color: #212529
}
.carousel {
    position: relative
}
.carousel.pointer-event {
    touch-action: pan-y
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}
.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}
.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.carousel-item {
        transition: none
}
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}
.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}
.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}
.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
}
}
.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-control-next,
    .carousel-control-prev {
        transition: none
}
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}
.carousel-control-prev {
    left: 0
}
.carousel-control-next {
    right: 0
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}
.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-indicators li {
        transition: none
}
}
.carousel-indicators .active {
    opacity: 1
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}
@keyframes spinner-border {
to {
        transform: rotate(360deg)
}
}
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}
@keyframes spinner-grow {
0% {
        transform: scale(0)
}
50% {
        opacity: 1;
        transform: none
}
}
.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}
.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}
@media (prefers-reduced-motion:reduce) {
.spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
}
}
.align-baseline {
    vertical-align: baseline !important
}
.align-top {
    vertical-align: top !important
}
.align-middle {
    vertical-align: middle !important
}
.align-bottom {
    vertical-align: bottom !important
}
.align-text-bottom {
    vertical-align: text-bottom !important
}
.align-text-top {
    vertical-align: text-top !important
}
.bg-primary {
    background-color: #007bff !important
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}
.bg-secondary {
    background-color: #6c757d !important
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}
.bg-success {
    background-color: #28a745 !important
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}
.bg-info {
    background-color: #17a2b8 !important
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}
.bg-warning {
    background-color: #ffc107 !important
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}
.bg-danger {
    background-color: #dc3545 !important
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}
.bg-light {
    background-color: #f8f9fa !important
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}
.bg-dark {
    background-color: #343a40 !important
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}
.bg-white {
    background-color: #fff !important
}
.bg-transparent {
    background-color: transparent !important
}
.border {
    border: 1px solid #dee2e6 !important
}
.border-top {
    border-top: 1px solid #dee2e6 !important
}
.border-right {
    border-right: 1px solid #dee2e6 !important
}
.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}
.border-left {
    border-left: 1px solid #dee2e6 !important
}
.border-0 {
    border: 0 !important
}
.border-top-0 {
    border-top: 0 !important
}
.border-right-0 {
    border-right: 0 !important
}
.border-bottom-0 {
    border-bottom: 0 !important
}
.border-left-0 {
    border-left: 0 !important
}
.border-primary {
    border-color: #007bff !important
}
.border-secondary {
    border-color: #6c757d !important
}
.border-success {
    border-color: #28a745 !important
}
.border-info {
    border-color: #17a2b8 !important
}
.border-warning {
    border-color: #ffc107 !important
}
.border-danger {
    border-color: #dc3545 !important
}
.border-light {
    border-color: #f8f9fa !important
}
.border-dark {
    border-color: #343a40 !important
}
.border-white {
    border-color: #fff !important
}
.rounded-sm {
    border-radius: .2rem !important
}
.rounded {
    border-radius: .25rem !important
}
.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}
.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}
.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}
.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}
.rounded-lg {
    border-radius: .3rem !important
}
.rounded-circle {
    border-radius: 50% !important
}
.rounded-pill {
    border-radius: 50rem !important
}
.rounded-0 {
    border-radius: 0 !important
}
.clearfix::after {
    display: block;
    clear: both;
    content: ""
}
.d-none {
    display: none !important
}
.d-inline {
    display: inline !important
}
.d-inline-block {
    display: inline-block !important
}
.d-block {
    display: block !important
}
.d-table {
    display: table !important
}
.d-table-row {
    display: table-row !important
}
.d-table-cell {
    display: table-cell !important
}
.d-flex {
    display: flex !important
}
.d-inline-flex {
    display: inline-flex !important
}
@media (min-width:576px) {
.d-sm-none {
        display: none !important
}
.d-sm-inline {
        display: inline !important
}
.d-sm-inline-block {
        display: inline-block !important
}
.d-sm-block {
        display: block !important
}
.d-sm-table {
        display: table !important
}
.d-sm-table-row {
        display: table-row !important
}
.d-sm-table-cell {
        display: table-cell !important
}
.d-sm-flex {
        display: flex !important
}
.d-sm-inline-flex {
        display: inline-flex !important
}
}
@media (min-width:768px) {
.d-md-none {
        display: none !important
}
.d-md-inline {
        display: inline !important
}
.d-md-inline-block {
        display: inline-block !important
}
.d-md-block {
        display: block !important
}
.d-md-table {
        display: table !important
}
.d-md-table-row {
        display: table-row !important
}
.d-md-table-cell {
        display: table-cell !important
}
.d-md-flex {
        display: flex !important
}
.d-md-inline-flex {
        display: inline-flex !important
}
}
@media (min-width:992px) {
.d-lg-none {
        display: none !important
}
.d-lg-inline {
        display: inline !important
}
.d-lg-inline-block {
        display: inline-block !important
}
.d-lg-block {
        display: block !important
}
.d-lg-table {
        display: table !important
}
.d-lg-table-row {
        display: table-row !important
}
.d-lg-table-cell {
        display: table-cell !important
}
.d-lg-flex {
        display: flex !important
}
.d-lg-inline-flex {
        display: inline-flex !important
}
}
@media (min-width:1200px) {
.d-xl-none {
        display: none !important
}
.d-xl-inline {
        display: inline !important
}
.d-xl-inline-block {
        display: inline-block !important
}
.d-xl-block {
        display: block !important
}
.d-xl-table {
        display: table !important
}
.d-xl-table-row {
        display: table-row !important
}
.d-xl-table-cell {
        display: table-cell !important
}
.d-xl-flex {
        display: flex !important
}
.d-xl-inline-flex {
        display: inline-flex !important
}
}
@media print {
.d-print-none {
        display: none !important
}
.d-print-inline {
        display: inline !important
}
.d-print-inline-block {
        display: inline-block !important
}
.d-print-block {
        display: block !important
}
.d-print-table {
        display: table !important
}
.d-print-table-row {
        display: table-row !important
}
.d-print-table-cell {
        display: table-cell !important
}
.d-print-flex {
        display: flex !important
}
.d-print-inline-flex {
        display: inline-flex !important
}
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}
.embed-responsive::before {
    display: block;
    content: ""
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}
.embed-responsive-21by9::before {
    padding-top: 42.857143%
}
.embed-responsive-16by9::before {
    padding-top: 56.25%
}
.embed-responsive-4by3::before {
    padding-top: 75%
}
.embed-responsive-1by1::before {
    padding-top: 100%
}
.flex-row {
    flex-direction: row !important
}
.flex-column {
    flex-direction: column !important
}
.flex-row-reverse {
    flex-direction: row-reverse !important
}
.flex-column-reverse {
    flex-direction: column-reverse !important
}
.flex-wrap {
    flex-wrap: wrap !important
}
.flex-nowrap {
    flex-wrap: nowrap !important
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}
.flex-fill {
    flex: 1 1 auto !important
}
.flex-grow-0 {
    flex-grow: 0 !important
}
.flex-grow-1 {
    flex-grow: 1 !important
}
.flex-shrink-0 {
    flex-shrink: 0 !important
}
.flex-shrink-1 {
    flex-shrink: 1 !important
}
.justify-content-start {
    justify-content: flex-start !important
}
.justify-content-end {
    justify-content: flex-end !important
}
.justify-content-center {
    justify-content: center !important
}
.justify-content-between {
    justify-content: space-between !important
}
.justify-content-around {
    justify-content: space-around !important
}
.align-items-start {
    align-items: flex-start !important
}
.align-items-end {
    align-items: flex-end !important
}
.align-items-center {
    align-items: center !important
}
.align-items-baseline {
    align-items: baseline !important
}
.align-items-stretch {
    align-items: stretch !important
}
.align-content-start {
    align-content: flex-start !important
}
.align-content-end {
    align-content: flex-end !important
}
.align-content-center {
    align-content: center !important
}
.align-content-between {
    align-content: space-between !important
}
.align-content-around {
    align-content: space-around !important
}
.align-content-stretch {
    align-content: stretch !important
}
.align-self-auto {
    align-self: auto !important
}
.align-self-start {
    align-self: flex-start !important
}
.align-self-end {
    align-self: flex-end !important
}
.align-self-center {
    align-self: center !important
}
.align-self-baseline {
    align-self: baseline !important
}
.align-self-stretch {
    align-self: stretch !important
}
@media (min-width:576px) {
.flex-sm-row {
        flex-direction: row !important
}
.flex-sm-column {
        flex-direction: column !important
}
.flex-sm-row-reverse {
        flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
        flex-direction: column-reverse !important
}
.flex-sm-wrap {
        flex-wrap: wrap !important
}
.flex-sm-nowrap {
        flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
}
.flex-sm-fill {
        flex: 1 1 auto !important
}
.flex-sm-grow-0 {
        flex-grow: 0 !important
}
.flex-sm-grow-1 {
        flex-grow: 1 !important
}
.flex-sm-shrink-0 {
        flex-shrink: 0 !important
}
.flex-sm-shrink-1 {
        flex-shrink: 1 !important
}
.justify-content-sm-start {
        justify-content: flex-start !important
}
.justify-content-sm-end {
        justify-content: flex-end !important
}
.justify-content-sm-center {
        justify-content: center !important
}
.justify-content-sm-between {
        justify-content: space-between !important
}
.justify-content-sm-around {
        justify-content: space-around !important
}
.align-items-sm-start {
        align-items: flex-start !important
}
.align-items-sm-end {
        align-items: flex-end !important
}
.align-items-sm-center {
        align-items: center !important
}
.align-items-sm-baseline {
        align-items: baseline !important
}
.align-items-sm-stretch {
        align-items: stretch !important
}
.align-content-sm-start {
        align-content: flex-start !important
}
.align-content-sm-end {
        align-content: flex-end !important
}
.align-content-sm-center {
        align-content: center !important
}
.align-content-sm-between {
        align-content: space-between !important
}
.align-content-sm-around {
        align-content: space-around !important
}
.align-content-sm-stretch {
        align-content: stretch !important
}
.align-self-sm-auto {
        align-self: auto !important
}
.align-self-sm-start {
        align-self: flex-start !important
}
.align-self-sm-end {
        align-self: flex-end !important
}
.align-self-sm-center {
        align-self: center !important
}
.align-self-sm-baseline {
        align-self: baseline !important
}
.align-self-sm-stretch {
        align-self: stretch !important
}
}
@media (min-width:768px) {
.flex-md-row {
        flex-direction: row !important
}
.flex-md-column {
        flex-direction: column !important
}
.flex-md-row-reverse {
        flex-direction: row-reverse !important
}
.flex-md-column-reverse {
        flex-direction: column-reverse !important
}
.flex-md-wrap {
        flex-wrap: wrap !important
}
.flex-md-nowrap {
        flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
}
.flex-md-fill {
        flex: 1 1 auto !important
}
.flex-md-grow-0 {
        flex-grow: 0 !important
}
.flex-md-grow-1 {
        flex-grow: 1 !important
}
.flex-md-shrink-0 {
        flex-shrink: 0 !important
}
.flex-md-shrink-1 {
        flex-shrink: 1 !important
}
.justify-content-md-start {
        justify-content: flex-start !important
}
.justify-content-md-end {
        justify-content: flex-end !important
}
.justify-content-md-center {
        justify-content: center !important
}
.justify-content-md-between {
        justify-content: space-between !important
}
.justify-content-md-around {
        justify-content: space-around !important
}
.align-items-md-start {
        align-items: flex-start !important
}
.align-items-md-end {
        align-items: flex-end !important
}
.align-items-md-center {
        align-items: center !important
}
.align-items-md-baseline {
        align-items: baseline !important
}
.align-items-md-stretch {
        align-items: stretch !important
}
.align-content-md-start {
        align-content: flex-start !important
}
.align-content-md-end {
        align-content: flex-end !important
}
.align-content-md-center {
        align-content: center !important
}
.align-content-md-between {
        align-content: space-between !important
}
.align-content-md-around {
        align-content: space-around !important
}
.align-content-md-stretch {
        align-content: stretch !important
}
.align-self-md-auto {
        align-self: auto !important
}
.align-self-md-start {
        align-self: flex-start !important
}
.align-self-md-end {
        align-self: flex-end !important
}
.align-self-md-center {
        align-self: center !important
}
.align-self-md-baseline {
        align-self: baseline !important
}
.align-self-md-stretch {
        align-self: stretch !important
}
}
@media (min-width:992px) {
.flex-lg-row {
        flex-direction: row !important
}
.flex-lg-column {
        flex-direction: column !important
}
.flex-lg-row-reverse {
        flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
        flex-direction: column-reverse !important
}
.flex-lg-wrap {
        flex-wrap: wrap !important
}
.flex-lg-nowrap {
        flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
}
.flex-lg-fill {
        flex: 1 1 auto !important
}
.flex-lg-grow-0 {
        flex-grow: 0 !important
}
.flex-lg-grow-1 {
        flex-grow: 1 !important
}
.flex-lg-shrink-0 {
        flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
        flex-shrink: 1 !important
}
.justify-content-lg-start {
        justify-content: flex-start !important
}
.justify-content-lg-end {
        justify-content: flex-end !important
}
.justify-content-lg-center {
        justify-content: center !important
}
.justify-content-lg-between {
        justify-content: space-between !important
}
.justify-content-lg-around {
        justify-content: space-around !important
}
.align-items-lg-start {
        align-items: flex-start !important
}
.align-items-lg-end {
        align-items: flex-end !important
}
.align-items-lg-center {
        align-items: center !important
}
.align-items-lg-baseline {
        align-items: baseline !important
}
.align-items-lg-stretch {
        align-items: stretch !important
}
.align-content-lg-start {
        align-content: flex-start !important
}
.align-content-lg-end {
        align-content: flex-end !important
}
.align-content-lg-center {
        align-content: center !important
}
.align-content-lg-between {
        align-content: space-between !important
}
.align-content-lg-around {
        align-content: space-around !important
}
.align-content-lg-stretch {
        align-content: stretch !important
}
.align-self-lg-auto {
        align-self: auto !important
}
.align-self-lg-start {
        align-self: flex-start !important
}
.align-self-lg-end {
        align-self: flex-end !important
}
.align-self-lg-center {
        align-self: center !important
}
.align-self-lg-baseline {
        align-self: baseline !important
}
.align-self-lg-stretch {
        align-self: stretch !important
}
}
@media (min-width:1200px) {
.flex-xl-row {
        flex-direction: row !important
}
.flex-xl-column {
        flex-direction: column !important
}
.flex-xl-row-reverse {
        flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
        flex-direction: column-reverse !important
}
.flex-xl-wrap {
        flex-wrap: wrap !important
}
.flex-xl-nowrap {
        flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
}
.flex-xl-fill {
        flex: 1 1 auto !important
}
.flex-xl-grow-0 {
        flex-grow: 0 !important
}
.flex-xl-grow-1 {
        flex-grow: 1 !important
}
.flex-xl-shrink-0 {
        flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
        flex-shrink: 1 !important
}
.justify-content-xl-start {
        justify-content: flex-start !important
}
.justify-content-xl-end {
        justify-content: flex-end !important
}
.justify-content-xl-center {
        justify-content: center !important
}
.justify-content-xl-between {
        justify-content: space-between !important
}
.justify-content-xl-around {
        justify-content: space-around !important
}
.align-items-xl-start {
        align-items: flex-start !important
}
.align-items-xl-end {
        align-items: flex-end !important
}
.align-items-xl-center {
        align-items: center !important
}
.align-items-xl-baseline {
        align-items: baseline !important
}
.align-items-xl-stretch {
        align-items: stretch !important
}
.align-content-xl-start {
        align-content: flex-start !important
}
.align-content-xl-end {
        align-content: flex-end !important
}
.align-content-xl-center {
        align-content: center !important
}
.align-content-xl-between {
        align-content: space-between !important
}
.align-content-xl-around {
        align-content: space-around !important
}
.align-content-xl-stretch {
        align-content: stretch !important
}
.align-self-xl-auto {
        align-self: auto !important
}
.align-self-xl-start {
        align-self: flex-start !important
}
.align-self-xl-end {
        align-self: flex-end !important
}
.align-self-xl-center {
        align-self: center !important
}
.align-self-xl-baseline {
        align-self: baseline !important
}
.align-self-xl-stretch {
        align-self: stretch !important
}
}
.float-left {
    float: left !important
}
.float-right {
    float: right !important
}
.float-none {
    float: none !important
}
@media (min-width:576px) {
.float-sm-left {
        float: left !important
}
.float-sm-right {
        float: right !important
}
.float-sm-none {
        float: none !important
}
}
@media (min-width:768px) {
.float-md-left {
        float: left !important
}
.float-md-right {
        float: right !important
}
.float-md-none {
        float: none !important
}
}
@media (min-width:992px) {
.float-lg-left {
        float: left !important
}
.float-lg-right {
        float: right !important
}
.float-lg-none {
        float: none !important
}
}
@media (min-width:1200px) {
.float-xl-left {
        float: left !important
}
.float-xl-right {
        float: right !important
}
.float-xl-none {
        float: none !important
}
}
.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}
.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}
.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}
.overflow-auto {
    overflow: auto !important
}
.overflow-hidden {
    overflow: hidden !important
}
.position-static {
    position: static !important
}
.position-relative {
    position: relative !important
}
.position-absolute {
    position: absolute !important
}
.position-fixed {
    position: fixed !important
}
.position-sticky {
    position: sticky !important
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}
@supports (position:sticky) {
.sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
}
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}
.shadow-none {
    box-shadow: none !important
}
.w-25 {
    width: 25% !important
}
.w-50 {
    width: 50% !important
}
.w-60 {
    width: 60% !important
}
.w-75 {
    width: 75% !important
}
.w-100 {
    width: 100% !important
}
.w-auto {
    width: auto !important
}
.h-25 {
    height: 25% !important
}
.h-50 {
    height: 50% !important
}
.h-75 {
    height: 75% !important
}
.h-100 {
    height: 100% !important
}
.h-auto {
    height: auto !important
}
.mw-100 {
    max-width: 100% !important
}
.mh-100 {
    max-height: 100% !important
}
.min-vw-100 {
    min-width: 100vw !important
}
.min-vh-100 {
    min-height: 100vh !important
}
.vw-100 {
    width: 100vw !important
}
.vh-100 {
    height: 100vh !important
}
.m-0 {
    margin: 0 !important
}
.mt-0,
.my-0 {
    margin-top: 0 !important
}
.mr-0,
.mx-0 {
    margin-right: 0 !important
}
.mb-0,
.my-0 {
    margin-bottom: 0 !important
}
.ml-0,
.mx-0 {
    margin-left: 0 !important
}
.m-1 {
    margin: .25rem !important
}
.mt-1,
.my-1 {
    margin-top: .25rem !important
}
.mr-1,
.mx-1 {
    margin-right: .25rem !important
}
.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}
.ml-1,
.mx-1 {
    margin-left: .25rem !important
}
.m-2 {
    margin: .5rem !important
}
.mt-2,
.my-2 {
    margin-top: .5rem !important
}
.mr-2,
.mx-2 {
    margin-right: .5rem !important
}
.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}
.ml-2,
.mx-2 {
    margin-left: .5rem !important
}
.m-3 {
    margin: 1rem !important
}
.mt-3,
.my-3 {
    margin-top: 1rem !important
}
.mr-3,
.mx-3 {
    margin-right: 1rem !important
}
.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}
.ml-3,
.mx-3 {
    margin-left: 1rem !important
}
.m-4 {
    margin: 1.5rem !important
}
.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}
.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}
.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}
.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}
.m-5 {
    margin: 3rem !important
}
.mt-5,
.my-5 {
    margin-top: 3rem !important
}
.mr-5,
.mx-5 {
    margin-right: 3rem !important
}
.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}
.ml-5,
.mx-5 {
    margin-left: 3rem !important
}
.p-0 {
    padding: 0 !important
}
.pt-0,
.py-0 {
    padding-top: 0 !important
}
.pr-0,
.px-0 {
    padding-right: 0 !important
}
.pb-0,
.py-0 {
    padding-bottom: 0 !important
}
.pl-0,
.px-0 {
    padding-left: 0 !important
}
.p-1 {
    padding: .25rem !important
}
.pt-1,
.py-1 {
    padding-top: .25rem !important
}
.pr-1,
.px-1 {
    padding-right: .25rem !important
}
.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}
.pl-1,
.px-1 {
    padding-left: .25rem !important
}
.p-2 {
    padding: .5rem !important
}
.pt-2,
.py-2 {
    padding-top: .5rem !important
}
.pr-2,
.px-2 {
    padding-right: .5rem !important
}
.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}
.pl-2,
.px-2 {
    padding-left: .5rem !important
}
.p-3 {
    padding: 1rem !important
}
.pt-3,
.py-3 {
    padding-top: 1rem !important
}
.pr-3,
.px-3 {
    padding-right: 1rem !important
}
.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}
.pl-3,
.px-3 {
    padding-left: 1rem !important
}
.p-4 {
    padding: 1.5rem !important
}
.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}
.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}
.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}
.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}
.p-5 {
    padding: 3rem !important
}
.pt-5,
.py-5 {
    padding-top: 3rem !important
}
.pr-5,
.px-5 {
    padding-right: 3rem !important
}
.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}
.pl-5,
.px-5 {
    padding-left: 3rem !important
}
.m-n1 {
    margin: -.25rem !important
}
.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}
.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}
.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}
.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}
.m-n2 {
    margin: -.5rem !important
}
.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}
.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}
.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}
.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}
.m-n3 {
    margin: -1rem !important
}
.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}
.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}
.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}
.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}
.m-n4 {
    margin: -1.5rem !important
}
.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}
.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}
.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}
.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}
.m-n5 {
    margin: -3rem !important
}
.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}
.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}
.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}
.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}
.m-auto {
    margin: auto !important
}
.mt-auto,
.my-auto {
    margin-top: auto !important
}
.mr-auto,
.mx-auto {
    margin-right: auto !important
}
.mb-auto,
.my-auto {
    margin-bottom: auto !important
}
.ml-auto,
.mx-auto {
    margin-left: auto !important
}
@media (min-width:576px) {
.m-sm-0 {
        margin: 0 !important
}
.mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
}
.mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
}
.mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
}
.ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
}
.m-sm-1 {
        margin: .25rem !important
}
.mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
}
.mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
}
.mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
}
.ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
}
.m-sm-2 {
        margin: .5rem !important
}
.mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
}
.mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
}
.mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
}
.ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
}
.m-sm-3 {
        margin: 1rem !important
}
.mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
}
.mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
}
.mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
}
.ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
}
.m-sm-4 {
        margin: 1.5rem !important
}
.mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
}
.mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
}
.mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
}
.ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
}
.m-sm-5 {
        margin: 3rem !important
}
.mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
}
.mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
}
.mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
}
.ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
}
.p-sm-0 {
        padding: 0 !important
}
.pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
}
.pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
}
.pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
}
.pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
}
.p-sm-1 {
        padding: .25rem !important
}
.pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
}
.pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
}
.pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
}
.pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
}
.p-sm-2 {
        padding: .5rem !important
}
.pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
}
.pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
}
.pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
}
.pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
}
.p-sm-3 {
        padding: 1rem !important
}
.pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
}
.pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
}
.pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
}
.pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
}
.p-sm-4 {
        padding: 1.5rem !important
}
.pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
}
.pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
}
.pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
}
.pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
}
.p-sm-5 {
        padding: 3rem !important
}
.pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
}
.pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
}
.pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
}
.pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
}
.m-sm-n1 {
        margin: -.25rem !important
}
.mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
}
.mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
}
.mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
}
.ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
}
.m-sm-n2 {
        margin: -.5rem !important
}
.mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
}
.mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
}
.mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
}
.ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
}
.m-sm-n3 {
        margin: -1rem !important
}
.mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
}
.mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
}
.mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
}
.ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
}
.m-sm-n4 {
        margin: -1.5rem !important
}
.mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
}
.mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
}
.mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
}
.ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
}
.m-sm-n5 {
        margin: -3rem !important
}
.mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
}
.mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
}
.mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
}
.ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
}
.m-sm-auto {
        margin: auto !important
}
.mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
}
.mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
}
.mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
}
.ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
}
}
@media (min-width:768px) {
.m-md-0 {
        margin: 0 !important
}
.mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
}
.mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
}
.mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
}
.ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
}
.m-md-1 {
        margin: .25rem !important
}
.mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
}
.mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
}
.mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
}
.ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
}
.m-md-2 {
        margin: .5rem !important
}
.mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
}
.mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
}
.mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
}
.ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
}
.m-md-3 {
        margin: 1rem !important
}
.mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
}
.mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
}
.mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
}
.ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
}
.m-md-4 {
        margin: 1.5rem !important
}
.mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
}
.mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
}
.mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
}
.ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
}
.m-md-5 {
        margin: 3rem !important
}
.mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
}
.mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
}
.mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
}
.ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
}
.p-md-0 {
        padding: 0 !important
}
.pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
}
.pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
}
.pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
}
.pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
}
.p-md-1 {
        padding: .25rem !important
}
.pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
}
.pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
}
.pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
}
.pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
}
.p-md-2 {
        padding: .5rem !important
}
.pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
}
.pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
}
.pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
}
.pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
}
.p-md-3 {
        padding: 1rem !important
}
.pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
}
.pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
}
.pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
}
.pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
}
.p-md-4 {
        padding: 1.5rem !important
}
.pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
}
.pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
}
.pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
}
.pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
}
.p-md-5 {
        padding: 3rem !important
}
.pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
}
.pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
}
.pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
}
.pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
}
.m-md-n1 {
        margin: -.25rem !important
}
.mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
}
.mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
}
.mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
}
.ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
}
.m-md-n2 {
        margin: -.5rem !important
}
.mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
}
.mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
}
.mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
}
.ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
}
.m-md-n3 {
        margin: -1rem !important
}
.mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
}
.mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
}
.mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
}
.ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
}
.m-md-n4 {
        margin: -1.5rem !important
}
.mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
}
.mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
}
.mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
}
.ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
}
.m-md-n5 {
        margin: -3rem !important
}
.mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
}
.mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
}
.mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
}
.ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
}
.m-md-auto {
        margin: auto !important
}
.mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
}
.mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
}
.mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
}
.ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
}
}
@media (min-width:992px) {
.m-lg-0 {
        margin: 0 !important
}
.mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
}
.mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
}
.mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
}
.ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
}
.m-lg-1 {
        margin: .25rem !important
}
.mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
}
.mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
}
.mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
}
.ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
}
.m-lg-2 {
        margin: .5rem !important
}
.mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
}
.mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
}
.mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
}
.ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
}
.m-lg-3 {
        margin: 1rem !important
}
.mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
}
.mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
}
.mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
}
.ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
}
.m-lg-4 {
        margin: 1.5rem !important
}
.mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
}
.mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
}
.mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
}
.ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
}
.m-lg-5 {
        margin: 3rem !important
}
.mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
}
.mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
}
.mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
}
.ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
}
.p-lg-0 {
        padding: 0 !important
}
.pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
}
.pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
}
.pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
}
.pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
}
.p-lg-1 {
        padding: .25rem !important
}
.pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
}
.pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
}
.pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
}
.pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
}
.p-lg-2 {
        padding: .5rem !important
}
.pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
}
.pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
}
.pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
}
.pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
}
.p-lg-3 {
        padding: 1rem !important
}
.pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
}
.pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
}
.pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
}
.pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
}
.p-lg-4 {
        padding: 1.5rem !important
}
.pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
}
.pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
}
.pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
}
.pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
}
.p-lg-5 {
        padding: 3rem !important
}
.pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
}
.pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
}
.pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
}
.pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
}
.m-lg-n1 {
        margin: -.25rem !important
}
.mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
}
.mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
}
.mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
}
.ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
}
.m-lg-n2 {
        margin: -.5rem !important
}
.mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
}
.mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
}
.mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
}
.ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
}
.m-lg-n3 {
        margin: -1rem !important
}
.mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
}
.mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
}
.mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
}
.ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
}
.m-lg-n4 {
        margin: -1.5rem !important
}
.mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
}
.mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
}
.mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
}
.ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
}
.m-lg-n5 {
        margin: -3rem !important
}
.mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
}
.mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
}
.mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
}
.ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
}
.m-lg-auto {
        margin: auto !important
}
.mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
}
.mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
}
.mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
}
.ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
}
}
@media (min-width:1200px) {
.m-xl-0 {
        margin: 0 !important
}
.mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
}
.mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
}
.mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
}
.ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
}
.m-xl-1 {
        margin: .25rem !important
}
.mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
}
.mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
}
.mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
}
.ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
}
.m-xl-2 {
        margin: .5rem !important
}
.mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
}
.mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
}
.mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
}
.ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
}
.m-xl-3 {
        margin: 1rem !important
}
.mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
}
.mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
}
.mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
}
.ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
}
.m-xl-4 {
        margin: 1.5rem !important
}
.mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
}
.mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
}
.mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
}
.ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
}
.m-xl-5 {
        margin: 3rem !important
}
.mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
}
.mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
}
.mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
}
.ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
}
.p-xl-0 {
        padding: 0 !important
}
.pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
}
.pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
}
.pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
}
.pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
}
.p-xl-1 {
        padding: .25rem !important
}
.pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
}
.pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
}
.pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
}
.pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
}
.p-xl-2 {
        padding: .5rem !important
}
.pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
}
.pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
}
.pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
}
.pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
}
.p-xl-3 {
        padding: 1rem !important
}
.pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
}
.pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
}
.pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
}
.pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
}
.p-xl-4 {
        padding: 1.5rem !important
}
.pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
}
.pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
}
.pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
}
.pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
}
.p-xl-5 {
        padding: 3rem !important
}
.pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
}
.pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
}
.pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
}
.pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
}
.m-xl-n1 {
        margin: -.25rem !important
}
.mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
}
.mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
}
.mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
}
.ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
}
.m-xl-n2 {
        margin: -.5rem !important
}
.mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
}
.mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
}
.mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
}
.ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
}
.m-xl-n3 {
        margin: -1rem !important
}
.mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
}
.mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
}
.mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
}
.ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
}
.m-xl-n4 {
        margin: -1.5rem !important
}
.mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
}
.mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
}
.mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
}
.ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
}
.m-xl-n5 {
        margin: -3rem !important
}
.mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
}
.mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
}
.mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
}
.ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
}
.m-xl-auto {
        margin: auto !important
}
.mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
}
.mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
}
.mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
}
.ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
}
}
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}
.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}
.text-justify {
    text-align: justify !important
}
.text-wrap {
    white-space: normal !important
}
.text-nowrap {
    white-space: nowrap !important
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.text-left {
    text-align: left !important
}
.text-right {
    text-align: right !important
}
.text-center {
    text-align: center !important
}
@media (min-width:576px) {
.text-sm-left {
        text-align: left !important
}
.text-sm-right {
        text-align: right !important
}
.text-sm-center {
        text-align: center !important
}
}
@media (min-width:768px) {
.text-md-left {
        text-align: left !important
}
.text-md-right {
        text-align: right !important
}
.text-md-center {
        text-align: center !important
}
}
@media (min-width:992px) {
.text-lg-left {
        text-align: left !important
}
.text-lg-right {
        text-align: right !important
}
.text-lg-center {
        text-align: center !important
}
}
@media (min-width:1200px) {
.text-xl-left {
        text-align: left !important
}
.text-xl-right {
        text-align: right !important
}
.text-xl-center {
        text-align: center !important
}
}
.text-lowercase {
    text-transform: lowercase !important
}
.text-uppercase {
    text-transform: uppercase !important
}
.text-capitalize {
    text-transform: capitalize !important
}
.font-weight-light {
    font-weight: 300 !important
}
.font-weight-lighter {
    font-weight: lighter !important
}
.font-weight-normal {
    font-weight: 400 !important
}
.font-weight-bold {
    font-weight: 700 !important
}
.font-weight-bolder {
    font-weight: bolder !important
}
.font-italic {
    font-style: italic !important
}
.text-white {
    color: #fff !important
}
.text-primary {
    color: #007bff !important
}
a.text-primary:focus,
a.text-primary:hover {
    color: #0056b3 !important
}
.text-secondary {
    color: #6c757d !important
}
a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}
.text-success {
    color: #28a745 !important
}
a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}
.text-info {
    color: #17a2b8 !important
}
a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}
.text-warning {
    color: #ffc107 !important
}
a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}
.text-danger {
    color: #dc3545 !important
}
a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}
.text-light {
    color: #f8f9fa !important
}
a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}
.text-dark {
    color: #343a40 !important
}
a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}
.text-body {
    color: #212529 !important
}
.text-muted {
    color: #6c757d !important
}
.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}
.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}
.text-decoration-none {
    text-decoration: none !important
}
.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}
.text-reset {
    color: inherit !important
}
.visible {
    visibility: visible !important
}
.invisible {
    visibility: hidden !important
}
@media print {
*,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
}
a:not(.btn) {
        text-decoration: underline
}
abbr[title]::after {
        content: " (" attr(title) ")"
}
pre {
        white-space: pre-wrap !important
}
blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
}
thead {
        display: table-header-group
}
img,
    tr {
        page-break-inside: avoid
}
h2,
    h3,
    p {
        orphans: 3;
        widows: 3
}
h2,
    h3 {
        page-break-after: avoid
}
@page {
        size: a3
}
body {
        min-width: 992px !important
}
.container {
        min-width: 992px !important
}
.navbar {
        display: none
}
.badge {
        border: 1px solid #000
}
.table {
        border-collapse: collapse !important
}
.table td,
    .table th {
        background-color: #fff !important
}
.table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
}
.table-dark {
        color: inherit
}
.table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
}
.table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
}
}
:root {
    --main-bg: rgba(92,160,237,.5);
    --main-yellow: #5ca0ed;
    --main-bg-2: rgba(0,0,0,.5);
    --main-brown: #19222d;
    --main-dark-brown: #4b5592;
    --main-dark-blue:#19222d;
    --main-blue: #5ca0ed;
    --main-purple: #4f2b87;
    --main-yellow-gradual: linear-gradient(0deg, #5ca0ed, #191816);
    --main-money-gradual: linear-gradient(0deg, #5ca0ed, #40220f);
    --main-yellow-gradual-x: linear-gradient(90deg, #5ca0ed, rgba(0, 0, 0, 0));
    --op-2: .2;
    --filter: grayscale(100%);
    --yellow:yellow;
    --yellow-bg:radial-gradient(101.95% 157% at 50% -23%,rgba(238,177,58,.6) 0,rgba(198,114,15,.474) 31.63%,rgba(81,55,17,0) 100%),#21222b;
    --red:red;
    --red-bg:radial-gradient(101.95% 157% at 50% -23%,rgba(238,58,101,.4) 0,rgba(207,38,89,.316) 31.63%,rgba(81,17,29,0) 100%),#21222b;
    --purple:purple;
    --purple-bg:radial-gradient(101.95% 157% at 50% -23%,rgba(130,78,242,.4) 0,rgba(109,39,197,.316) 31.63%,rgba(45,17,81,0) 100%),#21222b;
    --blue:blue;
    --blue-bg:radial-gradient(101.95% 157% at 50% -23%,rgba(78, 81 ,242 ,.4) 0,rgba(39 ,56 ,197 , .32) 31.63%,rgba(81 ,17 ,17, 0) 100%), #21222b;
    --gray:gray;
    --gray-bg:radial-gradient(101.95% 157% at 50% -23%,rgba(191,198,201,.4) 0,rgba(169,175,176,.316) 31.63%,rgba(67,75,77,0) 100%), #21222b;
    --lv-bg-c1: rgba(41, 182, 100, 0.35);
    --lv-bg-c2: rgba(47, 54, 227, 0.35);
    --lv-bg-c3: rgba(188, 38, 32, 0.35);
    --lv-bg-c4: rgba(168, 122, 35, 1);
    --lv-c1: #29b664;
    --lv-c2: #2f36e3;
    --lv-c3: #bc2620;
    --lv-c4: #a87a23;
}
body{
}
.activeDan{
    position: relative;
}
.activeDan::before{
    position: absolute;
    top:10%;
    right: 10%;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: red;
}
.awardListPop .el-dialog__body{
    border-radius: 5px;
    border: 1px solid var(--main-yellow);
}
@media (min-width: 375px) {
.w-sm-100{
        width: 100%;
}
}
@media (min-width: 960px) {
.w-md-50{
        width: 50%;
}
}
@media (min-width: 1200px) {
.w-lg-33{
        width: 33%;
}
}
@media (min-width: 1600px) {
.w-lx-20{
        width: 20%;
}
}
.off img{
    transition: all .5s;
}
.off img:hover{
     transform: rotate(180deg);
}
.font-12px{
    font-size: 12px!important;
}
.w-10{
    width: 9.3% ;
}
.border-pk0{
    border: 1px solid rgba(68,183,87,1);
    background-color: rgba(68,183,87,.15);
}
.border-pk1{
    border: 1px solid rgba(74,104,254,1);
    background-color: rgba(74,104,254,.15);
}
.border-pk2{
    border: 1px solid rgba(71,84,102,1);
    background-color: rgba(71,84,102,.15);
}
.vue-recycle-scroller__item-view{}

/* 灰度 */
.filter-grayscale-1 {
    filter: grayscale(1)
}
/* 不是灰度 */
.filter-grayscale-0 {
     filter: grayscale(0) !important
}

/* 背景颜色 */
.bg-yellow {
    background-color: var(--main-yellow)!important;
}
.bg_dark_blue{
    background-color: var(--main-dark-blue);
}
.bg-brown {
    background-color: var(--main-brown);
}
.bg-dark-brown {
    background-color: var(--main-dark-brown);
}
.bg-blue {
    background-color: var(--main-blue);
}
.bg-blue-op {
    background-color: #24242b;
}
.bg-purple {
    background-color: var(--main-purple);
}
.bg-bg {
    background-color: var(--main-bg);
}
.bg-bg-2 {
    background-color: var(--main-bg-2);
}
.bg-yellow-gradual-y{
    background-image: var(--main-yellow-gradual);
}
.bg-yellow-gradual-x{
    background-image: var(--main-yellow-gradual-x);
}

/* 背景 样式 */
/* 是否占据全屏 */
.bg-size {
    background-size: 100%;
}
.bg-size-100 {
    background-size: 100% 100%;
}

/* 背景是否重复 */
.bg-repeat {
    background-repeat: no-repeat;
}
.bg-position-bottom {
    background-position: bottom;
}
.bg-position-left {
    background-position: left;
}
.bg-position-right {
    background-position: right;
}
.bg-position-top {
    background-position: top;
}
.bg-position-center {
    background-position: center;
}
.swiper-bg-0{
    background: var(--gray-bg);
    background: url(../img/10044.9c01b676.png) no-repeat;
    background-size: 100% 125%;
    background-position: center 60%;
}
.swiper-bg-1{
    background: var(--yellow-bg);
    background: url(../img/10045.260c5fa0.png) no-repeat;
    background-size: 100% 125%;
    background-position: center 60%;
}
.swiper-bg-2{
    background:  var(--red-bg);
    background: url(../img/10043.86abb7f9.png) no-repeat;
    background-size: 100% 125%;
    background-position: center 60%;
}
.swiper-bg-3{
    background:var(--purple-bg);
    background: url(../img/10041.903e84a9.png) no-repeat;
    background-size: 100% 125%;
    background-position: center 60%;
}
.swiper-bg-4{
    background:  var(--blue-bg);
    background: url(../img/10040.46a8a826.png) no-repeat;
    background-size: 100% 125%;
    background-position: center 60%;
}
.swiper-bg-5{
    background: var(--gray-bg);
    background: url(../img/10044.9c01b676.png) no-repeat;
    background-size: 100% 125%;
    background-position: center 60%;
}

/* 边框 四边 */
.border-yellow {
    border: 1px solid var(--main-yellow);
}
.border-dark-blue{
    border: 1px solid var(--main-dark-blue);
}
.border-dark-brown {
    border: 2px solid var(--main-dark-brown);
}
.border-blue {
    border: 1px solid var(--main-blue);
}
.border-purple {
    border: 1px solid var(--main-purple);
}
.border-bg {
    border: 1px solid var(--main-bg);
}
.border-bg-2 {
    border: 1px solid var(--main-bg-2);
}

/* 下边距 */
.border-bottom-yellow {
    border-bottom: 1px solid var(--main-yellow);
}
.border-bottom-dark-brown {
    border-bottom: 1px solid var(--main-dark-brown);
}
.border-bottom-blue {
    border-bottom: 1px solid var(--main-blue);
}
.border-bottom-purple {
    border-bottom: 1px solid var(--main-purple);
}
.border-bottom-bg {
    border-bottom: 1px solid var(--main-bg);
}
.border-bottom-bg-2 {
    border-bottom: 1px solid var(--main-bg-2);
}

/* 上边距 */
.border-top-yellow {
    border-top: 1px solid var(--main-yellow);
}
.border-top-dark-brown {
    border-top: 1px solid var(--main-dark-brown);
}
.border-top-blue {
    border-top: 1px solid var(--main-blue);
}
.border-top-purple {
    border-top: 1px solid var(--main-purple);
}
.border-top-bg {
    border-top: 1px solid var(--main-bg);
}
.border-top-bg-2 {
    border-top: 1px solid var(--main-bg-2);
}

/* 字体颜色  */
.color-yellow {
    color: var(--main-yellow)
}
.color-dark-brown {
    color: var(--main-dark-brown)
}
.color-blue {
    color: var(--main-blue)
}
.color-purple {
    color: var(--main-purple)
}
.color-bg {
    color: var(--main-bg)
}
.color-bg-2 {
    color: var(--main-bg-2)
}

/* 字体超出显示... */
.text-overflow-1 {
    /* 多余内容省略号处理-多行 */
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.text-overflow-2 {
    /* 多余内容省略号处理-多行 */
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.text-overflow-3 {
    /* 多余内容省略号处理-多行 */
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.text-overflow-4 {
    /* 多余内容省略号处理-多行 */
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

/* 鼠标经过显示手 可更改 */
.cursor-pointer {
    cursor: pointer
}
.cursor-not{
    cursor: not-allowed;
    pointer-events:none
}


/* 溢出 */
.overflow-auto {
    overflow: auto !important
}
.overflow-hidden {
    overflow: hidden !important
}

/* 定位 */
.position-static {
    position: static !important
}
.position-relative {
    position: relative !important
}
.position-absolute {
    position: absolute !important
}
.position-fixed {
    position: fixed !important
}
.position-sticky {
    position: sticky !important
}

/* fixed定位 */
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100
}
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100
}

/* 方位 归零 */
.top-0 {
    top: 0;
}
.left-0 {
    left: 0;
}
.right-0 {
    right: 0;
}
.bottom-0 {
    bottom: 0;
}

/* 层级 */
/* 弹窗使用 */
.z-index-101{
    z-index: 101;
}
.z-index-1011111{
    z-index: 1011111;
}
.z-index-100 {
    z-index: 100;
}
/* 弹窗使用 */
.z-index-99 {
    z-index: 99;
}
.z-index-98 {
    z-index: 98;
}
.z-index-97 {
    z-index: 97;
}
.z-index-96 {
    z-index: 96;
}
.z-index-0 {
    z-index: -1;
}
.z-index-1{
    z-index: 0;
}
.z-index-9{
    z-index: 9;
}
.z-index{
    z-index: -2;
}

/* 高度 */
.h-100{
    height: 100% !important;
}
.op{
    opacity: 1;
}
.op-9{
    opacity: .9;
}
.op-8{
    opacity: .8;
}
.op-7{
    opacity: .7;
}
.op-6{
    opacity: .6;
}
.op-5{
    opacity: .5;
}
.op-4{
    opacity: .4;
}
.op-3{
    opacity: .3;
}
.op-2{
    opacity: .2;
}
.op-1{
    opacity: .1;
}
.op-0{
    opacity: 0;
}
.lv1{
    background-color: var(--yellow) !important;
}
.lv2{
    background-color: var(--red) !important;
}
.lv3{
    background-color:var(--purple) !important;
}
.lv4{
    background-color:var(--blue) !important;
}
.lv5{
    background-color: var(--gray) !important;
}
.border-0{
    border-bottom:3px solid var(--yellow) !important;
}
.border-1{
    border-bottom:3px solid var(--yellow);
}
.border-2{
    border-bottom:3px solid var(--red);
}
.border-3{
    border-bottom:3px solid var(--purple);
}
.border-4{
    border-bottom:3px solid var(--blue);
}
.border-5,.border-undefined{
    border-bottom:3px solid var(--gray);
}
.border-left--0{
    border-left:6px solid var(--yellow) !important;
}
.border-left-1{
    border-left:6px solid var(--yellow);
}
.border-left-2{
    border-left:6px solid var(--red);
}
.border-left-3{
    border-left:6px solid var(--purple);
}
.border-left-4{
    border-left:6px solid var(--blue);
}
.border-left-5{
    border-left:6px solid var(--gray);
}
.weapon-bg-0{
    background:var(--gray-bg);
    background-blend-mode: normal,normal;
    border-radius: 4px;
}
.weapon-bg-1{
    background: var(--yellow-bg);
    background-blend-mode: normal,normal;
    border-radius: 4px;
}
.weapon-bg-2{
    background: var(--red-bg);
    background-blend-mode: normal,normal;
    border-radius: 4px;
}
.weapon-bg-3{
    background: var(--purple-bg);
    background-blend-mode: normal,normal;
    border-radius: 4px;
}
.weapon-bg-4{
    background: var(--blue-bg);
    background-blend-mode: normal,normal;
    border-radius: 4px;
}
.weapon-bg-5,.weapon-bg-undefined{
    background: var(--gray-bg);
    background-blend-mode: normal,normal;
    border-radius: 4px;
}

/* pk 专用 */
.weapon-pk-bg-0{
    background-image: linear-gradient(0deg,rgba(255,235,68,.2),rgba(19,22,34,.2)),linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));;
    background-blend-mode: normal,normal;
    border-radius: 4px;
}
.weapon-pk-bg-1{
    background-image: linear-gradient(0deg,rgba(255,235,68,.2),rgba(19,22,34,.2)),linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));;
    background-blend-mode: normal,normal;
    border-radius: 4px;
}
.weapon-pk-bg-2{
    background-image: linear-gradient(0deg,rgba(239,76,75,.2),rgba(19,22,34,.2)),linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));
    background-blend-mode: normal,normal;
    border-radius: 4px;
}
.weapon-pk-bg-3{
    background-image: linear-gradient(0deg,rgba(114,62,211,.2),rgba(19,22,34,.2)),linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));
    background-blend-mode: normal,normal;
    border-radius: 4px;
}
.weapon-pk-bg-4{
    background-image: linear-gradient(0deg,rgba(75,94,248,.2),rgba(19,22,34,.2)),linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));
    background-blend-mode: normal,normal;
    border-radius: 4px;
}
.weapon-pk-bg-5{
    background-image: linear-gradient(0deg,rgba(163,163,163,.2),rgba(19,22,34,.2)),linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));
    background-blend-mode: normal,normal;
    border-radius: 4px;
}
.swiper-border-bottom-0{
    border-bottom:3px solid var(--gray);
}
.swiper-border-bottom-1{
    border-bottom:3px solid var(--yellow);
}
.swiper-border-bottom-2{
    border-bottom:3px solid var(--red);
}
.swiper-border-bottom-3{
    border-bottom:3px solid var(--purple);
}
.swiper-border-bottom-4{
    border-bottom:3px solid var(--blue);
}
.swiper-border-bottom-5{
    border-bottom:3px solid var(--gray);
}
.border-skins-1{
    border-bottom:3px solid #b0c3d9;
}
.border-skins-2{
    border-bottom:3px solid #5e98d9;
}
.border-skins-3{
    border-bottom:3px solid #4b69ff;
}
.border-skins-4{
    border-bottom:3px solid #8847ff;
}
.border-skins-5{
    border-bottom:3px solid #b0c3d9;
}
.border-skins-6{
    border-bottom:3px solid #d32ce6;
}
.border-skins-7{
    border-bottom:3px solid #eb4b4b;
}
.border-skins-8{
    border-bottom:3px solid #b0c3d9;
}
.border-skins-9{
    border-bottom:3px solid #4b69ff;
}
.border-skins-10{
    border-bottom:3px solid #eb4b4b;
}
.border-skins-11{
    border-bottom:3px solid #d32ce6;
}
.border-skins-12{
    border-bottom:3px solid #8847ff;
}
.border-skins-14{
    border-bottom:3px solid #e4ae39;
}
.border-skins-15{
    border-bottom:3px solid #4b69ff;
}
.border-skins-16{
    border-bottom:3px solid #8847ff;
}
.border-skins-17{
    border-bottom:3px solid #d32ce6;
}
.border-skins-18{
    border-bottom:3px solid #eb4b4b;
}
.bg-pk-gun-1{
    background-color:rgba(251,202,1,.1);
}
.bg-pk-gun-2{
    background-color:rgba(251,1,1,.1);
}
.bg-pk-gun-4{
    background-color:rgba(1,177,251,.1);
}
.bg-pk-gun-3{
    background-color:rgba(242,1,251,.1);
}
.bg-pk-gun-5{
    background-color:rgba(64,65,65,.1);
}
.border-linear-1,.border-linear-6{
    border:1px transparent solid;
    -o-border-image:linear-gradient(0deg,rgba(255,235,68,.5),rgba(19,22,34,.5)),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));
       border-image:linear-gradient(0deg,rgba(255,235,68,.5),rgba(19,22,34,.5)),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));
}
.border-linear-2,.border-linear-7{
    border:1px transparent solid;
    -o-border-image: linear-gradient(0deg,rgba(239,76,75,.5),rgba(19,22,34,.5)),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));
       border-image: linear-gradient(0deg,rgba(239,76,75,.5),rgba(19,22,34,.5)),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));
}
.border-linear-4,.border-linear-8{
    border:1px transparent solid;
    -o-border-image:linear-gradient(0deg,rgba(75,94,248,.5),rgba(19,22,34,.5)),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));
       border-image:linear-gradient(0deg,rgba(75,94,248,.5),rgba(19,22,34,.5)),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));
}
.border-linear-3,.border-linear-9{
    border:1px transparent solid;
    -o-border-image:linear-gradient(0deg,rgba(114,62,211,.5),rgba(19,22,34,.5)),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));
       border-image:linear-gradient(0deg,rgba(114,62,211,.5),rgba(19,22,34,.5)),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));
}
.border-linear-5,.border-linear-10{
    border:1px transparent solid;
    -o-border-image:linear-gradient(0deg,rgba(163,163,163,.5),rgba(19,22,34,.5)),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));
       border-image:linear-gradient(0deg,rgba(163,163,163,.5),rgba(19,22,34,.5)),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));
}
.pic-bg-border-1{
    border: 1px solid var(--yellow);
    background-image: linear-gradient(90deg,var(--yellow), rgba(0,0,0,0));
}
.pic-bg-border-2{
    border: 1px solid var(--red);
    background-image: linear-gradient(90deg,var(--red), rgba(0,0,0,0));
}
.pic-bg-border-4{
    border: 1px solid var(--blue);
    background-image: linear-gradient(90deg,var(--blue), rgba(0,0,0,0));
}
.pic-bg-border-3{
    border: 1px solid var(--purple);
    background-image: linear-gradient(90deg,var(--purple), rgba(0,0,0,0));
}
.pic-bg-border-5{
    border: 1px solid var(--gray);
    background-image: linear-gradient(90deg,var(--gray), rgba(0,0,0,0));
}



/* 定于i一个顺时针旋转动画 */
@keyframes clockwise_rotation {
0% {
        -webkit-transform: rotate(0deg);
}
50% {
        -webkit-transform: rotate(-180deg);
}
100% {
        -webkit-transform: rotate(-360deg);
}
}

/* 特殊样式需要公共地方起效果的 */

/* 粒子效果样式 .particle 开头需要 */


/* 滚动条 */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient( 225deg,var(--main-yellow),#593bc9);
    border-radius: 5px;
}
::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece {
    background: transparent;
}

/* 清楚默认样式 */
body {
    margin: 0;
    background-color: #1a1a1c;
    font-family: Montserrat, sans-serif !important;
}
a {
    color: #FFFFFF;
}
a:hover {
    text-decoration: none;
    color: #FFFFFF;
}
input[type=number] {
    -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input {
    background: none;
    outline: none;
    border: 0;
}
input:focus {
    border: none;
}
button {
    margin: 0;
    padding: 0;
    outline: none;
    border-radius: 0;
    background-color: transparent;
    line-height: inherit;
    width: -moz-max-content;
    width: max-content;
}
button:after {
    border: none;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
p{
    line-height: 1.5!important;
}
.fontSize {
    padding: 30px;
    font-size: 14px;
    text-align: center;
}
@media (max-width: 960px) {
.fontSize {
        padding: 15px 30px;
        font-size: 14px;
        text-align: center;
}
.fontSize img{
        width: 60%;
}
}
.fontSize > div{
    font-size: 12px;
    text-align: center;
}
.fontSize img{
    width: 90%;
}
.font-size-16px-12px{
    font-size: 16px;
}
@media (max-width: 960px) {
.font-size-16px-12px {
        font-size: 12px;
}
}
.vue-particle-effect-button .particles-button{
    padding: 0!important;
}
.color4af1cc {
    color: #4af1cc;
}



/* 充值弹窗 */
.recharge {
    position: fixed !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: 100vw;
    height: 650px;
    background-image: linear-gradient(0deg, #18181f, #222229);
    overflow-y: scroll;
    /* border: 1px dashed #8d8d99; */
    border-radius: 10px;
    backdrop-filter: blur(8px);
    background: rgba(4, 3, 20, 0.702);
    padding: 0 10vw !important;
    box-sizing: border-box;

    /* @media (max-width:1600px) {
        height: 520px;
    }

    @media (max-width:1200px) {
        height: 60vh;
    }

    @media (max-width:960px) {
        height: 60vh;
    } */

    /* &-off {
        right: 10px;
        top: 10px;
        font-size: 26px;
        transition: all .5s;

        &:hover {
        transform: rotate(90deg);
        }
    } */
}
.recharge .recharge-off {
    position: absolute;
    top: calc(15% + 0px);
    right: calc(10vw + 0px);
    background: #141321;
    width: 4vw;
    height: 4vw;
    text-align: center;
    line-height: 4vw;
    cursor: pointer;
}
/* 清除element的默认样式 */
.el-dialog{
    background: rgba(0,0,0,0) !important;
}
.login_dia1{
    background: url(../img/loginbac.b7d7e2af.png)  !important;
    width: 450px !important;
    /* height: 553px !important; */
    background-size: 450px 479px!important;
    
    min-width: 350px !important;
    /* height: unset !important;
    background-size: 500px 888px !important;
    background-position: center -50px !important; */
    margin-top: 0 !important;
}
.login_dia{
    background: url(../img/loginbac.b7d7e2af.png)  !important;
    width: 450px!important;
    height: 690px!important;
    margin-top: 0 !important;
}
.awardListPop-bg{
    background-image: url(../img/result_bg.c10910f2.png)!important;
    height: 550px!important;
    background-size: 100% 100%!important;
}
.el-message--error{
    background-color: rgba(0,0,0,0) !important;
    border-color:rgba(0,0,0,0) !important;
    border-width: 0!important;
    background-image: url(../img/message-error.572e0065.png) !important;
}
.el-message--success{
     background-color: rgba(0,0,0,0) !important;
     border-color:rgba(0,0,0,0) !important;
     border-width: 0!important;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAX8AAAAzCAIAAADwy5+TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAIXGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjEtMDctMDdUMTg6NTk6MzgrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTAyLTAxVDIxOjE2OjE5KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTAyLTAxVDIxOjE2OjE5KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE3YzMyYWI0LTkwMWUtZjY0My1iMWIwLTRkZDE4NjExYjYyYyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDphZmVmMWI0Yy00MjMwLWIwNDctOTA1ZC0yN2I3MzgyNTI4NGQiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZmVmMWI0Yy00MjMwLWIwNDctOTA1ZC0yN2I3MzgyNTI4NGQiIHRpZmY6T3JpZW50YXRpb249IjEiIHRpZmY6WFJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpZUmVzb2x1dGlvbj0iNzIwMDAwLzEwMDAwIiB0aWZmOlJlc29sdXRpb25Vbml0PSIyIiBleGlmOkNvbG9yU3BhY2U9IjY1NTM1IiBleGlmOlBpeGVsWERpbWVuc2lvbj0iMzgzIiBleGlmOlBpeGVsWURpbWVuc2lvbj0iNTEiPiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT54bXAuZGlkOjAzYWI4ZDNlLTU2MzgtNTM0Mi1hNjgxLWMxMDAwNWMxZTY2ZjwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmFmZWYxYjRjLTQyMzAtYjA0Ny05MDVkLTI3YjczODI1Mjg0ZCIgc3RFdnQ6d2hlbj0iMjAyMS0wNy0wN1QxODo1OTozOCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowNjE1NThhNy03NWI4LTk3NDAtOGQwOS1kZDMzZTkwOGJlYzIiIHN0RXZ0OndoZW49IjIwMjItMTEtMjhUMTM6NTI6MDMrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MTdjMzJhYjQtOTAxZS1mNjQzLWIxYjAtNGRkMTg2MTFiNjJjIiBzdEV2dDp3aGVuPSIyMDIzLTAyLTAxVDIxOjE2OjE5KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+eZo25wAAAMBJREFUeJzt1DERwCAAwEDAJseEfw91QYb+K8iUefYdAM+tOgD4KfcBGu4DNNwHaLgP0HAfoOE+QMN9gIb7AA33ARruAzTcB2i4D9BwH6DhPkDDfYCG+wAN9wEa7gM03AdouA/QcB+g4T5Aw32AhvsADfcBGu4DNNwHaLgP0HAfoOE+QMN9gIb7AA33ARruAzTcB2i4D9BwH6DhPkDDfYCG+wAN9wEa7gM03AdouA/QcB+g4T5Aw32AhvsADfcBGh/cTwGBJjbc/wAAAABJRU5ErkJggg==) !important;
}
/* element自定义类名修改，等会单独css */
/* 登录弹窗 */
.login_egister{
    
    /*background: rgba(25,34,45,.8) !important;*/
    background: rgb(11, 18, 28) !important;
    background-size: 100% 100%!important;
    /*border-radius: 5px!important;*/
    /*box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);*/
    /* margin-top: 20em !important; */
}
.login_egisters{
    
    /*background: rgba(25,34,45,.8) !important;*/
    background: url(../img/loginbac.b7d7e2af.png) no-repeat center!important;
    background-size: 100% 100%!important;
    /*border-radius: 5px!important;*/
    /*box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);*/
    /* margin-top: 20em !important; */
}
#upload .el-upload{
    display: flex;
    width: 100%;
    height: 100%;
}
.Taskin .el-dialog__body{
    padding: 0!important;
}
.open_box_an_pup{
    background-color:rgba(24,24,31,.9) !important ;
}
.el-dialog__wrapper{
    /* background-size: cover; */
    /* background-image: url("../../assets/imgV2/bg.png") !important; */
    backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.5);
    background: rgba(4, 3, 20, 0.7);
}
.v-modal {
    background: transparent;
    opacity: 1;
}
@media (max-width: 1200px) {
.Taskin{
        width: 100% !important;
}
.el-dialog{
        width: 90% !important;
}
}
.el-dialog__header{
    padding: 0!important;
}
.login_egister .el-dialog__body{
    /* background-color:rgba(24,24,31,.9) !important ; */
    border-radius: 10px !important;
    background-blend-mode: overlay;

    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 200px;
}
/* 基本弹窗 */
.pop-up{
    background: rgb(11, 18, 28) !important;
    border-radius: 5px!important;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);
}
/* 改变翻页的样式 */
.el-pagination.is-background .el-pager li:not(.disabled).active{
    background-color: rgb(47, 65, 160) !important;
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
    background-color: rgb(47, 65, 160) !important;
    color: #FFFFFF!important;
    border-radius:4px!important;
}
/* 改变input的样式 */
.el-input__inner{
    background-color: var(--main-bg-2) !important;
    border: 0!important;
    color: #FFFFFF!important;
    border-radius: 0!important;
}
.el-textarea__inner{
    background-color: var(--pan-btn) !important;
    border: 0!important;
    color: #FFFFFF!important;
    border-radius: 0!important;
}
.el-input-number__increase{
    border-radius: 0!important;
    background-color: var(--main-yellow) !important;
    border: 0!important;
     color: #FFFFFF!important;
}
.el-input-number__decrease{
    border-radius: 0!important;
    background-color: var(--main-yellow) !important;
    border: 0!important;
     color: #FFFFFF!important;
}
.el-input-number__decrease.is-disabled, .el-input-number__increase.is-disabled{
    color: #C0C4CC!important;
}
.el-table th, .el-table tr{
    background-color: var(--main-bg-2)!important;
    /*color: var(--main-yellow)!important;*/
}
.el-table--striped .el-table__body tr.el-table__row--striped td{
    background-color: var(--main-bg-2)!important;
    /*color: var(--main-yellow)!important;*/
}
.content-top-left-progress .el-progress__text{
    font-size: 30px!important;
    color: var(--main-yellow)!important;
}
.content-top-left-progress .el-progress__text::before{
    content: '';
    width: 1px;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    box-shadow: 0 0 23px 22px #dc3545;
}
.content-top-right-progress .el-progress-circle,.content-top-left-progress .el-progress-circle{
    opacity: 0;
}
.content-top-right-progress .el-progress__text{
    font-size: 30px!important;
    color: #C0C4CC!important;
}
.content-top-right-progress .el-progress__text::before{
    content: '';
    width: 1px;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    box-shadow: 0 0 23px 22px #3c3c3c;
}
.content-top-center-slider .el-slider__runway{
    margin:0!important;
}
.content-top-center-slider .el-slider__bar{
    background-color: var(--main-yellow);
    height: 10px!important;
}
.content-top-center-slider .el-slider__runway{
    background-color: #C0C4CC;
    height: 10px!important;
}
.content-bottom-slide-slider .el-slider__runway{
    margin-bottom: 1px!important;
}
.content-bottom-slide-slider .el-slider__bar{
    background-color:#fe4760!important;
}
.content-bottom-slide-slider .el-slider__button{
    background-color:#fe4760!important;
    border: 4px solid #ffffff !important;
}
.content-top-center-slider .el-slider__button{
    height: 44px!important;
    width: 44px!important;
    background:url(../img/sild-2.58f07eef.png);
    background-size: 100% 100%;
    border: 0!important;
}
.cropper-dialog .el-dialog{
    background-color: var(--pan-btn)!important;
}
.el-table__body-wrapper{
    background-color: rgba(0,0,0,1) !important;
}
.el-message-box{

    background-repeat: no-repeat;
    background-size: 30%;
    background-position: 90% 50%;
}
.redPacket{
    background-color: var(--pan-btn)!important;
    color: #FFF!important;
    border:none!important;
}
.redPacket .el-message-box__title,.redPacket .el-message-box__message{
    color: #FFF!important;
}
.el-button--primary{
    background-color: #dc3545!important;
    border:none!important;
}
.el-carousel__container{
    height: 260px!important;
}
@media (max-width: 1000px) {
.el-carousel__container{
        height: 180px!important;
}
}
@media (max-width: 760px) {
.el-carousel__container{
        height: 100px!important;
}
}
@media (max-width: 760px) {
.el-message-box__wrapper{
       left: auto !important;
        right: auto !important;
        width: 100%  !important;
}
.el-message-box{
        width: 250px !important;
}
}
.el-switch__core{
    border-color: #ffab57 !important;
    /*background-color: rgba(0, 0, 0,0) !important;*/
    border-radius:3px!important;
}
.el-switch__core:after{
    border-radius:3px!important;
}
.activiyList-el-progress .el-icon-warning::before,.vip .el-icon-warning::before{
    display: none;
}
.el-notification,
.el-notification[style*="top"]{
    position: fixed !important;
    right: 10px !important;
    top: 140px !important;
    min-width: 330px;
    width: 330px !important;
    /* height: 90px !important; */
    /* max-height: 90px !important; */
    min-height: 90px !important;
    padding: 18px 24px 18px 35px;
    border-radius: 8px;
    color: #f5f9ff;
    overflow: visible;
    border: none !important;
    background-color: transparent !important;
    background-image: url(../img/tips_di_1.7d754de7.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
    z-index: 10000 !important;
    transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease !important;
    box-sizing: border-box !important;
}
/* 提示框进入动画 - 从右侧滑入 */
.el-notification-fade-enter-active,
.el-fade-in-linear-enter-active,
.el-fade-in-enter-active,
[class*="el-notification"][class*="enter-active"] {
    transition: transform 0.3s ease, opacity 0.3s ease !important;
}
.el-notification-fade-enter,
.el-fade-in-linear-enter,
.el-fade-in-enter,
[class*="el-notification"][class*="enter"]:not([class*="enter-to"]):not([class*="enter-active"]) {
    transform: translateX(100%) !important;
    opacity: 0 !important;
}
.el-notification-fade-enter-to,
.el-fade-in-linear-enter-to,
.el-fade-in-enter-to,
[class*="el-notification"][class*="enter-to"] {
    transform: translateX(0) !important;
    opacity: 1 !important;
}
/* 提示框离开动画 - 向右移动消失 */
.el-notification-fade-leave-active,
.el-fade-in-linear-leave-active,
.el-fade-in-leave-active,
[class*="el-notification"][class*="leave-active"] {
    transition: transform 0.3s ease, opacity 0.3s ease !important;
}
.el-notification-fade-leave,
.el-fade-in-linear-leave,
.el-fade-in-leave,
[class*="el-notification"][class*="leave"]:not([class*="leave-to"]):not([class*="leave-active"]) {
    transform: translateX(0) !important;
    opacity: 1 !important;
}
.el-notification-fade-leave-to,
.el-fade-in-linear-leave-to,
.el-fade-in-leave-to,
[class*="el-notification"][class*="leave-to"] {
    transform: translateX(100%) !important;
    opacity: 0 !important;
}
/* 添加 kuang 图片层 - 放在左侧图标位置 */
.el-notification::before{
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAxCAYAAAChzEtEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI4MTZBN0QzRDVCODExRjBCQTc2RDBENEY4NTVBQjU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI4MTZBN0Q0RDVCODExRjBCQTc2RDBENEY4NTVBQjU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjgxNkE3RDFENUI4MTFGMEJBNzZEMEQ0Rjg1NUFCNTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjgxNkE3RDJENUI4MTFGMEJBNzZEMEQ0Rjg1NUFCNTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4gUXeaAAAIZ0lEQVR42sxab2xU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);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}
/* 默认绿色样式（success类型或其他类型） */
.el-notification:not(.el-notification--error):not([class*="error"]):not(.el-notification--info):not([class*="info"]){
    border: none !important;
    background-color: transparent !important;
    background-image: url(../img/tips_di_1.7d754de7.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
}
/* error 类型的 notification 样式 - 红色系（必须放在通用样式之后，使用更高优先级） */
.el-notification.el-notification--error{
    border: none !important;
    background-color: transparent !important;
    background-image: url(../img/tips_di_2.7a51e313.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
}
/* error 类型的 kuang 图片 */
.el-notification.el-notification--error::before{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAxCAYAAAChzEtEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNDOEQyQkM5RDVCODExRjA5RjQ3QTlERUUwMTJEQTdDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNDOEQyQkNBRDVCODExRjA5RjQ3QTlERUUwMTJEQTdDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0M4RDJCQzdENUI4MTFGMDlGNDdBOURFRTAxMkRBN0MiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0M4RDJCQzhENUI4MTFGMDlGNDdBOURFRTAxMkRBN0MiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Yda85AAAIeklEQVR42sRZS4wURRiuv7pn9gkLu6tAggkuuiSoPOSxGyA+iAQJCgcjRx8nTdCo8ao3Lx4MGiHRk8BBE6MHiCSQkGCMGFhABMwGFllQSFyEmWV3Zmfn1V3+9eqununu6d0hOtmZ6q2u/uur///q+6uqgTFG7sdn49L1j2LxdsTtz09eG7o6G7ubHhkI/A/NAkagrVjsBoAVce2wn4tY7EPgxWYA0ybBbkGg+xqBFZ7BNrwtf6aZPmflYex0MRbvIoAHZtMp9nkHi0/R27eapsTT/RsiH646VQuLNxDoev5sqAcIdAAV9wlz2RAjbCoaNxvC8kvbsp2oPh03eMtO6hUEy0fyGoJtiWhCKdDlih7CLgJfxLnrMncY/3XrWQIDeH8V2t6PoH+ZFSVqPYzGelX4H4rh5wIEO4iXXRFNJhD0KezrdgxNbnKaIPC7cR6OBIxAechfQTDPRoUfP60IdC226UvI3VEEfhYvizE0OYHlQQTOElMCwa5UXO2IcioC7cf7q/E6nXiG48AssBYjqPMIfIQDDKHJZrw/gBg4ty/EUgJnPwf4Pj60NKbTHhX+niZzTUbRJBMTkWtYfIJ9TtUBRrAv4Y3teGlFPJ9GoKuwzbIYisxC4dgVBP4bXpejhALbHMF+v/cAK7A7oqxaQPssSteg+TZ0MeFjlIj1Bcjg+gWRjWQFA8blzmCA0VCW047rnnOYOxozssMcNGzoWxcJlgJ0pSgdoIQuBOxUAgXZLajOvY5B1PFqZoLzQIF8BDQAeQ0SDKcaTjB3rMLc0y5jE1Gg7TCwaMRqtayVNuqqn76pBAlQmyiEB/X1x1/tJY896WfqO2O3yevbXpaDpWoY2vnGYHintmUtTDP6IoIeLjnOBbzl1MyfHXUq0ULp4nbLXo82OrXXtLOY8JKsY0wGWQxH1Mn6iWwWM4i/RHGrDkoRleBAd2yGhnj2RGyAUpvSx9uotaTgVIdKrnsrVtbmpVKbPS9Q4sdNhAQvqN8RqHtMcRkQWKkwHbBXLpWJDT41FK3108rL3K6ijI4Y0M4umtr8T6l0MBZwSqBkhg4ozhLJM+0bj3/KZXoIpalCcIpXKlxe1APMsGlMRPANMm8oECpGIYD1A3ryqAnGqF96DmN+jJU81gKulEpoE8RgmUYkfqgxB4xuiDFBQz52vdjSAL38qU6MCae9Qv0pr3hbmQ5Sgg8gzcEKEDhEHnqPY1ptwORgoMvGgNWMDeirJh8Y+qqqmecNOYhyPriadKtVdILl2zC1DkxkUCdVhCXyMARJCjUWhDapzjQAo+MCqkSAEjgJpU09eXWG0QpUU28mlxDEIR6mgcEqsZHYGCjZhBrzzAuzO10K2CuM3xNR84JiRM7kr3YQMH9iA00w6VqMRsyDWx81k+bMkDm3WPQylxhAuSxteo6DegeCYRCUfGrvNwSsPOwv4vTImQnd0NCa4CHAKmpvqrVFGCnn8gFKmCxgilqg9N1L/VTWheANkbUazdT0krO7JrebAqLmo+26CLgkALt4XZnMCSfoDGwKhCdfVCcMc+kBvmwm8XAQjf8g0zqtvKO9olHTSpWU0KttXXNxE+oKikhZC4qCTO3KhqH8HnDGkiWONK2f+STMt1ozIVhPUcZK+bzkr4NrF/S20PZacYcwuxC8BpZU1swEESA0CazcTLIrLloI0i3JtThzcKOMqpHWXIBo9aoTMQg/5wldS2iM4K1za7KcCClvZ0xtXo+DtRGkU1TShpQIeFjwVa0jzGVqwJOgM9IMMp0ZMggJlepErtb8hQz/tRCknZJm03M6iYt8TikbAFoCgZhTCuQaVWRNrc/eKrCxh3WSCG4mzCUEUxwOJiolQwh4+MA35MbR40KDnYlJP2oBh4KxgNdyp/vW6YgmXK0pCogEYOYx8NevoBfeausgMzYTz05euUpyV0bEA7ZBA28bZSxZNd1A7xWFTUoM3PGAbb1bYEoLzTWPsU6WTqIBOeJ/CwbXkyU7t3n27l35g1ze/7XiLAuIsZ8hawUJfIo09LD2KFWhNzhlGvN2z2CmcEo6Fj1Ielf7ezpqWbjjAGM6KLB6DuglJqvVahq2WKsnydHsvRO4j5qyeDj5Fz1u8V0pdhT48tGKEgSNUqIe+3KCZ36sXBbtbCJt2MIWEfs8XWehd3i9/FJRxzEcy4yfaOjhM7nczUtTU3+/0NO94omOjuWUDwogYiFfL/g09FyDhCSN2jq1WGLE/T1fGP4hk71YdN1qHWB1QBHY6vOG3925++tQLndtR0/P4IJ0akGiY5wmj4Fulyu3D2cyp/4qliLPJRqe/PBxPzWvq29T19y1rZS2zugcKuGZFjqo+PPE5Nmf7k2MskYnP0nP1jotK72jt3v1svb2fnqfztb4VLtcKIwcvps9n3ec5GdrxunlHCzeizu97G9v69ne3T3YnbKbOr3MVqqZI9nsqZHCdKPTyz2IJxd5oH1iyy7ywegNfj78JjZsJ+HSAs91z+8fnDtnNapDeiZAK4yVT03mzh/Pjo+4EbRHTPys4IuP+pZc+PD6n/En8Bww/yBoHvZXEfQzUVREL7ft7OlZ83Bbax8k4PP16eLooUzmHHp3Oub49UcsDyBYASwxYP1B4L2KJoujwKzo7Fi4df78gbm2FfqOY7LqTBwbHz99MT81FhN+foa2B4EG3nHMGLABfKPyeOhbJKQGfb57/vI1czpXoPDbarZUz+XyF49mx4eRCm4E0JLy6Mmw+7MGrEBbitvromiyMJ3u3NnbLd7THbqbHRorl/Mx4T+juBr5nq4h4IRvQvkrsHeafBP62clrQzf/05fjCHwrgt41gxeUVezvWwR67H95Oc47RgC78XspgVcv8bYzAXvfXo5HeLsfi7cibu9FoCOzsVvr4X8FGABJriN0K2zWfQAAAABJRU5ErkJggg==) !important;
}
.el-notification.el-notification--error .el-notification__group .el-notification__title{
    font-size: 15px !important;
    font-weight: 600;
    letter-spacing: .08em;
    color: #e1d0f3!important;
    text-transform: uppercase;
    flex-shrink: 0 !important;
    height: auto !important;
    max-height: 20px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.el-notification.el-notification--error .el-notification__group .el-notification__content{
    margin-top: 6px;
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1.4;
    color: #7e6cb1!important;
    /* 限制内容区域的最大高度和宽度 - 2行高度：15px * 1.4 * 2 = 42px，设置为 45px 确保第二行完整显示 */
    max-height: 250px !important;
    max-width: calc(100% - 20px) !important;
    overflow: hidden !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 10 !important;
    line-clamp: 10 !important;
    -webkit-box-orient: vertical !important;
    flex-shrink: 1 !important;
}
.el-notification.el-notification--error .el-notification__icon{
    background-color: transparent !important;
    /* background-image: url(../image/tips/tips_logo_.svg) !important; */
    background-image: url(../img/tips_logo_.d03231d7.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    border: none !important;
    box-shadow: none !important;
    right: 3px !important;
    bottom: 0 !important;
    transform: none !important;
}
.el-notification.el-notification--error .el-notification__icon::before{
    content: "";
    display: none;
}
/* info 类型的 notification 样式 - 蓝色系（必须放在通用样式之后，使用更高优先级） */
.el-notification.el-notification--info{
    border: none !important;
    background-color: transparent !important;
    background-image: url(../img/tips_di_3.a48161a0.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
}
/* info 类型的 kuang 图片 */
.el-notification.el-notification--info::before{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAxCAYAAAChzEtEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUwM0RDMDE3RDVCODExRjA5QUY0ODE3QkVCRjVCMTM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUwM0RDMDE4RDVCODExRjA5QUY0ODE3QkVCRjVCMTM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTAzREMwMTVENUI4MTFGMDlBRjQ4MTdCRUJGNUIxMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTAzREMwMTZENUI4MTFGMDlBRjQ4MTdCRUJGNUIxMzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5xSl/aAAAIhklEQVR42sRaW2wU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) !important;
}
.el-notification.el-notification--info .el-notification__group .el-notification__title{
    font-size: 15px !important;
    font-weight: 600;
    letter-spacing: .08em;
    color: #e1d0f3!important;
    text-transform: uppercase;
    flex-shrink: 0 !important;
    height: auto !important;
    max-height: 20px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.el-notification.el-notification--info .el-notification__group .el-notification__content{
    margin-top: 6px;
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1.4;
    color: #7e6cb1!important;
    /* 限制内容区域的最大高度和宽度 - 2行高度：15px * 1.4 * 2 = 42px，设置为 45px 确保第二行完整显示 */
    max-height: 45px !important;
    max-width: calc(100% - 20px) !important;
    overflow: hidden !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    flex-shrink: 1 !important;
}
.el-notification.el-notification--info .el-notification__icon{
    background-color: transparent !important;
    background-image: url(../img/tips_logo_.d03231d7.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    border: none !important;
    box-shadow: none !important;
    right: 3px !important;
    bottom: 0 !important;
    transform: none !important;
}
.el-notification.el-notification--info .el-notification__icon::before{
    content: "";
    display: none;
}
.el-message-box{
    background-color: #595962!important;
    border: 1px solid transparent!important;
}
.el-notification__group{
    margin-left: 0!important;
    padding-left: 0!important;
    min-width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
    position: relative;
    z-index: 2;
    /* 确保 group 不会撑大容器 */
    height: 100% !important;
    max-height: 100% !important;
    overflow: visible !important;
}
/* 提示框进度条容器 */
.el-notification__progress-wrapper {
    position: absolute;
    bottom: 0;
    left: 6px;
    right: 6px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    z-index: 3;
}
/* 提示框进度条 */
.el-notification__progress-bar {
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, #2f795a 0%, #9b7aef 100%);
    transform-origin: left;
    animation: notification-progress 4.5s linear forwards;
}
/* error 类型的进度条颜色 */
.el-notification--error .el-notification__progress-bar {
    background: linear-gradient(90deg, #ff5757 0%, #3b2b57 100%);
}
/* info 类型的进度条颜色 */
.el-notification--info .el-notification__progress-bar {
    background: linear-gradient(90deg, #313231 0%, #9b94f9 100%);
}
/* 进度条动画 - 从100%减少到0% */
@keyframes notification-progress {
from {
        transform: scaleX(1);
}
to {
        transform: scaleX(0);
}
}
.el-notification .el-notification__group .el-notification__title{
    font-size: 15px !important;
    font-weight: 600;
    letter-spacing: .08em;
    color: #e1d0f3!important;
    text-transform: uppercase;
    flex-shrink: 0 !important;
    height: auto !important;
    max-height: 20px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.el-notification .el-notification__group .el-notification__title,
.el-notification .el-notification__group .el-notification__content{
    width: 100%;
    text-align: left;
}
.el-notification .el-notification__group .el-notification__content{
    margin-top: 6px;
    font-size: 15px !important;
    font-weight: 600;
    line-height: 1.4;
    color: #7e6cb1!important;
    /* 限制内容区域的最大高度和宽度 - 2行高度：15px * 1.4 * 2 = 42px，设置为 45px 确保第二行完整显示 */
    max-height: 45px !important;
    max-width: calc(100% - 20px) !important;
    overflow: hidden !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    flex-shrink: 1 !important;
}
.el-message-box__message{
    color: #ffffff!important;
}
.el-notification__icon{
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 27px;
    height: 27px;
    background-color: transparent !important;
    background-image: url(../img/tips_logo_.d03231d7.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    border: none !important;
    clip-path: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;
    box-shadow: none !important;
    /* 呼吸效果 */
    animation: breathe 2s ease-in-out infinite;
}
/* 呼吸动画 */
@keyframes breathe {
0%, 100% {
        opacity: 1;
        transform: scale(1);
}
50% {
        opacity: 0.7;
        transform: scale(1.05);
}
}
/* 确保 error 类型的图标样式优先级更高，放在通用样式之后 */
.el-notification.el-notification--error .el-notification__icon,
.el-notification[class*="error"] .el-notification__icon{
    background-color: transparent !important;
    background-image: url(../img/tips_logo_.d03231d7.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    border: none !important;
    box-shadow: none !important;
    right: 3px !important;
    bottom: 0 !important;
    /* 呼吸效果 */
    animation: breathe 2s ease-in-out infinite !important;
}
/* 确保 info 类型的图标样式优先级更高，放在通用样式之后 */
.el-notification.el-notification--info .el-notification__icon,
.el-notification[class*="info"] .el-notification__icon{
    background-color: transparent !important;
    background-image: url(../img/tips_logo_.d03231d7.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    border: none !important;
    box-shadow: none !important;
    right: 3px !important;
    bottom: 0 !important;
    /* 呼吸效果 */
    animation: breathe 2s ease-in-out infinite !important;
}
.el-notification__icon::before{
    content: "";
    display: none;
}
/* 关闭按钮样式 - 使用更具体的选择器确保覆盖 */
.el-notification .el-notification__closeBtn,
.el-notification__closeBtn{
    position: absolute !important;
    top: -23px !important;
    right: -50px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(229, 228, 232, 0.3) !important;
    background-color: rgba(53, 43, 105, 0.674) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    font-size: 0 !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    text-align: center !important;
    vertical-align: middle !important;
    /* 确保关闭按钮位置固定，不受内容影响 */
    z-index: 1000 !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    /* 确保关闭按钮位置固定，不受内容影响 */
    z-index: 10001 !important;
}
.el-notification .el-notification__closeBtn:hover,
.el-notification__closeBtn:hover{
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
    background-color: rgba(0, 0, 0, 0.619) !important;
}
/* 隐藏 Element UI 默认的图标 */
.el-notification .el-notification__closeBtn i,
.el-notification__closeBtn i,
.el-notification .el-notification__closeBtn .el-icon-close,
.el-notification__closeBtn .el-icon-close,
.el-notification .el-notification__closeBtn [class*="el-icon"],
.el-notification__closeBtn [class*="el-icon"]{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}
/* 使用伪元素显示 × 符号 */
.el-notification .el-notification__closeBtn::before,
.el-notification__closeBtn::before{
    content: "×" !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    color: inherit !important;
    display: block !important;
    position: absolute !important;
    top: 45% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
    border: 1px solid transparent!important;
}
.el-message-box__btns{
    display: flex;
    justify-content: center;
}
.el-message{
    width: auto!important;
}
@media (max-width: 960px) {
.huodongtanchaunug{
        width: 100% !important;
}
.huodongtanchaunug .el-dialog__body{
        padding: 0 !important;
}
}
/* 点击右下角的个人中心的弹窗样式 */
.phoneDrawer .el-drawer__body{
    background-color: #18181f;
    text-align: center;
}




@font-face {
  font-family: "iconfont"; /* Project id 2630441 */
  src: url(../fonts/iconfont.953468a5.woff2) format('woff2'),
       url(../fonts/iconfont.3c3434a1.woff) format('woff'),
       url(../fonts/iconfont.5f8edb12.ttf) format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-diqiu2:before {
  content: "\e616";
}
.icon-meiyuan1:before {
  content: "\e636";
}
.icon-guanfang2:before {
  content: "\e6f5";
}
.icon-fanhui:before {
  content: "\e60b";
}
.icon-youxiang:before {
  content: "\e678";
}
.icon-yuechi:before {
  content: "\e613";
}
.icon-diqiu:before {
  content: "\e65b";
}
.icon-01_shangchengguanli:before {
  content: "\e632";
}
.icon-jiangbei:before {
  content: "\ec3c";
}
.icon-gonggao:before {
  content: "\e61c";
}
.icon-meiyuan:before {
  content: "\e73b";
}
.icon-mianfei:before {
  content: "\e631";
}
.icon-VIP:before {
  content: "\e64b";
}
.icon-chuangxiangqingtongvip:before {
  content: "\e600";
}
.icon-chuangxiangbaiyinvip:before {
  content: "\e601";
}
.icon-chuangxianghuangjinvip:before {
  content: "\e602";
}
.icon-chuangxiangzijinvip:before {
  content: "\e607";
}
.icon-chuangxiangzuanshivip:before {
  content: "\e608";
}
.icon-huaban:before {
  content: "\e609";
}
.icon-icon-test:before {
  content: "\e60a";
}
.icon-guanbi:before {
  content: "\e606";
}
.icon-duizhan2x:before {
  content: "\e62c";
}
.icon-lucky_left:before {
  content: "\e60e";
}
.icon-yonghu:before {
  content: "\e630";
}
.icon-yaoqingma:before {
  content: "\e638";
}
.icon-mima:before {
  content: "\e624";
}
.icon-erji:before {
  content: "\e6d0";
}
.icon-a-ziyuan5:before {
  content: "\e633";
}
.icon-weixinfang:before {
  content: "\e61b";
}
.icon-jiantou:before {
  content: "\e612";
}
.icon-tishi1:before {
  content: "\e615";
}
.icon-zhifubao:before {
  content: "\e627";
}
.icon-jiahao:before {
  content: "\e605";
}
.icon-xuanzhong:before {
  content: "\e60d";
}
.icon-kaixiangyanhuo:before {
  content: "\e634";
}
.icon-shangsheng:before {
  content: "\e603";
}
.icon-steam:before {
  content: "\e77e";
}
.icon-beibao:before {
  content: "\e610";
}
.icon-dunpai:before {
  content: "\e6ad";
}
.icon-wenhao:before {
  content: "\e6cf";
}
.icon-gouwuche:before {
  content: "\e604";
}
.icon-dianhua:before {
  content: "\e62f";
}
.icon-jiaohuan:before {
  content: "\e67a";
}
.icon-danxuan:before {
  content: "\e6d8";
}
.icon-guanbi-02-02:before {
  content: "\e621";
}


@font-face {
  font-family: "iconfont"; /* Project id 3530988 */
  src: url(../fonts/iconfont.c8aa8854.eot); /* IE9 */
  src: url(../fonts/iconfont.c8aa8854.eot#iefix) format('embedded-opentype'), 
       url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAApEAAsAAAAAEXwAAAn2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACEAgqUcJA+ATYCJAMkCxQABCAFhGcHehtyDjOjwsYBEBQvJ/svD7ghA3J4ywi1a+/ptPa6FQapqAOcFe9a7RhephAigCO+roj/9cNiiEy+11SRYD7387St3syfInIQ+sSIpMIoPFA32K5iuwMe3nZvu7+LQleFLNJEodiMcqMohWRqFqLQTLmVbOK7iS9w8iZeJY5EpROrFFpo7eRNTt5EgJuEeQME6N0+mtMSCn+qMiRjSx795fMUujx2mx6MMZiIV///fq5ONI5E1M0bsVDiE+zuvcnDRJqmn6g0Ql5FL6LStjZC5hAKISao9IpKbV46M9SK22s8BTAAXKnM8O42jIQFj40aQVqIAXcsVvQ6YW7FiAQHhglTWY8MwG4gAX7iLwBMMD8f+yE9BgBHJpDO41n62YFnnnVAQlCYAPpA59VNoa1xACQABCCxY6XYk1w9FrIh0RRcbjChIQCx/F0ReIbxReFNuweDPIPQdOTEiEn/yQPAIQwSjUDBAJZBEnwyd+xhwDNQAwAHzzA++ZIPnixFUEBChkMBDRkPBQSkEQooyA7IW2bB0Y+QAlABdAEQNUghp1lNwWU9SXBXrJL1Um4y5bJoYUiaXp8coafpeLF5XnfEDTxVe2gd8fd0Y5dNcT9et6xYXetWsGGarIxk3at9TkjVNRw3YGVolAahtL0MRKq9IrANgbSZNBvVoCmYMSSiKtak9xlDcijEhzjLusNpGtXQUhmcQUCemusjBpJNppnvN22O9NGwFC2VtOcp3vFJikon2jxT7apOO+MHUY5CWX9V4jpQKrAeHHMWHxLnRHK+ef+INZ90J4xDkMm+lxSSpMoB3KVGCWO6jUyzUZROTyNVHdA2lVZYuVAMI8mPMLGcQlNSxMRzbwtKBoHyHIELvbOT8Io03d8PTosL6Jfu9VAcPxIdnZjhNM2LVFwky+zrTuRZtatHp3leZ5io91NHp6/QqTfSvyRmDILCRcn8vULkLCTkua8ASgDUGUx/Sohfjcs54GEog89GBJy9FeIf3DXZexV1hICQ7I3tyje+C74xHhUAABJue5/uAkLwo8tyEIDOuA9z0giAqGcdoRIgqMgP8+mCs5j8s52zcoYjQMsSEQW04dxXcREgpBOuLDzIGFGtyX317il0VQ46NzKDjKAkjtPA0z6zviSJbF0PtmGYyUzxGXlA7K5aKNMlNULGrWULgKuEwKbsvHz60vvL+YjxPm/hU2ec3uWUQN7qrcmq5ZL9hvGizjSf3V3sz4eSj4DLAKmNYuCTNm57ehN74sfK/elGg/V6IHWh1Ld/l78Ju/I68+DoR16XyfdqClwcTvkQsIykd75Bwb6cS+AVAoS+KTQOambgglMfNAn/EmnaS3ko5VxaQnfCetxo0iTjSQhlBiO9MR4HU0lRgVWDiwAoEEgUpeFOTOdTbC5bq70puY9VfNiqCBR0QykuCsHYZxNIoBKY06iQbpIGqfFd8WuJvcV4d7yR5gtzRQt2BsjHEDWR1hFw6NrgD9Tr7HA0p/RzepA2p6GpC8mJO49tG1rzX6VL/IELWxzluZ49h456sLnAtiKzXUVZaOvryvmyl7Eie9SghvXtYoQubIvnjf11b5jD33BKXW6jb05MI7CoDpSelBWvar4jDKJ39JhdYqy8kpVR7uB2LahsL3bI/eo6qhqb1WHzy2cleMbam/RiyySFgiJ+gafXNdpLjWqkEUlhSAm2jRK1kmJz4u3OmE4Gwv52V/RFynrAOyv6Dd4wqfG5YU5/wy8dVtt8Lc5FXaQa7PfOinqD6PSs/mJ7des++a7oXA+7c6S8VF7OekSOmla9891B+6oZ8atYl7/7+qwE+N5ZOzuNLJTV3ZY2hND5oygiZlYS0dx6cVW6Kv3oBU8u69+WPpVMKpVNyvDpFUQL9sdZmaFKOwoD/w6akRbtc1r8kTlpdSLdljhf2oy+vW0FLlOOw2XbsU3bQ2vSWNgrGlJ75KFW5do20EKWbXPz8EFDjzUJv8UZwMi6z5xxptEUT3P4wOY1PjNzWnNr7iDHXX2zI4XK9Luq8Ju3wyeOMFjp4fEVh58cU846o2R8h/oQhay9Wxib5huaGVt8NrY0NHWIV3x5FDYFQUoLQ7MPVT0180NpLx7ZiR+Yknoje0CEoEv4ktkdja4p9lNMgajnIfu7/Q1c8BM5iRKby6F32/qrNKz8Vt094wQeaC+X3WFD2D0svzsfBe33OCMTDUl8LOklHi6ZLX7y58v5xtAeOp5eRd+gd1IJdGuK807WBKVUdU2FKxOYVk1EEtYrqWjddhr2IoPWkZxdZi9zWiLBUvgYPyG/jbSc9Ympss7NKhm2Uvaistvg9uOz6QBdyZlFw+yD3niZnveWG8J9y9MvgW7vPXhCGCWbNvTg7dbOiC5yLh+R3N089RI17zWfJLd58iaOiKtKVyw5jfQBmyXdI2l8dcCVK40le6TbBgwIXhv5M74iT3Pgc+SMARVndiSbxtXg5/UC7lX4f+Y1WVVIIHC1+qoW35CqQ2WzUzQTbiiKdtd3jPjpXGe4KC3+fJX+/yJX1P7qeRdndN2Ib4SYlzt23I2+26c3lortMngzQkN3F0rlwt1mY4bXsCvi92waNpL3XLPmpKYFE6Af0C84M7k3mPt0gGmpPrlG85zXMzHBKXRCaad+pNqUqou8d/bC8FNU9sapT1zH/FZ399olpseju9bn8B9a19YEz2boxVsAYCEN9KLDnx7a350WtlzjaaLNre9r+8xtOhJWkl+iX1F4PV+XhV4NC552CMVGuEgTlNpk+S/y3t4H3U9R0YemPnEea2tzD69VbPj899+eo/Va15WM3XVewh9NpKDhosvXde7eEbZY07CJJq9coNfcls1QbCixrCy4JvYjbg4P3nmTmRyaxIUBA0EaFNzkI+Qx0/fYHw1Kv49OInf0AJLBivQ3aB/SdQe8hvx+x0Yk7z2HDqLCQ+tWUPx11ZsGIuPXDfq7XXRfSfWpKRgIXqi2GJjDJs/MD6TSn1GT+LQAcIKbu8oLZHK8B4pVC1x5HsCxs17qHpWxmqjEML7cqxNH0zgRRrieMMc7STzpTgrD5ORK4Dqeh9URggUHAKINEU6M2ConTmgnIM58HAiYrztJcs+Bgvmvk+usT8ez7Z1iZ8vR8xqqX9CMBqGEvRnrg8vQoY3q+HDrNNogT7Jg350P3Jaxj4uy8F6AsNTD7XI93nUEo6WGM58o78cyTQW3T8Kon5xZHPK6dw1UfrNrDBkIbe//eg+cFHSQzaj/VFruxCh2kEtkGfR3MWSasSOTnUgqeKoUQAVLvT1wuxFAd+0mYOQ7Gxx7VydUgc5RKZW1RFaRNB/qV7SYrLtZpQRtS6RohuV4/FhNYY3D2gWq9SAPTCH9Kd1owYcdUzRI39mzfF1xXSHlC6mFXzlF4Zevnda6GNJkAgAA') format('woff2'),
       url(data:font/woff;base64,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) format('woff'),
       url(../fonts/iconfont.85ada985.ttf) format('truetype'),
       url(../img/iconfont.6f1a5601.svg#iconfont) format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-zhadan:before {
  content: "\e66f";
}
.icon-suoding:before {
  content: "\e600";
}
.icon-chaozhijifen:before {
  content: "\e601";
}
.icon-chongzhi01:before {
  content: "\e62a";
}
.icon-beibao1:before {
  content: "\e60f";
}
.icon-gift:before {
  content: "\e63c";
}
.icon-shouye:before {
  content: "\e622";
}
.icon-siyecao:before {
  content: "\e60c";
}


@charset "UTF-8";
/* 使用到的全局css */
@media screen and (max-width: 767px) {
.el-popup-parent--hidden {
    padding-right: 0 !important;
}
}
.el-image__placeholder {
  background-color: transparent;
}
.color4af1cc {
  color: #4af1cc;
}
:after, :before, label {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.message-top300 {
  top: 200px !important;
  min-width: 150px !important;
}
.message-top300 .el-message__icon {
  display: none;
}
.copy-btn {
  transition: opacity 0.3s;
}
.copy-btn:hover {
  opacity: 0.6 !important;
}
.clip-path-hexagon-regular {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.text-ellipsis-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.center-title,
.center-title__text {
  position: relative;
  display: inline-block;
}
.center-title__text {
  font-size: var(--0355d45e);
  font-weight: 600;
  padding: 0 20px;
  text-transform: uppercase;
  vertical-align: middle;
}
@media (max-width: 767px) {
.center-title__text {
    font-size: var(--b28b7f00);
    padding: 0 10px;
}
}
.center-title__text::before, .center-title__text::after {
  background-color: #6f52f0;
  border-radius: 50%;
  box-shadow: 0 0 20px #6f52f0, 0 0 20px #6f52f0;
  content: "";
  height: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
}
.center-title__text::before {
  left: 0;
}
.center-title__text::after {
  right: 0;
}
button {
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  font-family: Montserrat, sans-serif;
  outline: 0;
  padding: 0;
}
button.usage-rules {
  align-items: center;
  background-color: #1c1a2e;
  clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 13px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 42px;
  justify-content: center;
  min-width: 193px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
  margin: 0 auto;
}
button.usage-rules:hover {
  background: #212034 !important;
}
@media screen and (max-width: 767px) {
button.usage-rules.w767 {
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
    font-size: 10px;
    height: 28px;
    min-width: 135px;
    width: unset;
}
}
button.usage-rules::before {
  background-color: rgba(92, 89, 117, 0.231372549);
  clip-path: polygon(13px 0, 0 50%, 13px 100%, 14px calc(100% - 1px), 1px 50%, 14px 1px, calc(100% - 14px) 1px, calc(100% - 1px) 50%, calc(100% - 14px) calc(100% - 1px), 13px calc(100% - 1px), 13px 100%, calc(100% - 13px) 100%, 100% 50%, calc(100% - 13px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 767px) {
button.usage-rules::before {
    clip-path: polygon(8px 0, 0 50%, 8px 100%, 9px calc(100% - 1px), 1px 50%, 9px 1px, calc(100% - 9px) 1px, calc(100% - 1px) 50%, calc(100% - 9px) calc(100% - 1px), 8px calc(100% - 1px), 8px 100%, calc(100% - 8px) 100%, 100% 50%, calc(100% - 8px) 0);
}
}
button.usage-rules .icon-info {
  background-color: #fff;
  display: inline-block;
  height: 20px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 20px;
}
@media screen and (max-width: 767px) {
button.usage-rules .icon-info {
    height: 14px;
    width: 14px;
}
}
button.usage-rules .button__content {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.el-dialog__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 40px 0;
  overflow-y: scroll;
}
@media screen and (max-width: 767px) {
.el-dialog__wrapper {
    padding: 20px 0;
}
.el-dialog__wrapper.usage-rules-dialog__wrapper {
    display: unset;
}
}
.el-dialog {
  margin: auto;
  width: unset !important;
  max-width: 870px;
}
.el-dialog .el-dialog__header {
  position: relative;
  z-index: 101;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close {
  color: #FFF;
}
.el-dialog .el-dialog__header [class*=" el-icon-"].el-icon-close:before,
.el-dialog .el-dialog__header [class^=el-icon-].el-icon-close:before {
  font-weight: 700;
  font-size: 22px;
}
.el-dialog .el-dialog__body {
  padding: 0 !important;
}
.el-dialog .usage-rules-dialog {
  background-color: #141225;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  max-width: 870px;
  padding: 40px 116px 60px;
  line-height: 24px;
  width: 95vw;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
.el-dialog .usage-rules-dialog {
    padding: 30px 70px 40px;
}
}
@media screen and (max-width: 767px) {
.el-dialog .usage-rules-dialog {
    padding: 40px 25px;
    width: 100%;
}
}
@media screen and (max-width: 490px) {
.el-dialog .usage-rules-dialog {
    padding: 40px 18px;
}
}
.el-dialog .usage-rules-dialog .dialog-title {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.el-dialog .usage-rules-dialog .dialog-title {
    font-size: 22px;
}
}
.el-dialog .usage-rules-dialog .dialog-content {
  font-size: 16px;
  color: #9692b8;
  margin-top: 20px;
}
.el-dialog .usage-rules-dialog .dialog-content .gotoUrl {
  text-decoration: underline;
  text-transform: uppercase;
  color: #6e5ef7;
  transition: color 0.3s;
}
.el-dialog .usage-rules-dialog .dialog-content .gotoUrl:hover {
  color: #ff568a;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
.el-dialog .usage-rules-dialog .dialog-content {
    font-size: 14px !important;
}
}
.el-dialog .usage-rules-dialog .dialog-content .gradient {
  background: linear-gradient(90deg, #3ab8ff 0, #fb2672 60%, #7e5bc8 90%, #b5ec40);
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 200% auto;
  color: transparent;
}
.el-dialog .usage-rules-dialog .statement-tit {
  color: #fff !important;
}
.el-dialog .usage-rules-dialog .statement-text {
  color: #696687;
  font-style: italic;
}

/**充值弹窗 */
.recharge-dialog {
  width: 80vw !important;
  min-width: 260px;
  max-width: 1100px;
  height: 88vh;
  background-color: #1f1c38 !important;
  border-radius: 20px;
}
.recharge-dialog .el-dialog__body {
  height: 100%;
}
@media screen and (max-width: 767px) {
.recharge-dialog {
    width: 95vw !important;
}
}
.rules-leaderboard {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 44px;
}
@media screen and (max-width: 1023px) {
.rules-leaderboard {
    gap: 10px;
    padding: 0 26px;
}
.rules-leaderboard .rules__toggle-button {
    align-self: auto !important;
    width: 100%;
}
.rules-leaderboard .rules__toggle-button .toggle-button__content {
    flex-direction: column;
    flex-shrink: 0;
    gap: 6px !important;
}
.rules-leaderboard .rules__toggle-button::after, .rules-leaderboard .rules__toggle-button::before {
    content: "";
    display: block;
    flex-grow: 1;
    height: 1px;
    margin-top: 8px;
    background: #666185;
    opacity: 0.2;
}
.rules-leaderboard .rules__toggle-button::before {
    margin-right: 24px;
}
.rules-leaderboard .rules__toggle-button::after {
    margin-left: 24px;
}
.rules-leaderboard .rules__list {
    background: none;
    border-bottom: 1px solid rgba(102, 97, 133, 0.2);
    border-top: none;
}
.rules-leaderboard .rules__list.rules-list-active {
    height: 220px !important;
}
}
@media screen and (max-width: 1023px) and (max-width: 490px) {
.rules-leaderboard .rules__list {
    transform: scale(0.75) !important;
    transform-origin: top left !important;
    width: 125%;
    margin-bottom: -10px !important;
}
.rules-leaderboard .rules__list .rules-list__item {
    padding-right: 15px !important;
}
}
@media screen and (max-width: 1023px) {
.rules-leaderboard .rules__list .rules-list__content {
    grid-template-columns: 1fr !important;
}
}
.rules-leaderboard.rules-active .toggle-button__icon {
  transform: rotateX(180deg);
}
.rules-leaderboard .rules__toggle-button {
  display: flex;
  align-self: flex-end;
}
.rules-leaderboard .rules__toggle-button .toggle-button__content {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rules-leaderboard .rules__toggle-button .toggle-button__label {
  color: #716d9e;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
  transition: color 0.3s;
}
.rules-leaderboard .rules__toggle-button .toggle-button__icon {
  background-color: #716d9e;
  display: inline-block;
  height: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 13px;
}
.rules-leaderboard .rules__toggle-button:hover .toggle-button__label {
  color: #fff;
}
.rules-leaderboard .rules__toggle-button:hover .toggle-button__icon {
  background-color: #fff;
}
.rules-leaderboard .rules__list {
  justify-content: flex-end;
  height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  transition: height 0.3s;
}
.rules-leaderboard .rules__list.rules-list-active {
  height: 102px;
}
.rules-leaderboard .rules__list .rules-list__content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: linear-gradient(90deg, rgba(15, 13, 28, 0), #0f0d1c 50.01%, rgba(15, 13, 28, 0));
  border-top: 1px solid #1e1b35;
  border-bottom: 1px solid #1e1b35;
  padding: 10px 0;
}
.rules-leaderboard .rules__list .rules-list__item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 40px 10px 0;
}
.rules-leaderboard .rules__list .rules-list__item-number {
  border: 1px solid #5c49d0;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 600;
  height: 46px;
  line-height: 44px;
  text-align: center;
  width: 46px;
}
.rules-leaderboard .rules__list .rules-list__item-content {
  color: #bbb7dd;
}
.rules-leaderboard .rules__list .rules-list__item-content img {
  height: 20px;
  position: relative;
  top: 5px;
  width: 20px;
}
.tooltip {
  background: #191827;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  margin-left: 15px;
  position: relative;
  text-align: center;
  width: 20px;
  opacity: 1;
}
.tooltip:hover .tooltip__text {
  opacity: 1;
  visibility: visible;
}
.tooltip .tooltip__text {
  left: -20px;
}
@media screen and (max-width: 767px) {
.tooltip .tooltip__text {
    left: unset;
    right: -30px;
}
}
.tooltip .tooltip__text:before {
  left: 20px;
}
@media screen and (max-width: 767px) {
.tooltip .tooltip__text:before {
    left: unset;
    right: 30px;
}
}
.shopping__battle-info-tooltip {
  background-color: #4f4b78;
  position: absolute;
  right: -20px;
  top: -10px;
}
.shopping__battle-info-tooltip .tooltip__question-icon {
  color: #62617b;
  font-size: 14px;
  font-weight: 700;
}
.tooltip__text {
  background: #282546;
  border-radius: 4px;
  color: #dddcfc;
  font-size: 14px;
  left: -90px;
  margin-top: 10px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  text-align: initial;
  top: 23px;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 200px;
  z-index: 10;
}
@media screen and (max-width: 1023px) {
.tooltip__text {
    left: -185px;
    width: 200px;
}
}
.tooltip__text::before {
  border-color: transparent transparent #282546;
  border-style: solid;
  border-width: 0 7.5px 10px;
  content: "";
  height: 0;
  left: calc(50% - 8px);
  position: absolute;
  top: -10px;
  width: 0;
}
.disabled-tooltip {
  background-color: #282546;
  border-radius: 3px;
  color: #ede9e9;
  font-size: 11px;
  left: 50%;
  opacity: 0;
  padding: 12px 20px;
  position: absolute;
  top: calc(100% + 10px);
  transform: translate(-50%);
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 300px;
  z-index: 1;
}
.shopping__add-to-battle-button.disabled,
.shopping__add-to-battle-button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.confirm-user-avatar {
  text-align: center;
}
.confirm-user-avatar .img-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #141225;
  border: 2px solid;
  border-radius: 50%;
  color: #141225;
  font-size: 11px;
  font-weight: 600;
  justify-content: center;
  padding: 3px;
  box-sizing: border-box;
  margin: 10px auto;
}
.confirm-user-avatar .img-wrapper.level_0 {
  border-color: #787286;
}
.confirm-user-avatar .img-wrapper.level_0 .user_level {
  background-color: #787286;
}
.confirm-user-avatar .img-wrapper.level_1 {
  border-color: #787286;
}
.confirm-user-avatar .img-wrapper.level_1 .user_level {
  background-color: #787286;
}
.confirm-user-avatar .img-wrapper.level_2 {
  border-color: #7e5bc8;
}
.confirm-user-avatar .img-wrapper.level_2 .user_level {
  background-color: #7e5bc8;
}
.confirm-user-avatar .img-wrapper.level_3 {
  border-color: #3ab8ff;
}
.confirm-user-avatar .img-wrapper.level_3 .user_level {
  background-color: #3ab8ff;
}
.confirm-user-avatar .img-wrapper.level_4 {
  border-color: #b5ec40;
}
.confirm-user-avatar .img-wrapper.level_4 .user_level {
  background-color: #b5ec40;
}
.confirm-user-avatar .img-wrapper.level_5 {
  border-color: #fb2672;
}
.confirm-user-avatar .img-wrapper.level_5 .user_level {
  background-color: #fb2672;
}
.confirm-user-avatar .img-wrapper img {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 50%;
}
.confirm-user-avatar .user_level {
  position: absolute;
  left: -10px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 21px;
  width: 36px;
  font-size: 11px;
  color: #141225;
  transition: background-color 0.3s;
  clip-path: polygon(0 50%, 6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%);
}
@media screen and (max-width: 767px) {
.select-team-dialog-wrapper {
    width: 90vw !important;
}
.select-team-dialog-wrapper .select-team-dialog {
    width: 111.1111111111% !important;
    min-height: 450px !important;
    transform: scale(0.9) !important;
    transform-origin: top left;
    margin-bottom: -50px;
}
.select-team-dialog-wrapper .select-team-dialog .select-team-modal {
    padding: 30px 40px 40px;
    width: 100%;
}
.select-team-dialog-wrapper .select-team-dialog .team {
    width: 140px !important;
}
}
@media screen and (max-width: 490px) {
.select-team-dialog-wrapper .select-team-dialog {
    min-width: 300px;
    width: 125% !important;
    min-height: 400px !important;
    transform: scale(0.8) !important;
    transform-origin: top left;
    margin-bottom: -100px;
}
.select-team-dialog-wrapper .select-team-dialog .select-team-modal {
    padding: 20px 20px 20px;
}
}
.select-team-dialog {
  min-width: 500px;
  min-height: 500px;
  background-color: #141225;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  padding: 32px 0 30px;
  position: relative;
}
.select-team-dialog::after, .select-team-dialog::before {
  background-image: url(../img/D-LG4Aws.ae20c980.png);
  content: "";
  height: 104px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 137px;
}
.select-team-dialog::before {
  left: 0;
}
.select-team-dialog::after {
  right: 0;
  transform: scaleX(-1);
}
.select-team-dialog .team {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 150px;
}
.select-team-dialog .team.can-be-selected {
  cursor: pointer;
}
.select-team-dialog .team.can-be-selected:hover .team-icon {
  background: #403b6e;
}
@media screen and (max-width: 519px) {
.select-team-dialog .team {
    width: 100px;
}
}
.select-team-dialog .team .team-icon {
  background: #23203c;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  height: 138px;
  position: relative;
  transition: background 0.3s;
  width: 120px;
}
@media screen and (max-width: 519px) {
.select-team-dialog .team .team-icon {
    height: 105px;
    width: 90px;
}
}
.select-team-dialog .team .team-icon .active-bg {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.select-team-dialog .team .team-icon.ct .icon {
  background-image: url(../img/Cv1fM2UA.e49df527.png);
}
.select-team-dialog .team .team-icon.ct.active {
  background: #bcd4eb;
}
.select-team-dialog .team .team-icon.ct .active-bg {
  background: radial-gradient(50% 50% at 50% 50%, rgba(188, 212, 235, 0) 40.79%, rgba(188, 212, 235, 0.2));
}
.select-team-dialog .team .team-icon.t .icon {
  background-image: url(../img/D9zmV8Uu.fb5f5ad1.png);
}
.select-team-dialog .team .team-icon.t.active {
  background: #e5d089;
}
.select-team-dialog .team .team-icon.t .active-bg {
  background: radial-gradient(50% 50% at 50% 50%, rgba(229, 208, 138, 0) 40.79%, rgba(229, 208, 138, 0.2));
}
.select-team-dialog .team .team-icon .icon {
  background-size: contain;
  display: inline-block;
  height: 88px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 88px;
  z-index: 1;
}
@media screen and (max-width: 519px) {
.select-team-dialog .team .team-icon .icon {
    height: 60px;
    width: 60px;
}
}
.select-team-dialog .team .team-icon .inner-block {
  background: #141225;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  height: calc(100% - 4px);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 4px);
}
.select-team-dialog .team .team-name {
  color: #dddcfc;
  font-size: 13px;
  font-weight: 600;
  margin-top: 16px;
  text-transform: uppercase;
  white-space: nowrap;
}
@media screen and (max-width: 519px) {
.select-team-dialog .team .team-name {
    font-size: 10px;
}
}
.select-team-dialog .team .battle-users {
  display: flex;
  gap: 5px;
  margin-top: 6px;
}
.select-team-dialog .team .empty-user {
  background-color: #201d36;
  border-radius: 50%;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.select-team-dialog .crazy-mode-block {
  margin-top: 33px;
  text-align: center;
}
.select-team-dialog .crazy-mode {
  align-items: center;
  color: #13d761;
  display: inline-flex;
  flex-direction: column;
  position: relative;
}
.select-team-dialog .crazy-mode .icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fbf9f8' d='M6 11c1.018.564 1.988 1.096 3 1.652-.564.232-1.086.355-1.632.348a.48.48 0 0 1-.386-.155A4.46 4.46 0 0 1 6 11M11 12.654c1.014-.56 1.961-1.08 3-1.654-.209.83-.56 1.42-1.045 1.926-.092.1-.215.07-.332.07-.541.007-1.057-.14-1.623-.342'/%3E%3Cpath fill='%2313d761' d='M4.624 11.957S2 8.493 2 3.355c3.491.96 3.104-2.576 8.703-1.746 1.54.231.143-1.198-.595-1.609C15.032.281 15.204 5.852 18 3.824c-.129 2.75-.875 6.047-2.58 8.176.451-3.052-1.857-8.118-5.42-5.066-4.96-3.795-5.376 5.023-5.376 5.023'/%3E%3Cpath fill='%23ee1160' d='M5 14s1.848 3.954 5.035 3.954C13.199 17.954 15 14 15 14s-1.624 6-4.958 6C6.694 19.992 5 14 5 14'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 50px;
  opacity: 0.2;
  position: absolute;
  top: -21px;
  width: 50px;
}
.select-team-dialog .crazy-mode .mode-text {
  font-weight: 700;
  text-transform: uppercase;
}
.select-team-dialog .crazy-mode .activated-text {
  font-size: 12px;
  margin-top: 5px;
  text-transform: uppercase;
}
.select-team-dialog .crazy-mode .tooltip {
  position: absolute;
  right: -25px;
  top: -16px;
}
.select-team-dialog .select-team-modal {
  background: #141225;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  padding: 50px 0 70px;
  position: relative;
  width: 700px;
}
.select-team-dialog .select-team-modal__header {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.select-team-dialog .select-team-modal__header {
    font-size: 20px;
}
}
.select-team-dialog .select-team-modal__header {
  color: #dddcfc;
}
.select-team-dialog .select-team-modal__teams {
  display: flex;
  justify-content: center;
  margin-top: 35px;
}
.select-team-dialog .select-team-modal__teams .versus-sign {
  color: #afadd4;
  font-size: 30px;
  font-style: italic;
  font-weight: 600;
  margin: 53px 64px 0;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.select-team-dialog .select-team-modal__teams .versus-sign {
    font-size: 20px;
    margin: 53px 40px 0;
}
}
@media screen and (max-width: 519px) {
.select-team-dialog .select-team-modal__teams .versus-sign {
    margin: 53px 20px 0;
}
}
.select-team-dialog .select-team-modal .cancel-button {
  align-items: center;
  background-color: #1c1a31;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 18px 100%, 0 50%);
  color: #9793c7;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  height: 58px;
  justify-content: center;
  margin: 64px auto 0;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 290px;
}
.select-team-dialog .select-team-modal .cancel-button.disabledselect-team-modal .cancel-button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select-team-dialog .select-team-modal .cancel-button:hover {
  background-color: #312e4f;
}
.select-team-dialog .select-team-modal .cancel-button.active {
  background-color: #312e4f;
  transition: none;
}
@media screen and (max-width: 767px) {
.select-team-dialog .select-team-modal .cancel-button {
    clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
    font-size: 14px;
    height: 40px;
    min-width: unset;
    width: 200px;
}
.select-team-dialog .select-team-modal .cancel-buttonbefore {
    clip-path: polygon(12px 0, 0 50%, 12px 100%, 13px calc(100% - 1px), 1px 50%, 13px 1px, calc(100% - 13px) 1px, calc(100% - 1px) 50%, calc(100% - 13px) calc(100% - 1px), 12px calc(100% - 1px), 12px 100%, calc(100% - 12px) 100%, 100% 50%, calc(100% - 12px) 0);
}
}
.select-team-dialog .select-team-modal .cancel-button {
  display: flex;
}
@media screen and (max-width: 767px) {
.select-team-dialog .select-team-modal .cancel-button {
    margin: 40px auto 0;
}
}
.select-team-dialog .modal-close-button {
  right: 20px;
  top: 20px;
}
@media screen and (max-width: 767px) {
.select-team-dialog .modal-close-button {
    right: 15px;
    top: 10px;
}
}
.show3D-g {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 73vw;
  height: 70vh;
  height: 36.5vw;
  min-height: 300px;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(4px);
  z-index: 101;
}
@media screen and (max-width: 1024px) {
.show3D-g {
    width: 90vw;
    height: 50vw;
}
}
@media screen and (max-width: 767px) {
.show3D-g {
    width: 94vw;
    height: 50vw;
}
}
.show3D-g .show3D-close {
  position: absolute;
  top: 22px;
  right: 22px;
  background-color: #8b8d92;
  display: inline-block;
  height: 20px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 84%;
  mask-size: 84%;
  transition: background-color 0.3s;
  width: 20px;
  z-index: 1;
  cursor: pointer;
}
.show3D-g .show3D-close:hover {
  background-color: #eee;
}
.show3D-g .show3D-info {
  position: absolute;
  right: 20px;
  bottom: 18px;
  text-align: right;
  pointer-events: none;
}
.show3D-g .show3D-info .show3D-info-model {
  font-size: 18px;
  color: #9a8fd4;
  margin-bottom: 2px;
}
.show3D-g .show3D-info .show3D-info-name {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}
.el-notification {
  z-index: 3000 !important; /* 调整为更高的值 */
}
.level-img-1 {
  background-image: url(../img/rarity-8.4ffcfe49.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.level-img-2 {
  background-image: url(../img/rarity-3.034c9e42.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.level-img-3 {
  background-image: url(../img/rarity-6.dc59dbf0.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.level-img-4 {
  background-image: url(../img/rarity-7.071eeae9.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.real-img-1 {
  background-image: url(../img/rarity-7.071eeae9.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.real-img-2 {
  background-image: url(../img/rarity-5.9de60a37.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.real-img-3 {
  background-image: url(../img/rarity-4.7a032fbb.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.real-img-4 {
  background-image: url(../img/rarity-3.034c9e42.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.real-img-5 {
  background-image: url(../img/rarity-1.594c5cb2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFFFFF;
  overflow: hidden;
  background-color: #141225;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
@font-face {
  font-family: "EurostileExtended";
  /* 字体名称，需与使用时一致 */
  src: url(../fonts/EurostileExtended.c7cf9c47.woff2) format("truetype");
  font-weight: normal;
  /* 根据实际字体属性设置 */
  font-style: normal;
  /* 根据实际字体属性设置 */
  font-display: swap;
  /* 优化字体加载体验 */
}
.weapon-name[data-v-6064805b] {
  padding: 10px 0;
}
@charset "UTF-8";
@media (max-width: 1200px) {
.money-phone[data-v-696f786d] {
    display: none;
}
}
.award-box[data-v-696f786d] {
  box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.5);
  width: 31%;
  margin: 10px 0.5%;
}
@media (max-width: 1200px) {
.award-box[data-v-696f786d] {
    width: 48%;
    margin: 10px 0.5%;
}
}
.awardListPop[data-v-696f786d] {
  width: 700px;
  left: calc(50% - 350px);
  top: 100px;
  z-index: 1001;
  position: relative;
}
@media (max-width: 1200px) {
.awardListPop[data-v-696f786d] {
    width: 98%;
    left: 1%;
}
}
@media (max-width: 1200px) {
.awardListPop-box[data-v-696f786d] {
    height: 500px;
    overflow: auto;
}
.awardListPop-box[data-v-696f786d]::-webkit-scrollbar {
    display: none;
}
}
.list-box[data-v-696f786d] {
  width: 14%;
}
@media (max-width: 1600px) {
.list-box[data-v-696f786d] {
    width: 16%;
}
}
@media (max-width: 1366px) {
.list-box[data-v-696f786d] {
    width: 20%;
}
}
@media (max-width: 1200px) {
.list-box[data-v-696f786d] {
    width: 25%;
}
}
@media (max-width: 960px) {
.list-box[data-v-696f786d] {
    width: 50%;
}
}
.scroll[data-v-696f786d] ::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  display: none;
}
.anZhuan[data-v-696f786d] {
  transition: all 7s;
  transform: rotate(360000deg);
}
.side-box[data-v-696f786d] {
  width: 200px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.content[data-v-696f786d] {
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 1366px) {
.content[data-v-696f786d] {
    width: 95%;
}
}
.content-open-box[data-v-696f786d] {
  width: 80%;
  margin: 0 auto;
}
.content-open-add[data-v-696f786d] {
  width: 860px;
}
@media (max-width: 1366px) {
.content-open-left[data-v-696f786d] {
    display: none;
}
}
.content-open-center[data-v-696f786d] {
  width: 250px;
}
@media (max-width: 1366px) {
.content-open-right[data-v-696f786d] {
    display: none;
}
}
@media (max-width: 1366px) {
.content-open-gun[data-v-696f786d] {
    width: 30%;
}
}
@media (max-width: 960px) {
.content-open-gun[data-v-696f786d] {
    width: 40%;
}
}
@media (max-width: 768px) {
.content-open-gun[data-v-696f786d] {
    width: 50%;
}
}
@media (max-width: 1366px) {
.content-open-box2[data-v-696f786d] {
    width: 30%;
}
}
@media (max-width: 960px) {
.content-open-box2[data-v-696f786d] {
    width: 40%;
}
}
@media (max-width: 768px) {
.content-open-box2[data-v-696f786d] {
    width: 50%;
}
}
.opentow-bg[data-v-696f786d] {
  width: 100vw;
  height: 150vh;
  position: fixed;
  background: #000000;
  opacity: 0.8;
  z-index: 3;
  top: 0;
}
.open-slot[data-v-696f786d] ::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  display: none;
}
.open-slot-list[data-v-696f786d] {
  width: 1600px;
  height: 170px;
  left: calc(50% - 800px);
  position: relative;
  box-shadow: inset 0 0 10px #000;
}
.open-slot-list[data-v-696f786d]:before {
  content: "";
  width: 340px;
  height: 15px;
  background-image: url(../img/zhishi.41079786.png);
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 170px);
  bottom: 0;
  /*z-index: 99999;*/
}
.an-multi[data-v-696f786d] {
  z-index: 1000;
}
.loader[data-v-5eadde31] {
  height: 30px;
  position: relative;
  width: 26px;
  z-index: 1;
}
.loader .loader__content[data-v-5eadde31] {
  clip-path: url(#loader-hexagon);
  height: 100%;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.loader .loader__content[data-v-5eadde31]::before {
  animation: loaderSpin-5eadde31 1.5s linear infinite;
  background: conic-gradient(transparent, #6547dc);
  content: "";
  height: 200%;
  left: -50%;
  position: absolute;
  top: -50%;
  width: 200%;
}
.loader .loader__content .loader__content-inner[data-v-5eadde31] {
  background-color: #111021;
  clip-path: url(#loader-hexagon);
  height: 66%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 66%;
}
@keyframes loaderSpin-5eadde31 {
0% {
    transform: rotate(0);
}
to {
    transform: rotate(1turn);
}
}
.user-avatar.user-avatar-clickable[data-v-0cf63062] {
  cursor: pointer;
  transition: transform 0.3s ease;
}
.user-avatar.user-avatar-clickable.hover[data-v-0cf63062]:hover {
  transform: scale(1.1);
}
.user-avatar .img-wrapper[data-v-0cf63062] {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #141225;
  border: 2px solid;
  border-radius: 50%;
  color: #141225;
  font-size: 11px;
  font-weight: 600;
  justify-content: center;
  padding: 0px;
  box-sizing: border-box;
}
.user-avatar .img-wrapper.level_0[data-v-0cf63062] {
  border-color: #787286;
}
.user-avatar .img-wrapper.level_0 .user_level[data-v-0cf63062] {
  background-color: #9792c7;
}
.user-avatar .img-wrapper.level_1[data-v-0cf63062] {
  border-color: #787286;
}
.user-avatar .img-wrapper.level_1 .user_level[data-v-0cf63062] {
  background-color: #787286;
}
.user-avatar .img-wrapper.level_2[data-v-0cf63062] {
  border-color: #7e5bc8;
}
.user-avatar .img-wrapper.level_2 .user_level[data-v-0cf63062] {
  background-color: #7e5bc8;
}
.user-avatar .img-wrapper.level_3[data-v-0cf63062] {
  border-color: #3ab8ff;
}
.user-avatar .img-wrapper.level_3 .user_level[data-v-0cf63062] {
  background-color: #3ab8ff;
}
.user-avatar .img-wrapper.level_4[data-v-0cf63062] {
  border-color: #b5ec40;
}
.user-avatar .img-wrapper.level_4 .user_level[data-v-0cf63062] {
  background-color: #b5ec40;
}
.user-avatar .img-wrapper.level_5[data-v-0cf63062] {
  border-color: #fb2672;
}
.user-avatar .img-wrapper.level_5 .user_level[data-v-0cf63062] {
  background-color: #fb2672;
}
.user-avatar .img-wrapper img[data-v-0cf63062] {
  width: calc(100% + 0px);
  height: calc(100% + 0px);
  border-radius: 50%;
}
.user-avatar .user_level[data-v-0cf63062] {
  position: absolute;
  left: -10px;
  bottom: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 15px;
  width: 28px;
  font-size: 11px;
  color: #141225;
  transition: background-color 0.3s;
  clip-path: polygon(0 50%, 6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%);
}
@media screen and (max-width: 1023px) {
.user_level[data-v-0cf63062] {
    left: -5px !important;
    bottom: -3px !important;
}
}
@media screen and (max-width: 767px) {
.user_level[data-v-0cf63062] {
    bottom: -3px !important;
    left: -2px !important;
    width: 28px !important;
    height: 15px !important;
    font-size: 10px !important;
}
}
@media screen and (max-width: 490px) {
.user_level[data-v-0cf63062] {
    bottom: -6px !important;
    left: -10px !important;
    width: 24px !important;
    height: 14px !important;
    font-size: 8px !important;
}
}
.loader-button[data-v-6284ade3] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  gap: 3px;
  inset: 0;
  font-size: 22px;
  cursor: not-allowed;
  pointer-events: none;
  filter: brightness(80%);
  z-index: 1;
}
.loader-button .loading-dot[data-v-6284ade3] {
  color: #fff;
  opacity: 0;
  animation: dotBlink-6284ade3 1.5s infinite ease-in-out;
}
.loader-button .loading-dot[data-v-6284ade3]:nth-child(1) {
  animation-delay: 0s;
}
.loader-button .loading-dot[data-v-6284ade3]:nth-child(2) {
  animation-delay: 0.3s;
}
.loader-button .loading-dot[data-v-6284ade3]:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes dotBlink-6284ade3 {
0%, 100% {
    opacity: 0;
    transform: translateY(1px);
}
50% {
    opacity: 1;
    transform: translateY(-2px);
}
}
.recharge-page[data-v-0c93e341] {
  display: flex;
  justify-content: space-between;
  height: 100%;
  padding: 60px calc(3.5% - 8px) 40px 3.5%;
  box-sizing: border-box;
  overflow: auto;
}
.pageL-wrapper[data-v-0c93e341] {
  width: 360px;
  min-width: 150px;
}
.pageL-wrapper .referrer-wrapper[data-v-0c93e341] {
  padding: 20px;
  border-radius: 20px;
  background: #363f6d;
}
.pageL-wrapper .referrer-wrapper input[data-v-0c93e341] {
  width: 100%;
  height: 40px;
  padding-left: 20px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.098);
  border-color: rgba(51, 57, 72, 0.51);
  border-radius: 10px;
}
.pageL-wrapper .referrer-wrapper input[data-v-0c93e341]::-moz-placeholder {
  color: #999999;
}
.pageL-wrapper .referrer-wrapper input[data-v-0c93e341]::placeholder {
  color: #999999;
}
.pageL-wrapper .referrer-wrapper button[data-v-0c93e341] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 100%;
  background-color: #67a0e0;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  min-width: unset;
  margin-top: 10px;
  transition: color 0.3s, background-color 0.3s;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.pageL-wrapper .record-list-wrapper[data-v-0c93e341] {
  display: flex;
  flex-direction: column;
  height: calc(100% - 0px);
  background: rgb(30, 33, 67);
  border-radius: 10px;
  padding-bottom: 20px;
  margin-top: 10px;
  box-sizing: border-box;
}
.pageL-wrapper .record-list-wrapper .title[data-v-0c93e341] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 20px;
}
.pageL-wrapper .record-list-wrapper .title .el-icon-refresh[data-v-0c93e341] {
  font-size: 26px;
  font-weight: bold;
  cursor: pointer;
}
.pageL-wrapper .record-list-wrapper .title .el-icon-refresh.record_loading[data-v-0c93e341] {
  animation: loading-rotate-0c93e341 2s infinite;
}
@keyframes loading-rotate-0c93e341 {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(-360deg);
}
}
.pageL-wrapper .record-list-wrapper .record-list[data-v-0c93e341] {
  flex: 1 1 auto;
  overflow: auto;
  font-weight: 600;
  padding-left: 20px;
  box-sizing: border-box;
}
.pageL-wrapper .record-list-wrapper .record-item[data-v-0c93e341] {
  width: calc(100% - 20px);
  font-size: 13px;
  background: rgb(34, 38, 74);
  padding: 15px;
  margin-top: 10px;
  border-radius: 10px;
  box-sizing: border-box;
}
.pageL-wrapper .record-list-wrapper .info-t[data-v-0c93e341] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pageL-wrapper .record-list-wrapper .info-t .code[data-v-0c93e341] {
  flex: 1;
  max-width: 73%;
  color: rgba(255, 255, 255, 0.87);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pageL-wrapper .record-list-wrapper .info-t .bean[data-v-0c93e341] {
  padding-left: 5px;
  color: #62d4b2;
}
.pageL-wrapper .record-list-wrapper .info-b[data-v-0c93e341] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pageL-wrapper .record-list-wrapper .info-b .time[data-v-0c93e341] {
  color: rgba(181, 193, 218, 0.6);
}
.pageL-wrapper .record-list-wrapper .info-b .status[data-v-0c93e341] {
  color: rgb(255, 194, 138);
}
.pageL-wrapper .record-list-wrapper .info-b .status.success[data-v-0c93e341] {
  color: rgb(105, 221, 137);
}
.pageL-wrapper .record-list-wrapper .tip-text[data-v-0c93e341] {
  text-align: center;
  color: #fff;
  padding-top: 10px;
  font-weight: 500;
}
.pageR-wrapper[data-v-0c93e341] {
  flex: 1 1 auto;
  width: 450px;
  height: 100%;
  margin-left: 3%;
  padding-right: 8px;
  padding-bottom: 10px;
  overflow: auto;
}
.pageR-wrapper .pageR_1[data-v-0c93e341] {
  display: flex;
  justify-content: space-between;
}
.pageR-wrapper .pageR_1 .text-1 .tit[data-v-0c93e341] {
  color: #fff;
  line-height: 28px;
  font-size: 18px;
  font-weight: bold;
}
.pageR-wrapper .pageR_1 .text-1 .des[data-v-0c93e341] {
  color: #cddbff;
  font-size: 13px;
}
.pageR-wrapper .pageR_2[data-v-0c93e341] {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: 4px;
  color: #cddbff;
  font-size: 11.5px;
  font-weight: 500;
  border: 1px dashed rgba(159, 194, 248, 0.31);
  background: rgba(122, 187, 247, 0.05);
  padding: 12px 8px 12px 10px;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 10px;
  box-sizing: border-box;
}
.pageR-wrapper .public-tit[data-v-0c93e341] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #d1d5dc;
  margin: 20px 0;
}
.pageR-wrapper .item-wrapper[data-v-0c93e341] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pageR-wrapper .item-wrapper .item[data-v-0c93e341] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 49.2%;
  height: 124px;
  color: #fff;
  background: rgb(42, 51, 91);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: 0.3s;
}
.pageR-wrapper .item-wrapper .item[data-v-0c93e341]:nth-child(n+3) {
  margin-top: 10px;
}
.pageR-wrapper .item-wrapper .item[data-v-0c93e341]:hover {
  background: rgb(54, 68, 120);
}
.pageR-wrapper .item-wrapper .item img[data-v-0c93e341] {
  max-width: 95%;
  -o-object-fit: contain;
     object-fit: contain;
}
.pageR-wrapper .item-wrapper .text[data-v-0c93e341] {
  font-size: 12px;
  margin-top: 14px;
  padding: 0 3px;
}
.pageR-wrapper .is_recharge[data-v-0c93e341] {
  margin-top: 10px;
  color: #e94545;
}
.pay-method-popup[data-v-0c93e341] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(4px);
  z-index: 102;
}
.pay-method-popup .CDKey-wrapper[data-v-0c93e341],
.pay-method-popup .tokenpay-wrapper[data-v-0c93e341],
.pay-method-popup .currency-wrapper[data-v-0c93e341] {
  position: relative;
  width: 480px;
  background: rgb(51, 63, 112);
  padding: 40px 25px 25px;
  border-radius: 14px;
  box-sizing: border-box;
}
.pay-method-popup .CDKey-wrapper .el-icon-close[data-v-0c93e341],
.pay-method-popup .tokenpay-wrapper .el-icon-close[data-v-0c93e341],
.pay-method-popup .currency-wrapper .el-icon-close[data-v-0c93e341] {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  font-weight: 700;
  color: #999;
  cursor: pointer;
}
.pay-method-popup .CDKey-wrapper .el-icon-close[data-v-0c93e341]:hover,
.pay-method-popup .tokenpay-wrapper .el-icon-close[data-v-0c93e341]:hover,
.pay-method-popup .currency-wrapper .el-icon-close[data-v-0c93e341]:hover {
  color: #fff;
}
.pay-method-popup .CDKey-wrapper .realName[data-v-0c93e341],
.pay-method-popup .tokenpay-wrapper .realName[data-v-0c93e341],
.pay-method-popup .currency-wrapper .realName[data-v-0c93e341] {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 70%;
  font-size: 13px !important;
  margin: 0 auto;
}
.pay-method-popup .CDKey-wrapper .realName .tit[data-v-0c93e341],
.pay-method-popup .tokenpay-wrapper .realName .tit[data-v-0c93e341],
.pay-method-popup .currency-wrapper .realName .tit[data-v-0c93e341] {
  font-size: 16px !important;
  margin: -4px 0 15px;
}
.pay-method-popup .CDKey-wrapper .realName .name[data-v-0c93e341],
.pay-method-popup .tokenpay-wrapper .realName .name[data-v-0c93e341],
.pay-method-popup .currency-wrapper .realName .name[data-v-0c93e341] {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.pay-method-popup .CDKey-wrapper .realName .IDcard[data-v-0c93e341],
.pay-method-popup .tokenpay-wrapper .realName .IDcard[data-v-0c93e341],
.pay-method-popup .currency-wrapper .realName .IDcard[data-v-0c93e341] {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
}
.pay-method-popup .CDKey-wrapper .realName .input[data-v-0c93e341],
.pay-method-popup .tokenpay-wrapper .realName .input[data-v-0c93e341],
.pay-method-popup .currency-wrapper .realName .input[data-v-0c93e341] {
  flex: 1;
  display: inline-block;
  align-items: center;
  padding: 10px 20px 10px 10px;
  background: rgba(0, 0, 0, 0.1);
  margin-left: 8px;
  border-radius: 10px;
}
.pay-method-popup .CDKey-wrapper .realName .input input[data-v-0c93e341],
.pay-method-popup .tokenpay-wrapper .realName .input input[data-v-0c93e341],
.pay-method-popup .currency-wrapper .realName .input input[data-v-0c93e341] {
  width: 100%;
  height: 100%;
}
.pay-method-popup .CDKey-wrapper .editUser[data-v-0c93e341],
.pay-method-popup .tokenpay-wrapper .editUser[data-v-0c93e341],
.pay-method-popup .currency-wrapper .editUser[data-v-0c93e341] {
  position: absolute;
  right: 45px;
  top: 35px;
  font-size: 11px;
  color: #739ccb;
  cursor: pointer;
}
.pay-method-popup .CDKey-wrapper .editUser.un[data-v-0c93e341],
.pay-method-popup .tokenpay-wrapper .editUser.un[data-v-0c93e341],
.pay-method-popup .currency-wrapper .editUser.un[data-v-0c93e341] {
  top: 183px;
}
.pay-method-popup .CDKey-wrapper .payment-smoo-list[data-v-0c93e341],
.pay-method-popup .tokenpay-wrapper .payment-smoo-list[data-v-0c93e341],
.pay-method-popup .currency-wrapper .payment-smoo-list[data-v-0c93e341] {
  display: flex;
  width: 100%;
  gap: 10px;
}
.pay-method-popup .CDKey-wrapper .payment-smoo-list .item[data-v-0c93e341],
.pay-method-popup .tokenpay-wrapper .payment-smoo-list .item[data-v-0c93e341],
.pay-method-popup .currency-wrapper .payment-smoo-list .item[data-v-0c93e341] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 40px;
  color: #9793c7;
  border: 1px solid #9793c7;
  border-radius: 6px;
}
.pay-method-popup .CDKey-wrapper button[data-v-0c93e341],
.pay-method-popup .tokenpay-wrapper button[data-v-0c93e341],
.pay-method-popup .currency-wrapper button[data-v-0c93e341] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 100%;
  background-color: #48c5a9;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  min-width: unset;
  margin-top: 30px;
  transition: color 0.3s, background-color 0.3s;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.pay-method-popup .CDKey-wrapper button[data-v-0c93e341]:hover,
.pay-method-popup .tokenpay-wrapper button[data-v-0c93e341]:hover,
.pay-method-popup .currency-wrapper button[data-v-0c93e341]:hover {
  background-color: #4af1cc;
}
.pay-method-popup .CDKey-wrapper .tit[data-v-0c93e341] {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}
.pay-method-popup .CDKey-wrapper input[data-v-0c93e341] {
  width: 100%;
  height: 40px;
  padding-left: 20px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.098);
  border-color: rgba(51, 57, 72, 0.51);
  border-radius: 10px;
  font-weight: 700;
}
.pay-method-popup .CDKey-wrapper input[data-v-0c93e341]::-moz-placeholder {
  color: #999999;
}
.pay-method-popup .CDKey-wrapper input[data-v-0c93e341]::placeholder {
  color: #999999;
}
.pay-method-popup .tokenpay-wrapper[data-v-0c93e341] {
  font-weight: bold;
}
.pay-method-popup .tokenpay-wrapper .select .tit[data-v-0c93e341] {
  color: #fff;
  font-size: 14px;
  margin-bottom: 10px;
}
.pay-method-popup .tokenpay-wrapper .select .el-select[data-v-0c93e341] {
  border-radius: 10px;
  overflow: hidden;
}
.pay-method-popup .tokenpay-wrapper .ul[data-v-0c93e341] {
  color: #8a9ccd;
  background-color: #2e3967;
  padding: 15px;
  border-radius: 10px;
  margin-top: 8px;
}
.pay-method-popup .tokenpay-wrapper .pay-input[data-v-0c93e341] {
  display: flex;
  align-items: center;
  color: rgb(234, 239, 255);
  margin-top: 10px;
}
.pay-method-popup .tokenpay-wrapper .pay-input .input[data-v-0c93e341] {
  display: flex;
  align-items: center;
  width: 135px;
  padding: 10px 35px 10px 10px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.pay-method-popup .tokenpay-wrapper .pay-input .input input[data-v-0c93e341] {
  width: 100px;
  height: 20px;
  padding-left: 4px;
}
.pay-method-popup .tokenpay-wrapper .pay-input .icon[data-v-0c93e341] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  text-align: center;
  color: #fff;
}
.pay-method-popup .tokenpay-wrapper .pay-input .amount[data-v-0c93e341] {
  flex: 1;
  display: flex;
  align-items: center;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  height: 40px;
  padding: 10px;
  border-radius: 10px;
  filter: brightness(80%);
}
.pay-method-popup .tokenpay-wrapper .pay-input .amount img[data-v-0c93e341] {
  height: 20px;
}
.pay-method-popup .tokenpay-wrapper .pay-input .amount div[data-v-0c93e341] {
  margin-left: 8px;
}
.pay-method-popup .tokenpay-wrapper .amount-tabs[data-v-0c93e341] {
  display: flex;
  justify-content: space-between;
  color: #aebaf1;
  gap: 1.5%;
  margin-top: 25px;
}
.pay-method-popup .tokenpay-wrapper .amount-tabs .tab[data-v-0c93e341] {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  border-radius: 8px;
  background-color: #3d477b;
  cursor: pointer;
}
.pay-method-popup .tokenpay-wrapper .amount-tabs .tab[data-v-0c93e341]:hover {
  background-color: #4d5ca3;
}
.pay-method-popup .tokenpay-wrapper .amount-tabs .tab.active[data-v-0c93e341] {
  background-color: #5466bb;
}
.pay-method-popup .tokenpay-wrapper button[data-v-0c93e341] {
  margin-top: 20px;
}
.pay-method-popup .currency-wrapper[data-v-0c93e341] {
  padding: 30px 25px;
  font-weight: bold;
}
.pay-method-popup .currency-wrapper .title[data-v-0c93e341] {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 15px;
}
.pay-method-popup .currency-wrapper .tit[data-v-0c93e341] {
  color: rgb(211, 222, 239);
  font-size: 12px !important;
  margin-bottom: 10px;
  margin-top: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pay-method-popup .currency-wrapper .tit_text[data-v-0c93e341] {
  display: flex;
}
.pay-method-popup .currency-wrapper .tit_text .p1[data-v-0c93e341] {
  width: calc(36% + 20px);
}
.pay-method-popup .currency-wrapper .tit_text .p2[data-v-0c93e341] {
  padding-left: 15px;
}
.pay-method-popup .currency-wrapper .pay-input[data-v-0c93e341] {
  display: flex;
  align-items: center;
  color: rgb(234, 239, 255);
  margin-top: 10px;
}
.pay-method-popup .currency-wrapper .pay-input .input[data-v-0c93e341] {
  display: flex;
  align-items: center;
  width: 36%;
  padding: 10px 50px 10px 10px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.pay-method-popup .currency-wrapper .pay-input .input input[data-v-0c93e341] {
  width: 100px;
  height: 20px;
  padding-left: 4px;
}
.pay-method-popup .currency-wrapper .pay-input .icon[data-v-0c93e341] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  text-align: center;
  color: #fff;
}
.pay-method-popup .currency-wrapper .pay-input .amount[data-v-0c93e341] {
  flex: 1;
  display: flex;
  align-items: center;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  height: 40px;
  padding: 10px;
  border-radius: 10px;
  filter: brightness(45%);
  cursor: default;
}
.pay-method-popup .currency-wrapper .pay-input .amount img[data-v-0c93e341] {
  width: 20px;
}
.pay-method-popup .currency-wrapper .pay-input .amount div[data-v-0c93e341] {
  margin-left: 8px;
}
.pay-method-popup .currency-wrapper .amount-tabs[data-v-0c93e341] {
  display: flex;
  justify-content: space-between;
  color: #aebaf1;
  gap: 1.5%;
  margin-top: 25px;
}
.pay-method-popup .currency-wrapper .amount-tabs .tab[data-v-0c93e341] {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  border-radius: 8px;
  background-color: #3d477b;
  cursor: pointer;
  cursor: pointer;
}
.pay-method-popup .currency-wrapper .amount-tabs .tab[data-v-0c93e341]:hover {
  background-color: #495698;
}
.pay-method-popup .currency-wrapper .amount-tabs .tab.active[data-v-0c93e341] {
  background-color: #5a6dcb;
}
.pay-order-popup[data-v-0c93e341] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(4px);
  z-index: 102;
}
.pay-order-popup .order-wrapper[data-v-0c93e341] {
  position: relative;
  width: 480px;
  background: rgb(51, 63, 112);
  color: rgba(255, 255, 255, 0.87);
  font-weight: 600;
  padding: 30px 25px 25px;
  border-radius: 14px;
  box-sizing: border-box;
}
.pay-order-popup .el-icon-close[data-v-0c93e341] {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  font-weight: 700;
  color: #999;
  cursor: pointer;
}
.pay-order-popup .el-icon-close[data-v-0c93e341]:hover {
  color: #fff;
}
.pay-order-popup .order_no[data-v-0c93e341] {
  max-width: 95%;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.pay-order-popup .info_1[data-v-0c93e341] {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 130px;
  background: rgb(35, 40, 76);
  border-radius: 10px;
  padding: 15px 30px;
  margin-top: 20px;
}
.pay-order-popup .info_2[data-v-0c93e341] {
  background: rgb(42, 51, 91);
  padding: 23px 23px 32px;
  margin-top: 20px;
  border-radius: 10px;
  box-sizing: border-box;
}
.pay-order-popup .info_2 img[data-v-0c93e341] {
  height: 145px;
  margin-top: 8px;
  border-radius: 6px;
}
.pay-order-popup .info_2 .reminder[data-v-0c93e341] {
  font-size: 12px;
  margin-top: 2px;
}
.pay-order-popup .info_2 .reminder span[data-v-0c93e341] {
  color: rgba(247, 38, 38, 0.948);
}
.pay-order-popup .info_3[data-v-0c93e341] {
  background: rgb(42, 51, 91);
  padding: 23px 23px 32px;
  margin-top: 20px;
  border-radius: 10px;
  box-sizing: border-box;
}
.pay-order-popup .info_3 .title[data-v-0c93e341] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  font-size: 13px;
}
.pay-order-popup .info_3 .title span[data-v-0c93e341] {
  color: rgba(247, 38, 38, 0.948);
}
.pay-order-popup .info_3 .button[data-v-0c93e341] {
  padding: 20px;
  font-size: 16px;
  align-items: center;
  background-color: #48c5a9;
  clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  margin-top: 20px;
  min-width: 190px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.pay-order-popup .info_3 .button[data-v-0c93e341]:hover {
  background-color: #4af1cc;
}
.pay-order-popup .item[data-v-0c93e341] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
}
.pay-order-popup .item .color62d4b2[data-v-0c93e341] {
  color: #62d4b2;
}
.pay-order-popup .item .tit[data-v-0c93e341] {
  color: rgba(181, 193, 218, 0.6);
  font-size: 12px;
}
.pay-order-popup .item .des[data-v-0c93e341] {
  display: flex;
  align-items: center;
  font-size: 14px;
  min-height: 21px;
}
.pay-order-popup .item .des.wait[data-v-0c93e341] {
  color: rgba(247, 38, 38, 0.948);
}
.pay-order-popup .item .des.success[data-v-0c93e341] {
  color: rgb(105, 221, 137);
}
.pay-order-popup .item img[data-v-0c93e341] {
  height: 16px;
  margin-right: 6px;
}
.pay-order-popup .item2[data-v-0c93e341] {
  width: 100%;
  margin-top: 10px;
}
.pay-order-popup .item2 .des[data-v-0c93e341] {
  margin-top: 3px;
}
.pay-order-popup .item2 .copy-btn[data-v-0c93e341] {
  margin-left: 8px;
  transition: opacity 0.3s;
}
.pay-order-popup .item2 .copy-btn[data-v-0c93e341]:hover {
  opacity: 0.6 !important;
}
@media screen and (max-width: 767px) {
.recharge-page[data-v-0c93e341] {
    padding: 60px calc(2% - 5px) 30px 2% !important;
}
.recharge-page .referrer-wrapper[data-v-0c93e341] {
    padding: 14px;
    font-size: 12px !important;
}
.recharge-page .referrer-wrapper input[data-v-0c93e341] {
    height: 34px;
}
.recharge-page .referrer-wrapper button[data-v-0c93e341] {
    font-size: 12px !important;
    height: 34px !important;
    clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
}
.recharge-page .record-list-wrapper .title[data-v-0c93e341] {
    padding: 10px;
    font-size: 13px;
}
.recharge-page .record-list-wrapper .title .el-icon-refresh[data-v-0c93e341] {
    font-size: 15px;
}
.recharge-page .record-list-wrapper .record-list[data-v-0c93e341] {
    padding-left: 6px;
}
.recharge-page .record-list-wrapper .record-list .record-item[data-v-0c93e341] {
    width: calc(100% - 5px);
    padding: 10px;
    font-size: 10px;
}
.pageR-wrapper[data-v-0c93e341] {
    flex: 1 1 auto;
    width: 300px;
}
.pageR-wrapper .tit[data-v-0c93e341] {
    font-size: 15px !important;
}
.pageR-wrapper .des[data-v-0c93e341] {
    font-size: 13px !important;
}
.pageR-wrapper .pageR_2[data-v-0c93e341] {
    font-size: 10px !important;
}
.pageR-wrapper .public-tit[data-v-0c93e341] {
    font-size: 14px;
}
.pageR-wrapper .public-tit svg[data-v-0c93e341] {
    width: 14px !important;
    height: 14px !important;
}
}
@media screen and (max-width: 490px) {
.pageR-wrapper[data-v-0c93e341] {
    flex: 1 1 auto;
    width: 256px;
}
.item-wrapper .item[data-v-0c93e341] {
    width: 100% !important;
}
.item-wrapper .item[data-v-0c93e341]:not(:first-child) {
    margin-top: 10px !important;
}
.record-item[data-v-0c93e341] {
    font-size: 8px !important;
    margin-top: 6px !important;
}
.pay-method-popup[data-v-0c93e341] {
    transform: scale(0.88);
    width: 113.6363636364% !important;
    height: 113.6363636364% !important;
    transform-origin: top left;
}
.pay-order-popup[data-v-0c93e341] {
    transform: scale(0.8);
    width: 125%;
    height: 125%;
    transform-origin: top left;
}
.pay-order-popup .order-wrapper .order_no[data-v-0c93e341] {
    font-size: 21px;
}
}
.filter-invert {
  filter: invert(91%);
}
.filter-invert .el-select-dropdown__item.selected {
  color: #000;
}
@charset "UTF-8";
.user-container[data-v-43142f65] {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: 44px;
  padding-right: 44px;
}
.user-container.sm[data-v-43142f65] {
  width: 1384px;
}
.user-container.lg[data-v-43142f65] {
  width: 1920px;
}
@media screen and (max-width: 767px) {
.user-container[data-v-43142f65] {
    padding: 0 22px !important;
}
}
.button__content[data-v-43142f65] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.ui-blocker__wrap[data-v-43142f65] {
  position: relative;
}
.storage_null[data-v-43142f65] {
  position: relative;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  align-items: center;
  min-height: 120px;
  width: 100%;
  background: linear-gradient(0deg, rgb(26, 23, 45), rgb(20, 18, 37));
  border-radius: 16px;
  margin-top: 20px;
  padding: 0 15px;
}
@media screen and (max-width: 1023px) {
.storage_null[data-v-43142f65] {
    transform: scale(0.83);
    width: 120.4819277108%;
    transform-origin: left top;
    margin-top: 0px;
    padding: 0 6px;
}
}
@media screen and (max-width: 767px) {
.storage_null[data-v-43142f65] {
    flex-direction: column;
    margin-top: 20px;
}
.storage_null .storage_null_img[data-v-43142f65] {
    display: none;
}
.storage_null .storage_null_button[data-v-43142f65] {
    position: unset !important;
    transform: translateY(20px) !important;
}
}
.storage_null .storage_null_img[data-v-43142f65] {
  position: relative;
  width: 200px;
  background-image: url(../img/empty-state-image.bdddcca8.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 200px;
  background-position: 50% center;
}
.storage_null .storage_null_text .tit[data-v-43142f65] {
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1.2px;
  text-transform: uppercase;
}
.storage_null .storage_null_text .tit b[data-v-43142f65] {
  color: rgb(74, 241, 184);
  font-weight: inherit;
  white-space: nowrap;
}
.storage_null .storage_null_text .desc[data-v-43142f65] {
  margin-top: 10px;
  color: rgb(151, 147, 199);
  font-size: 16px;
  font-weight: 500;
}
.storage_null .storage_null_button[data-v-43142f65] {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  background-color: #cf3464;
  clip-path: polygon(12px 0px, calc(100% - 12px) 0px, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0px 50%);
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  height: 46px;
  justify-content: center;
  min-width: 270px;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: unset;
  padding: 0px 15px;
  transition: color 0.3s, background-color 0.3s;
  white-space: nowrap;
}
.ui-blocker__content[data-v-43142f65] {
  position: relative;
}
.user-info-page[data-v-43142f65] {
  min-height: 888px;
  margin-top: 20px;
  margin-bottom: 200px;
}
.user-info-page .profile-block[data-v-43142f65] {
  background-color: #121022;
  background-image: url(../img/D9z-B7mN.726ac729.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 0 0 5px;
}
.user-info-page .profile-block .profile-info[data-v-43142f65] {
  position: relative;
}
.user-info-page .profile-block .profile-info .profile-info__user-info[data-v-43142f65] {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 58px;
  padding-top: 32px;
  padding-top: 0;
  grid-template-columns: auto 372px;
}
@media screen and (max-width: 900px) {
.user-info-page .profile-block .profile-info .profile-info__user-info[data-v-43142f65] {
    grid-gap: 50px !important;
}
}
@media screen and (max-width: 490px) {
.user-info-page .profile-block .profile-info .profile-info__user-info[data-v-43142f65] {
    grid-gap: 88px !important;
}
}
.user-info-page .profile-block .profile-info .user-wrapper[data-v-43142f65] {
  align-items: center;
  display: flex;
  padding: 0 0 10px;
}
.user-info-page .profile-block .profile-info .user-mobile-wrapper[data-v-43142f65] {
  position: relative;
  align-items: center;
  display: flex;
  width: 100%;
}
.user-info-page .profile-block .profile-info[data-v-43142f65] .user-avatar-wrapper {
  flex: 0 0 auto;
  width: 130px;
  height: 130px;
}
.user-info-page .profile-block .profile-info[data-v-43142f65] .user-avatar-wrapper .user_level {
  left: 0px;
  bottom: 5px;
}
.user-info-page .profile-block .profile-info[data-v-43142f65] .user-avatar-wrapper .img-wrapper img {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
.user-info-page .profile-block .profile-info .user-info[data-v-43142f65] {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 26px;
}
.user-info-page .profile-block .profile-info .user-info .user-name[data-v-43142f65] {
  align-items: start;
  display: flex;
  margin-bottom: 9px;
}
.user-info-page .profile-block .profile-info .user-info .user-name__text[data-v-43142f65] {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -1.1px;
  line-height: 19px;
  white-space: nowrap;
}
.user-info-page .profile-block .profile-info .user-info .user-name__text span[data-v-43142f65] {
  margin-right: 16px;
}
.user-info-page .profile-block .profile-info .user-info .user-name__steam-link[data-v-43142f65] {
  background-color: #9490ae;
  cursor: pointer;
  display: block;
  height: 19px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.983 0C4.72 0 .41 4.05 0 9.198l5.37 2.216a2.82 2.82 0 0 1 1.752-.488L9.51 7.47v-.049a3.779 3.779 0 0 1 7.555 0 3.78 3.78 0 0 1-3.863 3.77l-3.406 2.426q.004.067.004.133a2.836 2.836 0 0 1-5.616.558l-3.84-1.584a10.016 10.016 0 0 0 9.639 7.274C15.514 20 20 15.522 20 10S15.515 0 9.983 0'/%3E%3Cpath d='m6.278 15.174-1.23-.507c.218.453.595.832 1.096 1.04a2.13 2.13 0 0 0 2.783-1.144c.218-.523.22-1.1.003-1.626a2.127 2.127 0 0 0-2.718-1.176l1.271.525a1.56 1.56 0 0 1 .843 2.045 1.567 1.567 0 0 1-2.048.843M11.401 7.418c0-1.042.847-1.887 1.891-1.887s1.89.845 1.89 1.887a1.89 1.89 0 0 1-1.89 1.888 1.89 1.89 0 0 1-1.89-1.888m4.404.005a2.518 2.518 0 0 0-5.033 0 2.517 2.517 0 0 0 5.033 0'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.983 0C4.72 0 .41 4.05 0 9.198l5.37 2.216a2.82 2.82 0 0 1 1.752-.488L9.51 7.47v-.049a3.779 3.779 0 0 1 7.555 0 3.78 3.78 0 0 1-3.863 3.77l-3.406 2.426q.004.067.004.133a2.836 2.836 0 0 1-5.616.558l-3.84-1.584a10.016 10.016 0 0 0 9.639 7.274C15.514 20 20 15.522 20 10S15.515 0 9.983 0'/%3E%3Cpath d='m6.278 15.174-1.23-.507c.218.453.595.832 1.096 1.04a2.13 2.13 0 0 0 2.783-1.144c.218-.523.22-1.1.003-1.626a2.127 2.127 0 0 0-2.718-1.176l1.271.525a1.56 1.56 0 0 1 .843 2.045 1.567 1.567 0 0 1-2.048.843M11.401 7.418c0-1.042.847-1.887 1.891-1.887s1.89.845 1.89 1.887a1.89 1.89 0 0 1-1.89 1.888 1.89 1.89 0 0 1-1.89-1.888m4.404.005a2.518 2.518 0 0 0-5.033 0 2.517 2.517 0 0 0 5.033 0'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  min-width: 19px;
  transition: background-color 0.3s;
  width: 19px;
}
.user-info-page .profile-block .profile-info .user-info .log-out-icon[data-v-43142f65] {
  position: absolute;
  top: 0;
  right: 1px;
  background-color: #9793ba;
  display: inline-block;
  height: 19px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.066 4.427h-2.01V2.239H2.016v15.514h11.026v-2.177h1.981c.01.016.029.026.029.042 0 .792.037 1.583-.02 2.37-.084 1.182-.936 2.005-2.009 2.01-2.047.005-4.094 0-6.14 0H2.128c-1.28 0-2.122-.927-2.127-2.339-.005-5.103 0-10.207 0-15.31C.002.932.85 0 2.13 0h10.8c1.275 0 2.127.937 2.137 2.343z'/%3E%3Cpath d='M14.68 12.834c.49-.547.998-1.114 1.534-1.708H7.047V8.913H16.2c-.541-.604-1.054-1.172-1.562-1.74l1.392-1.541 3.972 4.395-3.934 4.354c-.442-.495-.908-1.01-1.388-1.547'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.066 4.427h-2.01V2.239H2.016v15.514h11.026v-2.177h1.981c.01.016.029.026.029.042 0 .792.037 1.583-.02 2.37-.084 1.182-.936 2.005-2.009 2.01-2.047.005-4.094 0-6.14 0H2.128c-1.28 0-2.122-.927-2.127-2.339-.005-5.103 0-10.207 0-15.31C.002.932.85 0 2.13 0h10.8c1.275 0 2.127.937 2.137 2.343z'/%3E%3Cpath d='M14.68 12.834c.49-.547.998-1.114 1.534-1.708H7.047V8.913H16.2c-.541-.604-1.054-1.172-1.562-1.74l1.392-1.541 3.972 4.395-3.934 4.354c-.442-.495-.908-1.01-1.388-1.547'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transform: translate(2px);
  width: 19px;
  margin-left: 10px;
}
.user-info-page .profile-block .profile-info .user-info ._N0WhBoIlC2k-[data-v-43142f65] {
  align-items: center;
  display: flex;
  gap: 6px;
  height: 19px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 10px;
}
.user-info-page .profile-block .profile-info .user-info ._N0WhBoIlC2k-:hover ._hFhowU3wwAg-[data-v-43142f65] {
  color: #fff;
}
.user-info-page .profile-block .profile-info .user-info ._N0WhBoIlC2k-:hover ._-uokotppmk0-[data-v-43142f65] {
  display: flex !important;
}
.user-info-page .profile-block .profile-info .user-info ._N0WhBoIlC2k- ._hFhowU3wwAg-[data-v-43142f65] {
  aspect-ratio: 1;
  color: #9792c7;
  height: inherit;
  transition: color 0.3s;
}
.user-info-page .profile-block .profile-info .user-info ._N0WhBoIlC2k- ._hFhowU3wwAg- ._UZlS30yL83g-[data-v-43142f65] {
  background-color: currentColor;
  display: block;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M14 0a6 6 0 0 1 6 6v8a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6V6a6 6 0 0 1 6-6zM3.84 5.6V14h2.376V5.6zm4.066 0V14h3.972q1.392 0 2.448-.516t1.645-1.452q.6-.948.6-2.232 0-1.296-.6-2.232-.588-.936-1.645-1.452T11.878 5.6zm3.876 1.896q.72 0 1.248.276.54.264.84.78t.3 1.248q0 .72-.3 1.248-.3.516-.84.792-.528.264-1.248.264h-1.5V7.496z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M14 0a6 6 0 0 1 6 6v8a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6V6a6 6 0 0 1 6-6zM3.84 5.6V14h2.376V5.6zm4.066 0V14h3.972q1.392 0 2.448-.516t1.645-1.452q.6-.948.6-2.232 0-1.296-.6-2.232-.588-.936-1.645-1.452T11.878 5.6zm3.876 1.896q.72 0 1.248.276.54.264.84.78t.3 1.248q0 .72-.3 1.248-.3.516-.84.792-.528.264-1.248.264h-1.5V7.496z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  width: 100%;
}
.user-info-page .profile-block .profile-info .user-info ._N0WhBoIlC2k- ._EAKaDUX-NOM- ._-uokotppmk0-[data-v-43142f65] {
  width: 82px;
  display: none;
  align-items: center;
  background-color: #2f2d47;
  border-radius: 6px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  gap: 6px;
  height: 100%;
  justify-content: space-between;
  line-height: 1;
  overflow: hidden;
  padding: 6px;
  text-transform: uppercase;
  width: 100%;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.user-info-page .profile-block .profile-info .user-info ._N0WhBoIlC2k- ._EAKaDUX-NOM- ._g8ES2BmMUS8-[data-v-43142f65] {
  display: none;
}
.user-info-page .profile-block .profile-info .user-info .user-level-profile[data-v-43142f65] {
  color: #9793c7;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  margin-top: 17px;
}
.user-info-page .profile-block .profile-info .user-info .how-it-works-button[data-v-43142f65] {
  color: #9793c7;
  font-size: 14px;
  font-weight: 600;
  margin-left: 8px;
  transition: color 0.3s;
}
.user-info-page .profile-block .profile-info .user-info .info-icon[data-v-43142f65] {
  background-color: #9793c7;
  display: inline-block;
  height: 14px;
  margin-right: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 14px;
}
.user-info-page .profile-block .profile-info .user-info .user-info__level[data-v-43142f65] {
  margin-top: 0;
}
.user-info-page .profile-block .profile-info .user-info .user-level[data-v-43142f65] {
  width: 100%;
}
.user-info-page .profile-block .profile-info .user-info .user-level__line[data-v-43142f65] {
  height: 4px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.user-info-page .profile-block .profile-info .user-info .user-level__line.level-color-2[data-v-43142f65] {
  background: linear-gradient(90deg, #7e5bc8, #412b72);
}
.user-info-page .profile-block .profile-info .user-info .current-xp[data-v-43142f65] {
  background: #0ab0b6;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.user-info-page .profile-block .profile-info .user-info .current-xp.with-animation[data-v-43142f65] {
  transition: width 2s cubic-bezier(0.16, 1, 0.3, 1);
}
.user-info-page .profile-block .profile-info .user-info .user-info__money-bar[data-v-43142f65] {
  margin-top: 12px;
}
.user-info-page .profile-block .profile-info .user-info .user-info__money-bar.profile-v2[data-v-43142f65] {
  margin-top: 15px;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar[data-v-43142f65] {
  align-items: center;
  display: flex;
  position: relative;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .button-wrapper-for-mobile[data-v-43142f65] {
  display: flex;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__refill-button-block[data-v-43142f65] {
  margin-left: 0;
  position: relative;
  width: auto;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__invite-button-block[data-v-43142f65] {
  margin-left: 8px;
  position: relative;
  width: auto;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__refill[data-v-43142f65] {
  align-items: center;
  background-color: #131e2b;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  min-width: 156px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__refill[data-v-43142f65]::before {
  background-color: #194f4a;
  clip-path: polygon(8px 0, 0 50%, 8px 100%, 9px calc(100% - 1px), 1px 50%, 9px 1px, calc(100% - 9px) 1px, calc(100% - 1px) 50%, calc(100% - 9px) calc(100% - 1px), 8px calc(100% - 1px), 8px 100%, calc(100% - 8px) 100%, 100% 50%, calc(100% - 8px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__refill .wallet-icon[data-v-43142f65] {
  background-color: #4af1cc;
  display: inline-block;
  height: 15px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M1.217 2.262H17.44c.671 0 1.217.546 1.217 1.217v2.747h-5.823a3.218 3.218 0 0 0-2.29.95 3.22 3.22 0 0 0-.95 2.29v.342c0 .436.085.862.256 1.262.162.385.397.732.694 1.028s.643.531 1.028.694c.4.168.825.255 1.262.255h5.823v2.747c0 .671-.546 1.217-1.217 1.217H1.217A1.22 1.22 0 0 1 0 15.794V3.479c0-.67.546-1.217 1.217-1.217'/%3E%3Cpath d='M20.001 10.918a.91.91 0 0 1-.913.913h-6.253a2.02 2.02 0 0 1-2.023-2.022v-.343c0-1.118.905-2.022 2.023-2.022h6.253c.505 0 .913.407.913.912zm-6.836-2.355a1.074 1.074 0 1 0-.001 2.149 1.074 1.074 0 0 0 .001-2.149'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M1.217 2.262H17.44c.671 0 1.217.546 1.217 1.217v2.747h-5.823a3.218 3.218 0 0 0-2.29.95 3.22 3.22 0 0 0-.95 2.29v.342c0 .436.085.862.256 1.262.162.385.397.732.694 1.028s.643.531 1.028.694c.4.168.825.255 1.262.255h5.823v2.747c0 .671-.546 1.217-1.217 1.217H1.217A1.22 1.22 0 0 1 0 15.794V3.479c0-.67.546-1.217 1.217-1.217'/%3E%3Cpath d='M20.001 10.918a.91.91 0 0 1-.913.913h-6.253a2.02 2.02 0 0 1-2.023-2.022v-.343c0-1.118.905-2.022 2.023-2.022h6.253c.505 0 .913.407.913.912zm-6.836-2.355a1.074 1.074 0 1 0-.001 2.149 1.074 1.074 0 0 0 .001-2.149'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 15px;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__refill .invite-icon[data-v-43142f65] {
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 16px;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__trade-url-button-block[data-v-43142f65] {
  margin-left: 8px;
  position: relative;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__trade-url-button[data-v-43142f65] {
  align-items: center;
  background-color: #1c1a2e;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  min-width: 156px;
  padding: 0 20px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__trade-url-button[data-v-43142f65]::before {
  background-color: #2b283e;
  clip-path: polygon(8px 0, 0 50%, 8px 100%, 9px calc(100% - 1px), 1px 50%, 9px 1px, calc(100% - 9px) 1px, calc(100% - 1px) 50%, calc(100% - 9px) calc(100% - 1px), 8px calc(100% - 1px), 8px 100%, calc(100% - 8px) 100%, 100% 50%, calc(100% - 8px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__trade-url-button .trade-url-icon[data-v-43142f65] {
  background-color: #8471f7;
  display: inline-block;
  height: 13px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.98 5.524H8.016l-.46-4.149L0 8.477h20zM.5 13.477h11.954l-.02 4.148 7.556-7.102-19.49-.02z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.98 5.524H8.016l-.46-4.149L0 8.477h20zM.5 13.477h11.954l-.02 4.148 7.556-7.102-19.49-.02z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 16px;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__trade-url-button .trade-url-text[data-v-43142f65] {
  display: block;
  max-width: 120px;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__trade-url-button .email[data-v-43142f65] {
  display: block;
  max-width: 120px;
  margin-left: 12px;
}
@media screen and (max-width: 900px) {
.user-info-page .profile-block .profile-info .user-info .user-money-bar[data-v-43142f65] {
    position: absolute !important;
    bottom: -55px;
    left: 0%;
    transform: translateX(26px) scale(0.85);
    transform-origin: left top;
    width: calc(100% - 26px) !important;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .button-wrapper-for-mobile[data-v-43142f65] {
    width: 100%;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .button-wrapper-for-mobile > div[data-v-43142f65] {
    flex: 1 1 25%;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .button-wrapper-for-mobile > div .user-money-bar__refill[data-v-43142f65],
  .user-info-page .profile-block .profile-info .user-info .user-money-bar .button-wrapper-for-mobile > div .user-money-bar__trade-url-button[data-v-43142f65] {
    width: 100%;
}
}
@media screen and (max-width: 767px) {
.user-info-page .profile-block .profile-info .user-info .user-money-bar[data-v-43142f65] {
    position: absolute !important;
    bottom: -60px;
    transform: translateX(-80px) scale(0.8);
    width: calc(125% + 100px) !important;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .button-wrapper-for-mobile[data-v-43142f65] {
    width: 100%;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .button-wrapper-for-mobile > div .user-money-bar__refill[data-v-43142f65],
  .user-info-page .profile-block .profile-info .user-info .user-money-bar .button-wrapper-for-mobile > div .user-money-bar__trade-url-button[data-v-43142f65] {
    min-width: auto !important;
}
}
@media screen and (max-width: 490px) {
.user-info-page .profile-block .profile-info .user-info .user-money-bar[data-v-43142f65] {
    position: absolute !important;
    bottom: -88px;
    left: 0%;
    transform: translateX(-60px) scale(0.9);
    transform-origin: left bottom;
    width: calc(111.1111111111% + 60px) !important;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .button-wrapper-for-mobile[data-v-43142f65] {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .button-wrapper-for-mobile > div[data-v-43142f65] {
    flex: 1 1 46%;
    width: 46%;
    margin-left: 0;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .button-wrapper-for-mobile > div .user-money-bar__refill[data-v-43142f65],
  .user-info-page .profile-block .profile-info .user-info .user-money-bar .button-wrapper-for-mobile > div .user-money-bar__trade-url-button[data-v-43142f65] {
    width: 100%;
    min-width: auto !important;
}
}
.user-info-page .profile-block .profile-info .profile-info__drop[data-v-43142f65] {
  position: relative;
  align-self: baseline;
}
.user-info-page .profile-block .profile-info .profile-info__drop .ui-blocker__content[data-v-43142f65] {
  display: flex;
  justify-content: center;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop[data-v-43142f65] {
  display: flex;
  height: 130px;
  justify-content: space-between;
  padding: 0 26px;
  position: relative;
  width: 372px;
  z-index: 0;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop[data-v-43142f65]:after, .user-info-page .profile-block .profile-info .profile-info__drop .best-drop[data-v-43142f65]:before {
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop[data-v-43142f65]::before {
  background: transparent;
  height: 100%;
  width: 100%;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop[data-v-43142f65]::after {
  background: transparent no-repeat 0 -225px/743px 352px;
  background-color: #161429;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop[data-v-43142f65]::before {
  background: linear-gradient(29deg, rgba(212, 50, 42, 0.2), rgba(49, 45, 83, 0.2) 35.29%, rgba(212, 50, 42, 0.2));
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop[data-v-43142f65]::after {
  background-image: radial-gradient(closest-side, rgba(212, 50, 42, 0.1), transparent);
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop:hover .best-drop__img.img-wrapper[data-v-43142f65] {
  background-position: 50% 50%;
  opacity: 0.7;
  transform: translateY(-34px) translate(110px);
  width: 40%;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop:hover .best-drop__price[data-v-43142f65] {
  bottom: 0;
  opacity: 0;
  visibility: hidden;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop:hover .best-drop__case-img[data-v-43142f65],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop:hover .best-drop__case-info[data-v-43142f65] {
  visibility: visible;
  opacity: 1;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info[data-v-43142f65],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item[data-v-43142f65] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__header[data-v-43142f65],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__header[data-v-43142f65] {
  color: #dddcfc;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.8px;
  line-height: 100% !important;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__name[data-v-43142f65],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__name[data-v-43142f65] {
  color: #bbbdcf;
  font-size: 18px;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__type[data-v-43142f65],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__type[data-v-43142f65] {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.75px;
  line-height: 100% !important;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__quality[data-v-43142f65],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__quality[data-v-43142f65] {
  color: #777a99;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.55px;
  line-height: 100% !important;
  margin-top: 6px;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__img img[data-v-43142f65],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__img img[data-v-43142f65] {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__img.img-wrapper[data-v-43142f65],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__img.img-wrapper[data-v-43142f65] {
  align-items: center;
  display: flex;
  height: 108px;
  justify-content: center;
  margin-bottom: 14px;
  position: relative;
  transition: opacity 0.5s, transform 0.5s, width 0.5s, background-position 0.5s;
  width: 100%;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__case-img[data-v-43142f65],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__case-img[data-v-43142f65] {
  align-self: center;
  height: 102px;
  max-height: 100%;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__case-img img[data-v-43142f65],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__case-img img[data-v-43142f65] {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__case-info[data-v-43142f65],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__case-info[data-v-43142f65] {
  align-self: center;
  bottom: 14px;
  font-weight: 700;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__price[data-v-43142f65],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__price[data-v-43142f65] {
  align-self: center;
  bottom: 10px;
  color: #4af1b8;
  font-kerning: none;
  font-size: 16px;
  font-weight: 600;
  opacity: 1;
  position: absolute;
  transition: bottom 0.5s, opacity 0.5s, visibility 0.5s;
  visibility: visible;
}
.user-info-page .profile-block .profile-battle-statistic[data-v-43142f65] {
  display: flex;
  height: 101px;
  margin: 32px auto 43px;
  position: relative;
  width: 100%;
  z-index: 0; /* 降低层级，避免遮挡头像下拉 */
}
.user-info-page .profile-block .profile-battle-statistic[data-v-43142f65]:after, .user-info-page .profile-block .profile-battle-statistic[data-v-43142f65]:before {
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.user-info-page .profile-block .profile-battle-statistic[data-v-43142f65]:before {
  background: #272443;
  height: 100%;
  width: 100%;
}
.user-info-page .profile-block .profile-battle-statistic[data-v-43142f65]::after {
  background: linear-gradient(180deg, #141225, #1b192d 108.47%);
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.user-info-page .profile-block .profile-battle-statistic .statistic_loader-block[data-v-43142f65] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item[data-v-43142f65] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block[data-v-43142f65] {
  align-items: center;
  display: flex;
  height: 38px;
  justify-content: center;
  margin-top: -19px;
  position: relative;
  width: 34px;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block[data-v-43142f65]::after, .user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block[data-v-43142f65]::before {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block[data-v-43142f65]::before {
  background: linear-gradient(#272443, #564f96);
  height: 100%;
  width: 100%;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block[data-v-43142f65]::after {
  background: #141225;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block .icon[data-v-43142f65] {
  display: inline-block;
  height: 16px;
  opacity: 0.7;
  width: 16px;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block .icon-battle-count[data-v-43142f65],
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block .icon-wins[data-v-43142f65],
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block .icon-win-ratio[data-v-43142f65],
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block .icon-winstreak[data-v-43142f65],
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block .icon-crown[data-v-43142f65],
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block .icon-last-battles[data-v-43142f65] {
  background-color: #b89fff;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .number[data-v-43142f65] {
  background: linear-gradient(180deg, #e5e0fb, #7c4eff);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 20px;
  font-weight: 600;
  -webkit-text-fill-color: transparent;
  margin-top: 8px;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .text[data-v-43142f65] {
  color: #9692b8;
  font-size: 11px;
  margin-top: 7px;
  text-align: center;
  text-transform: uppercase;
}
.user-info-page .profile-block .profile-battle-statistic .profile-battle-statistic-left-block[data-v-43142f65] {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 15px;
  position: relative;
  width: 18%;
}
.user-info-page .profile-block .profile-battle-statistic .profile-battle-statistic-left-block[data-v-43142f65]::after {
  background: linear-gradient(180deg, #272344, rgba(15, 14, 28, 0.4));
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
}
.user-info-page .profile-block .profile-battle-statistic .profile-battle-statistic-left-block .text-block[data-v-43142f65] {
  display: flex;
  flex-direction: column;
}
.user-info-page .profile-block .profile-battle-statistic .profile-battle-statistic-left-block .title-text[data-v-43142f65] {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.user-info-page .profile-block .profile-battle-statistic .profile-battle-statistic-left-block .create-battle-link[data-v-43142f65] {
  color: #e84866;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  transition: color 0.3s;
}
.user-info-page .profile-block .profile-battle-statistic .profile-battle-statistic-left-block .plus-icon[data-v-43142f65] {
  background-color: #e84866;
  display: inline-block;
  height: 10px;
  margin-right: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 10px;
}
.user-info-page .profile-block .profile-battle-statistic .main-statistic-block[data-v-43142f65] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: 100%;
  padding: 0 12px;
  position: relative;
  width: 34%;
  z-index: 1;
}
.user-info-page .profile-block .profile-battle-statistic .main-statistic-block .icon-battle-count[data-v-43142f65] {
  height: 17px !important;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  width: 17px !important;
}
.user-info-page .profile-block .profile-battle-statistic .main-statistic-block .icon-wins[data-v-43142f65] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.995 1.754c0-.182-.005-.359-.005-.547v-.142h-2.715L17.405 0H2.642l.148 1.07H0v1.043C.017 3.33.12 4.926.74 6.429c.751 1.817 2.072 2.82 3.927 2.984.052.006.131.052.16.103a6.65 6.65 0 0 0 2.772 2.363c.096.046.108.069.108.165-.006.28-.006.564-.006.838v.729c-.011.74-.176 1.491-.507 2.294-.096.228-.187.29-.426.28-.427-.023-.849-.018-1.298-.012-.182 0-.37.006-.564.006h-.142v2.403H3.398V20h13.319v-1.435H15.35c-.017-.228-.012-.456-.012-.672 0-.205.006-.416-.01-.626V16.19h-.018l.023-.051-.274.051h-1.132v-.006h-.341c-.16 0-.314-.005-.467.006-.114.012-.16-.017-.194-.13-.045-.126-.091-.257-.142-.377a8 8 0 0 1-.222-.632c-.24-.803-.228-1.646-.21-2.466.005-.205.005-.415.005-.62a.3.3 0 0 1 .08-.074 6.8 6.8 0 0 0 2.743-2.358.3.3 0 0 1 .188-.114c1.713-.165 2.971-1.048 3.745-2.637.512-1.053.78-2.243.865-3.86.029-.394.023-.77.017-1.168M6.244 18.542v-.905h7.638v.905zm2.874-5.672c-.005-.154-.005-.319-.011-.478h1.787c-.028 1.167-.006 2.488.512 3.764H8.691c.035-.142.069-.29.109-.433.113-.461.233-.94.29-1.418.051-.478.04-.962.028-1.435M3 2.523c.08.478.159.968.227 1.446.194 1.259.393 2.557.746 3.833-.672-.222-1.195-.65-1.588-1.31-.438-.729-.695-1.577-.837-2.75-.034-.302-.057-.604-.085-.929-.006-.097-.017-.193-.023-.29zM6.955 9.76c-.95-.849-1.553-1.902-1.787-3.12-.239-1.231-.432-2.444-.643-3.731-.08-.478-.16-.974-.24-1.47h11.459c-.023.149-.04.297-.063.44-.063.443-.12.865-.194 1.292-.045.256-.085.507-.125.763-.148.877-.296 1.788-.49 2.67-.398 1.823-1.394 3.139-2.948 3.913-1.662.82-3.517.535-4.969-.757m11.447-5.615c-.171 1.15-.473 1.97-.98 2.654-.358.49-.808.82-1.365 1.002.387-1.412.614-2.859.836-4.26.052-.33.108-.672.16-1.008h1.525c-.011.137-.028.268-.04.405-.04.41-.08.808-.136 1.207'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.995 1.754c0-.182-.005-.359-.005-.547v-.142h-2.715L17.405 0H2.642l.148 1.07H0v1.043C.017 3.33.12 4.926.74 6.429c.751 1.817 2.072 2.82 3.927 2.984.052.006.131.052.16.103a6.65 6.65 0 0 0 2.772 2.363c.096.046.108.069.108.165-.006.28-.006.564-.006.838v.729c-.011.74-.176 1.491-.507 2.294-.096.228-.187.29-.426.28-.427-.023-.849-.018-1.298-.012-.182 0-.37.006-.564.006h-.142v2.403H3.398V20h13.319v-1.435H15.35c-.017-.228-.012-.456-.012-.672 0-.205.006-.416-.01-.626V16.19h-.018l.023-.051-.274.051h-1.132v-.006h-.341c-.16 0-.314-.005-.467.006-.114.012-.16-.017-.194-.13-.045-.126-.091-.257-.142-.377a8 8 0 0 1-.222-.632c-.24-.803-.228-1.646-.21-2.466.005-.205.005-.415.005-.62a.3.3 0 0 1 .08-.074 6.8 6.8 0 0 0 2.743-2.358.3.3 0 0 1 .188-.114c1.713-.165 2.971-1.048 3.745-2.637.512-1.053.78-2.243.865-3.86.029-.394.023-.77.017-1.168M6.244 18.542v-.905h7.638v.905zm2.874-5.672c-.005-.154-.005-.319-.011-.478h1.787c-.028 1.167-.006 2.488.512 3.764H8.691c.035-.142.069-.29.109-.433.113-.461.233-.94.29-1.418.051-.478.04-.962.028-1.435M3 2.523c.08.478.159.968.227 1.446.194 1.259.393 2.557.746 3.833-.672-.222-1.195-.65-1.588-1.31-.438-.729-.695-1.577-.837-2.75-.034-.302-.057-.604-.085-.929-.006-.097-.017-.193-.023-.29zM6.955 9.76c-.95-.849-1.553-1.902-1.787-3.12-.239-1.231-.432-2.444-.643-3.731-.08-.478-.16-.974-.24-1.47h11.459c-.023.149-.04.297-.063.44-.063.443-.12.865-.194 1.292-.045.256-.085.507-.125.763-.148.877-.296 1.788-.49 2.67-.398 1.823-1.394 3.139-2.948 3.913-1.662.82-3.517.535-4.969-.757m11.447-5.615c-.171 1.15-.473 1.97-.98 2.654-.358.49-.808.82-1.365 1.002.387-1.412.614-2.859.836-4.26.052-.33.108-.672.16-1.008h1.525c-.011.137-.028.268-.04.405-.04.41-.08.808-.136 1.207'/%3E%3C/svg%3E");
}
.user-info-page .profile-block .profile-battle-statistic .main-statistic-block .icon-win-ratio[data-v-43142f65] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23b89fff' stroke-width='1.2' d='M.6 16.785V7.15h4.149v9.635zM7.924 16.784V2.6h4.149v14.184zM15.252 16.785V9.734h4.149v7.05z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23b89fff' stroke-width='1.2' d='M.6 16.785V7.15h4.149v9.635zM7.924 16.784V2.6h4.149v14.184zM15.252 16.785V9.734h4.149v7.05z'/%3E%3C/svg%3E");
}
.user-info-page .profile-block .profile-battle-statistic .secondary-statistic-block[data-v-43142f65] {
  display: grid;
  grid-template-columns: 1fr 122px 1fr;
  padding: 0 12px;
  position: relative;
  width: 48%;
  z-index: 1;
}
.user-info-page .profile-block .profile-battle-statistic .secondary-statistic-block .icon-winstreak[data-v-43142f65] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.93.835V.138c0-.044-.025-.096.015-.122.06-.04.11.004.154.03q.406.236.803.48c1.187.728 2.338 1.486 3.35 2.397.942.85 1.715 1.792 2.094 2.952.393 1.207.264 2.402-.125 3.588-.379 1.16-.962 2.24-1.625 3.291-.035.057-.14.122-.065.188.055.052.16.013.24-.005.513-.1.961-.322 1.39-.57.758-.441 1.431-.969 2.079-1.522.204-.175.22-.166.32.07 1.39 3.321-.634 7.084-4.323 8.487-4.76 1.814-10.17-.671-11.092-5.14-.518-2.524.36-4.695 2.503-6.452.892-.728 1.83-1.416 2.562-2.28.937-1.103 1.526-2.323 1.695-3.692.04-.336.035-.667.025-1.003m6.68 13.528c-.663.279-1.281.475-1.954.514-.753.048-1.396-.152-1.89-.658-.633-.654-.687-1.447-.174-2.25.638-.994 1.236-2.005 1.6-3.112.409-1.247.314-2.442-.518-3.553-.484-.645-1.092-1.186-1.75-1.692-.184-.144-.194 0-.23.1-.358 1.038-.927 1.988-1.66 2.86-.787.938-1.75 1.727-2.741 2.49-1.695 1.303-2.408 2.934-2.004 4.882.483 2.363 2.821 4.142 5.733 4.137 1.71 0 3.165-.584 4.322-1.7.593-.566.997-1.225 1.266-2.018'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.93.835V.138c0-.044-.025-.096.015-.122.06-.04.11.004.154.03q.406.236.803.48c1.187.728 2.338 1.486 3.35 2.397.942.85 1.715 1.792 2.094 2.952.393 1.207.264 2.402-.125 3.588-.379 1.16-.962 2.24-1.625 3.291-.035.057-.14.122-.065.188.055.052.16.013.24-.005.513-.1.961-.322 1.39-.57.758-.441 1.431-.969 2.079-1.522.204-.175.22-.166.32.07 1.39 3.321-.634 7.084-4.323 8.487-4.76 1.814-10.17-.671-11.092-5.14-.518-2.524.36-4.695 2.503-6.452.892-.728 1.83-1.416 2.562-2.28.937-1.103 1.526-2.323 1.695-3.692.04-.336.035-.667.025-1.003m6.68 13.528c-.663.279-1.281.475-1.954.514-.753.048-1.396-.152-1.89-.658-.633-.654-.687-1.447-.174-2.25.638-.994 1.236-2.005 1.6-3.112.409-1.247.314-2.442-.518-3.553-.484-.645-1.092-1.186-1.75-1.692-.184-.144-.194 0-.23.1-.358 1.038-.927 1.988-1.66 2.86-.787.938-1.75 1.727-2.741 2.49-1.695 1.303-2.408 2.934-2.004 4.882.483 2.363 2.821 4.142 5.733 4.137 1.71 0 3.165-.584 4.322-1.7.593-.566.997-1.225 1.266-2.018'/%3E%3C/svg%3E");
}
.user-info-page .profile-block .profile-battle-statistic .secondary-statistic-block .icon-last-battles[data-v-43142f65] {
  -webkit-mask-image: url(../img/TVx6oCPs.1d081c2c.svg);
  mask-image: url(../img/TVx6oCPs.1d081c2c.svg);
}
.user-info-page .profile-block .profile-battle-statistic .secondary-statistic-block .icon-crown[data-v-43142f65] {
  height: 18px !important;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.003 15.86H3.846c-.501 0-.699-.158-.806-.639-.476-2.08-.953-4.168-1.422-6.248-.04-.165-.098-.265-.28-.315a1.92 1.92 0 0 1-1.314-2.12C.18 5.6.985 4.912 1.914 4.92A1.91 1.91 0 0 1 3.78 6.562c.041.323.025.646-.107.945-.049.116-.024.182.074.24q1.31.843 2.606 1.699c.115.074.148.025.197-.075.658-1.4 1.324-2.792 1.981-4.193.099-.199.19-.406.288-.605.05-.1.041-.157-.041-.232-.567-.522-.773-1.176-.575-1.93.197-.746.698-1.202 1.438-1.368.814-.182 1.66.224 2.055.97a1.914 1.914 0 0 1-.378 2.279c-.123.116-.14.19-.074.348a489 489 0 0 1 2.22 4.69c.073.157.123.19.279.083.813-.54 1.636-1.078 2.458-1.608.164-.1.205-.182.14-.39-.23-.762-.075-1.45.517-1.996.6-.547 1.307-.68 2.047-.34.723.331 1.11.92 1.118 1.723a1.874 1.874 0 0 1-1.365 1.848c-.148.042-.205.116-.238.257a785 785 0 0 1-1.504 6.33c-.107.44-.305.598-.765.598-2.038.024-4.093.024-6.148.024M2.909 8.757c.016.091.016.14.033.182.41 1.782.814 3.563 1.225 5.353.065.282.065.282.361.282 3.65 0 7.308 0 10.957.008.214 0 .305-.058.354-.273a415 415 0 0 1 1.093-4.59c.074-.3.14-.597.206-.904-.1.008-.157.066-.214.1-1.069.695-2.13 1.391-3.198 2.08-.41.264-.822.148-1.019-.283-.847-1.781-1.685-3.563-2.532-5.344-.04-.083-.057-.174-.14-.232-.057.033-.073.09-.098.14-.855 1.799-1.702 3.605-2.556 5.403-.222.473-.625.589-1.06.307-.65-.423-1.291-.845-1.933-1.26-.485-.323-.97-.63-1.48-.97m7.727-5.842c0-.307-.296-.605-.609-.605-.312 0-.608.298-.608.605 0 .323.28.605.592.613.329.009.616-.281.625-.613M1.906 6.24a.615.615 0 0 0-.616.605.623.623 0 0 0 .608.596c.32 0 .6-.281.608-.596a.606.606 0 0 0-.6-.605m16.26 0a.61.61 0 0 0-.626.596c0 .324.28.597.6.605.321 0 .609-.273.609-.596a.587.587 0 0 0-.584-.605M10.03 18.378H3.815c-.394 0-.674-.257-.682-.63-.008-.406.263-.654.707-.654h12.322c.468 0 .748.232.748.638s-.272.646-.74.646z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.003 15.86H3.846c-.501 0-.699-.158-.806-.639-.476-2.08-.953-4.168-1.422-6.248-.04-.165-.098-.265-.28-.315a1.92 1.92 0 0 1-1.314-2.12C.18 5.6.985 4.912 1.914 4.92A1.91 1.91 0 0 1 3.78 6.562c.041.323.025.646-.107.945-.049.116-.024.182.074.24q1.31.843 2.606 1.699c.115.074.148.025.197-.075.658-1.4 1.324-2.792 1.981-4.193.099-.199.19-.406.288-.605.05-.1.041-.157-.041-.232-.567-.522-.773-1.176-.575-1.93.197-.746.698-1.202 1.438-1.368.814-.182 1.66.224 2.055.97a1.914 1.914 0 0 1-.378 2.279c-.123.116-.14.19-.074.348a489 489 0 0 1 2.22 4.69c.073.157.123.19.279.083.813-.54 1.636-1.078 2.458-1.608.164-.1.205-.182.14-.39-.23-.762-.075-1.45.517-1.996.6-.547 1.307-.68 2.047-.34.723.331 1.11.92 1.118 1.723a1.874 1.874 0 0 1-1.365 1.848c-.148.042-.205.116-.238.257a785 785 0 0 1-1.504 6.33c-.107.44-.305.598-.765.598-2.038.024-4.093.024-6.148.024M2.909 8.757c.016.091.016.14.033.182.41 1.782.814 3.563 1.225 5.353.065.282.065.282.361.282 3.65 0 7.308 0 10.957.008.214 0 .305-.058.354-.273a415 415 0 0 1 1.093-4.59c.074-.3.14-.597.206-.904-.1.008-.157.066-.214.1-1.069.695-2.13 1.391-3.198 2.08-.41.264-.822.148-1.019-.283-.847-1.781-1.685-3.563-2.532-5.344-.04-.083-.057-.174-.14-.232-.057.033-.073.09-.098.14-.855 1.799-1.702 3.605-2.556 5.403-.222.473-.625.589-1.06.307-.65-.423-1.291-.845-1.933-1.26-.485-.323-.97-.63-1.48-.97m7.727-5.842c0-.307-.296-.605-.609-.605-.312 0-.608.298-.608.605 0 .323.28.605.592.613.329.009.616-.281.625-.613M1.906 6.24a.615.615 0 0 0-.616.605.623.623 0 0 0 .608.596c.32 0 .6-.281.608-.596a.606.606 0 0 0-.6-.605m16.26 0a.61.61 0 0 0-.626.596c0 .324.28.597.6.605.321 0 .609-.273.609-.596a.587.587 0 0 0-.584-.605M10.03 18.378H3.815c-.394 0-.674-.257-.682-.63-.008-.406.263-.654.707-.654h12.322c.468 0 .748.232.748.638s-.272.646-.74.646z'/%3E%3C/svg%3E");
  width: 18px !important;
}
.user-info-page .profile-block .profile-battle-statistic .secondary-statistic-block .last-battles[data-v-43142f65] {
  min-height: 19.5px;
  font-weight: 600;
  margin-top: 12px;
  text-transform: uppercase;
}
.user-info-page .profile-block .profile-battle-statistic .secondary-statistic-block .last-battles .lose[data-v-43142f65] {
  color: #f31a5b;
}
.user-info-page .profile-block .profile-battle-statistic .secondary-statistic-block .last-battles .win[data-v-43142f65] {
  color: #26c897;
}
.user-info-page .profile-block .profile-battle-statistic .battle-type-buttons[data-v-43142f65] {
  bottom: -11px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  white-space: nowrap;
}
.user-info-page .profile-block .profile-battle-statistic .battle-type-buttons button[data-v-43142f65] {
  background-color: #1b192f;
  border-radius: 50%;
  color: #b6b5d8;
  font-size: 14px;
  font-size: 12px;
  font-weight: 700;
  height: 28px;
  margin: 0 6px;
  text-transform: uppercase;
  transition: background-color 0.3s, color 0.3s;
  width: 28px;
}
.user-info-page .profile-block .profile-battle-statistic .battle-type-buttons button[data-v-43142f65]:hover {
  background-color: #2c2948;
  color: #fff;
}
.user-info-page .profile-block .profile-battle-statistic .battle-type-buttons button.active[data-v-43142f65] {
  background-color: #2c2948;
  color: #fff;
  pointer-events: none;
}
.user-info-page .profile-block .profile-battle-statistic .battle-type-buttons button.large[data-v-43142f65] {
  border-radius: 40px;
  width: 48px;
}
.user-info-page .profile-block .my-stats-button[data-v-43142f65] {
  display: none;
  align-items: center;
  background-color: #1c1a2e;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  margin: 20px auto 10px;
  min-width: unset;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 154px;
}
.user-info-page .profile-block .my-stats-button[data-v-43142f65]::before {
  background-color: rgba(92, 89, 117, 0.231372549);
  clip-path: polygon(12px 0, 0 50%, 12px 100%, 13px calc(100% - 1px), 1px 50%, 13px 1px, calc(100% - 13px) 1px, calc(100% - 1px) 50%, calc(100% - 13px) calc(100% - 1px), 12px calc(100% - 1px), 12px 100%, calc(100% - 12px) 100%, 100% 50%, calc(100% - 12px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.user-info-page .profile-block .my-stats-button .stats-icon[data-v-43142f65] {
  background-color: #fff;
  display: inline-block;
  height: 20px;
  margin-right: 7px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.585 12.633H1v7.366h4.585zM11.866 9.693H7.28v10.308h4.585zM18.143 14.845H13.56V20h4.584zM9.502 0l1.39 2.963L14 3.438l-2.251 2.306L12.282 9l-2.78-1.539L6.718 9l.533-3.256L5 3.438l3.108-.475z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.585 12.633H1v7.366h4.585zM11.866 9.693H7.28v10.308h4.585zM18.143 14.845H13.56V20h4.584zM9.502 0l1.39 2.963L14 3.438l-2.251 2.306L12.282 9l-2.78-1.539L6.718 9l.533-3.256L5 3.438l3.108-.475z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 20px;
}
.user-info-page .tabs[data-v-43142f65] {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.user-info-page .tabs .tabs__wrap[data-v-43142f65] {
  display: flex;
  margin-top: 13px;
}
@media screen and (max-width: 767px) {
.user-info-page .tabs .tabs__wrap[data-v-43142f65] {
    padding: 0 !important;
}
}
.user-info-page .tabs .ui-blocker__wrap[data-v-43142f65] {
  width: 100%;
}
@media screen and (max-width: 490px) {
.user-info-page .tabs .ui-blocker__wrap[data-v-43142f65] {
    height: 36px;
    overflow: hidden;
}
}
.user-info-page .tabs .ui-blocker__content[data-v-43142f65] {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  box-sizing: content-box;
}
@media screen and (max-width: 490px) {
.user-info-page .tabs .ui-blocker__content[data-v-43142f65] {
    padding-bottom: 20px;
}
}
.user-info-page .tabs .tabs-wrapper[data-v-43142f65] {
  display: flex;
}
@media screen and (max-width: 490px) {
.user-info-page .tabs .tabs-wrapper[data-v-43142f65] {
    width: 100%;
}
}
.user-info-page .tabs .tab[data-v-43142f65] {
  border-bottom: 2px solid transparent;
  color: #4f4b78;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  margin-left: 24px;
  padding-bottom: 30px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, border-color 0.3s;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
.user-info-page .tabs .tab[data-v-43142f65] {
    font-size: 12px;
    margin-left: 12px;
    padding-bottom: 15px;
}
}
@media screen and (max-width: 490px) {
.user-info-page .tabs .tab[data-v-43142f65] {
    font-size: 12px;
    margin-left: 10px;
    padding-bottom: 10px !important;
}
}
@media screen and (max-width: 419px) {
.user-info-page .tabs .tab[data-v-43142f65] {
    font-size: 10.66px;
    margin-left: 9px;
}
}
.user-info-page .tabs .tab[data-v-43142f65]:first-child {
  margin-left: 0;
}
.user-info-page .tabs .tab[data-v-43142f65]:hover {
  color: #fff;
}
.user-info-page .tabs .tab.tab__active[data-v-43142f65] {
  border-color: #f5115c;
  color: #fff;
}
.user-info-page .tabs .tab.tab__active span[data-v-43142f65] {
  color: #ff3c7b;
}
.user-info-page .tabs .missions[data-v-43142f65] {
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  margin-left: 24px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s;
}
.user-info-page .tabs .missions .missions__text[data-v-43142f65] {
  border-bottom: 1px solid #4f4b78;
  color: #4f4b78;
  font-weight: 500;
  height: 21px;
  transition: border 0.3s, color 0.3s;
}
.user-info-page .tabs .missions .missions__icon[data-v-43142f65] {
  background-color: #4f4b78;
  height: 21px;
  margin-left: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 16'%3E%3Cpath stroke='%238281a6' stroke-miterlimit='10' stroke-width='2' d='M.589.602 7.83 7.996.59 15.398'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 16'%3E%3Cpath stroke='%238281a6' stroke-miterlimit='10' stroke-width='2' d='M.589.602 7.83 7.996.59 15.398'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background 0.3s;
  width: 9px;
}
.user-info-page .tabs .missions:hover .missions__text[data-v-43142f65] {
  border-bottom: 1px solid #e84866;
  color: #e84866;
}
.user-info-page .tabs .missions:hover .missions__icon[data-v-43142f65] {
  background-color: #e84866;
}
.user-info-page .tabs .tabs-right-block[data-v-43142f65] {
  align-items: center;
  display: flex;
  margin-left: auto;
  position: relative;
  top: -13px;
  white-space: nowrap;
}
.user-info-page .tabs .tabs-right-block .open-settings-modal[data-v-43142f65] {
  align-items: center;
  background-color: #1c1a31;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  margin-left: 20px;
  min-width: 156px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.user-info-page .tabs .tabs-right-block .settings-icon[data-v-43142f65] {
  background-color: #fff;
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.978 19.996c.647 0 1.29.004 1.936 0 .447 0 .575-.122.639-.55q.174-1.17.367-2.343a.27.27 0 0 1 .111-.165q.785-.464 1.58-.91c.049-.027.14-.016.2.008.77.298 1.54.608 2.315.902.136.052.303.09.443.063a.5.5 0 0 0 .323-.22c.659-1.11 1.306-2.229 1.956-3.347.176-.306.136-.514-.144-.738-.622-.498-1.249-1-1.88-1.491-.127-.102-.151-.193-.14-.357a10 10 0 0 0-.011-1.406c-.024-.27 0-.45.251-.624.603-.416 1.186-.867 1.764-1.314a.94.94 0 0 0 .288-.361.45.45 0 0 0-.02-.361c-.635-1.111-1.281-2.218-1.924-3.32-.211-.362-.503-.464-.89-.307-.73.298-1.46.593-2.187.899-.124.05-.207.043-.323-.028-.495-.302-1.002-.584-1.5-.883a.3.3 0 0 1-.1-.164c-.132-.829-.256-1.653-.384-2.48q-.076-.495-.602-.495H9.072c-.327 0-.65-.004-.977 0-.324.004-.455.172-.483.486-.036.436-.12.868-.184 1.3-.06.38-.128.76-.175 1.141-.016.134-.072.2-.188.267-.503.279-.998.573-1.497.856-.06.035-.163.031-.231.008-.766-.295-1.529-.6-2.295-.899a1.1 1.1 0 0 0-.343-.082.46.46 0 0 0-.443.243C1.613 4.439.963 5.549.32 6.66c-.18.31-.14.518.136.738q.959.771 1.924 1.53c.1.079.115.15.107.279-.02.475-.008.95-.008 1.425 0 .02.008.039.012.059.072.25 0 .412-.235.56-.667.429-1.313.888-1.972 1.339-.31.212-.363.42-.171.75q.585 1.012 1.177 2.025c.26.447.519.899.782 1.346.18.31.391.385.735.247q1.155-.452 2.31-.91c.116-.047.196-.036.304.031.467.283.946.553 1.428.82.124.067.188.138.208.279.116.797.243 1.59.367 2.382.044.275.26.44.59.444.647-.004 1.306-.008 1.964-.008m.104-13.466c1.936.004 3.572 1.613 3.576 3.517.004 1.9-1.632 3.512-3.572 3.52-1.935.008-3.596-1.62-3.588-3.528.008-1.903 1.649-3.513 3.584-3.509'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.978 19.996c.647 0 1.29.004 1.936 0 .447 0 .575-.122.639-.55q.174-1.17.367-2.343a.27.27 0 0 1 .111-.165q.785-.464 1.58-.91c.049-.027.14-.016.2.008.77.298 1.54.608 2.315.902.136.052.303.09.443.063a.5.5 0 0 0 .323-.22c.659-1.11 1.306-2.229 1.956-3.347.176-.306.136-.514-.144-.738-.622-.498-1.249-1-1.88-1.491-.127-.102-.151-.193-.14-.357a10 10 0 0 0-.011-1.406c-.024-.27 0-.45.251-.624.603-.416 1.186-.867 1.764-1.314a.94.94 0 0 0 .288-.361.45.45 0 0 0-.02-.361c-.635-1.111-1.281-2.218-1.924-3.32-.211-.362-.503-.464-.89-.307-.73.298-1.46.593-2.187.899-.124.05-.207.043-.323-.028-.495-.302-1.002-.584-1.5-.883a.3.3 0 0 1-.1-.164c-.132-.829-.256-1.653-.384-2.48q-.076-.495-.602-.495H9.072c-.327 0-.65-.004-.977 0-.324.004-.455.172-.483.486-.036.436-.12.868-.184 1.3-.06.38-.128.76-.175 1.141-.016.134-.072.2-.188.267-.503.279-.998.573-1.497.856-.06.035-.163.031-.231.008-.766-.295-1.529-.6-2.295-.899a1.1 1.1 0 0 0-.343-.082.46.46 0 0 0-.443.243C1.613 4.439.963 5.549.32 6.66c-.18.31-.14.518.136.738q.959.771 1.924 1.53c.1.079.115.15.107.279-.02.475-.008.95-.008 1.425 0 .02.008.039.012.059.072.25 0 .412-.235.56-.667.429-1.313.888-1.972 1.339-.31.212-.363.42-.171.75q.585 1.012 1.177 2.025c.26.447.519.899.782 1.346.18.31.391.385.735.247q1.155-.452 2.31-.91c.116-.047.196-.036.304.031.467.283.946.553 1.428.82.124.067.188.138.208.279.116.797.243 1.59.367 2.382.044.275.26.44.59.444.647-.004 1.306-.008 1.964-.008m.104-13.466c1.936.004 3.572 1.613 3.576 3.517.004 1.9-1.632 3.512-3.572 3.52-1.935.008-3.596-1.62-3.588-3.528.008-1.903 1.649-3.513 3.584-3.509'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 16px;
}
.user-info-page .profile-history[data-v-43142f65] {
  position: relative;
  max-width: 1316px;
  padding: 0 15px;
  margin: 0 auto;
  transition: height 0.6s ease;
}
@media screen and (min-width: 1024px) {
.user-info-page .profile-history .user-container[data-v-43142f65] {
    width: 1296px;
    padding: 0;
}
}
.user-info-page .profile-history .actions[data-v-43142f65] {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 0 10px;
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
.user-info-page .profile-history .actions[data-v-43142f65] {
    transform: scale(0.8);
    transform-origin: left top;
    width: 125%;
    margin-bottom: -10px;
}
}
@media screen and (max-width: 420px) {
.user-info-page .profile-history .actions[data-v-43142f65] {
    transform: scale(0.75);
    transform-origin: left top;
    width: 133.3333333333%;
    margin-bottom: -12px;
}
}
.user-info-page .profile-history .actions .left-block[data-v-43142f65] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.user-info-page .profile-history .actions .actions__exchange[data-v-43142f65],
.user-info-page .profile-history .actions .actions__sell[data-v-43142f65],
.user-info-page .profile-history .actions .actions__upgrade[data-v-43142f65] {
  align-items: center;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  height: 34px;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 197px;
}
.user-info-page .profile-history .actions .actions__sell[data-v-43142f65] {
  background-color: #67a0e0;
}
.user-info-page .profile-history .actions .actions__sell[data-v-43142f65]:hover {
  background-color: #8bbffa;
}
.user-info-page .profile-history .actions .actions__sell[data-v-43142f65]:disabled {
  cursor: wait;
}
.user-info-page .profile-history .actions .actions__upgrade[data-v-43142f65] {
  background-color: #5c49d0;
}
.user-info-page .profile-history .actions .actions__upgrade[data-v-43142f65]:hover {
  background-color: #8471f7;
}
.user-info-page .profile-history .actions .actions__exchange[data-v-43142f65] {
  background-color: #4d814f;
}
.user-info-page .profile-history .actions .actions__exchange[data-v-43142f65]:hover {
  background-color: #53a156;
}
.user-info-page .profile-history .actions .selection_sell[data-v-43142f65] {
  position: absolute;
  right: 0;
  width: 100px;
  background-color: #7560b8 !important;
  opacity: 0.6;
  cursor: default;
}
.user-info-page .profile-history .actions .selection_sell.active[data-v-43142f65] {
  opacity: 1;
  width: 197px;
  cursor: pointer;
}
.user-info-page .profile-history .actions .icon[data-v-43142f65] {
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  background-color: #fff;
  display: inline-block;
}
.user-info-page .profile-history .actions .icon.upgrade-icon[data-v-43142f65] {
  width: 12px;
  height: 14px;
  margin: -1px 0 0 5px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3E%3Cpath d='M5.5-.01 0 5.79l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Zm0 5.57L0 11.36l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3E%3Cpath d='M5.5-.01 0 5.79l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Zm0 5.57L0 11.36l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Z'/%3E%3C/svg%3E");
}
.user-info-page .profile-history .actions .icon.exchange-icon[data-v-43142f65] {
  width: 15px;
  height: 15px;
  margin-left: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2.747 10H0V3.879h12.292V1C14.216 2.44 16.087 3.843 18 5.276c-1.895 1.421-3.772 2.825-5.696 4.27V6.691H2.747zM7.722 19c-1.95-1.456-3.82-2.865-5.722-4.285 1.901-1.42 3.773-2.823 5.686-4.261v2.829h9.548V10H20v6.093H7.722z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2.747 10H0V3.879h12.292V1C14.216 2.44 16.087 3.843 18 5.276c-1.895 1.421-3.772 2.825-5.696 4.27V6.691H2.747zM7.722 19c-1.95-1.456-3.82-2.865-5.722-4.285 1.901-1.42 3.773-2.823 5.686-4.261v2.829h9.548V10H20v6.093H7.722z'/%3E%3C/svg%3E");
}
.user-info-page .profile-history .tips[data-v-43142f65] {
  font-size: 13px;
  padding-left: 15px;
  color: #6c67a6;
  padding-bottom: 10px;
}
.user-info-page .profile-history .skins-list[data-v-43142f65] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 0;
}
.user-info-page .profile-history .skins-list .user-drop[data-v-43142f65] {
  background-color: #161428;
  border-radius: 4px;
  height: 265px;
  position: relative;
  width: 200px;
  background-position: 50% 20%;
  cursor: pointer;
  border: 2px solid #1a182d;
  transition: border-color 0.3s ease;
}
.user-info-page .profile-history .skins-list .user-drop.error[data-v-43142f65], .user-info-page .profile-history .skins-list .user-drop.pending[data-v-43142f65] {
  background-color: #19172d;
}
.user-info-page .profile-history .skins-list .user-drop:hover .action-button[data-v-43142f65] {
  max-width: 100%;
  padding-right: 23px;
}
.user-info-page .profile-history .skins-list .user-drop:hover .user-drop__image-wrapper img[data-v-43142f65] {
  transform: translateY(-5px);
}
.user-info-page .profile-history .skins-list .user-drop.active[data-v-43142f65] {
  background-color: rgba(92, 73, 208, 0.1019607843);
  border-color: #5c49d0;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper[data-v-43142f65] {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 13px;
  position: absolute;
  top: 12px;
  z-index: 2;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button[data-v-43142f65] {
  align-items: center;
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
  display: flex;
  font-weight: 700;
  height: 28px;
  margin-bottom: 5px;
  max-width: 32px;
  overflow: hidden;
  padding: 0 4px 0 10px;
  transition: max-width 0.15s linear 0.2s, padding-right 0.2s linear 0.15s, background 0.2s linear 0.2s;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button[data-v-43142f65] {
    max-width: 100%;
    padding-right: 12px;
}
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button .button-icon[data-v-43142f65] {
  display: inline-block;
  font-weight: 700;
  margin-right: 6px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button .text[data-v-43142f65] {
  font-size: 14px;
  margin-left: 6px;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.take-button[data-v-43142f65] {
  background: #39bda0;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.take-button .button-icon[data-v-43142f65] {
  font-size: 20px;
  font-weight: 500;
  margin-top: -2px;
}
@media screen and (max-width: 767px) {
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.take-button .button-icon[data-v-43142f65] {
    font-size: 16px !important;
    margin-right: 4px !important;
    margin-left: -1px !important;
}
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.sell-button[data-v-43142f65] {
  background: #4c8dc4;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.sell-button .button-icon[data-v-43142f65] {
  font-size: 16px;
  margin-left: 2px;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.sell-button[data-v-43142f65]:disabled {
  cursor: wait;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.upgrade-button[data-v-43142f65] {
  background: #5c49d0;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.upgrade-button .button-icon[data-v-43142f65] {
  background-color: #fff;
  height: 14px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3E%3Cpath d='M5.5-.01 0 5.79l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Zm0 5.57L0 11.36l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3E%3Cpath d='M5.5-.01 0 5.79l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Zm0 5.57L0 11.36l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Z'/%3E%3C/svg%3E");
  width: 12px;
}
@media screen and (max-width: 767px) {
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.upgrade-button .button-icon[data-v-43142f65] {
    height: 9.3333333333px;
    width: 8px;
}
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.exchange-button[data-v-43142f65] {
  background: #385f3a;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.exchange-button .button-icon[data-v-43142f65] {
  background-color: #90e594;
  height: 15px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2.747 10H0V3.879h12.292V1C14.216 2.44 16.087 3.843 18 5.276c-1.895 1.421-3.772 2.825-5.696 4.27V6.691H2.747zM7.722 19c-1.95-1.456-3.82-2.865-5.722-4.285 1.901-1.42 3.773-2.823 5.686-4.261v2.829h9.548V10H20v6.093H7.722z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2.747 10H0V3.879h12.292V1C14.216 2.44 16.087 3.843 18 5.276c-1.895 1.421-3.772 2.825-5.696 4.27V6.691H2.747zM7.722 19c-1.95-1.456-3.82-2.865-5.722-4.285 1.901-1.42 3.773-2.823 5.686-4.261v2.829h9.548V10H20v6.093H7.722z'/%3E%3C/svg%3E");
  transform: translate(-1px);
  width: 15px;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.freeze-button[data-v-43142f65] {
  background: #0c8ce9;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.freeze-button .button-icon[data-v-43142f65] {
  background-color: #fff;
  height: 17px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M18.864 11.329a.714.714 0 0 1-.393.93l-1.985.807 1.837 1.104a.714.714 0 1 1-.735 1.224L15.75 14.29l.22 2.133a.714.714 0 0 1-1.422.145l-.328-3.197-3.51-2.109v4.095l2.57 1.929a.714.714 0 1 1-.856 1.142l-1.715-1.285v2.143a.714.714 0 1 1-1.428 0v-2.143l-1.714 1.285a.714.714 0 1 1-.858-1.142l2.572-1.929v-4.095l-3.51 2.11-.329 3.197a.714.714 0 1 1-1.42-.146l.219-2.132-1.837 1.104a.714.714 0 1 1-.736-1.225l1.837-1.103-1.985-.807a.714.714 0 0 1 .538-1.324l2.978 1.211L8.609 10 5.036 7.853 2.06 9.064a.714.714 0 0 1-.538-1.323l1.985-.807L1.669 5.83a.714.714 0 1 1 .736-1.224L4.24 5.709l-.219-2.132a.714.714 0 0 1 1.421-.146l.329 3.198 3.51 2.109V4.643L6.711 2.714a.714.714 0 1 1 .856-1.143l1.715 1.286V.714a.714.714 0 1 1 1.428 0v2.143l1.715-1.286a.714.714 0 0 1 .857 1.143l-2.571 1.929v4.095l3.51-2.11.328-3.197a.714.714 0 0 1 1.421.146l-.22 2.132 1.838-1.104a.714.714 0 1 1 .735 1.225l-1.837 1.103 1.985.807a.714.714 0 0 1-.538 1.324l-2.977-1.211L11.383 10l3.573 2.147 2.978-1.21a.713.713 0 0 1 .93.39z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M18.864 11.329a.714.714 0 0 1-.393.93l-1.985.807 1.837 1.104a.714.714 0 1 1-.735 1.224L15.75 14.29l.22 2.133a.714.714 0 0 1-1.422.145l-.328-3.197-3.51-2.109v4.095l2.57 1.929a.714.714 0 1 1-.856 1.142l-1.715-1.285v2.143a.714.714 0 1 1-1.428 0v-2.143l-1.714 1.285a.714.714 0 1 1-.858-1.142l2.572-1.929v-4.095l-3.51 2.11-.329 3.197a.714.714 0 1 1-1.42-.146l.219-2.132-1.837 1.104a.714.714 0 1 1-.736-1.225l1.837-1.103-1.985-.807a.714.714 0 0 1 .538-1.324l2.978 1.211L8.609 10 5.036 7.853 2.06 9.064a.714.714 0 0 1-.538-1.323l1.985-.807L1.669 5.83a.714.714 0 1 1 .736-1.224L4.24 5.709l-.219-2.132a.714.714 0 0 1 1.421-.146l.329 3.198 3.51 2.109V4.643L6.711 2.714a.714.714 0 1 1 .856-1.143l1.715 1.286V.714a.714.714 0 1 1 1.428 0v2.143l1.715-1.286a.714.714 0 0 1 .857 1.143l-2.571 1.929v4.095l3.51-2.11.328-3.197a.714.714 0 0 1 1.421.146l-.22 2.132 1.838-1.104a.714.714 0 1 1 .735 1.225l-1.837 1.103 1.985.807a.714.714 0 0 1-.538 1.324l-2.977-1.211L11.383 10l3.573 2.147 2.978-1.21a.713.713 0 0 1 .93.39z'/%3E%3C/svg%3E");
  transform: translate(-3px);
  width: 17px;
}
.user-info-page .profile-history .skins-list .pf-info[data-v-43142f65] {
  cursor: help;
  position: relative;
}
.user-info-page .profile-history .skins-list .pf-info.float-position[data-v-43142f65] {
  position: absolute;
  right: 7px;
  top: 14px;
}
.user-info-page .profile-history .skins-list .pf-info .pf-badge[data-v-43142f65] {
  align-items: center;
  background: linear-gradient(180deg, #275e61, #5da0a4);
  clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
  display: flex;
  height: 32px;
  justify-content: center;
  text-align: center;
  width: 28px;
}
.user-info-page .profile-history .skins-list .pf-info .pf-badge[data-v-43142f65]::before {
  background-color: #cdefeb;
  content: "";
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M9.864.345a.86.86 0 0 0-.395.096L2.09 4.254a.9.9 0 0 0-.36.34.96.96 0 0 0-.136.495v6.354c0 2.874 1.64 5.009 3.53 6.441.945.715 1.941 1.247 2.804 1.6.874.357 1.576.516 1.936.516s1.062-.159 1.935-.516c.863-.353 1.86-.885 2.803-1.6 1.89-1.432 3.531-3.567 3.531-6.44V5.088a.96.96 0 0 0-.135-.494.9.9 0 0 0-.36-.341L10.257.44a.86.86 0 0 0-.394-.096m6.488 5.323L9.864 2.316l-6.49 3.352v5.775c0 2.25 1.447 3.915 2.925 5.002.743.546 1.51.958 2.141 1.238.316.14.6.247.834.322.225.072.427.122.568.131l.022.002.021-.002c.141-.009.343-.059.568-.131.234-.075.518-.183.834-.322.631-.28 1.398-.692 2.141-1.238 1.478-1.087 2.924-2.751 2.924-5.002z' clip-rule='evenodd'/%3E%3Cpath d='m8.686 12.585-2.123-2.281-.731.785 2.853 3.078 5.48-5.876-.736-.791z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M9.864.345a.86.86 0 0 0-.395.096L2.09 4.254a.9.9 0 0 0-.36.34.96.96 0 0 0-.136.495v6.354c0 2.874 1.64 5.009 3.53 6.441.945.715 1.941 1.247 2.804 1.6.874.357 1.576.516 1.936.516s1.062-.159 1.935-.516c.863-.353 1.86-.885 2.803-1.6 1.89-1.432 3.531-3.567 3.531-6.44V5.088a.96.96 0 0 0-.135-.494.9.9 0 0 0-.36-.341L10.257.44a.86.86 0 0 0-.394-.096m6.488 5.323L9.864 2.316l-6.49 3.352v5.775c0 2.25 1.447 3.915 2.925 5.002.743.546 1.51.958 2.141 1.238.316.14.6.247.834.322.225.072.427.122.568.131l.022.002.021-.002c.141-.009.343-.059.568-.131.234-.075.518-.183.834-.322.631-.28 1.398-.692 2.141-1.238 1.478-1.087 2.924-2.751 2.924-5.002z' clip-rule='evenodd'/%3E%3Cpath d='m8.686 12.585-2.123-2.281-.731.785 2.853 3.078 5.48-5.876-.736-.791z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  position: absolute;
  width: 16px;
}
.user-info-page .profile-history .skins-list .pf-info .pf-info-tooltip[data-v-43142f65] {
  align-items: center;
  background: #0a0911;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  cursor: default;
  display: flex;
  font-size: 12px;
  justify-content: center;
  margin-top: 8px;
  opacity: 0;
  padding: 11px 13px 11px 16px;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(-50%);
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  white-space: nowrap;
  z-index: 3;
}
.user-info-page .profile-history .skins-list .pf-info .pf-info-tooltip[data-v-43142f65]::before {
  border-bottom: 8px solid #0a0911;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 6px;
  top: -7px;
  width: 0;
}
.user-info-page .profile-history .skins-list .pf-info .pf-info-tooltip .pf-info-tooltip-text[data-v-43142f65] {
  color: #c0bcca;
}
.user-info-page .profile-history .skins-list .pf-info .pf-info-tooltip .pf-info-tooltip-id[data-v-43142f65] {
  color: #e7e7e7;
  font-weight: 700;
  margin-left: 2px;
}
.user-info-page .profile-history .skins-list .pf-info .pf-info-tooltip .check-button[data-v-43142f65] {
  align-items: center;
  background-color: #31a6ac;
  clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 9px;
  font-weight: 700;
  height: 25px;
  justify-content: center;
  margin-left: 12px;
  min-width: 60px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.user-info-page .profile-history .skins-list .pf-info:hover .pf-info-tooltip[data-v-43142f65] {
  opacity: 1;
  visibility: visible;
}
.user-info-page .profile-history .skins-list .user-drop__image-wrapper[data-v-43142f65] {
  padding: 35px 0 15px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 66% 66%;
  background-position: center;
}
.user-info-page .profile-history .skins-list .user-drop__image-wrapper img[data-v-43142f65] {
  height: 90px;
  -o-object-fit: contain;
  object-fit: contain;
  position: relative;
  top: 0;
  transition: transform 0.3s;
  width: 100%;
}
.user-info-page .profile-history .skins-list .info-wrap .user-drop__name[data-v-43142f65], .user-info-page .profile-history .skins-list .info-wrap .user-drop__type[data-v-43142f65] {
  text-align: center;
}
.user-info-page .profile-history .skins-list .info-wrap .user-drop__name[data-v-43142f65] {
  color: #e4dcfc;
  font-size: 14px;
  font-weight: 600;
  padding: 0 2px;
}
.user-info-page .profile-history .skins-list .info-wrap .user-drop__type[data-v-43142f65] {
  font-size: 14px;
  font-weight: 600;
  margin-top: 2px;
}
.user-info-page .profile-history .skins-list .info-wrap .user-drop__quality[data-v-43142f65] {
  color: #777a99;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: 2px;
  text-align: center;
}
.user-info-page .profile-history .skins-list .info-wrap .user-drop__price[data-v-43142f65] {
  align-items: center;
  bottom: 6px;
  color: #00efba;
  display: flex;
  font-weight: 600;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.user-info-page .profile-history .skins-list .info-wrap .user-drop__price .price[data-v-43142f65] {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.user-info-page .profile-history .battles-list-block[data-v-43142f65] {
  margin-top: 30px;
}
.user-info-page .profile-history .battles-list-block .battles-table-header[data-v-43142f65] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
@media screen and (max-width: 1023px) {
.user-info-page .profile-history .battles-list-block .battles-table-header[data-v-43142f65] {
    display: none;
}
}
.user-info-page .profile-history .battles-list-block .battles-table-header .battles-table-header__cell[data-v-43142f65] {
  color: #38364f;
  font-feature-settings: "kern" off;
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
  text-align: center;
  text-transform: uppercase;
}
.user-info-page .profile-history .battles-list-block .battles-table[data-v-43142f65] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-item[data-v-43142f65] {
  background-color: #1c1a2f;
  display: flex;
  height: 140px;
  justify-content: space-between;
  padding: 4px 0;
  position: relative;
  transition: transform 0.3s, background 0.3s, opacity 0.3s;
  width: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-item.best-battle[data-v-43142f65] {
  background-color: #221d39;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-item.best-battle[data-v-43142f65]::after {
  border: 1px solid #8455e8;
  content: "";
  height: calc(100% + 4px);
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 4px);
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell[data-v-43142f65] {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  min-width: 124px;
  position: relative;
  transition: background-color 0.3s;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battle-rounds-cell__rounds-text[data-v-43142f65] {
  bottom: 3px;
  color: #38364f;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  text-transform: uppercase;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battle-rounds-cell__private-text[data-v-43142f65] {
  color: #4af1b8;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  text-transform: uppercase;
  top: 15px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-43142f65] {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-43142f65]::after, .user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-43142f65]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='62' fill='none' viewBox='0 0 18 62'%3E%3Cg stroke='%238e8ab8' opacity='.1'%3E%3Cpath d='m1 1 11.905 6.714m0 14.976L17 25M12.778 7.483v15.493M1 61l11.905-6.714m0-14.976L17 37m-4.222 17.517V39.024'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  height: 62px;
  position: absolute;
  width: 18px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-43142f65]::after::before, .user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-43142f65]::before::before {
  left: -14px;
  transform: scale(-1);
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-43142f65]::after::after, .user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-43142f65]::before::after {
  right: -14px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .depths[data-v-43142f65] {
  height: 80px;
  margin: 0 auto;
  position: relative;
  width: 70px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .depth[data-v-43142f65] {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .depth.depth-1[data-v-43142f65] {
  background: linear-gradient(180deg, #171528, #161425);
  height: 100%;
  width: 100%;
  z-index: 1;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .depth.depth-2[data-v-43142f65] {
  background: linear-gradient(180deg, #4af1b8, #24233e);
  display: none;
  height: 76%;
  width: 76%;
  z-index: 2;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .depth.depth-3[data-v-43142f65] {
  background: linear-gradient(180deg, #17162b, #2c2a46);
  height: 70%;
  width: 70%;
  z-index: 3;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .depth.depth-4[data-v-43142f65] {
  align-items: center;
  background: linear-gradient(180deg, #19182d, #201e37);
  color: #e8e4f7;
  display: flex;
  font-size: 19px;
  font-weight: 700;
  height: 54%;
  justify-content: center;
  width: 52%;
  z-index: 4;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper[data-v-43142f65] {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper .cases-list-block[data-v-43142f65] {
  background-color: #181629;
  height: 100%;
  position: relative;
  transition: background-color 0.3s;
  white-space: nowrap;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper .battle-case[data-v-43142f65] {
  background-color: #181629;
  border-right: 1px solid #141225;
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: opacity 0.3s, background-color 0.3s;
  width: 160px;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper .battle-case__multiplier[data-v-43142f65] {
  background-color: #5c49d0;
  clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
  font-size: 9px;
  font-weight: 700;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  width: 28px;
  z-index: 1;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper .battle-case__img[data-v-43142f65] {
  height: 110px;
  margin: 0 auto;
  min-height: 104px;
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity 0.3s, transform 0.3s, filter 0.3s;
  width: 110px;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper .battle-case__name[data-v-43142f65] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #e9e9e9;
  font-size: 12px;
  font-weight: 600;
  line-height: 11px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  transition: color 0.3s, opacity 0.3s;
  white-space: normal;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper .scenario-cell-details-button[data-v-43142f65] {
  background: #23203c;
  box-shadow: -17px 0 17px #181629;
  color: #c4bee1;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  height: 100%;
  line-height: 38px;
  position: absolute;
  right: -1px;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  transition: background 0.3s;
  writing-mode: vertical-lr;
  z-index: 2;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper .scenario-cell-details-button[data-v-43142f65]:hover {
  background-color: #36325d;
  color: #fff;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-cost-cell[data-v-43142f65] {
  align-items: center;
  background-color: #161428;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 112px;
  text-align: center;
  transition: background-color 0.3s;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-cost-cell.battle-cost-cell.with-exclusive-drops[data-v-43142f65] {
  background-image: url(../img/CMh8PB0Q.83429995.png);
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-cost-cell .mode-text[data-v-43142f65] {
  display: none;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-cost-cell .cost[data-v-43142f65] {
  align-items: center;
  color: #4af1b8;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  justify-content: center;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-cost-cell .exclusive-drops-icon[data-v-43142f65] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 28'%3E%3Cpath stroke='%23ff55b3' d='m26.207 19.044-7.15 7.134H8.943l-7.15-7.134V8.956l7.15-7.134h10.112l7.15 7.134z'/%3E%3Cpath fill='%23ff55b3' d='M15.043 1.041 14 0l-1.035 1.033-.017.015v2.65l.017-.016L14 2.65l1.042 1.042.008.006V1.048zM12.957 26.959 14 28l1.035-1.033.017-.015v-2.65l-.017.016L14 25.35l-1.042-1.042-.008-.006v2.65z'/%3E%3Cpath fill='%236a42ff' d='M10.09 9.538V0L8.57 5.095 0 13.999l8.57 8.906 1.52 5.093V18.46l-1.454 2.825-5.96-6.194 3.719-1.092-3.72-1.091 5.961-6.195zm-8.455 4.471-.01-.01.01-.01zM28 14l-8.57-8.907L17.909 0v9.538l1.454-2.825 5.96 6.195-3.718 1.091 3.719 1.092-5.961 6.194-1.454-2.825v9.538l1.52-5.093L27.999 14zm-1.635-.01.01.01-.01.01z'/%3E%3Cpath fill='%236a42ff' d='m14 9.348-4.475 4.464 4.474 4.465 4.475-4.465z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: none;
  height: 14px;
  margin-right: 3px;
  width: 14px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell[data-v-43142f65] {
  align-items: center;
  background-color: #161428;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 2px;
  position: relative;
  transition: background-color 0.3s;
  width: 150px;
  min-width: 150px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell.game_mode-2[data-v-43142f65] {
  background-image: url(../img/CkTz9_7M.debf90e3.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell.game_mode-2 .mode-text[data-v-43142f65] {
  bottom: 10px;
  color: #13d761;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell.game_mode-3[data-v-43142f65] {
  background-image: url(../img/B6lI7twR.2d409d69.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell.game_mode-3 .mode-text[data-v-43142f65] {
  top: 36px;
  color: #66b5ba;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .players-quantity[data-v-43142f65] {
  color: #737e95;
  font-size: 12px;
  font-weight: 600;
  line-height: 11px;
  position: absolute;
  top: 14px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .players-quantity.full[data-v-43142f65] {
  color: #cf3464;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .users-list[data-v-43142f65] {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .users-list__avatar[data-v-43142f65] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2px;
  position: relative;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .users-list__avatar .vs[data-v-43142f65] {
  display: none;
  font-size: 12px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .users-list__win-indicator[data-v-43142f65] {
  background: #28253d;
  border-radius: 50%;
  bottom: -3px;
  height: 10px;
  position: absolute;
  right: 10px;
  width: 10px;
  z-index: 1;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .users-list__win-indicator[data-v-43142f65]::before {
  background: #4af1b8;
  border-radius: 50%;
  bottom: 2px;
  content: "";
  height: 6px;
  position: absolute;
  right: 2px;
  width: 6px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .users-list__win-text[data-v-43142f65] {
  display: flex;
  justify-content: center;
  bottom: -15px;
  color: #43405e;
  font-size: 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .mode-text[data-v-43142f65] {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 11px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-win-sum-cell[data-v-43142f65] {
  align-items: center;
  background-color: #161428;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 2px;
  min-width: 90px;
  text-align: center;
  transition: background-color 0.3s;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-win-sum-cell .cost[data-v-43142f65] {
  font-size: 15px;
  font-weight: 700;
}
.user-info-page .profile-history .battles-list-block .battles-table .buttons-cell-wrapper[data-v-43142f65] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 194px;
  padding: 0 18px;
  transition: background-color 0.3s;
  display: flex;
  align-items: center;
}
.user-info-page .profile-history .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button[data-v-43142f65] {
  align-items: center;
  background-color: #282546;
  color: #9793c7;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  min-width: 120px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 100%;
}
.user-info-page .profile-history .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button[data-v-43142f65]:hover {
  background-color: #36325d;
  color: #fff;
}
.user-info-page .profile-history .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button .default-mode-icon[data-v-43142f65] {
  display: inline-block;
  background-color: #9793c7;
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3C5.455 3 1.573 5.903 0 10c1.573 4.097 5.455 7 10 7 4.546 0 8.427-2.903 10-7-1.573-4.097-5.454-7-10-7m0 11.667c-2.51 0-4.545-2.091-4.545-4.667S7.49 5.333 10 5.333 14.546 7.424 14.546 10 12.509 14.667 10 14.667M10 7.2c-1.51 0-2.727 1.25-2.727 2.8S8.49 12.8 10 12.8c1.51 0 2.727-1.25 2.727-2.8S11.51 7.2 10 7.2'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3C5.455 3 1.573 5.903 0 10c1.573 4.097 5.455 7 10 7 4.546 0 8.427-2.903 10-7-1.573-4.097-5.454-7-10-7m0 11.667c-2.51 0-4.545-2.091-4.545-4.667S7.49 5.333 10 5.333 14.546 7.424 14.546 10 12.509 14.667 10 14.667M10 7.2c-1.51 0-2.727 1.25-2.727 2.8S8.49 12.8 10 12.8c1.51 0 2.727-1.25 2.727-2.8S11.51 7.2 10 7.2'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  width: 16px;
  margin-right: 4px;
}
.user-info-page .profile-history .upgrades-list-block[data-v-43142f65] {
  margin-top: 20px;
}
.user-info-page .profile-history .upgrades-list-block .upgrades-list[data-v-43142f65] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -5px;
}
@media screen and (max-width: 1365px) {
.user-info-page .profile-history .upgrades-list-block .upgrades-list[data-v-43142f65] {
    transform: scale(0.85);
    transform-origin: left top;
    width: 117.6470588235%;
    margin-bottom: calc(-34.5px * var(--list_len_2));
}
}
@media screen and (max-width: 1150px) {
.user-info-page .profile-history .upgrades-list-block .upgrades-list[data-v-43142f65] {
    transform: scale(0.77);
    width: 129.8701298701%;
    margin-bottom: calc(-52.9px * var(--list_len_2));
}
}
@media screen and (max-width: 1024px) {
.user-info-page .profile-history .upgrades-list-block .upgrades-list[data-v-43142f65] {
    transform: scale(0.65);
    width: 153.8461538462%;
    margin-bottom: calc(-80.5px * var(--list_len_2));
}
}
@media screen and (max-width: 900px) {
.user-info-page .profile-history .upgrades-list-block .upgrades-list[data-v-43142f65] {
    transform: scale(1);
    width: 100%;
    margin-bottom: calc(0px * var(--list_len));
}
}
@media screen and (max-width: 767px) {
.user-info-page .profile-history .upgrades-list-block .upgrades-list[data-v-43142f65] {
    transform: scale(0.78);
    width: 128.2051282051%;
    margin-bottom: calc(-50.6px * var(--list_len));
}
}
@media screen and (max-width: 490px) {
.user-info-page .profile-history .upgrades-list-block .upgrades-list[data-v-43142f65] {
    transform: scale(0.68);
    width: 147.0588235294%;
    margin-bottom: calc(-73.6px * var(--list_len));
}
}
@media screen and (max-width: 420px) {
.user-info-page .profile-history .upgrades-list-block .upgrades-list[data-v-43142f65] {
    transform: scale(0.6);
    width: 166.6666666667%;
    margin-bottom: calc(-92px * var(--list_len));
}
}
@media screen and (max-width: 374px) {
.user-info-page .profile-history .upgrades-list-block .upgrades-list[data-v-43142f65] {
    transform: scale(0.5);
    width: 200%;
    margin-bottom: calc(-115px * var(--list_len));
}
}
.user-info-page .profile-history .upgrades-list-block .list-item[data-v-43142f65] {
  align-items: center;
  display: flex;
  margin: 0 18px 30px;
  position: relative;
}
.user-info-page .profile-history .upgrades-list-block .list-item .pf-info[data-v-43142f65] {
  left: 5px;
  right: auto;
  top: 5px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .pf-info.float-position[data-v-43142f65] {
  position: absolute;
  right: 7px;
  top: 14px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__name[data-v-43142f65],
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__quality[data-v-43142f65],
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__duraalias[data-v-43142f65],
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__type[data-v-43142f65] {
  padding-inline: 10px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__name[data-v-43142f65],
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__type[data-v-43142f65] {
  font-size: 12px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__type[data-v-43142f65] {
  bottom: 40px;
  color: #bbbdcf;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__name[data-v-43142f65] {
  bottom: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__quality[data-v-43142f65] {
  bottom: 12px;
  color: #777a99;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  position: absolute;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__duraalias[data-v-43142f65] {
  bottom: 12px;
  color: #777a99;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  position: absolute;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case[data-v-43142f65] {
  background-color: #1c182c;
  background-position: 50% 40%;
  border: none;
  box-shadow: 1px 1px #2e2a3f, inset 1px 1px #2e2a3f;
  box-shadow: none;
  cursor: pointer;
  cursor: default;
  display: inline-flex;
  height: 160px;
  height: 200px;
  justify-content: center;
  margin: 1px;
  overflow: hidden;
  padding: 15px 0;
  position: relative;
  vertical-align: top;
  width: 154px;
  z-index: 1;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case[data-v-43142f65]::after, .user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case[data-v-43142f65]::before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: -1;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case[data-v-43142f65]::before {
  height: 115px;
  width: 130px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case[data-v-43142f65]::after {
  bottom: -59px;
  height: 140px;
  width: 250px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case .upgrade-case__img[data-v-43142f65] {
  margin-top: 32px;
  position: relative;
  top: 8px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case .upgrade-case__img img[data-v-43142f65] {
  max-height: 80px;
  max-width: 110px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case .upgrade-case__price[data-v-43142f65] {
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  border-radius: 25px;
  color: #00efba;
  font-size: 13px;
  padding: 2px 7px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case.rarity-2[data-v-43142f65] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 87 84'%3E%3Ccircle cx='44' cy='42' r='31' fill='url(%23a)' opacity='.4'/%3E%3Cpath stroke='url(%23b)' stroke-width='2' d='M10.756 24.328 40.5 7.155l29.744 17.173v34.345L40.5 75.845 10.756 58.673z'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientTransform='rotate(90 1 43)scale(31)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232696b0'/%3E%3Cstop offset='1' stop-color='%232696b0' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' x1='76' x2='13.408' y1='41.5' y2='41.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2330b4d3'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: 70% auto;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case.rarity-2[data-v-43142f65]::after {
  background: radial-gradient(ellipse at center, rgba(9, 137, 241, 0.15) 0, transparent 50%);
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right[data-v-43142f65] {
  background: #242038 url(../img/DbcuR4Us.8bed6100.png) no-repeat -70px -55px;
  height: 200px;
  width: 450px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info[data-v-43142f65] {
  align-items: center;
  border-bottom: 1px solid rgba(61, 55, 91, 0.5);
  display: flex;
  height: 55px;
  margin: 0 20px -1px;
  position: relative;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__result[data-v-43142f65] {
  align-items: center;
  background: rgba(28, 25, 46, 0.7019607843);
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0 15px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__result[data-v-43142f65] {
  align-items: center;
  background: rgba(28, 25, 46, 0.7019607843);
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0 15px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__result.win .dot[data-v-43142f65] {
  background: #00ffe4;
  box-shadow: 0 0 20px #00ffde;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__result.win .text[data-v-43142f65] {
  color: #06cebd;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__result.lose .dot[data-v-43142f65] {
  background: #ff4d4d;
  box-shadow: 0 0 20px #ff4d4d;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__result.lose .text[data-v-43142f65] {
  color: #ff6b6b;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .dot[data-v-43142f65] {
  border-radius: 100%;
  display: inline-block;
  height: 6px;
  margin-right: 11px;
  position: relative;
  top: -1px;
  width: 6px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .text[data-v-43142f65] {
  font-size: 12px;
  line-height: 30px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__amount-spent[data-v-43142f65],
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__chance[data-v-43142f65] {
  color: #a5a0bc;
  font-size: 14px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__chance[data-v-43142f65] {
  margin-left: 20px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__amount-spent[data-v-43142f65] {
  max-width: 50%;
  position: absolute;
  right: 0;
  text-align: right;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__amount-spent-price[data-v-43142f65] {
  display: block;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__amount-spent-price[data-v-43142f65],
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__chance-price[data-v-43142f65] {
  color: #00efba;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .drops__items-holder[data-v-43142f65] {
  max-height: 145px;
  overflow: hidden;
  position: relative;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .drops__items-holder.drops__items-holder-expand[data-v-43142f65] {
  background: #1b192f;
  box-shadow: inset 0 0 0 1px #312c4a;
  max-height: unset;
  z-index: 3;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .drops__items-holder.drops__items-holder-expand .drops__items[data-v-43142f65] {
  max-height: 372px;
  overflow-y: auto;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-element[data-v-43142f65] {
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-wrapper[data-v-43142f65] {
  height: 100%;
  max-height: 100%;
  max-width: inherit;
  overflow: hidden;
  width: inherit;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-mask[data-v-43142f65],
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-offset[data-v-43142f65] {
  height: 100%;
  inset: 0;
  margin: 0;
  padding: 0;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-mask[data-v-43142f65] {
  direction: inherit;
  overflow: hidden;
  width: auto !important;
  z-index: 0;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-offset[data-v-43142f65] {
  box-sizing: inherit !important;
  direction: inherit !important;
  resize: none !important;
  -webkit-overflow-scrolling: touch;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-content-wrapper[data-v-43142f65] {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  position: relative;
  scrollbar-width: none;
  width: auto;
  -ms-overflow-style: none;
  height: auto;
  overflow: hidden scroll;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-content[data-v-43142f65]::after, .user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-content[data-v-43142f65]::before {
  content: " ";
  display: table;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-content .drops__items-content[data-v-43142f65] {
  padding-right: 30px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-grid[data-v-43142f65] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-grid__content[data-v-43142f65] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case[data-v-43142f65] {
  background-color: #1c182c;
  background-position: 50% 40%;
  border: none;
  box-shadow: 1px 1px #2e2a3f, inset 1px 1px #2e2a3f;
  box-shadow: none;
  cursor: pointer;
  cursor: default;
  display: inline-flex;
  height: 160px;
  height: 200px;
  justify-content: center;
  margin: 1px;
  overflow: hidden;
  padding: 15px 0;
  position: relative;
  vertical-align: top;
  width: calc(33.333% - 2px);
  z-index: 1;
  background: transparent;
  height: 130px;
  margin: 7px 0;
  max-width: calc(33.333% - 2px);
  padding: 0;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case[data-v-43142f65]::after, .user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case[data-v-43142f65]::before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: -1;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case[data-v-43142f65]::after::before, .user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case[data-v-43142f65]::before::before {
  height: 115px;
  width: 130px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case[data-v-43142f65]::after::after, .user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case[data-v-43142f65]::before::after {
  bottom: -59px;
  height: 140px;
  width: 250px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case .upgrade-case__img[data-v-43142f65] {
  position: relative;
  top: 8px;
  margin-top: 32px;
  height: 71px;
  margin-top: -8px;
  max-width: 100%;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case .upgrade-case__img img[data-v-43142f65] {
  max-height: 80px;
  max-width: 110px;
  max-height: 70px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case .upgrade-case__type[data-v-43142f65] {
  bottom: 31px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case .upgrade-case__name[data-v-43142f65] {
  bottom: 16px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case .upgrade-case__quality[data-v-43142f65] {
  bottom: 2px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case.rarity-3[data-v-43142f65] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 87 84'%3E%3Ccircle cx='44' cy='42' r='31' fill='url(%23a)' opacity='.4'/%3E%3Cpath stroke='url(%23b)' stroke-width='2' d='M10.756 24.328 40.5 7.155l29.744 17.173v34.345L40.5 75.845 10.756 58.673z'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientTransform='rotate(90 1 43)scale(31)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23353dff'/%3E%3Cstop offset='1' stop-color='%23353dff' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' x1='76' x2='13.408' y1='41.5' y2='41.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23353dff'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 55% auto;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case.rarity-3.is-partial[data-v-43142f65] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 87 84'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='59' height='84' x='-1' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23181629' d='M9.5 84 58 0H-.5L0 84z'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Ccircle cx='44' cy='42' r='31' fill='url(%23c)' opacity='.4'/%3E%3Cpath stroke='url(%23d)' stroke-width='2' d='M10.756 24.328 40.5 7.155l29.744 17.173v34.345L40.5 75.845 10.756 58.673z'/%3E%3C/g%3E%3Cmask id='e' width='78' height='84' x='9' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23181629' d='m77.5 0-68 84H87V0z'/%3E%3C/mask%3E%3Cg mask='url(%23e)'%3E%3Ccircle cx='44' cy='42' r='31' fill='url(%23f)' opacity='.4'/%3E%3Cpath stroke='url(%23g)' stroke-width='2' d='M10.756 24.328 40.5 7.155l29.744 17.173v34.345L40.5 75.845 10.756 58.673z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='c' cx='0' cy='0' r='1' gradientTransform='rotate(90 1 43)scale(31)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23353dff'/%3E%3Cstop offset='1' stop-color='%23353dff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='0' cy='0' r='1' gradientTransform='rotate(90 1 43)scale(31)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23353dff'/%3E%3Cstop offset='1' stop-color='%23353dff' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='d' x1='76' x2='13.408' y1='41.5' y2='41.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23353dff'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='76' x2='13.408' y1='41.5' y2='41.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23353dff'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h87v84H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.user-info-page .profile-history .opencases-list-block .opencases-list[data-v-43142f65] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 20px 0 0;
}
.user-info-page .profile-history .opencases-list-block .list-item[data-v-43142f65] {
  align-items: center;
  display: flex;
  position: relative;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop[data-v-43142f65] {
  background-color: #161428;
  border-radius: 4px;
  height: 265px;
  position: relative;
  width: 206px;
  background-position: 50% 20%;
  overflow: hidden;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop .content-scroll-wrapper[data-v-43142f65] {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
  transform: translateX(0);
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop .box-png .box[data-v-43142f65] {
  display: block;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop .box-png .png[data-v-43142f65] {
  display: block;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop.error[data-v-43142f65], .user-info-page .profile-history .opencases-list-block .list-item .history-drop.pending[data-v-43142f65] {
  background-color: #19172d;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop:hover .action-button[data-v-43142f65] {
  max-width: 100%;
  padding-right: 23px;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop:hover .history-drop__image-wrapper img[data-v-43142f65] {
  transform: translateY(-5px);
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop:hover .content-scroll-wrapper[data-v-43142f65] {
  transform: translateX(-100%);
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__buttons-wrapper[data-v-43142f65] {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 13px;
  position: absolute;
  top: 12px;
  z-index: 2;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__buttons-wrapper .action-button[data-v-43142f65] {
  align-items: center;
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
  display: flex;
  font-weight: 700;
  height: 28px;
  margin-bottom: 5px;
  max-width: 32px;
  overflow: hidden;
  padding: 0 4px 0 10px;
  transition: max-width 0.15s linear 0.2s, padding-right 0.2s linear 0.15s, background 0.2s linear 0.2s;
  white-space: nowrap;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__buttons-wrapper .action-button .button-icon[data-v-43142f65] {
  display: inline-block;
  font-weight: 700;
  margin-right: 6px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__buttons-wrapper .action-button .text[data-v-43142f65] {
  font-size: 14px;
  margin-left: 6px;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__buttons-wrapper .action-button.take-button[data-v-43142f65] {
  background: #39bda0;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__buttons-wrapper .action-button.take-button .button-icon[data-v-43142f65] {
  font-size: 20px;
  font-weight: 500;
  margin-top: -2px;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__buttons-wrapper .action-button.sell-button[data-v-43142f65] {
  background: #4c8dc4;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__buttons-wrapper .action-button.sell-button .button-icon[data-v-43142f65] {
  font-size: 16px;
  margin-left: 2px;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__buttons-wrapper .action-button.sell-button[data-v-43142f65]:disabled {
  cursor: wait;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__buttons-wrapper .action-button.upgrade-button[data-v-43142f65] {
  background: #5c49d0;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__buttons-wrapper .action-button.upgrade-button .button-icon[data-v-43142f65] {
  background-color: #fff;
  height: 14px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3E%3Cpath d='M5.5-.01 0 5.79l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Zm0 5.57L0 11.36l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3E%3Cpath d='M5.5-.01 0 5.79l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Zm0 5.57L0 11.36l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Z'/%3E%3C/svg%3E");
  width: 12px;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__buttons-wrapper .action-button.exchange-button[data-v-43142f65] {
  background: #385f3a;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__buttons-wrapper .action-button.exchange-button .button-icon[data-v-43142f65] {
  background-color: #90e594;
  height: 15px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2.747 10H0V3.879h12.292V1C14.216 2.44 16.087 3.843 18 5.276c-1.895 1.421-3.772 2.825-5.696 4.27V6.691H2.747zM7.722 19c-1.95-1.456-3.82-2.865-5.722-4.285 1.901-1.42 3.773-2.823 5.686-4.261v2.829h9.548V10H20v6.093H7.722z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2.747 10H0V3.879h12.292V1C14.216 2.44 16.087 3.843 18 5.276c-1.895 1.421-3.772 2.825-5.696 4.27V6.691H2.747zM7.722 19c-1.95-1.456-3.82-2.865-5.722-4.285 1.901-1.42 3.773-2.823 5.686-4.261v2.829h9.548V10H20v6.093H7.722z'/%3E%3C/svg%3E");
  transform: translate(-1px);
  width: 15px;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__buttons-wrapper .action-button.freeze-button[data-v-43142f65] {
  background: #0c8ce9;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__buttons-wrapper .action-button.freeze-button .button-icon[data-v-43142f65] {
  background-color: #fff;
  height: 17px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M18.864 11.329a.714.714 0 0 1-.393.93l-1.985.807 1.837 1.104a.714.714 0 1 1-.735 1.224L15.75 14.29l.22 2.133a.714.714 0 0 1-1.422.145l-.328-3.197-3.51-2.109v4.095l2.57 1.929a.714.714 0 1 1-.856 1.142l-1.715-1.285v2.143a.714.714 0 1 1-1.428 0v-2.143l-1.714 1.285a.714.714 0 1 1-.858-1.142l2.572-1.929v-4.095l-3.51 2.11-.329 3.197a.714.714 0 1 1-1.42-.146l.219-2.132-1.837 1.104a.714.714 0 1 1-.736-1.225l1.837-1.103-1.985-.807a.714.714 0 0 1 .538-1.324l2.978 1.211L8.609 10 5.036 7.853 2.06 9.064a.714.714 0 0 1-.538-1.323l1.985-.807L1.669 5.83a.714.714 0 1 1 .736-1.224L4.24 5.709l-.219-2.132a.714.714 0 0 1 1.421-.146l.329 3.198 3.51 2.109V4.643L6.711 2.714a.714.714 0 1 1 .856-1.143l1.715 1.286V.714a.714.714 0 1 1 1.428 0v2.143l1.715-1.286a.714.714 0 0 1 .857 1.143l-2.571 1.929v4.095l3.51-2.11.328-3.197a.714.714 0 0 1 1.421.146l-.22 2.132 1.838-1.104a.714.714 0 1 1 .735 1.225l-1.837 1.103 1.985.807a.714.714 0 0 1-.538 1.324l-2.977-1.211L11.383 10l3.573 2.147 2.978-1.21a.713.713 0 0 1 .93.39z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M18.864 11.329a.714.714 0 0 1-.393.93l-1.985.807 1.837 1.104a.714.714 0 1 1-.735 1.224L15.75 14.29l.22 2.133a.714.714 0 0 1-1.422.145l-.328-3.197-3.51-2.109v4.095l2.57 1.929a.714.714 0 1 1-.856 1.142l-1.715-1.285v2.143a.714.714 0 1 1-1.428 0v-2.143l-1.714 1.285a.714.714 0 1 1-.858-1.142l2.572-1.929v-4.095l-3.51 2.11-.329 3.197a.714.714 0 1 1-1.42-.146l.219-2.132-1.837 1.104a.714.714 0 1 1-.736-1.225l1.837-1.103-1.985-.807a.714.714 0 0 1 .538-1.324l2.978 1.211L8.609 10 5.036 7.853 2.06 9.064a.714.714 0 0 1-.538-1.323l1.985-.807L1.669 5.83a.714.714 0 1 1 .736-1.224L4.24 5.709l-.219-2.132a.714.714 0 0 1 1.421-.146l.329 3.198 3.51 2.109V4.643L6.711 2.714a.714.714 0 1 1 .856-1.143l1.715 1.286V.714a.714.714 0 1 1 1.428 0v2.143l1.715-1.286a.714.714 0 0 1 .857 1.143l-2.571 1.929v4.095l3.51-2.11.328-3.197a.714.714 0 0 1 1.421.146l-.22 2.132 1.838-1.104a.714.714 0 1 1 .735 1.225l-1.837 1.103 1.985.807a.714.714 0 0 1-.538 1.324l-2.977-1.211L11.383 10l3.573 2.147 2.978-1.21a.713.713 0 0 1 .93.39z'/%3E%3C/svg%3E");
  transform: translate(-3px);
  width: 17px;
}
.user-info-page .profile-history .opencases-list-block .list-item .pf-info[data-v-43142f65] {
  cursor: help;
  position: relative;
}
.user-info-page .profile-history .opencases-list-block .list-item .pf-info.float-position[data-v-43142f65] {
  position: absolute;
  right: 7px;
  top: 14px;
}
.user-info-page .profile-history .opencases-list-block .list-item .pf-info .pf-badge[data-v-43142f65] {
  align-items: center;
  background: linear-gradient(180deg, #275e61, #5da0a4);
  clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
  display: flex;
  height: 32px;
  justify-content: center;
  text-align: center;
  width: 28px;
}
.user-info-page .profile-history .opencases-list-block .list-item .pf-info .pf-badge[data-v-43142f65]::before {
  background-color: #cdefeb;
  content: "";
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M9.864.345a.86.86 0 0 0-.395.096L2.09 4.254a.9.9 0 0 0-.36.34.96.96 0 0 0-.136.495v6.354c0 2.874 1.64 5.009 3.53 6.441.945.715 1.941 1.247 2.804 1.6.874.357 1.576.516 1.936.516s1.062-.159 1.935-.516c.863-.353 1.86-.885 2.803-1.6 1.89-1.432 3.531-3.567 3.531-6.44V5.088a.96.96 0 0 0-.135-.494.9.9 0 0 0-.36-.341L10.257.44a.86.86 0 0 0-.394-.096m6.488 5.323L9.864 2.316l-6.49 3.352v5.775c0 2.25 1.447 3.915 2.925 5.002.743.546 1.51.958 2.141 1.238.316.14.6.247.834.322.225.072.427.122.568.131l.022.002.021-.002c.141-.009.343-.059.568-.131.234-.075.518-.183.834-.322.631-.28 1.398-.692 2.141-1.238 1.478-1.087 2.924-2.751 2.924-5.002z' clip-rule='evenodd'/%3E%3Cpath d='m8.686 12.585-2.123-2.281-.731.785 2.853 3.078 5.48-5.876-.736-.791z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M9.864.345a.86.86 0 0 0-.395.096L2.09 4.254a.9.9 0 0 0-.36.34.96.96 0 0 0-.136.495v6.354c0 2.874 1.64 5.009 3.53 6.441.945.715 1.941 1.247 2.804 1.6.874.357 1.576.516 1.936.516s1.062-.159 1.935-.516c.863-.353 1.86-.885 2.803-1.6 1.89-1.432 3.531-3.567 3.531-6.44V5.088a.96.96 0 0 0-.135-.494.9.9 0 0 0-.36-.341L10.257.44a.86.86 0 0 0-.394-.096m6.488 5.323L9.864 2.316l-6.49 3.352v5.775c0 2.25 1.447 3.915 2.925 5.002.743.546 1.51.958 2.141 1.238.316.14.6.247.834.322.225.072.427.122.568.131l.022.002.021-.002c.141-.009.343-.059.568-.131.234-.075.518-.183.834-.322.631-.28 1.398-.692 2.141-1.238 1.478-1.087 2.924-2.751 2.924-5.002z' clip-rule='evenodd'/%3E%3Cpath d='m8.686 12.585-2.123-2.281-.731.785 2.853 3.078 5.48-5.876-.736-.791z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  position: absolute;
  width: 16px;
}
.user-info-page .profile-history .opencases-list-block .list-item .pf-info .pf-info-tooltip[data-v-43142f65] {
  align-items: center;
  background: #0a0911;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  cursor: default;
  display: flex;
  font-size: 12px;
  justify-content: center;
  margin-top: 8px;
  opacity: 0;
  padding: 11px 13px 11px 16px;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(-50%);
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  white-space: nowrap;
  z-index: 3;
}
.user-info-page .profile-history .opencases-list-block .list-item .pf-info .pf-info-tooltip[data-v-43142f65]::before {
  border-bottom: 8px solid #0a0911;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 6px;
  top: -7px;
  width: 0;
}
.user-info-page .profile-history .opencases-list-block .list-item .pf-info .pf-info-tooltip .pf-info-tooltip-text[data-v-43142f65] {
  color: #c0bcca;
}
.user-info-page .profile-history .opencases-list-block .list-item .pf-info .pf-info-tooltip .pf-info-tooltip-id[data-v-43142f65] {
  color: #e7e7e7;
  font-weight: 700;
  margin-left: 2px;
}
.user-info-page .profile-history .opencases-list-block .list-item .pf-info .pf-info-tooltip .check-button[data-v-43142f65] {
  align-items: center;
  background-color: #31a6ac;
  clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 9px;
  font-weight: 700;
  height: 25px;
  justify-content: center;
  margin-left: 12px;
  min-width: 60px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.user-info-page .profile-history .opencases-list-block .list-item .pf-info:hover .pf-info-tooltip[data-v-43142f65] {
  opacity: 1;
  visibility: visible;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__image-wrapper[data-v-43142f65] {
  padding: 35px 0 15px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 66% 66%;
  background-position: center;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-drop__image-wrapper img[data-v-43142f65] {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  position: relative;
  top: 0;
  transition: transform 0.3s;
  width: 100%;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-wrap[data-v-43142f65] {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-wrap .history-drop__image-wrapper[data-v-43142f65] {
  flex-shrink: 0;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-wrap .history-drop__name[data-v-43142f65], .user-info-page .profile-history .opencases-list-block .list-item .history-wrap .history-drop__type[data-v-43142f65] {
  text-align: center;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-wrap .history-drop__name[data-v-43142f65] {
  color: #e4dcfc;
  font-size: 14px;
  font-weight: 600;
  padding: 0 2px;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-wrap .history-drop__type[data-v-43142f65] {
  font-size: 14px;
  font-weight: 600;
  margin-top: 2px;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-wrap .history-drop__quality[data-v-43142f65] {
  color: #777a99;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: 2px;
  text-align: center;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-wrap .history-drop__price[data-v-43142f65] {
  align-items: center;
  bottom: 6px;
  color: #00efba;
  display: flex;
  font-weight: 600;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-wrap .history-drop__price .price[data-v-43142f65] {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-wrap .box-png .box[data-v-43142f65] {
  display: none;
}
.user-info-page .profile-history .opencases-list-block .list-item .history-wrap .box-png .png[data-v-43142f65] {
  display: block;
}
.user-info-page .profile-history .opencases-list-block .list-item .other-wrap[data-v-43142f65] {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.user-info-page .profile-history .opencases-list-block .list-item .other-wrap .history-drop__image-wrapper[data-v-43142f65] {
  flex-shrink: 0;
}
.user-info-page .profile-history .opencases-list-block .list-item .other-wrap .other-drop__name[data-v-43142f65], .user-info-page .profile-history .opencases-list-block .list-item .other-wrap .other-drop__type[data-v-43142f65] {
  text-align: center;
}
.user-info-page .profile-history .opencases-list-block .list-item .other-wrap .other-drop__name[data-v-43142f65] {
  color: #e4dcfc;
  font-size: 14px;
  font-weight: 600;
  padding: 0 2px;
}
.user-info-page .profile-history .opencases-list-block .list-item .other-wrap .other-drop__type[data-v-43142f65] {
  font-size: 14px;
  font-weight: 600;
  margin-top: 2px;
}
.user-info-page .profile-history .opencases-list-block .list-item .other-wrap .other-drop__quality[data-v-43142f65] {
  color: #777a99;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: 2px;
  text-align: center;
}
.user-info-page .profile-history .opencases-list-block .list-item .other-wrap .other-drop__price[data-v-43142f65] {
  align-items: center;
  bottom: 6px;
  color: #00efba;
  display: flex;
  font-weight: 600;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.user-info-page .profile-history .opencases-list-block .list-item .other-wrap .other-drop__price .price[data-v-43142f65] {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.user-info-page .profile-history .opencases-list-block .list-item .other-wrap .box-png .box[data-v-43142f65] {
  display: block;
}
.user-info-page .profile-history .opencases-list-block .list-item .other-wrap .box-png .png[data-v-43142f65] {
  display: none;
}
.user-info-page .profile-history .drops__show-all[data-v-43142f65] {
  background: #312c4a;
  height: calc(100% + 1px);
  position: absolute;
  right: 0;
  top: -1px;
  transition: background 0.3s;
  z-index: 1;
}
.user-info-page .profile-history .drops__show-all button[data-v-43142f65] {
  background: transparent;
  color: #a5a0bc;
  display: block;
  height: 100%;
  display: flex;
  justify-content: center;
  white-space: nowrap;
  width: 29px;
}
.user-info-page .profile-history .drops__show-all button p[data-v-43142f65] {
  text-orientation: mixed;
  writing-mode: vertical-rl;
}
.user-info-page .profile-history .drops__close[data-v-43142f65] {
  align-items: center;
  background: #312c4a;
  cursor: pointer;
  display: flex;
  height: 29px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.3s;
  width: 29px;
  z-index: 4;
}
.user-info-page .profile-history .drops__close .drops__close-icon[data-v-43142f65] {
  background-color: #a5a0bc;
  height: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 10px;
}
.user-info-page .profile-history .load-more[data-v-43142f65] {
  display: flex;
  justify-content: center;
  margin-top: 35px;
}
.user-info-page .profile-history .load-more .load-more__button[data-v-43142f65] {
  align-items: center;
  background-color: #1c1a31;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  padding: 0 20px;
  min-width: unset;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.user-info-page .profile-history .load-more .load-more__button.more_loading .spin-arrow[data-v-43142f65] {
  animation: rotate-center-43142f65 1s infinite;
}
@keyframes rotate-center-43142f65 {
0% {
    transform: rotate(0);
}
to {
    transform: rotate(-1turn);
}
}
.user-info-page .profile-history .load-more .spin-arrow[data-v-43142f65] {
  background-color: #fff;
  display: inline-block;
  height: 14px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M11.505 1A8.494 8.494 0 0 1 20 9.5c0 4.696-3.8 8.5-8.495 8.5v-1.817c1.78 0 3.453-.69 4.716-1.966A6.64 6.64 0 0 0 18.18 9.5a6.64 6.64 0 0 0-1.958-4.717 6.63 6.63 0 0 0-4.716-1.966c-1.779 0-3.452.69-4.716 1.965A6.65 6.65 0 0 0 4.958 8.3h3.526l-4.242 4.845L0 8.3h3.126C3.716 4.166 7.242 1 11.506 1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M11.505 1A8.494 8.494 0 0 1 20 9.5c0 4.696-3.8 8.5-8.495 8.5v-1.817c1.78 0 3.453-.69 4.716-1.966A6.64 6.64 0 0 0 18.18 9.5a6.64 6.64 0 0 0-1.958-4.717 6.63 6.63 0 0 0-4.716-1.966c-1.779 0-3.452.69-4.716 1.965A6.65 6.65 0 0 0 4.958 8.3h3.526l-4.242 4.845L0 8.3h3.126C3.716 4.166 7.242 1 11.506 1'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 14px;
}
.user-info-page .gif-png[data-v-43142f65] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 70%;
  height: 110px;
}
.user-info-page .gif-png img[data-v-43142f65] {
  width: 100%;
}
.user-info-page .gif-png .gif[data-v-43142f65] {
  display: none;
}
.user-info-page .gif-png:hover .gif[data-v-43142f65] {
  display: block;
}
.user-info-page .gif-png:hover .png[data-v-43142f65] {
  display: none;
}
.user-info-page .box-png[data-v-43142f65] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 70%;
  height: 100%;
}
.user-info-page .box-png .png[data-v-43142f65] {
  width: 100%;
  height: 110px;
}
.user-info-page .box-png:hover .box[data-v-43142f65] {
  width: 100%;
  height: 100%;
}
.user-info-page .trade-url-popup[data-v-43142f65] {
  width: 720px;
  border-radius: 8px;
  padding: 70px 30px 40px;
  color: #fff;
  background-color: #1f1c38;
  box-sizing: border-box;
}
.user-info-page .trade-url-popup h3[data-v-43142f65] {
  color: #fff;
  font-size: 24px;
  margin-bottom: 20px;
}
.user-info-page .trade-url-popup .text-desc[data-v-43142f65] {
  text-align: center;
  margin: 0 0 20px;
}
.user-info-page .trade-url-popup .form-group[data-v-43142f65] {
  margin-bottom: 20px;
}
.user-info-page .trade-url-popup .form-group label[data-v-43142f65] {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #a5a0bc;
}
.user-info-page .trade-url-popup .form-group input[data-v-43142f65] {
  width: 100%;
  padding: 12px 15px;
  background: #2c284f;
  border: 1px solid #44406d;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
}
.user-info-page .trade-url-popup .form-group input[data-v-43142f65]:focus {
  outline: none;
  border-color: #5c49d0;
}
.user-info-page .trade-url-popup .form-group input[data-v-43142f65]::-moz-placeholder {
  color: #777a99;
}
.user-info-page .trade-url-popup .form-group input[data-v-43142f65]::placeholder {
  color: #777a99;
}
.user-info-page .trade-url-popup .form-group .email-input[data-v-43142f65] {
  width: 80%;
  margin-left: 50px;
}
.user-info-page .trade-url-popup .form-group .email-code[data-v-43142f65] {
  margin-left: 50px;
  display: inline-block;
  margin-top: 25px;
  width: calc(80% - 130px);
}
.user-info-page .trade-url-popup .form-group .send[data-v-43142f65] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 34px;
  margin-left: 10px;
  border: 1px solid rgba(91, 73, 208, 0.6);
  border-radius: 5px;
  cursor: pointer;
  color: #9792c7;
  transition: border-color 0.3s, color 0.3s;
}
.user-info-page .trade-url-popup .form-group .send[data-v-43142f65]:hover {
  border: 1px solid #5c49d0;
  color: #fff;
}
.user-info-page .trade-url-popup .form-group .getCode_loading[data-v-43142f65] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  gap: 3px;
  inset: 0;
  font-size: 28px;
  background: rgba(32, 32, 33, 0.88);
  border-radius: 8px;
  cursor: not-allowed;
}
.user-info-page .trade-url-popup .form-group .getCode_loading .loading-dot[data-v-43142f65] {
  color: #fff;
  opacity: 0;
  animation: dotBlink-43142f65 1.5s infinite ease-in-out;
}
.user-info-page .trade-url-popup .form-group .getCode_loading .loading-dot[data-v-43142f65]:nth-child(1) {
  animation-delay: 0s;
}
.user-info-page .trade-url-popup .form-group .getCode_loading .loading-dot[data-v-43142f65]:nth-child(2) {
  animation-delay: 0.3s;
}
.user-info-page .trade-url-popup .form-group .getCode_loading .loading-dot[data-v-43142f65]:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes dotBlink-43142f65 {
0%, 100% {
    opacity: 0;
    transform: translateY(1px);
}
50% {
    opacity: 1;
    transform: translateY(-2px);
}
}
.user-info-page .trade-url-popup .gotoLink[data-v-43142f65] {
  position: relative;
  color: #666185;
  font-size: 14px;
  font-weight: 600;
  transition: color 0.3s;
  float: right;
}
.user-info-page .trade-url-popup .gotoLink[data-v-43142f65]::after {
  background-color: #666185;
  bottom: -2px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  transition: transform 0.3s, background-color 0.3s;
  width: 100%;
}
.user-info-page .trade-url-popup .gotoLink[data-v-43142f65]:hover {
  color: #9692b8;
}
.user-info-page .trade-url-popup .gotoLink[data-v-43142f65]:hover::after {
  background-color: #9692b8;
  transform: translate(-50%, 3px);
}
.user-info-page .trade-url-popup .save button[data-v-43142f65] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5c49d0;
  clip-path: polygon(19px 0, calc(100% - 19px) 0, 100% 50%, calc(100% - 19px) 100%, 19px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  height: 58px;
  margin: 150px auto 0;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 334px;
}
.user-info-page .invite-popup .form-group[data-v-43142f65] {
  margin-top: 40px;
  text-align: center;
}
.user-info-page .invite-popup .form-group input[data-v-43142f65] {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  display: block;
}
.common-user-avatar[data-v-43142f65] {
  align-items: center;
  background-color: #141225;
  border: 2px solid;
  border-radius: 50%;
  color: #141225;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  height: 30px;
  justify-content: center;
  width: 30px;
  padding: 3px;
  position: relative;
}
.common-user-avatar[data-v-43142f65]::after, .common-user-avatar[data-v-43142f65]::before {
  animation-duration: 1.4s;
  animation-iteration-count: 3;
  border: 2px solid;
  border-radius: 50%;
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.common-user-avatar[data-v-43142f65]::before {
  height: 118%;
  width: 118%;
}
.common-user-avatar[data-v-43142f65]::after {
  height: 135%;
  width: 135%;
}
.common-user-avatar .common-user-avatar__img[data-v-43142f65] {
  border-radius: 100%;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.common-user-avatar .common-user-avatar__img img[data-v-43142f65] {
  height: calc(100% + 2px);
  margin-left: -1px;
  margin-top: -1px;
  width: calc(100% + 2px);
}
.common-user-avatar .common-user-avatar__crown[data-v-43142f65] {
  bottom: 105%;
  display: flex;
  position: absolute;
}
.common-user-avatar .common-user-avatar__crown.is-hidden[data-v-43142f65] {
  opacity: 0;
  pointer-events: none;
}
.common-user-avatar.level-color-2[data-v-43142f65], .common-user-avatar.level-color-2[data-v-43142f65]:after, .common-user-avatar.level-color-2[data-v-43142f65]:before {
  border-color: #7e5bc8;
}
.common-user-avatar .size-30[data-v-43142f65] {
  padding: 2px;
}
.common-user-avatar .size-30 .common-user-avatar__crown[data-v-43142f65] {
  bottom: 115%;
}
.battles-statistic-dialog[data-v-43142f65] {
  width: 300px;
  min-height: 500px;
  background-color: #141225;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  padding: 32px 0 30px;
  position: relative;
}
.battles-statistic-dialog[data-v-43142f65]::after, .battles-statistic-dialog[data-v-43142f65]::before {
  background-image: url(../img/D-LG4Aws.ae20c980.png);
  content: "";
  height: 104px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 137px;
}
.battles-statistic-dialog[data-v-43142f65]::before {
  left: 0;
}
.battles-statistic-dialog[data-v-43142f65]::after {
  right: 0;
  transform: scaleX(-1);
}
.battles-statistic-dialog .profile-battle-statistic[data-v-43142f65] {
  display: flex;
  height: 101px;
  margin: 32px auto 43px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.battles-statistic-dialog .profile-battle-statistic[data-v-43142f65]::after, .battles-statistic-dialog .profile-battle-statistic[data-v-43142f65]::before {
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.battles-statistic-dialog .profile-battle-statistic[data-v-43142f65]::before {
  background: #272443;
  height: 100%;
  width: 100%;
}
.battles-statistic-dialog .profile-battle-statistic[data-v-43142f65]::after {
  background: linear-gradient(180deg, #141225, #1b192d 108.47%);
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.battles-statistic-dialog .profile-battle-statistic.is-modal[data-v-43142f65] {
  flex-direction: column;
  height: auto;
  margin: 0;
  padding: 0;
}
.battles-statistic-dialog .profile-battle-statistic.is-modal[data-v-43142f65]::after, .battles-statistic-dialog .profile-battle-statistic.is-modal[data-v-43142f65]::before {
  content: none;
}
.battles-statistic-dialog .profile-battle-statistic .my-stats-text[data-v-43142f65] {
  font-size: 24px;
  font-weight: 600;
  margin-top: 19px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
@media screen and (max-width: 767px) {
.battles-statistic-dialog .profile-battle-statistic .my-stats-text[data-v-43142f65] {
    font-size: 20px;
    margin-top: 10px;
}
}
.battles-statistic-dialog .profile-battle-statistic .create-battle-link[data-v-43142f65] {
  display: inline-block;
  color: #e84866;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  transition: color 0.3s;
  margin: 10px auto 0;
}
.battles-statistic-dialog .profile-battle-statistic .plus-icon[data-v-43142f65] {
  background-color: #e84866;
  display: inline-block;
  height: 10px;
  margin-right: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 10px;
}
.battles-statistic-dialog .profile-battle-statistic .main-statistic-block[data-v-43142f65] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: 100%;
  padding: 0 12px;
  position: relative;
  width: 34%;
  z-index: 1;
}
.battles-statistic-dialog .profile-battle-statistic .main-statistic-block[data-v-43142f65]::after {
  background: linear-gradient(180deg, #272344, rgba(15, 14, 28, 0.4));
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
}
.battles-statistic-dialog .profile-battle-statistic .main-statistic-block.is-modal[data-v-43142f65] {
  border-bottom: 1px solid #272443;
  height: unset;
  padding: 49px 50px 110px;
  width: unset;
}
@media screen and (max-width: 767px) {
.battles-statistic-dialog .profile-battle-statistic .main-statistic-block.is-modal[data-v-43142f65] {
    padding: 24px 12px 92px;
}
}
.battles-statistic-dialog .profile-battle-statistic .main-statistic-block.is-modal[data-v-43142f65]::after {
  content: none;
}
.battles-statistic-dialog .profile-battle-statistic .secondary-statistic-block[data-v-43142f65] {
  display: grid;
  grid-template-columns: 1fr 122px 1fr;
  padding: 0 12px;
  position: relative;
  width: 48%;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
.battles-statistic-dialog .profile-battle-statistic .secondary-statistic-block[data-v-43142f65] {
    grid-template-columns: 1fr 100px 1fr;
}
}
.battles-statistic-dialog .profile-battle-statistic .secondary-statistic-block.is-modal[data-v-43142f65] {
  grid-template-columns: 1fr;
  margin-top: 40px;
  padding: 0 80px;
  width: unset;
}
@media screen and (max-width: 767px) {
.battles-statistic-dialog .profile-battle-statistic .secondary-statistic-block.is-modal[data-v-43142f65] {
    margin-top: 20px;
    padding: 0 30px;
}
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block[data-v-43142f65] {
  align-items: center;
  display: flex;
  height: 38px;
  justify-content: center;
  margin-top: -19px;
  position: relative;
  width: 34px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block[data-v-43142f65]::after, .battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block[data-v-43142f65]::before {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block[data-v-43142f65]::before {
  background: linear-gradient(#272443, #564f96);
  height: 100%;
  width: 100%;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block[data-v-43142f65]::after {
  background: #141225;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon[data-v-43142f65] {
  display: inline-block;
  height: 16px;
  opacity: 0.7;
  width: 16px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-battle-count[data-v-43142f65],
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-wins[data-v-43142f65],
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-win-ratio[data-v-43142f65],
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-winstreak[data-v-43142f65],
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-crown[data-v-43142f65],
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-last-battles[data-v-43142f65] {
  background-color: #b89fff;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-battle-count[data-v-43142f65] {
  height: 17px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  width: 17px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-wins[data-v-43142f65] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.995 1.754c0-.182-.005-.359-.005-.547v-.142h-2.715L17.405 0H2.642l.148 1.07H0v1.043C.017 3.33.12 4.926.74 6.429c.751 1.817 2.072 2.82 3.927 2.984.052.006.131.052.16.103a6.65 6.65 0 0 0 2.772 2.363c.096.046.108.069.108.165-.006.28-.006.564-.006.838v.729c-.011.74-.176 1.491-.507 2.294-.096.228-.187.29-.426.28-.427-.023-.849-.018-1.298-.012-.182 0-.37.006-.564.006h-.142v2.403H3.398V20h13.319v-1.435H15.35c-.017-.228-.012-.456-.012-.672 0-.205.006-.416-.01-.626V16.19h-.018l.023-.051-.274.051h-1.132v-.006h-.341c-.16 0-.314-.005-.467.006-.114.012-.16-.017-.194-.13-.045-.126-.091-.257-.142-.377a8 8 0 0 1-.222-.632c-.24-.803-.228-1.646-.21-2.466.005-.205.005-.415.005-.62a.3.3 0 0 1 .08-.074 6.8 6.8 0 0 0 2.743-2.358.3.3 0 0 1 .188-.114c1.713-.165 2.971-1.048 3.745-2.637.512-1.053.78-2.243.865-3.86.029-.394.023-.77.017-1.168M6.244 18.542v-.905h7.638v.905zm2.874-5.672c-.005-.154-.005-.319-.011-.478h1.787c-.028 1.167-.006 2.488.512 3.764H8.691c.035-.142.069-.29.109-.433.113-.461.233-.94.29-1.418.051-.478.04-.962.028-1.435M3 2.523c.08.478.159.968.227 1.446.194 1.259.393 2.557.746 3.833-.672-.222-1.195-.65-1.588-1.31-.438-.729-.695-1.577-.837-2.75-.034-.302-.057-.604-.085-.929-.006-.097-.017-.193-.023-.29zM6.955 9.76c-.95-.849-1.553-1.902-1.787-3.12-.239-1.231-.432-2.444-.643-3.731-.08-.478-.16-.974-.24-1.47h11.459c-.023.149-.04.297-.063.44-.063.443-.12.865-.194 1.292-.045.256-.085.507-.125.763-.148.877-.296 1.788-.49 2.67-.398 1.823-1.394 3.139-2.948 3.913-1.662.82-3.517.535-4.969-.757m11.447-5.615c-.171 1.15-.473 1.97-.98 2.654-.358.49-.808.82-1.365 1.002.387-1.412.614-2.859.836-4.26.052-.33.108-.672.16-1.008h1.525c-.011.137-.028.268-.04.405-.04.41-.08.808-.136 1.207'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.995 1.754c0-.182-.005-.359-.005-.547v-.142h-2.715L17.405 0H2.642l.148 1.07H0v1.043C.017 3.33.12 4.926.74 6.429c.751 1.817 2.072 2.82 3.927 2.984.052.006.131.052.16.103a6.65 6.65 0 0 0 2.772 2.363c.096.046.108.069.108.165-.006.28-.006.564-.006.838v.729c-.011.74-.176 1.491-.507 2.294-.096.228-.187.29-.426.28-.427-.023-.849-.018-1.298-.012-.182 0-.37.006-.564.006h-.142v2.403H3.398V20h13.319v-1.435H15.35c-.017-.228-.012-.456-.012-.672 0-.205.006-.416-.01-.626V16.19h-.018l.023-.051-.274.051h-1.132v-.006h-.341c-.16 0-.314-.005-.467.006-.114.012-.16-.017-.194-.13-.045-.126-.091-.257-.142-.377a8 8 0 0 1-.222-.632c-.24-.803-.228-1.646-.21-2.466.005-.205.005-.415.005-.62a.3.3 0 0 1 .08-.074 6.8 6.8 0 0 0 2.743-2.358.3.3 0 0 1 .188-.114c1.713-.165 2.971-1.048 3.745-2.637.512-1.053.78-2.243.865-3.86.029-.394.023-.77.017-1.168M6.244 18.542v-.905h7.638v.905zm2.874-5.672c-.005-.154-.005-.319-.011-.478h1.787c-.028 1.167-.006 2.488.512 3.764H8.691c.035-.142.069-.29.109-.433.113-.461.233-.94.29-1.418.051-.478.04-.962.028-1.435M3 2.523c.08.478.159.968.227 1.446.194 1.259.393 2.557.746 3.833-.672-.222-1.195-.65-1.588-1.31-.438-.729-.695-1.577-.837-2.75-.034-.302-.057-.604-.085-.929-.006-.097-.017-.193-.023-.29zM6.955 9.76c-.95-.849-1.553-1.902-1.787-3.12-.239-1.231-.432-2.444-.643-3.731-.08-.478-.16-.974-.24-1.47h11.459c-.023.149-.04.297-.063.44-.063.443-.12.865-.194 1.292-.045.256-.085.507-.125.763-.148.877-.296 1.788-.49 2.67-.398 1.823-1.394 3.139-2.948 3.913-1.662.82-3.517.535-4.969-.757m11.447-5.615c-.171 1.15-.473 1.97-.98 2.654-.358.49-.808.82-1.365 1.002.387-1.412.614-2.859.836-4.26.052-.33.108-.672.16-1.008h1.525c-.011.137-.028.268-.04.405-.04.41-.08.808-.136 1.207'/%3E%3C/svg%3E");
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-win-ratio[data-v-43142f65] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23b89fff' stroke-width='1.2' d='M.6 16.785V7.15h4.149v9.635zM7.924 16.784V2.6h4.149v14.184zM15.252 16.785V9.734h4.149v7.05z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23b89fff' stroke-width='1.2' d='M.6 16.785V7.15h4.149v9.635zM7.924 16.784V2.6h4.149v14.184zM15.252 16.785V9.734h4.149v7.05z'/%3E%3C/svg%3E");
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-winstreak[data-v-43142f65] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.93.835V.138c0-.044-.025-.096.015-.122.06-.04.11.004.154.03q.406.236.803.48c1.187.728 2.338 1.486 3.35 2.397.942.85 1.715 1.792 2.094 2.952.393 1.207.264 2.402-.125 3.588-.379 1.16-.962 2.24-1.625 3.291-.035.057-.14.122-.065.188.055.052.16.013.24-.005.513-.1.961-.322 1.39-.57.758-.441 1.431-.969 2.079-1.522.204-.175.22-.166.32.07 1.39 3.321-.634 7.084-4.323 8.487-4.76 1.814-10.17-.671-11.092-5.14-.518-2.524.36-4.695 2.503-6.452.892-.728 1.83-1.416 2.562-2.28.937-1.103 1.526-2.323 1.695-3.692.04-.336.035-.667.025-1.003m6.68 13.528c-.663.279-1.281.475-1.954.514-.753.048-1.396-.152-1.89-.658-.633-.654-.687-1.447-.174-2.25.638-.994 1.236-2.005 1.6-3.112.409-1.247.314-2.442-.518-3.553-.484-.645-1.092-1.186-1.75-1.692-.184-.144-.194 0-.23.1-.358 1.038-.927 1.988-1.66 2.86-.787.938-1.75 1.727-2.741 2.49-1.695 1.303-2.408 2.934-2.004 4.882.483 2.363 2.821 4.142 5.733 4.137 1.71 0 3.165-.584 4.322-1.7.593-.566.997-1.225 1.266-2.018'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.93.835V.138c0-.044-.025-.096.015-.122.06-.04.11.004.154.03q.406.236.803.48c1.187.728 2.338 1.486 3.35 2.397.942.85 1.715 1.792 2.094 2.952.393 1.207.264 2.402-.125 3.588-.379 1.16-.962 2.24-1.625 3.291-.035.057-.14.122-.065.188.055.052.16.013.24-.005.513-.1.961-.322 1.39-.57.758-.441 1.431-.969 2.079-1.522.204-.175.22-.166.32.07 1.39 3.321-.634 7.084-4.323 8.487-4.76 1.814-10.17-.671-11.092-5.14-.518-2.524.36-4.695 2.503-6.452.892-.728 1.83-1.416 2.562-2.28.937-1.103 1.526-2.323 1.695-3.692.04-.336.035-.667.025-1.003m6.68 13.528c-.663.279-1.281.475-1.954.514-.753.048-1.396-.152-1.89-.658-.633-.654-.687-1.447-.174-2.25.638-.994 1.236-2.005 1.6-3.112.409-1.247.314-2.442-.518-3.553-.484-.645-1.092-1.186-1.75-1.692-.184-.144-.194 0-.23.1-.358 1.038-.927 1.988-1.66 2.86-.787.938-1.75 1.727-2.741 2.49-1.695 1.303-2.408 2.934-2.004 4.882.483 2.363 2.821 4.142 5.733 4.137 1.71 0 3.165-.584 4.322-1.7.593-.566.997-1.225 1.266-2.018'/%3E%3C/svg%3E");
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-crown[data-v-43142f65] {
  height: 18px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.003 15.86H3.846c-.501 0-.699-.158-.806-.639-.476-2.08-.953-4.168-1.422-6.248-.04-.165-.098-.265-.28-.315a1.92 1.92 0 0 1-1.314-2.12C.18 5.6.985 4.912 1.914 4.92A1.91 1.91 0 0 1 3.78 6.562c.041.323.025.646-.107.945-.049.116-.024.182.074.24q1.31.843 2.606 1.699c.115.074.148.025.197-.075.658-1.4 1.324-2.792 1.981-4.193.099-.199.19-.406.288-.605.05-.1.041-.157-.041-.232-.567-.522-.773-1.176-.575-1.93.197-.746.698-1.202 1.438-1.368.814-.182 1.66.224 2.055.97a1.914 1.914 0 0 1-.378 2.279c-.123.116-.14.19-.074.348a489 489 0 0 1 2.22 4.69c.073.157.123.19.279.083.813-.54 1.636-1.078 2.458-1.608.164-.1.205-.182.14-.39-.23-.762-.075-1.45.517-1.996.6-.547 1.307-.68 2.047-.34.723.331 1.11.92 1.118 1.723a1.874 1.874 0 0 1-1.365 1.848c-.148.042-.205.116-.238.257a785 785 0 0 1-1.504 6.33c-.107.44-.305.598-.765.598-2.038.024-4.093.024-6.148.024M2.909 8.757c.016.091.016.14.033.182.41 1.782.814 3.563 1.225 5.353.065.282.065.282.361.282 3.65 0 7.308 0 10.957.008.214 0 .305-.058.354-.273a415 415 0 0 1 1.093-4.59c.074-.3.14-.597.206-.904-.1.008-.157.066-.214.1-1.069.695-2.13 1.391-3.198 2.08-.41.264-.822.148-1.019-.283-.847-1.781-1.685-3.563-2.532-5.344-.04-.083-.057-.174-.14-.232-.057.033-.073.09-.098.14-.855 1.799-1.702 3.605-2.556 5.403-.222.473-.625.589-1.06.307-.65-.423-1.291-.845-1.933-1.26-.485-.323-.97-.63-1.48-.97m7.727-5.842c0-.307-.296-.605-.609-.605-.312 0-.608.298-.608.605 0 .323.28.605.592.613.329.009.616-.281.625-.613M1.906 6.24a.615.615 0 0 0-.616.605.623.623 0 0 0 .608.596c.32 0 .6-.281.608-.596a.606.606 0 0 0-.6-.605m16.26 0a.61.61 0 0 0-.626.596c0 .324.28.597.6.605.321 0 .609-.273.609-.596a.587.587 0 0 0-.584-.605M10.03 18.378H3.815c-.394 0-.674-.257-.682-.63-.008-.406.263-.654.707-.654h12.322c.468 0 .748.232.748.638s-.272.646-.74.646z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.003 15.86H3.846c-.501 0-.699-.158-.806-.639-.476-2.08-.953-4.168-1.422-6.248-.04-.165-.098-.265-.28-.315a1.92 1.92 0 0 1-1.314-2.12C.18 5.6.985 4.912 1.914 4.92A1.91 1.91 0 0 1 3.78 6.562c.041.323.025.646-.107.945-.049.116-.024.182.074.24q1.31.843 2.606 1.699c.115.074.148.025.197-.075.658-1.4 1.324-2.792 1.981-4.193.099-.199.19-.406.288-.605.05-.1.041-.157-.041-.232-.567-.522-.773-1.176-.575-1.93.197-.746.698-1.202 1.438-1.368.814-.182 1.66.224 2.055.97a1.914 1.914 0 0 1-.378 2.279c-.123.116-.14.19-.074.348a489 489 0 0 1 2.22 4.69c.073.157.123.19.279.083.813-.54 1.636-1.078 2.458-1.608.164-.1.205-.182.14-.39-.23-.762-.075-1.45.517-1.996.6-.547 1.307-.68 2.047-.34.723.331 1.11.92 1.118 1.723a1.874 1.874 0 0 1-1.365 1.848c-.148.042-.205.116-.238.257a785 785 0 0 1-1.504 6.33c-.107.44-.305.598-.765.598-2.038.024-4.093.024-6.148.024M2.909 8.757c.016.091.016.14.033.182.41 1.782.814 3.563 1.225 5.353.065.282.065.282.361.282 3.65 0 7.308 0 10.957.008.214 0 .305-.058.354-.273a415 415 0 0 1 1.093-4.59c.074-.3.14-.597.206-.904-.1.008-.157.066-.214.1-1.069.695-2.13 1.391-3.198 2.08-.41.264-.822.148-1.019-.283-.847-1.781-1.685-3.563-2.532-5.344-.04-.083-.057-.174-.14-.232-.057.033-.073.09-.098.14-.855 1.799-1.702 3.605-2.556 5.403-.222.473-.625.589-1.06.307-.65-.423-1.291-.845-1.933-1.26-.485-.323-.97-.63-1.48-.97m7.727-5.842c0-.307-.296-.605-.609-.605-.312 0-.608.298-.608.605 0 .323.28.605.592.613.329.009.616-.281.625-.613M1.906 6.24a.615.615 0 0 0-.616.605.623.623 0 0 0 .608.596c.32 0 .6-.281.608-.596a.606.606 0 0 0-.6-.605m16.26 0a.61.61 0 0 0-.626.596c0 .324.28.597.6.605.321 0 .609-.273.609-.596a.587.587 0 0 0-.584-.605M10.03 18.378H3.815c-.394 0-.674-.257-.682-.63-.008-.406.263-.654.707-.654h12.322c.468 0 .748.232.748.638s-.272.646-.74.646z'/%3E%3C/svg%3E");
  width: 18px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-last-battles[data-v-43142f65] {
  -webkit-mask-image: url(../img/TVx6oCPs.1d081c2c.svg);
  mask-image: url(../img/TVx6oCPs.1d081c2c.svg);
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.is-modal[data-v-43142f65] {
  margin-top: 0;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.crown-wins[data-v-43142f65]::after, .battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.crown-wins[data-v-43142f65]::before {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.crown-wins[data-v-43142f65]::before {
  background: linear-gradient(#272443, #ffd231, #564f96);
  height: 100%;
  width: 100%;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.crown-wins[data-v-43142f65]::after {
  background: #141225;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.crown-wins .icon[data-v-43142f65] {
  background-color: #ffd231;
  opacity: 1;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item[data-v-43142f65] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .last-battles[data-v-43142f65] {
  font-weight: 600;
  margin-top: 12px;
  text-transform: uppercase;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .last-battles .win[data-v-43142f65] {
  color: #26c897;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .last-battles .lose[data-v-43142f65] {
  color: #f31a5b;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .number[data-v-43142f65] {
  background: linear-gradient(180deg, #e5e0fb, #7c4eff);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 20px;
  font-weight: 600;
  -webkit-text-fill-color: transparent;
  margin-top: 8px;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .number.crown-color[data-v-43142f65] {
  background: linear-gradient(180deg, #e5e0fb, #f3dd8c 42.19%, #7c4eff);
  background-clip: text;
  -webkit-background-clip: text;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .text[data-v-43142f65] {
  color: #9692b8;
  font-size: 11px;
  margin-top: 7px;
  text-align: center;
  text-transform: uppercase;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal[data-v-43142f65] {
  border-bottom: 1px solid #1d1a32;
  flex-direction: row;
  padding: 10px 0;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal[data-v-43142f65]:last-of-type {
  border: none;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal .last-battles[data-v-43142f65] {
  margin-top: 0;
  order: 2;
  text-align: center;
  width: 40%;
}
@media screen and (max-width: 1023px) {
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal .last-battles[data-v-43142f65] {
    font-size: 14px;
}
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal .number[data-v-43142f65] {
  margin-top: 0;
  order: 2;
  text-align: center;
  width: 40%;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal .text[data-v-43142f65] {
  margin-top: 0;
  order: 1;
  padding: 8px;
  text-align: left;
  width: calc(60% - 34px);
}
@media screen and (max-width: 1023px) {
.battles-statistic-dialog .profile-battle-statistic .statistic-item .number[data-v-43142f65] {
    font-size: 23px;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .text[data-v-43142f65] {
    font-size: 11px;
}
}
@media screen and (max-width: 767px) {
.battles-statistic-dialog .profile-battle-statistic .statistic-item .number[data-v-43142f65] {
    font-size: 20px;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .text[data-v-43142f65] {
    font-size: 10px;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal[data-v-43142f65] {
    padding: 8px 0;
}
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons[data-v-43142f65] {
  bottom: -11px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  white-space: nowrap;
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons button[data-v-43142f65] {
  background-color: #1b192f;
  border-radius: 50%;
  color: #b6b5d8;
  font-size: 14px;
  font-size: 12px;
  font-weight: 700;
  height: 28px;
  margin: 0 6px;
  text-transform: uppercase;
  transition: background-color 0.3s, color 0.3s;
  width: 28px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons button[data-v-43142f65]:hover {
  background-color: #2c2948;
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons button.large[data-v-43142f65] {
  border-radius: 40px;
  width: 48px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons button.active[data-v-43142f65] {
  background-color: #2c2948;
  color: #fff;
  pointer-events: none;
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons.is-modal[data-v-43142f65] {
  bottom: 35px;
}
@media screen and (max-width: 767px) {
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons button[data-v-43142f65] {
    margin: 0 3px;
}
}
[data-v-43142f65] .el-dialog.box-preview {
  background-color: #141225 !important;
  height: 88vh;
  width: 90vw !important;
  max-height: 827px;
  max-width: 1120px;
  overflow: hidden;
  position: relative;
}
[data-v-43142f65] .el-dialog.box-preview .el-dialog__body {
  height: 100%;
}
@media screen and (max-width: 767px) {
[data-v-43142f65] .el-dialog.box-preview {
    width: 95vw !important;
}
}
.box-preview-dialog[data-v-43142f65] {
  height: 100%;
  color: #fff;
}
.box-preview-dialog .preview-dialog-title[data-v-43142f65] {
  position: relative;
  align-items: center;
  border-bottom: 1px solid #1d1a32;
  display: flex;
  height: 125px;
  justify-content: space-between;
  padding: 0 70px;
}
.box-preview-dialog .preview-dialog-title .rounds-quantity-block[data-v-43142f65] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  flex-direction: row;
}
.box-preview-dialog .preview-dialog-title .rounds-hexagon[data-v-43142f65] {
  background: linear-gradient(180deg, #17162b, #2c2a46);
  height: 42px;
  position: relative;
  width: 37px;
}
.box-preview-dialog .preview-dialog-title .inner-hexagon[data-v-43142f65] {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(22, 20, 39, 0.4);
  color: #e8e4f7;
  height: 34px;
  line-height: 34px;
  width: 30px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.box-preview-dialog .preview-dialog-title .rounds-text[data-v-43142f65] {
  margin: 0 0 0 8px;
  font-size: 14px;
  font-weight: 600;
}
.box-preview-dialog .preview-dialog-title .price[data-v-43142f65] {
  font-size: 13px;
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
}
.box-preview-dialog .preview-dialog-title .price p[data-v-43142f65] {
  display: block;
  color: #00efba;
  font-size: 16px;
  margin-top: 6px;
}
.box-preview-dialog .preview-dialog-content[data-v-43142f65] {
  height: calc(100% - 125px);
  padding-top: 25px;
}
.box-preview-dialog .preview-dialog-content .simplebar-content-wrapper[data-v-43142f65] {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  scrollbar-width: none;
  width: auto;
  overflow: auto;
}
.box-preview-dialog .preview-dialog-content .simplebar-content[data-v-43142f65] {
  display: grid;
  grid-template-columns: repeat(auto-fill, 188px);
  justify-content: center;
  grid-gap: 10px;
  padding: 0 20px 125px;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block[data-v-43142f65] {
  position: relative;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block:hover .hover-block[data-v-43142f65] {
  opacity: 1;
  visibility: visible;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block:hover .hover-block .view-drops-button[data-v-43142f65]:hover {
  background-color: #4f4b78;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__empty-case[data-v-43142f65] {
  background: #171528;
  border-radius: 4px;
  height: 237px;
}
.box-preview-dialog .preview-dialog-content .battle-case[data-v-43142f65] {
  background-color: #1a182d;
  border-radius: 4px;
  height: 237px;
  position: relative;
  text-align: center;
  width: 188px;
  font-size: 14px;
  font-weight: 600;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__multiplier[data-v-43142f65] {
  background-color: #5c49d0;
  clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%, 0 50%);
  color: #c3c2df;
  font-size: 15px;
  font-weight: 700;
  height: 22px;
  left: 50%;
  line-height: 22px;
  min-width: 42px;
  position: absolute;
  text-align: center;
  top: 10px;
  transform: translate(-50%);
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap[data-v-43142f65] {
  display: flex;
  height: 160px;
  justify-content: center;
  padding-top: 10px;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap img[data-v-43142f65] {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__name[data-v-43142f65] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #dddcfc;
  margin-top: -5px;
  overflow: hidden;
  white-space: normal;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__price[data-v-43142f65] {
  align-items: center;
  color: #00efba;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  text-transform: uppercase;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__event-points[data-v-43142f65] {
  align-items: center;
  color: #ffb973;
  display: flex;
  margin-left: 6px;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__event-points img[data-v-43142f65] {
  height: auto;
  margin-left: 3px;
  width: 22px;
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-43142f65] {
  position: absolute;
  display: flex;
  gap: 2px;
  width: 80%;
  padding: 7px 0;
  left: 50%;
  transform: translate(-50%);
  bottom: 7px;
  z-index: 3;
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-43142f65]::after, .box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-43142f65]::before {
  position: absolute;
  content: "";
  top: 8px;
  width: 13px;
  height: 1px;
  background-color: rgba(94, 83, 143, 0.5019607843);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-43142f65]::before {
  left: -12px;
  transform: rotate(49deg);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-43142f65]::after {
  right: -12px;
  transform: rotate(-49deg);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level[data-v-43142f65] {
  position: relative;
  width: 25%;
  height: 3px;
  background-color: rgba(65, 57, 92, 0.4);
  clip-path: polygon(2px 0, calc(100% - 2px) 0, 100% 2px, 100% 100%, 0 100%, 0 2px);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-1[data-v-43142f65] {
  background-image: linear-gradient(180deg, #c3ffc5, #6ecd72 50%, #3c9f40);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-2[data-v-43142f65] {
  background-image: linear-gradient(180deg, #ffffb8, #ffff3b 50%, #99990a);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-3[data-v-43142f65] {
  background-image: linear-gradient(180deg, #ffd3b3, #ff8d3b 50%, #9e4f16);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-4[data-v-43142f65] {
  background-image: linear-gradient(180deg, #ff8797, #ff2441 50%, #ac071c);
}
.box-preview-dialog .preview-dialog-content .hover-block[data-v-43142f65] {
  align-items: center;
  background-color: rgba(21, 19, 39, 0.7019607843);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 3;
}
.box-preview-dialog .preview-dialog-content .hover-block .view-drops-button[data-v-43142f65] {
  align-items: center;
  background-color: #282546;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.box-preview-dialog .preview-dialog-content .hover-block .view-drops-button__text[data-v-43142f65] {
  max-width: 140px;
}
.box-preview-dialog .preview-dialog-content .simplebar-footer-wrapper[data-v-43142f65] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 140px;
  z-index: 10;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__gradient[data-v-43142f65] {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0, #0f0e1a);
  pointer-events: none;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__buttons[data-v-43142f65] {
  position: absolute;
  bottom: 60px;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button[data-v-43142f65] {
  align-items: center;
  background-color: #28172d;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 18px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 17px;
  font-weight: 700;
  height: 62px;
  justify-content: center;
  min-width: 272px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button[data-v-43142f65]::before {
  background-color: transparent;
  clip-path: polygon(18px 0, 0 50%, 18px 100%, 19px calc(100% - 1px), 1px 50%, 19px 1px, calc(100% - 19px) 1px, calc(100% - 1px) 50%, calc(100% - 19px) calc(100% - 1px), 18px calc(100% - 1px), 18px 100%, calc(100% - 18px) 100%, 100% 50%, calc(100% - 18px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button .eye-icon[data-v-43142f65] {
  background-color: #494767;
  height: 20px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3C5.455 3 1.573 5.903 0 10c1.573 4.097 5.455 7 10 7 4.546 0 8.427-2.903 10-7-1.573-4.097-5.454-7-10-7m0 11.667c-2.51 0-4.545-2.091-4.545-4.667S7.49 5.333 10 5.333 14.546 7.424 14.546 10 12.509 14.667 10 14.667M10 7.2c-1.51 0-2.727 1.25-2.727 2.8S8.49 12.8 10 12.8c1.51 0 2.727-1.25 2.727-2.8S11.51 7.2 10 7.2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3C5.455 3 1.573 5.903 0 10c1.573 4.097 5.455 7 10 7 4.546 0 8.427-2.903 10-7-1.573-4.097-5.454-7-10-7m0 11.667c-2.51 0-4.545-2.091-4.545-4.667S7.49 5.333 10 5.333 14.546 7.424 14.546 10 12.509 14.667 10 14.667M10 7.2c-1.51 0-2.727 1.25-2.727 2.8S8.49 12.8 10 12.8c1.51 0 2.727-1.25 2.727-2.8S11.51 7.2 10 7.2'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 20px;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button .favorite-button-gray[data-v-43142f65] {
  background: transparent;
  cursor: pointer;
  display: flex;
  position: relative;
  width: 20px;
  height: 17px;
  min-width: 20px;
  margin-right: 10px;
  transition: opacity 0.3s;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%239793c7' stroke-width='1.5' d='M4.896 2.25h.006a4.08 4.08 0 0 1 3.466 1.901l.628.986.634-.983A4.13 4.13 0 0 1 13.1 2.25c2.204.011 4.021 1.774 4.143 4.019l.007.218c-.001 1.037-.469 2.137-1.266 3.247-.793 1.104-1.866 2.153-2.964 3.069a32 32 0 0 1-4.016 2.828h-.002L9 15.63a32.44 32.44 0 0 1-4.019-2.853c-1.099-.921-2.173-1.972-2.966-3.074C1.215 8.593.75 7.501.75 6.483c0-2.277 1.754-4.114 3.934-4.227z'/%3E%3C/svg%3E") 50%/cover no-repeat;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button .favorite-button-gray.favor-image[data-v-43142f65] {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 21'%3E%3Cpath fill='%23e0386f' d='M18.2.267a6.833 6.833 0 0 1 6.8 6.8c0 6.866-12.5 13.666-12.5 13.666S0 13.833 0 7.067a6.8 6.8 0 0 1 6.8-6.8 6.73 6.73 0 0 1 5.7 3.066A6.8 6.8 0 0 1 18.2.267'/%3E%3C/svg%3E") 50%/cover no-repeat;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button.add-to-templates-button[data-v-43142f65] {
  background: #1c1a31;
  margin-right: 10px;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button.watch-battle-button[data-v-43142f65] {
  background: #1c1a31;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button[data-v-43142f65]:hover {
  background-color: #201d37;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-started-text[data-v-43142f65] {
  align-items: center;
  bottom: 20px;
  color: #f14a68;
  display: flex;
  font-size: 14px;
  justify-content: center;
  position: absolute;
  width: 100%;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-started-text .exclaim-icon[data-v-43142f65] {
  background-color: #f14a68;
  display: inline-block;
  height: 20px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transform: rotate(180deg);
  width: 20px;
}
.boxDetail-wrapper[data-v-43142f65] {
  animation: dim-main-modal 0.5s;
  background-color: rgba(14, 12, 27, 0.7490196078);
  display: flex;
  height: 100%;
  justify-content: flex-end;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 101;
}
.boxDetail-wrapper .el-dialog__headerbtn[data-v-43142f65] {
  z-index: 101;
}
.boxDetail-wrapper .el-dialog__headerbtn .el-dialog__close[data-v-43142f65] {
  font-weight: 700;
}
.boxDetail-wrapper .el-dialog__headerbtn .el-dialog__close[data-v-43142f65]::before {
  font-size: 22px;
}
.boxDetail-wrapper .el-dialog__headerbtn:hover .el-dialog__close[data-v-43142f65] {
  color: #FFF;
}
.boxDetail-wrapper .boxDetail__inner-block[data-v-43142f65] {
  animation: show-inner-modal-43142f65 0.5s;
  background-color: #141225;
  height: 100%;
  max-height: 955px;
  position: relative;
  width: 80%;
  z-index: 100;
}
@keyframes show-inner-modal-43142f65 {
0% {
    transform: translate(100%);
}
to {
    transform: translate(0);
}
}
.boxDetail-wrapper .case-items-block__case-main-info[data-v-43142f65] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.boxDetail-wrapper .case-items-block__case-main-info .image-block[data-v-43142f65] {
  align-items: center;
  display: flex;
  height: 120px;
  justify-content: center;
  margin-top: 10px;
  width: 120px;
}
.boxDetail-wrapper .case-items-block__case-main-info .image-block img[data-v-43142f65] {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
}
.boxDetail-wrapper .case-items-block__case-main-info .case-title[data-v-43142f65] {
  font-size: 14px;
  font-weight: 700;
  margin-top: -6px;
  color: #fff;
  text-transform: uppercase;
}
.boxDetail-wrapper .case-items-block__case-main-info .case-price[data-v-43142f65] {
  color: #4af1b8;
  font-size: 16px;
  font-weight: 600;
  margin-top: 7px;
  text-transform: uppercase;
}
.boxDetail-wrapper .boxDetail-list-wrapper[data-v-43142f65] {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  max-width: 100%;
  overflow: auto;
  position: relative;
  scrollbar-width: none;
  width: auto;
  height: calc(100% - 190px);
  margin-top: 22px;
}
.boxDetail-wrapper .boxDetail-list[data-v-43142f65] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 1384px;
  max-width: 100%;
  gap: 10px;
  padding: 0;
  padding-bottom: 35px;
}
.boxDetail-wrapper .case-item[data-v-43142f65] {
  border-radius: 4px;
  content-visibility: auto;
  height: 237px;
  padding-bottom: 12px;
  position: relative;
  width: 206px;
  background-position: 50% 22%;
  background-size: 40%;
  text-align: center;
}
.boxDetail-wrapper .case-item .img-wrapper[data-v-43142f65] {
  margin: 30px auto 14px;
  width: 120px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.boxDetail-wrapper .case-item .img-wrapper img[data-v-43142f65] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.boxDetail-wrapper .case-item .info_p[data-v-43142f65] {
  font-weight: 700;
  position: absolute;
  right: 20px;
  text-align: right;
  top: 20px;
}
.boxDetail-wrapper .case-item .info_p p[data-v-43142f65]:first-child {
  color: #9c9daf;
  font-size: 8px;
  text-transform: uppercase;
}
.boxDetail-wrapper .case-item .info_p p[data-v-43142f65]:last-child {
  color: #827fff;
  font-size: 12px;
}
.boxDetail-wrapper .case-item .info_1[data-v-43142f65] {
  color: #e4dcfc;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.boxDetail-wrapper .case-item .info_2[data-v-43142f65] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  color: #fff;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 600;
  margin-top: 2px;
  overflow: hidden;
}
.boxDetail-wrapper .case-item .info_3[data-v-43142f65] {
  color: #716d9e;
  font-size: 11px;
  font-weight: 500;
  margin-top: 2px;
}
.boxDetail-wrapper .case-item .info_4[data-v-43142f65] {
  bottom: 9px;
  color: #4af1b8;
  font-size: 14px;
  font-weight: 600;
  left: 0;
  margin-top: 8px;
  position: absolute;
  width: 100%;
  text-align: center;
}
.boxDetail-wrapper .case-item .gif-png[data-v-43142f65] {
  width: 100%;
}
.boxDetail-wrapper .case-item .skins-info[data-v-43142f65] {
  display: flex;
  flex-direction: column;
  position: absolute;
  background: rgba(29, 27, 49, 0.95);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
  padding: 16px 10px;
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: 60%;
}
.boxDetail-wrapper .case-item .skins-info .gif-png[data-v-43142f65] {
  margin-top: 27px;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row[data-v-43142f65] {
  display: flex;
  justify-content: center;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row.head[data-v-43142f65] {
  margin-bottom: 10px;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row.head .table-cell[data-v-43142f65] {
  color: #9793c7;
  font-size: 10px;
  font-weight: 700;
  overflow: hidden;
  padding: 0 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row .price-and-quality[data-v-43142f65] {
  flex-basis: 35%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row .range[data-v-43142f65] {
  flex-basis: 40%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row .odds[data-v-43142f65] {
  flex-basis: 25%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link[data-v-43142f65] {
  border-bottom: 1px solid transparent;
  display: flex;
  width: 100%;
  color: #fff;
  justify-content: center;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link .table-cell[data-v-43142f65] {
  font-size: 9px;
  font-weight: 600;
  padding: 0 1px;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link .quality[data-v-43142f65] {
  text-transform: uppercase;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link .price[data-v-43142f65] {
  color: #26c897;
}
.boxDetail-wrapper .case-item .skins-info .gif[data-v-43142f65] {
  width: 100%;
  height: 120px;
  margin: 30px auto 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.boxDetail-wrapper .case-item:hover .skins-info[data-v-43142f65] {
  opacity: 1;
  visibility: visible;
}
.boxDetail-wrapper .case-items-block__bottom-gradient[data-v-43142f65] {
  background: linear-gradient(180deg, transparent, #141225);
  bottom: 0;
  height: 100px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.boxDetail-wrapper .gif-png[data-v-43142f65] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 70%;
  height: 110px;
}
.boxDetail-wrapper .gif-png img[data-v-43142f65] {
  width: 100%;
}
.boxDetail-wrapper .gif-png .gif[data-v-43142f65] {
  display: block;
}
@media screen and (max-width: 1365px) {
.battle-item[data-v-43142f65] {
    --scale: 0.87;
    width: calc(100% / var(--scale)) !important;
    transform: translateZ(0) scale(var(--scale)) !important;
    transform-origin: top left;
    margin-bottom: calc(-140px * (1 - var(--scale)));
}
}
@media screen and (max-width: 1199px) {
.battle-item[data-v-43142f65] {
    --scale: 0.8;
}
}
@media screen and (max-width: 1023px) {
.tabs-create .icon[data-v-43142f65] {
    width: 17px !important;
    height: 17px !important;
}
.tabs-create .name[data-v-43142f65] {
    font-size: 16px !important;
}
.tabs-create .my-stats-button[data-v-43142f65] {
    width: 134px !important;
    height: 32px !important;
    font-size: 11px !important;
    margin-left: 20px !important;
}
.tabs-create .my-stats-button .stats-icon[data-v-43142f65] {
    width: 14px !important;
    height: 14px !important;
    margin-right: 4px !important;
}
.tabs-create .create-battle-button[data-v-43142f65] {
    min-width: 180px !important;
    height: 40px !important;
    font-size: 14px !important;
    clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%) !important;
}
.battle-list-options-panel[data-v-43142f65] {
    min-height: 60px !important;
    padding: 0 10px !important;
}
.battle-list-options-panel .option-text[data-v-43142f65],
  .battle-list-options-panel .enough-balance-label[data-v-43142f65],
  .battle-list-options-panel .select-label__text[data-v-43142f65],
  .battle-list-options-panel ._oEATxRVVUtM-[data-v-43142f65] {
    font-size: 13px !important;
}
.battle-list-options-panel .checkbox[data-v-43142f65],
  .battle-list-options-panel .checkbox__hexagon[data-v-43142f65] {
    height: 22px !important;
    min-width: 22px !important;
}
.battle-list-options-panel .crazy-mode__icon[data-v-43142f65] {
    margin-right: 10px !important;
}
.battle-list-options-panel .marker[data-v-43142f65] {
    margin-left: 5px !important;
}
.battle-list-options-panel .separator[data-v-43142f65] {
    margin: 0 10px !important;
}
.battle-list-options-panel ._KvIn-rBxZ8U-[data-v-43142f65] {
    margin-left: 10px !important;
}
.battle-list-options-panel .select-label__filter-icon[data-v-43142f65] {
    width: 17px !important;
    height: 11px;
}
.battle-list-options-panel .select-label__text[data-v-43142f65] {
    margin-left: 6px !important;
}
.battle-list-options-panel .reset-filters-button[data-v-43142f65] {
    min-width: 88px !important;
}
.battles-table-header__cell[data-v-43142f65] {
    width: var(--r-width) !important;
}
.battles-table .battle-item[data-v-43142f65] {
    height: 100px !important;
    --scale: 0.9;
    margin-bottom: calc(-100px * (1 - var(--scale)));
}
.battles-table .battle-rounds-cell[data-v-43142f65] {
    min-width: 94px !important;
}
.battles-table .battle-rounds-cell .battles-rounds-hexagon .status-text[data-v-43142f65],
  .battles-table .battle-rounds-cell .battles-rounds-hexagon .battle-rounds-cell__rounds-text[data-v-43142f65] {
    font-size: 9px !important;
}
.battles-table .battle-rounds-cell .battles-rounds-hexagon .depths[data-v-43142f65] {
    height: 50px !important;
    width: 42px !important;
}
.battles-table .battle-rounds-cell .battles-rounds-hexagon .depths .depth-4[data-v-43142f65] {
    font-size: 15px !important;
}
.battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-43142f65]::before, .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-43142f65]::after {
    height: 40px !important;
    width: 15px !important;
}
.battles-table .scenario-cell-wrapper[data-v-43142f65] {
    --case-width: 88px !important;
}
.battles-table .scenario-cell-wrapper .battle-case__multiplier[data-v-43142f65] {
    top: 6px !important;
    right: 6px !important;
}
.battles-table .scenario-cell-wrapper .cases-list-block .battle-case[data-v-43142f65] {
    width: var(--case-width) !important;
}
.battles-table .scenario-cell-wrapper .cases-list-block .battle-case .battle-case__img[data-v-43142f65] {
    width: 80px !important;
    height: 75px !important;
    min-height: 75px !important;
}
.battles-table .scenario-cell-wrapper .battle-case__name[data-v-43142f65] {
    font-size: 9px !important;
}
.battles-table .scenario-cell-wrapper .scenario-cell-details-button[data-v-43142f65] {
    line-height: 30px !important;
    font-size: 10px !important;
}
.battles-table .battle-cost-cell[data-v-43142f65] {
    min-width: 90px !important;
}
.battles-table .battle-cost-cell .cost[data-v-43142f65] {
    font-size: 12px !important;
}
.battles-table .battle-players-cell[data-v-43142f65] {
    min-width: 130px !important;
}
.battles-table .battle-players-cell .players-quantity[data-v-43142f65] {
    top: 5px !important;
    font-size: 10px !important;
}
.battles-table .battle-players-cell.game_mode-3 .mode-text[data-v-43142f65] {
    top: 60px !important;
}
.battles-table .battle-players-cell.game_mode-2 .mode-text[data-v-43142f65] {
    bottom: 3px !important;
}
.battles-table .battle-players-cell[data-v-43142f65] .common-user-avatar {
    width: 26px !important;
    height: 26px !important;
    padding: 1px !important;
}
.battles-table .buttons-cell-wrapper[data-v-43142f65] {
    min-width: 140px !important;
    padding: 0 13px !important;
}
.battles-table .buttons-cell-wrapper .battle-cell-button[data-v-43142f65] {
    min-width: 100px !important;
    height: 38px !important;
    font-size: 12px !important;
    clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%) !important;
}
.battles-table .buttons-cell-wrapper .battle-cell-button .default-mode-icon[data-v-43142f65] {
    width: 14px !important;
    height: 14px !important;
}
.battles-table .buttons-cell-wrapper .battle-cell-button[data-v-43142f65]::after {
    clip-path: polygon(9px 0, 0 50%, 9px 100%, 10px calc(100% - 1px), 1px 50%, 10px 1px, calc(100% - 10px) 1px, calc(100% - 1px) 50%, calc(100% - 10px) calc(100% - 1px), 9px calc(100% - 1px), 9px 100%, calc(100% - 9px) 100%, 100% 50%, calc(100% - 9px) 0) !important;
}
.box-preview .preview-dialog-title[data-v-43142f65] {
    transform: scale(0.85);
    transform-origin: top left;
    width: 117.6470588235% !important;
    height: 106.25px !important;
}
.box-preview .simplebar-content[data-v-43142f65] {
    grid-template-columns: repeat(auto-fill, 150px) !important;
}
.box-preview .battle-case[data-v-43142f65] {
    width: 150px !important;
    height: 200px !important;
}
.box-preview .battle-case .battle-case__multiplier[data-v-43142f65] {
    top: 6px !important;
    height: 18px !important;
    line-height: 18px !important;
    min-width: 36px !important;
    font-size: 12px !important;
    clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
}
.box-preview .battle-case .battle-case__img-wrap[data-v-43142f65] {
    height: 140px !important;
}
.box-preview .battle-case .battle-case__name[data-v-43142f65] {
    font-size: 13px;
}
.box-preview .view-drops-button[data-v-43142f65] {
    height: 30px !important;
    font-size: 10px !important;
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
}
.box-preview .battle-details-modal__buttons .battle-details-modal__button[data-v-43142f65] {
    min-width: 160px !important;
    height: 40px !important;
    font-size: 13px !important;
    clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 13px 100%, 0 50%) !important;
}
.box-preview .battle-details-modal__buttons .battle-details-modal__button[data-v-43142f65]::before {
    clip-path: polygon(13px 0, 0 50%, 13px 100%, 14px calc(100% - 1px), 1px 50%, 14px 1px, calc(100% - 14px) 1px, calc(100% - 1px) 50%, calc(100% - 14px) calc(100% - 1px), 13px calc(100% - 1px), 13px 100%, calc(100% - 13px) 100%, 100% 50%, calc(100% - 13px) 0) !important;
}
.box-preview .battle-details-modal__buttons .battle-details-modal__button .eye-icon[data-v-43142f65] {
    width: 16px !important;
    height: 16px !important;
}
.box-preview .battle-details-modal__buttons .battle-details-modal__button .default-mode-icon[data-v-43142f65] {
    width: 14px !important;
    height: 14px !important;
}
.box-preview .case-item[data-v-43142f65] {
    height: 200px !important;
    width: 150px !important;
}
.box-preview .case-item .info_p[data-v-43142f65] {
    top: 10px !important;
    right: 10px !important;
}
.box-preview .case-item .img-wrapper[data-v-43142f65] {
    margin: 20px auto 10px !important;
    width: 110px !important;
}
.box-preview .case-item .info_1[data-v-43142f65] {
    font-size: 11px !important;
}
.box-preview .case-item .info_2[data-v-43142f65] {
    font-size: 12px !important;
}
.box-preview .case-item .info_3[data-v-43142f65] {
    font-size: 10px !important;
}
.box-preview .case-item .info_4[data-v-43142f65] {
    font-size: 12px !important;
}
}
@media screen and (max-width: 849px) {
.battle-item[data-v-43142f65] {
    --scale: 0.83 !important;
}
}
@media screen and (max-width: 767px) {
[data-v-43142f65] .battles-statistic-dialog-wrapper {
    width: 90vw !important;
}
[data-v-43142f65] .battles-statistic-dialog-wrapper .battles-statistic-dialog {
    min-width: 230px !important;
}
.battles-wrap[data-v-43142f65] {
    padding: 0 30px !important;
}
.box-preview .preview-dialog-title[data-v-43142f65] {
    transform: scale(0.75) !important;
    width: 133.3333333333% !important;
    transform-origin: left center !important;
    padding: 0 60px !important;
}
.box-preview .preview-dialog-title .rounds-quantity-block[data-v-43142f65] {
    gap: 5px;
    flex-direction: column !important;
}
.box-preview .preview-dialog-title .rounds-quantity-block .rounds-text[data-v-43142f65] {
    margin-left: 0px !important;
}
.tabs-create[data-v-43142f65] {
    width: 100%;
}
.tabs-create .tabs[data-v-43142f65] {
    width: 100%;
}
.tabs-create .tabs .my-stats-button[data-v-43142f65] {
    margin-left: auto !important;
}
.create-battle-button[data-v-43142f65] {
    position: fixed;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
.battle-list-options-panel[data-v-43142f65] {
    flex-direction: column;
    gap: 15px;
    padding: 5px 10px !important;
}
.battle-list-options-panel .left-block[data-v-43142f65] {
    justify-content: space-between;
}
.battle-list-options-panel .right-block[data-v-43142f65] {
    justify-content: space-between;
}
.battle-list-options-panel .separator[data-v-43142f65] {
    display: none;
}
.battles-table .battle-item[data-v-43142f65] {
    height: 200px !important;
    padding-top: 45px !important;
    border-radius: 0 10px 0 0;
    flex-wrap: wrap;
    --scale: 1 !important;
}
.battles-table .battle-item.status1[data-v-43142f65] {
    background: radial-gradient(50% 44px at 50% 0, rgba(74, 241, 185, 0.1) 0, rgba(74, 241, 184, 0));
}
.battles-table .battle-item .scenario-cell-wrapper[data-v-43142f65] {
    height: 100px !important;
}
.battles-table .battle-item .battle-rounds-cell[data-v-43142f65],
  .battles-table .battle-item .battle-cost-cell[data-v-43142f65] {
    position: absolute !important;
}
.battles-table .battle-item .battle-rounds-cell[data-v-43142f65] {
    height: 44px;
    top: 0px;
    left: 0px;
    width: 50%;
    padding-left: 12px;
    justify-content: flex-start !important;
    min-width: unset !important;
    background: unset !important;
}
.battles-table .battle-item .battle-rounds-cell .battles-rounds-hexagon[data-v-43142f65]::before, .battles-table .battle-item .battle-rounds-cell .battles-rounds-hexagon[data-v-43142f65]::after {
    content: unset !important;
}
.battles-table .battle-item .battle-rounds-cell .depths[data-v-43142f65] {
    height: 30px !important;
    width: 26px !important;
}
.battles-table .battle-item .battle-rounds-cell .depths .depth-1[data-v-43142f65] {
    height: 90% !important;
    width: 90% !important;
    z-index: 2 !important;
    background: linear-gradient(180deg, #17162b, #2c2a46) !important;
}
.battles-table .battle-item .battle-rounds-cell .depths .depth-2[data-v-43142f65] {
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
}
.battles-table .battle-item .battle-rounds-cell .depths .depth-4[data-v-43142f65] {
    font-size: 11px !important;
    height: 84% !important;
    width: 77% !important;
}
.battles-table .battle-item .battle-rounds-cell .status-text[data-v-43142f65] {
    position: absolute;
    top: 50% !important;
    right: 0;
    transform: translate(50%, -50%);
}
.battles-table .battle-item .battle-rounds-cell .live-circle[data-v-43142f65] {
    position: absolute;
    top: 50% !important;
    left: unset !important;
    right: 15px !important;
    transform: translateY(-50%);
}
.battles-table .battle-item .battle-rounds-cell .battle-rounds-cell__rounds-text[data-v-43142f65] {
    font-size: 12px !important;
    position: unset !important;
    padding-left: 8px !important;
}
.battles-table .battle-item .battle-cost-cell[data-v-43142f65] {
    width: unset;
    top: 8px;
    right: 12px;
    min-width: unset !important;
    min-height: 28px;
    transform-origin: top right;
    align-items: flex-end !important;
}
.battles-table .battle-item .battle-cost-cell.with-exclusive-drops[data-v-43142f65] {
    background: unset !important;
}
.battles-table .battle-item .battle-cost-cell .exclusive-drops-icon[data-v-43142f65] {
    display: inline-block !important;
}
.battles-table .battle-item .battle-cost-cell .cost[data-v-43142f65] {
    font-size: 11px !important;
}
.battles-table .battle-item .battle-cost-cell .mode-text[data-v-43142f65] {
    font-size: 9px;
    display: block !important;
    text-transform: uppercase;
}
.battles-table .battle-item .battle-cost-cell.game_mode-2 .mode-text[data-v-43142f65] {
    color: #13d761;
}
.battles-table .battle-item .battle-cost-cell.game_mode-3 .mode-text[data-v-43142f65] {
    color: #66b5ba;
}
.battles-table .battle-item .scenario-cell-wrapper[data-v-43142f65] {
    flex: 0 0 auto !important;
    width: 100%;
}
.battles-table .battle-item .battle-case__name[data-v-43142f65] {
    margin-top: -6px;
}
.battles-table .battle-item .battle-players-cell[data-v-43142f65] {
    justify-content: space-between !important;
    flex-direction: row !important;
    width: 90px !important;
    min-width: 100px !important;
    background-color: transparent !important;
    padding-left: 10px;
    background-image: unset !important;
}
.battles-table .battle-item .battle-players-cell .players-quantity[data-v-43142f65] {
    display: none;
}
.battles-table .battle-item .battle-players-cell .mode-text[data-v-43142f65] {
    display: none;
}
.battles-table .battle-item .users-list__avatar[data-v-43142f65] {
    margin: 0 !important;
    margin-right: 5px !important;
}
.battles-table .battle-item .users-list__avatar .users-list__win-indicator[data-v-43142f65] {
    left: 5px !important;
    right: unset;
}
.battles-table .battle-item .users-list__avatar .users-list__win-text[data-v-43142f65] {
    left: 0px !important;
    bottom: -17px !important;
    width: 22px !important;
}
.battles-table .battle-item .users-list__avatar:not(:last-child) .vs[data-v-43142f65] {
    display: block !important;
    font-size: 10px !important;
    margin-left: 5px !important;
}
.battles-table .battle-item .buttons-cell-wrapper[data-v-43142f65] {
    width: 166px;
}
}
@media screen and (max-width: 490px) {
.battles-wrap[data-v-43142f65] {
    padding: 0 15px !important;
}
.center-title__text[data-v-43142f65] {
    font-size: 17px !important;
}
.feast-points-info[data-v-43142f65] {
    font-size: 11px !important;
    margin-top: 10px !important;
}
.tabs[data-v-43142f65] {
    gap: 25px !important;
}
.tabs .icon[data-v-43142f65] {
    width: 14px !important;
    height: 14px !important;
}
.tabs .name[data-v-43142f65] {
    font-size: 12px !important;
    margin-left: 8px !important;
}
.battle-list-options-panel[data-v-43142f65] {
    margin: 30px 0 20px !important;
}
.battle-list-options-panel .crazy-mode__icon[data-v-43142f65] {
    width: 16px !important;
    height: 16px !important;
}
.battle-list-options-panel .option-text[data-v-43142f65],
  .battle-list-options-panel .enough-balance-label[data-v-43142f65] {
    font-size: 11px !important;
}
.battle-list-options-panel .marker[data-v-43142f65] {
    width: 40px !important;
    height: 23px !important;
    clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%) !important;
    margin-left: 0px !important;
}
.battle-list-options-panel .marker[data-v-43142f65]::before {
    width: 14px !important;
    height: 12px !important;
}
.battle-list-options-panel .enough-balance-label[data-v-43142f65] {
    margin-right: 6px !important;
}
.battle-list-options-panel .checkbox[data-v-43142f65],
  .battle-list-options-panel .checkbox__hexagon[data-v-43142f65] {
    min-width: 16px !important;
    height: 16px !important;
}
.battle-list-options-panel .select-label__text[data-v-43142f65],
  .battle-list-options-panel ._oEATxRVVUtM-[data-v-43142f65] {
    font-size: 11px !important;
}
.battle-list-options-panel ._EpIYEmvkUCY-[data-v-43142f65] {
    margin-left: 4px !important;
}
.battle-list-options-panel .reset-filters-button[data-v-43142f65] {
    height: 30px !important;
    min-width: 60px !important;
    font-size: 12px !important;
    clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%) !important;
}
.battles-table .scenario-cell-wrapper[data-v-43142f65] {
    --case-width: 80px !important;
}
.battles-table .users-list[data-v-43142f65] {
    transform: scale(0.85);
    transform-origin: left center;
    margin-top: -12px;
}
.battles-table .users-list__avatar[data-v-43142f65] {
    margin-right: 5px !important;
}
.battles-table .users-list__avatar:not(:last-child) .vs[data-v-43142f65] {
    margin-left: 5px !important;
}
.battles-table .buttons-cell-wrapper[data-v-43142f65] {
    width: unset !important;
    min-width: 130px !important;
    padding: 0 10px 0 0 !important;
    transform: scale(0.9);
    transform-origin: right center;
}
.simplebar-content[data-v-43142f65] {
    padding: 0 10px 125px !important;
}
[data-v-43142f65] .box-preview .case-item {
    height: 200px !important;
    width: 130px !important;
}
[data-v-43142f65] .box-preview .el-dialog__headerbtn {
    top: 15px !important;
    right: 15px !important;
}
[data-v-43142f65] .box-preview .el-dialog__headerbtn .el-icon::before {
    font-size: 18px !important;
}
[data-v-43142f65] .box-preview .preview-dialog-title {
    padding: 0 50px !important;
}
}
@media screen and (max-width: 1279px) {
.profile-info__user-info[data-v-43142f65] {
    grid-template-columns: 100% !important;
    justify-items: stretch !important;
    grid-gap: 20px !important;
}
.actions[data-v-43142f65] {
    padding: 0 44px 22px !important;
}
}
@media screen and (max-width: 1024px) {
.el-upload[data-v-43142f65] {
    width: 130px;
    height: 130px;
}
[data-v-43142f65] .user-avatar-wrapper {
    width: 100px !important;
    height: 100px !important;
}
[data-v-43142f65] .user-avatar-wrapper .img-wrapper img {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
}
.user-name__text[data-v-43142f65] {
    font-size: 17px !important;
}
.user-name__text span[data-v-43142f65] {
    margin-right: 12px !important;
}
.user-level-profile[data-v-43142f65] {
    margin-top: 7px !important;
}
}
@media screen and (max-width: 767px) {
.el-upload[data-v-43142f65] {
    width: 130px;
    height: 130px;
}
[data-v-43142f65] .user-avatar-wrapper {
    width: 80px !important;
    height: 80px !important;
}
[data-v-43142f65] .user-avatar-wrapper .img-wrapper img {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
}
.trade-url-popup[data-v-43142f65] {
    width: 98% !important;
}
.user-name__text[data-v-43142f65] {
    font-size: 16px !important;
}
.user-name__text span[data-v-43142f65] {
    margin-right: 12px !important;
}
.user-level-profile[data-v-43142f65] {
    margin-top: 6px !important;
}
.profile-info__user-info[data-v-43142f65] {
    grid-gap: 50px !important;
}
.user-container .profile-battle-statistic[data-v-43142f65] {
    display: none !important;
}
.user-container .my-stats-button[data-v-43142f65] {
    display: flex !important;
    width: unset !important;
}
.user-drop__buttons-wrapper .action-button[data-v-43142f65] {
    min-width: 70px !important;
    height: 22px !important;
}
.user-drop__buttons-wrapper .action-button[data-v-43142f65] {
    clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 7px 100%, 0 50%) !important;
}
.user-drop__buttons-wrapper .button-icon[data-v-43142f65],
  .user-drop__buttons-wrapper .text[data-v-43142f65] {
    font-size: 12px !important;
    margin-left: 0px !important;
}
}
@media screen and (max-width: 490px) {
[data-v-43142f65] .el-dialog {
    width: 90% !important;
}
.user-container[data-v-43142f65] {
    padding: 0 10px !important;
}
.save button[data-v-43142f65] {
    width: 90% !important;
}
[data-v-43142f65] .user-avatar-wrapper {
    width: 60px !important;
    height: 60px !important;
}
[data-v-43142f65] .user-avatar-wrapper .user_level {
    bottom: -3px !important;
    left: -6px !important;
}
.user-info[data-v-43142f65] {
    padding-left: 15px !important;
}
.best-drop__info[data-v-43142f65] {
    font-size: 13px !important;
}
.best-drop__info .best-drop__header[data-v-43142f65] {
    font-size: 15px !important;
}
.ui-blocker__wrap .actions[data-v-43142f65] {
    padding: 0 15px 22px !important;
}
.profile-history[data-v-43142f65] {
    padding: 0 !important;
}
.user-drop[data-v-43142f65] {
    width: 165px !important;
    height: 250px !important;
}
.user-drop .info-wrap .user-drop__name[data-v-43142f65],
  .user-drop .info-wrap .user-drop__type[data-v-43142f65],
  .user-drop .info-wrap .user-drop__quality[data-v-43142f65] {
    font-size: 12px !important;
}
.user-drop .info-wrap .user-drop__price[data-v-43142f65] {
    font-size: 13px !important;
}
.battles-table[data-v-43142f65] {
    padding: 0 10px !important;
}
.history-drop[data-v-43142f65] {
    width: 165px !important;
    height: 250px !important;
}
.history-drop .history-wrap .history-drop__name[data-v-43142f65],
  .history-drop .history-wrap .history-drop__type[data-v-43142f65],
  .history-drop .history-wrap .history-drop__quality[data-v-43142f65] {
    font-size: 12px !important;
}
.history-drop .history-wrap .history-drop__price[data-v-43142f65] {
    font-size: 13px !important;
}
.history-drop .other-wrap .other-drop__name[data-v-43142f65],
  .history-drop .other-wrap .other-drop__type[data-v-43142f65],
  .history-drop .other-wrap .other-drop__quality[data-v-43142f65] {
    font-size: 12px !important;
}
.history-drop .other-wrap .other-drop__price[data-v-43142f65] {
    font-size: 13px !important;
}
}
@media screen and (max-width: 1279px) {
.profile-info__user-info[data-v-6856325e] {
    grid-template-columns: 100% !important;
    justify-items: stretch !important;
    grid-gap: 20px !important;
}
.actions[data-v-6856325e] {
    padding: 0 44px 22px !important;
}
}
@media screen and (max-width: 1024px) {
[data-v-6856325e] .user-avatar-wrapper {
    width: 100px !important;
    height: 100px !important;
}
[data-v-6856325e] .user-avatar-wrapper .img-wrapper img {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
}
.user-name__text[data-v-6856325e] {
    font-size: 17px !important;
}
.user-name__text span[data-v-6856325e] {
    margin-right: 12px !important;
}
.user-name__steam-link[data-v-6856325e],
  .log-out-icon[data-v-6856325e] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
}
.user-level-profile[data-v-6856325e] {
    margin-top: 7px !important;
}
}
@media screen and (max-width: 767px) {
[data-v-6856325e] .user-avatar-wrapper {
    width: 80px !important;
    height: 80px !important;
}
[data-v-6856325e] .user-avatar-wrapper .img-wrapper img {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
}
.trade-url-popup[data-v-6856325e] {
    width: 98% !important;
}
.user-name__text[data-v-6856325e] {
    font-size: 26px;
    font-size: 16px !important;
}
.user-name__text span[data-v-6856325e] {
    margin-right: 12px !important;
}
.user-name__steam-link[data-v-6856325e],
  .log-out-icon[data-v-6856325e] {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
}
.user-level-profile[data-v-6856325e] {
    margin-top: 6px !important;
}
.user-money-bar[data-v-6856325e] {
    position: absolute !important;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
}
.profile-info__user-info[data-v-6856325e] {
    grid-gap: 50px !important;
}
.user-container .profile-battle-statistic[data-v-6856325e] {
    display: none !important;
}
.user-container .my-stats-button[data-v-6856325e] {
    display: flex !important;
    width: unset !important;
}
.user-drop__buttons-wrapper .action-button[data-v-6856325e] {
    min-width: 70px !important;
    height: 22px !important;
}
.user-drop__buttons-wrapper .action-button[data-v-6856325e] {
    clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 7px 100%, 0 50%) !important;
}
.user-drop__buttons-wrapper .button-icon[data-v-6856325e],
  .user-drop__buttons-wrapper .text[data-v-6856325e] {
    font-size: 12px !important;
    margin-left: 0px !important;
}
}
@media screen and (max-width: 490px) {
[data-v-6856325e] .el-dialog {
    width: 90% !important;
}
.user-container[data-v-6856325e] {
    padding: 0 18px !important;
}
.save button[data-v-6856325e] {
    width: 90% !important;
}
[data-v-6856325e] .user-avatar-wrapper {
    width: 60px !important;
    height: 60px !important;
}
[data-v-6856325e] .user-avatar-wrapper .user_level {
    bottom: -3px !important;
    left: -6px !important;
}
.user-info[data-v-6856325e] {
    padding-left: 15px !important;
}
.user-money-bar__refill[data-v-6856325e],
  .user-money-bar__trade-url-button[data-v-6856325e] {
    min-width: 120px !important;
}
.best-drop__info[data-v-6856325e] {
    font-size: 13px !important;
}
.best-drop__info .best-drop__header[data-v-6856325e] {
    font-size: 15px !important;
}
.user-drop[data-v-6856325e] {
    width: 150px !important;
    height: 250px !important;
}
.user-drop .info-wrap .user-drop__name[data-v-6856325e],
  .user-drop .info-wrap .user-drop__type[data-v-6856325e],
  .user-drop .info-wrap .user-drop__quality[data-v-6856325e] {
    font-size: 12px !important;
}
.user-drop .info-wrap .user-drop__price[data-v-6856325e] {
    font-size: 13px !important;
}
}
.user-container[data-v-6856325e] {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: 44px;
  padding-right: 44px;
}
.user-container.sm[data-v-6856325e] {
  width: 1384px;
}
.user-container.lg[data-v-6856325e] {
  width: 1920px;
}
.button__content[data-v-6856325e] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.ui-blocker__wrap[data-v-6856325e] {
  position: relative;
}
.ui-blocker__content[data-v-6856325e] {
  position: relative;
}
.user-info-page[data-v-6856325e] {
  min-height: 888px;
  margin-top: 20px;
  margin-bottom: 200px;
}
.user-info-page .profile-block[data-v-6856325e] {
  background-color: #121022;
  background-image: url(../img/D9z-B7mN.726ac729.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 0 0 5px;
}
.user-info-page .profile-block .profile-info[data-v-6856325e] {
  position: relative;
}
.user-info-page .profile-block .profile-info .profile-info__user-info[data-v-6856325e] {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 58px;
  padding-top: 32px;
  padding-top: 0;
  grid-template-columns: auto 372px;
}
.user-info-page .profile-block .profile-info .user-wrapper[data-v-6856325e] {
  align-items: center;
  display: flex;
  padding: 0 0 10px;
}
.user-info-page .profile-block .profile-info .user-mobile-wrapper[data-v-6856325e] {
  position: relative;
  align-items: center;
  display: flex;
  width: 100%;
}
.user-info-page .profile-block .profile-info[data-v-6856325e] .user-avatar-wrapper {
  flex: 0 0 auto;
  width: 130px;
  height: 130px;
}
.user-info-page .profile-block .profile-info[data-v-6856325e] .user-avatar-wrapper .user_level {
  left: 0px;
  bottom: 5px;
}
.user-info-page .profile-block .profile-info[data-v-6856325e] .user-avatar-wrapper .img-wrapper img {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
.user-info-page .profile-block .profile-info .user-info[data-v-6856325e] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 26px;
}
.user-info-page .profile-block .profile-info .user-info .user-name[data-v-6856325e] {
  align-items: start;
  display: flex;
  margin-bottom: 9px;
  width: 100%;
}
.user-info-page .profile-block .profile-info .user-info .user-name__text[data-v-6856325e] {
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 26px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -1.1px;
  line-height: 19px;
  overflow: visible;
  white-space: normal;
  max-width: 100%;
}
.user-info-page .profile-block .profile-info .user-info .user-name__text span[data-v-6856325e] {
  margin-right: 16px;
}
.user-info-page .profile-block .profile-info .user-info .user-name__text .player-info__main[data-v-6856325e] {
  align-items: center;
  display: flex;
  gap: 8px;
  width: calc(100% - 60px);
  min-width: 200px;
  max-width: 100%;
}
.user-info-page .profile-block .profile-info .user-info .user-name__text .player-info__main .player-info__bot[data-v-6856325e] {
  background: #191827;
  border-radius: 50%;
  cursor: help;
  height: 20px;
  margin-left: 15px;
  position: relative;
  text-align: center;
  width: 20px;
  background: unset;
  height: unset;
  margin-left: unset;
  width: unset;
  flex-shrink: 0;
  position: relative;
}
.user-info-page .profile-block .profile-info .user-info .user-name__text .player-info__main .player-info__bot:hover .tooltip__text[data-v-6856325e] {
  opacity: 1;
  visibility: visible;
}
.user-info-page .profile-block .profile-info .user-info .user-name__text .player-info__main .player-info__bot-icon[data-v-6856325e] {
  background-color: #44a2f9;
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.558 3.167c1.638-.854 3.26-.854 4.898 0 .706-1.05 1.427-2.1 2.163-3.167.48.394.947.771 1.427 1.165a227 227 0 0 1-2.178 3.166c.135.197.285.378.42.575a6.05 6.05 0 0 1 1.052 3.363c.015 2.576 0 5.152 0 7.728v.131h-1.772V20H11.78v-3.856H8.22V20H6.445v-3.856H4.66V8.5c0-1.559.45-2.92 1.412-4.07.015-.016.03-.048.06-.098-.721-1.05-1.457-2.1-2.193-3.166C4.403.77 4.869.394 5.365 0 6.1 1.066 6.822 2.116 7.558 3.167M2 8.367h1.758v7.76H2zM18 16.128h-1.758v-7.76H18z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.558 3.167c1.638-.854 3.26-.854 4.898 0 .706-1.05 1.427-2.1 2.163-3.167.48.394.947.771 1.427 1.165a227 227 0 0 1-2.178 3.166c.135.197.285.378.42.575a6.05 6.05 0 0 1 1.052 3.363c.015 2.576 0 5.152 0 7.728v.131h-1.772V20H11.78v-3.856H8.22V20H6.445v-3.856H4.66V8.5c0-1.559.45-2.92 1.412-4.07.015-.016.03-.048.06-.098-.721-1.05-1.457-2.1-2.193-3.166C4.403.77 4.869.394 5.365 0 6.1 1.066 6.822 2.116 7.558 3.167M2 8.367h1.758v7.76H2zM18 16.128h-1.758v-7.76H18z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 16px;
}
.user-info-page .profile-block .profile-info .user-info .user-name__text .player-info__main .player-info__username[data-v-6856325e] {
  color: #dddcfc;
  display: block;
  font-size: 26px;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  width: auto;
  max-width: 100%;
  text-overflow: ellipsis;
}
.user-info-page .profile-block .profile-info .user-info .user-name__steam-link[data-v-6856325e] {
  background-color: #9490ae;
  cursor: pointer;
  display: block;
  height: 19px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.983 0C4.72 0 .41 4.05 0 9.198l5.37 2.216a2.82 2.82 0 0 1 1.752-.488L9.51 7.47v-.049a3.779 3.779 0 0 1 7.555 0 3.78 3.78 0 0 1-3.863 3.77l-3.406 2.426q.004.067.004.133a2.836 2.836 0 0 1-5.616.558l-3.84-1.584a10.016 10.016 0 0 0 9.639 7.274C15.514 20 20 15.522 20 10S15.515 0 9.983 0'/%3E%3Cpath d='m6.278 15.174-1.23-.507c.218.453.595.832 1.096 1.04a2.13 2.13 0 0 0 2.783-1.144c.218-.523.22-1.1.003-1.626a2.127 2.127 0 0 0-2.718-1.176l1.271.525a1.56 1.56 0 0 1 .843 2.045 1.567 1.567 0 0 1-2.048.843M11.401 7.418c0-1.042.847-1.887 1.891-1.887s1.89.845 1.89 1.887a1.89 1.89 0 0 1-1.89 1.888 1.89 1.89 0 0 1-1.89-1.888m4.404.005a2.518 2.518 0 0 0-5.033 0 2.517 2.517 0 0 0 5.033 0'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.983 0C4.72 0 .41 4.05 0 9.198l5.37 2.216a2.82 2.82 0 0 1 1.752-.488L9.51 7.47v-.049a3.779 3.779 0 0 1 7.555 0 3.78 3.78 0 0 1-3.863 3.77l-3.406 2.426q.004.067.004.133a2.836 2.836 0 0 1-5.616.558l-3.84-1.584a10.016 10.016 0 0 0 9.639 7.274C15.514 20 20 15.522 20 10S15.515 0 9.983 0'/%3E%3Cpath d='m6.278 15.174-1.23-.507c.218.453.595.832 1.096 1.04a2.13 2.13 0 0 0 2.783-1.144c.218-.523.22-1.1.003-1.626a2.127 2.127 0 0 0-2.718-1.176l1.271.525a1.56 1.56 0 0 1 .843 2.045 1.567 1.567 0 0 1-2.048.843M11.401 7.418c0-1.042.847-1.887 1.891-1.887s1.89.845 1.89 1.887a1.89 1.89 0 0 1-1.89 1.888 1.89 1.89 0 0 1-1.89-1.888m4.404.005a2.518 2.518 0 0 0-5.033 0 2.517 2.517 0 0 0 5.033 0'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  min-width: 19px;
  transition: background-color 0.3s;
  width: 19px;
}
.user-info-page .profile-block .profile-info .user-info .bot-icon-wrapper[data-v-6856325e] {
  position: relative;
  width: 18px;
  height: 18px;
  cursor: help;
}
@media screen and (max-width: 767px) {
.user-info-page .profile-block .profile-info .user-info .bot-icon-wrapper[data-v-6856325e] {
    width: 15px;
    height: 15px;
}
}
.user-info-page .profile-block .profile-info .user-info .bot-icon-wrapper:hover .tooltip__text[data-v-6856325e] {
  opacity: 1;
  visibility: visible;
}
.user-info-page .profile-block .profile-info .user-info .bot-icon-wrapper .player-info__bot-icon[data-v-6856325e] {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.558 3.167c1.638-.854 3.26-.854 4.898 0 .706-1.05 1.427-2.1 2.163-3.167.48.394.947.771 1.427 1.165a227 227 0 0 1-2.178 3.166c.135.197.285.378.42.575a6.05 6.05 0 0 1 1.052 3.363c.015 2.576 0 5.152 0 7.728v.131h-1.772V20H11.78v-3.856H8.22V20H6.445v-3.856H4.66V8.5c0-1.559.45-2.92 1.412-4.07.015-.016.03-.048.06-.098-.721-1.05-1.457-2.1-2.193-3.166C4.403.77 4.869.394 5.365 0 6.1 1.066 6.822 2.116 7.558 3.167M2 8.367h1.758v7.76H2zM18 16.128h-1.758v-7.76H18z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.558 3.167c1.638-.854 3.26-.854 4.898 0 .706-1.05 1.427-2.1 2.163-3.167.48.394.947.771 1.427 1.165a227 227 0 0 1-2.178 3.166c.135.197.285.378.42.575a6.05 6.05 0 0 1 1.052 3.363c.015 2.576 0 5.152 0 7.728v.131h-1.772V20H11.78v-3.856H8.22V20H6.445v-3.856H4.66V8.5c0-1.559.45-2.92 1.412-4.07.015-.016.03-.048.06-.098-.721-1.05-1.457-2.1-2.193-3.166C4.403.77 4.869.394 5.365 0 6.1 1.066 6.822 2.116 7.558 3.167M2 8.367h1.758v7.76H2zM18 16.128h-1.758v-7.76H18z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  background-color: #44a2f9;
  cursor: help;
}
.user-info-page .profile-block .profile-info .user-info .bot-icon-wrapper .tooltip__text[data-v-6856325e] {
  position: absolute;
  left: 50%;
  top: 28px;
  transform: translate(-50%);
  background: #282546;
  border-radius: 4px;
  color: #dddcfc;
  font-size: 14px;
  margin-top: 10px;
  opacity: 0;
  padding: 10px;
  text-align: initial;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 200px;
  z-index: 10;
}
.user-info-page .profile-block .profile-info .user-info .bot-icon-wrapper .tooltip__text[data-v-6856325e]::before {
  left: 50%;
  transform: translate(-50%);
  border-color: transparent transparent #282546;
  border-style: solid;
  border-width: 0 7.5px 10px;
  content: "";
  height: 0;
  position: absolute;
  top: -10px;
  width: 0;
}
.user-info-page .profile-block .profile-info .user-info .log-out-icon[data-v-6856325e] {
  background-color: #9793ba;
  display: inline-block;
  height: 19px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.066 4.427h-2.01V2.239H2.016v15.514h11.026v-2.177h1.981c.01.016.029.026.029.042 0 .792.037 1.583-.02 2.37-.084 1.182-.936 2.005-2.009 2.01-2.047.005-4.094 0-6.14 0H2.128c-1.28 0-2.122-.927-2.127-2.339-.005-5.103 0-10.207 0-15.31C.002.932.85 0 2.13 0h10.8c1.275 0 2.127.937 2.137 2.343z'/%3E%3Cpath d='M14.68 12.834c.49-.547.998-1.114 1.534-1.708H7.047V8.913H16.2c-.541-.604-1.054-1.172-1.562-1.74l1.392-1.541 3.972 4.395-3.934 4.354c-.442-.495-.908-1.01-1.388-1.547'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.066 4.427h-2.01V2.239H2.016v15.514h11.026v-2.177h1.981c.01.016.029.026.029.042 0 .792.037 1.583-.02 2.37-.084 1.182-.936 2.005-2.009 2.01-2.047.005-4.094 0-6.14 0H2.128c-1.28 0-2.122-.927-2.127-2.339-.005-5.103 0-10.207 0-15.31C.002.932.85 0 2.13 0h10.8c1.275 0 2.127.937 2.137 2.343z'/%3E%3Cpath d='M14.68 12.834c.49-.547.998-1.114 1.534-1.708H7.047V8.913H16.2c-.541-.604-1.054-1.172-1.562-1.74l1.392-1.541 3.972 4.395-3.934 4.354c-.442-.495-.908-1.01-1.388-1.547'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transform: translate(2px);
  width: 19px;
  margin-left: 10px;
}
.user-info-page .profile-block .profile-info .user-info .user-level-profile[data-v-6856325e] {
  color: #9793c7;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  margin-top: 17px;
}
.user-info-page .profile-block .profile-info .user-info .how-it-works-button[data-v-6856325e] {
  color: #9793c7;
  font-size: 14px;
  font-weight: 600;
  margin-left: 8px;
  transition: color 0.3s;
}
.user-info-page .profile-block .profile-info .user-info .info-icon[data-v-6856325e] {
  background-color: #9793c7;
  display: inline-block;
  height: 14px;
  margin-right: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 14px;
}
.user-info-page .profile-block .profile-info .user-info .user-info__level[data-v-6856325e] {
  margin-top: 0;
}
.user-info-page .profile-block .profile-info .user-info .user-level[data-v-6856325e] {
  width: 100%;
}
.user-info-page .profile-block .profile-info .user-info .user-level__line[data-v-6856325e] {
  height: 4px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.user-info-page .profile-block .profile-info .user-info .user-level__line.level-color-2[data-v-6856325e] {
  background: linear-gradient(90deg, #7e5bc8, #412b72);
}
.user-info-page .profile-block .profile-info .user-info .current-xp[data-v-6856325e] {
  background: #0ab0b6;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.user-info-page .profile-block .profile-info .user-info .current-xp.with-animation[data-v-6856325e] {
  transition: width 2s cubic-bezier(0.16, 1, 0.3, 1);
}
.user-info-page .profile-block .profile-info .user-info .user-info__money-bar[data-v-6856325e] {
  margin-top: 12px;
}
.user-info-page .profile-block .profile-info .user-info .user-info__money-bar.profile-v2[data-v-6856325e] {
  margin-top: 20px;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar[data-v-6856325e] {
  align-items: center;
  display: flex;
  position: relative;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .button-wrapper-for-mobile[data-v-6856325e] {
  display: flex;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__refill-button-block[data-v-6856325e] {
  margin-left: 0;
  position: relative;
  width: auto;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__invite-button-block[data-v-6856325e] {
  margin-left: 8px;
  position: relative;
  width: auto;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__refill[data-v-6856325e] {
  align-items: center;
  background-color: #131e2b;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  min-width: 156px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__refill[data-v-6856325e]::before {
  background-color: #194f4a;
  clip-path: polygon(8px 0, 0 50%, 8px 100%, 9px calc(100% - 1px), 1px 50%, 9px 1px, calc(100% - 9px) 1px, calc(100% - 1px) 50%, calc(100% - 9px) calc(100% - 1px), 8px calc(100% - 1px), 8px 100%, calc(100% - 8px) 100%, 100% 50%, calc(100% - 8px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__refill .wallet-icon[data-v-6856325e] {
  background-color: #4af1cc;
  display: inline-block;
  height: 15px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M1.217 2.262H17.44c.671 0 1.217.546 1.217 1.217v2.747h-5.823a3.218 3.218 0 0 0-2.29.95 3.22 3.22 0 0 0-.95 2.29v.342c0 .436.085.862.256 1.262.162.385.397.732.694 1.028s.643.531 1.028.694c.4.168.825.255 1.262.255h5.823v2.747c0 .671-.546 1.217-1.217 1.217H1.217A1.22 1.22 0 0 1 0 15.794V3.479c0-.67.546-1.217 1.217-1.217'/%3E%3Cpath d='M20.001 10.918a.91.91 0 0 1-.913.913h-6.253a2.02 2.02 0 0 1-2.023-2.022v-.343c0-1.118.905-2.022 2.023-2.022h6.253c.505 0 .913.407.913.912zm-6.836-2.355a1.074 1.074 0 1 0-.001 2.149 1.074 1.074 0 0 0 .001-2.149'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M1.217 2.262H17.44c.671 0 1.217.546 1.217 1.217v2.747h-5.823a3.218 3.218 0 0 0-2.29.95 3.22 3.22 0 0 0-.95 2.29v.342c0 .436.085.862.256 1.262.162.385.397.732.694 1.028s.643.531 1.028.694c.4.168.825.255 1.262.255h5.823v2.747c0 .671-.546 1.217-1.217 1.217H1.217A1.22 1.22 0 0 1 0 15.794V3.479c0-.67.546-1.217 1.217-1.217'/%3E%3Cpath d='M20.001 10.918a.91.91 0 0 1-.913.913h-6.253a2.02 2.02 0 0 1-2.023-2.022v-.343c0-1.118.905-2.022 2.023-2.022h6.253c.505 0 .913.407.913.912zm-6.836-2.355a1.074 1.074 0 1 0-.001 2.149 1.074 1.074 0 0 0 .001-2.149'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 15px;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__refill .invite-icon[data-v-6856325e] {
  display: inline-block;
  height: 15px;
  margin-right: 8px;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 15px;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__trade-url-button-block[data-v-6856325e] {
  margin-left: 8px;
  position: relative;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__trade-url-button[data-v-6856325e] {
  align-items: center;
  background-color: #1c1a2e;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  min-width: 156px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__trade-url-button[data-v-6856325e]::before {
  background-color: #2b283e;
  clip-path: polygon(8px 0, 0 50%, 8px 100%, 9px calc(100% - 1px), 1px 50%, 9px 1px, calc(100% - 9px) 1px, calc(100% - 1px) 50%, calc(100% - 9px) calc(100% - 1px), 8px calc(100% - 1px), 8px 100%, calc(100% - 8px) 100%, 100% 50%, calc(100% - 8px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__trade-url-button .trade-url-icon[data-v-6856325e] {
  background-color: #8471f7;
  display: inline-block;
  height: 13px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.98 5.524H8.016l-.46-4.149L0 8.477h20zM.5 13.477h11.954l-.02 4.148 7.556-7.102-19.49-.02z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.98 5.524H8.016l-.46-4.149L0 8.477h20zM.5 13.477h11.954l-.02 4.148 7.556-7.102-19.49-.02z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 16px;
}
.user-info-page .profile-block .profile-info .user-info .user-money-bar .user-money-bar__trade-url-button .trade-url-text[data-v-6856325e] {
  display: block;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-info-page .profile-block .profile-info .profile-info__drop[data-v-6856325e] {
  position: relative;
  align-self: baseline;
}
.user-info-page .profile-block .profile-info .profile-info__drop .ui-blocker__content[data-v-6856325e] {
  display: flex;
  justify-content: center;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop[data-v-6856325e] {
  display: flex;
  height: 130px;
  justify-content: space-between;
  padding: 0 26px;
  position: relative;
  width: 372px;
  z-index: 0;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop[data-v-6856325e]:after, .user-info-page .profile-block .profile-info .profile-info__drop .best-drop[data-v-6856325e]:before {
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop[data-v-6856325e]::before {
  background: transparent;
  height: 100%;
  width: 100%;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop[data-v-6856325e]::after {
  background: transparent no-repeat 0 -225px/743px 352px;
  background-color: #161429;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop[data-v-6856325e]::before {
  background: linear-gradient(29deg, rgba(212, 50, 42, 0.2), rgba(49, 45, 83, 0.2) 35.29%, rgba(212, 50, 42, 0.2));
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop[data-v-6856325e]::after {
  background-image: radial-gradient(closest-side, rgba(212, 50, 42, 0.1), transparent);
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop:hover .best-drop__img.img-wrapper[data-v-6856325e] {
  background-position: 50% 50%;
  opacity: 0.7;
  transform: translateY(-34px) translate(110px);
  width: 40%;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop:hover .best-drop__price[data-v-6856325e] {
  bottom: 0;
  opacity: 0;
  visibility: hidden;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop:hover .best-drop__case-img[data-v-6856325e],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop:hover .best-drop__case-info[data-v-6856325e] {
  visibility: visible;
  opacity: 1;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info[data-v-6856325e],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item[data-v-6856325e] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__header[data-v-6856325e],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__header[data-v-6856325e] {
  color: #dddcfc;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.8px;
  line-height: 100% !important;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__name[data-v-6856325e],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__name[data-v-6856325e] {
  color: #bbbdcf;
  font-size: 18px;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__type[data-v-6856325e],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__type[data-v-6856325e] {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.75px;
  line-height: 100% !important;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__quality[data-v-6856325e],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__quality[data-v-6856325e] {
  color: #777a99;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.55px;
  line-height: 100% !important;
  margin-top: 6px;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__img img[data-v-6856325e],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__img img[data-v-6856325e] {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__img.img-wrapper[data-v-6856325e],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__img.img-wrapper[data-v-6856325e] {
  align-items: center;
  display: flex;
  height: 108px;
  justify-content: center;
  margin-bottom: 14px;
  position: relative;
  transition: opacity 0.5s, transform 0.5s, width 0.5s, background-position 0.5s;
  width: 100%;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__case-img[data-v-6856325e],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__case-img[data-v-6856325e] {
  align-self: center;
  height: 102px;
  max-height: 100%;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__case-img img[data-v-6856325e],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__case-img img[data-v-6856325e] {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__case-info[data-v-6856325e],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__case-info[data-v-6856325e] {
  align-self: center;
  bottom: 14px;
  font-weight: 700;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__info .best-drop__price[data-v-6856325e],
.user-info-page .profile-block .profile-info .profile-info__drop .best-drop__item .best-drop__price[data-v-6856325e] {
  align-self: center;
  bottom: 10px;
  color: #4af1b8;
  font-kerning: none;
  font-size: 16px;
  font-weight: 600;
  opacity: 1;
  position: absolute;
  transition: bottom 0.5s, opacity 0.5s, visibility 0.5s;
  visibility: visible;
}
.user-info-page .profile-block .profile-battle-statistic[data-v-6856325e] {
  display: flex;
  height: 101px;
  margin: 32px auto 43px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.user-info-page .profile-block .profile-battle-statistic[data-v-6856325e]:after, .user-info-page .profile-block .profile-battle-statistic[data-v-6856325e]:before {
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.user-info-page .profile-block .profile-battle-statistic[data-v-6856325e]:before {
  background: #272443;
  height: 100%;
  width: 100%;
}
.user-info-page .profile-block .profile-battle-statistic[data-v-6856325e]::after {
  background: linear-gradient(180deg, #141225, #1b192d 108.47%);
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.user-info-page .profile-block .profile-battle-statistic .statistic_loader-block[data-v-6856325e] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item[data-v-6856325e] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block[data-v-6856325e] {
  align-items: center;
  display: flex;
  height: 38px;
  justify-content: center;
  margin-top: -19px;
  position: relative;
  width: 34px;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block[data-v-6856325e]::after, .user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block[data-v-6856325e]::before {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block[data-v-6856325e]::before {
  background: linear-gradient(#272443, #564f96);
  height: 100%;
  width: 100%;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block[data-v-6856325e]::after {
  background: #141225;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block .icon[data-v-6856325e] {
  display: inline-block;
  height: 16px;
  opacity: 0.7;
  width: 16px;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block .icon-battle-count[data-v-6856325e],
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block .icon-wins[data-v-6856325e],
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block .icon-win-ratio[data-v-6856325e],
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block .icon-winstreak[data-v-6856325e],
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block .icon-crown[data-v-6856325e],
.user-info-page .profile-block .profile-battle-statistic .statistic-item .battle-statistic-icon-block .icon-last-battles[data-v-6856325e] {
  background-color: #b89fff;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .number[data-v-6856325e] {
  background: linear-gradient(180deg, #e5e0fb, #7c4eff);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 20px;
  font-weight: 600;
  -webkit-text-fill-color: transparent;
  margin-top: 8px;
}
.user-info-page .profile-block .profile-battle-statistic .statistic-item .text[data-v-6856325e] {
  color: #9692b8;
  font-size: 11px;
  margin-top: 7px;
  text-align: center;
  text-transform: uppercase;
}
.user-info-page .profile-block .profile-battle-statistic .profile-battle-statistic-left-block[data-v-6856325e] {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 15px;
  position: relative;
  width: 18%;
}
.user-info-page .profile-block .profile-battle-statistic .profile-battle-statistic-left-block[data-v-6856325e]::after {
  background: linear-gradient(180deg, #272344, rgba(15, 14, 28, 0.4));
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
}
.user-info-page .profile-block .profile-battle-statistic .profile-battle-statistic-left-block .text-block[data-v-6856325e] {
  display: flex;
  flex-direction: column;
}
.user-info-page .profile-block .profile-battle-statistic .profile-battle-statistic-left-block .title-text[data-v-6856325e] {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.user-info-page .profile-block .profile-battle-statistic .profile-battle-statistic-left-block .create-battle-link[data-v-6856325e] {
  color: #e84866;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  transition: color 0.3s;
}
.user-info-page .profile-block .profile-battle-statistic .profile-battle-statistic-left-block .plus-icon[data-v-6856325e] {
  background-color: #e84866;
  display: inline-block;
  height: 10px;
  margin-right: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 10px;
}
.user-info-page .profile-block .profile-battle-statistic .main-statistic-block[data-v-6856325e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: 100%;
  padding: 0 12px;
  position: relative;
  width: 34%;
  z-index: 1;
}
.user-info-page .profile-block .profile-battle-statistic .main-statistic-block .icon-battle-count[data-v-6856325e] {
  height: 17px !important;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  width: 17px !important;
}
.user-info-page .profile-block .profile-battle-statistic .main-statistic-block .icon-wins[data-v-6856325e] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.995 1.754c0-.182-.005-.359-.005-.547v-.142h-2.715L17.405 0H2.642l.148 1.07H0v1.043C.017 3.33.12 4.926.74 6.429c.751 1.817 2.072 2.82 3.927 2.984.052.006.131.052.16.103a6.65 6.65 0 0 0 2.772 2.363c.096.046.108.069.108.165-.006.28-.006.564-.006.838v.729c-.011.74-.176 1.491-.507 2.294-.096.228-.187.29-.426.28-.427-.023-.849-.018-1.298-.012-.182 0-.37.006-.564.006h-.142v2.403H3.398V20h13.319v-1.435H15.35c-.017-.228-.012-.456-.012-.672 0-.205.006-.416-.01-.626V16.19h-.018l.023-.051-.274.051h-1.132v-.006h-.341c-.16 0-.314-.005-.467.006-.114.012-.16-.017-.194-.13-.045-.126-.091-.257-.142-.377a8 8 0 0 1-.222-.632c-.24-.803-.228-1.646-.21-2.466.005-.205.005-.415.005-.62a.3.3 0 0 1 .08-.074 6.8 6.8 0 0 0 2.743-2.358.3.3 0 0 1 .188-.114c1.713-.165 2.971-1.048 3.745-2.637.512-1.053.78-2.243.865-3.86.029-.394.023-.77.017-1.168M6.244 18.542v-.905h7.638v.905zm2.874-5.672c-.005-.154-.005-.319-.011-.478h1.787c-.028 1.167-.006 2.488.512 3.764H8.691c.035-.142.069-.29.109-.433.113-.461.233-.94.29-1.418.051-.478.04-.962.028-1.435M3 2.523c.08.478.159.968.227 1.446.194 1.259.393 2.557.746 3.833-.672-.222-1.195-.65-1.588-1.31-.438-.729-.695-1.577-.837-2.75-.034-.302-.057-.604-.085-.929-.006-.097-.017-.193-.023-.29zM6.955 9.76c-.95-.849-1.553-1.902-1.787-3.12-.239-1.231-.432-2.444-.643-3.731-.08-.478-.16-.974-.24-1.47h11.459c-.023.149-.04.297-.063.44-.063.443-.12.865-.194 1.292-.045.256-.085.507-.125.763-.148.877-.296 1.788-.49 2.67-.398 1.823-1.394 3.139-2.948 3.913-1.662.82-3.517.535-4.969-.757m11.447-5.615c-.171 1.15-.473 1.97-.98 2.654-.358.49-.808.82-1.365 1.002.387-1.412.614-2.859.836-4.26.052-.33.108-.672.16-1.008h1.525c-.011.137-.028.268-.04.405-.04.41-.08.808-.136 1.207'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.995 1.754c0-.182-.005-.359-.005-.547v-.142h-2.715L17.405 0H2.642l.148 1.07H0v1.043C.017 3.33.12 4.926.74 6.429c.751 1.817 2.072 2.82 3.927 2.984.052.006.131.052.16.103a6.65 6.65 0 0 0 2.772 2.363c.096.046.108.069.108.165-.006.28-.006.564-.006.838v.729c-.011.74-.176 1.491-.507 2.294-.096.228-.187.29-.426.28-.427-.023-.849-.018-1.298-.012-.182 0-.37.006-.564.006h-.142v2.403H3.398V20h13.319v-1.435H15.35c-.017-.228-.012-.456-.012-.672 0-.205.006-.416-.01-.626V16.19h-.018l.023-.051-.274.051h-1.132v-.006h-.341c-.16 0-.314-.005-.467.006-.114.012-.16-.017-.194-.13-.045-.126-.091-.257-.142-.377a8 8 0 0 1-.222-.632c-.24-.803-.228-1.646-.21-2.466.005-.205.005-.415.005-.62a.3.3 0 0 1 .08-.074 6.8 6.8 0 0 0 2.743-2.358.3.3 0 0 1 .188-.114c1.713-.165 2.971-1.048 3.745-2.637.512-1.053.78-2.243.865-3.86.029-.394.023-.77.017-1.168M6.244 18.542v-.905h7.638v.905zm2.874-5.672c-.005-.154-.005-.319-.011-.478h1.787c-.028 1.167-.006 2.488.512 3.764H8.691c.035-.142.069-.29.109-.433.113-.461.233-.94.29-1.418.051-.478.04-.962.028-1.435M3 2.523c.08.478.159.968.227 1.446.194 1.259.393 2.557.746 3.833-.672-.222-1.195-.65-1.588-1.31-.438-.729-.695-1.577-.837-2.75-.034-.302-.057-.604-.085-.929-.006-.097-.017-.193-.023-.29zM6.955 9.76c-.95-.849-1.553-1.902-1.787-3.12-.239-1.231-.432-2.444-.643-3.731-.08-.478-.16-.974-.24-1.47h11.459c-.023.149-.04.297-.063.44-.063.443-.12.865-.194 1.292-.045.256-.085.507-.125.763-.148.877-.296 1.788-.49 2.67-.398 1.823-1.394 3.139-2.948 3.913-1.662.82-3.517.535-4.969-.757m11.447-5.615c-.171 1.15-.473 1.97-.98 2.654-.358.49-.808.82-1.365 1.002.387-1.412.614-2.859.836-4.26.052-.33.108-.672.16-1.008h1.525c-.011.137-.028.268-.04.405-.04.41-.08.808-.136 1.207'/%3E%3C/svg%3E");
}
.user-info-page .profile-block .profile-battle-statistic .main-statistic-block .icon-win-ratio[data-v-6856325e] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23b89fff' stroke-width='1.2' d='M.6 16.785V7.15h4.149v9.635zM7.924 16.784V2.6h4.149v14.184zM15.252 16.785V9.734h4.149v7.05z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23b89fff' stroke-width='1.2' d='M.6 16.785V7.15h4.149v9.635zM7.924 16.784V2.6h4.149v14.184zM15.252 16.785V9.734h4.149v7.05z'/%3E%3C/svg%3E");
}
.user-info-page .profile-block .profile-battle-statistic .secondary-statistic-block[data-v-6856325e] {
  display: grid;
  grid-template-columns: 1fr 122px 1fr;
  padding: 0 12px;
  position: relative;
  width: 48%;
  z-index: 1;
}
.user-info-page .profile-block .profile-battle-statistic .secondary-statistic-block .icon-winstreak[data-v-6856325e] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.93.835V.138c0-.044-.025-.096.015-.122.06-.04.11.004.154.03q.406.236.803.48c1.187.728 2.338 1.486 3.35 2.397.942.85 1.715 1.792 2.094 2.952.393 1.207.264 2.402-.125 3.588-.379 1.16-.962 2.24-1.625 3.291-.035.057-.14.122-.065.188.055.052.16.013.24-.005.513-.1.961-.322 1.39-.57.758-.441 1.431-.969 2.079-1.522.204-.175.22-.166.32.07 1.39 3.321-.634 7.084-4.323 8.487-4.76 1.814-10.17-.671-11.092-5.14-.518-2.524.36-4.695 2.503-6.452.892-.728 1.83-1.416 2.562-2.28.937-1.103 1.526-2.323 1.695-3.692.04-.336.035-.667.025-1.003m6.68 13.528c-.663.279-1.281.475-1.954.514-.753.048-1.396-.152-1.89-.658-.633-.654-.687-1.447-.174-2.25.638-.994 1.236-2.005 1.6-3.112.409-1.247.314-2.442-.518-3.553-.484-.645-1.092-1.186-1.75-1.692-.184-.144-.194 0-.23.1-.358 1.038-.927 1.988-1.66 2.86-.787.938-1.75 1.727-2.741 2.49-1.695 1.303-2.408 2.934-2.004 4.882.483 2.363 2.821 4.142 5.733 4.137 1.71 0 3.165-.584 4.322-1.7.593-.566.997-1.225 1.266-2.018'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.93.835V.138c0-.044-.025-.096.015-.122.06-.04.11.004.154.03q.406.236.803.48c1.187.728 2.338 1.486 3.35 2.397.942.85 1.715 1.792 2.094 2.952.393 1.207.264 2.402-.125 3.588-.379 1.16-.962 2.24-1.625 3.291-.035.057-.14.122-.065.188.055.052.16.013.24-.005.513-.1.961-.322 1.39-.57.758-.441 1.431-.969 2.079-1.522.204-.175.22-.166.32.07 1.39 3.321-.634 7.084-4.323 8.487-4.76 1.814-10.17-.671-11.092-5.14-.518-2.524.36-4.695 2.503-6.452.892-.728 1.83-1.416 2.562-2.28.937-1.103 1.526-2.323 1.695-3.692.04-.336.035-.667.025-1.003m6.68 13.528c-.663.279-1.281.475-1.954.514-.753.048-1.396-.152-1.89-.658-.633-.654-.687-1.447-.174-2.25.638-.994 1.236-2.005 1.6-3.112.409-1.247.314-2.442-.518-3.553-.484-.645-1.092-1.186-1.75-1.692-.184-.144-.194 0-.23.1-.358 1.038-.927 1.988-1.66 2.86-.787.938-1.75 1.727-2.741 2.49-1.695 1.303-2.408 2.934-2.004 4.882.483 2.363 2.821 4.142 5.733 4.137 1.71 0 3.165-.584 4.322-1.7.593-.566.997-1.225 1.266-2.018'/%3E%3C/svg%3E");
}
.user-info-page .profile-block .profile-battle-statistic .secondary-statistic-block .icon-last-battles[data-v-6856325e] {
  -webkit-mask-image: url(../img/TVx6oCPs.1d081c2c.svg);
  mask-image: url(../img/TVx6oCPs.1d081c2c.svg);
}
.user-info-page .profile-block .profile-battle-statistic .secondary-statistic-block .icon-crown[data-v-6856325e] {
  height: 18px !important;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.003 15.86H3.846c-.501 0-.699-.158-.806-.639-.476-2.08-.953-4.168-1.422-6.248-.04-.165-.098-.265-.28-.315a1.92 1.92 0 0 1-1.314-2.12C.18 5.6.985 4.912 1.914 4.92A1.91 1.91 0 0 1 3.78 6.562c.041.323.025.646-.107.945-.049.116-.024.182.074.24q1.31.843 2.606 1.699c.115.074.148.025.197-.075.658-1.4 1.324-2.792 1.981-4.193.099-.199.19-.406.288-.605.05-.1.041-.157-.041-.232-.567-.522-.773-1.176-.575-1.93.197-.746.698-1.202 1.438-1.368.814-.182 1.66.224 2.055.97a1.914 1.914 0 0 1-.378 2.279c-.123.116-.14.19-.074.348a489 489 0 0 1 2.22 4.69c.073.157.123.19.279.083.813-.54 1.636-1.078 2.458-1.608.164-.1.205-.182.14-.39-.23-.762-.075-1.45.517-1.996.6-.547 1.307-.68 2.047-.34.723.331 1.11.92 1.118 1.723a1.874 1.874 0 0 1-1.365 1.848c-.148.042-.205.116-.238.257a785 785 0 0 1-1.504 6.33c-.107.44-.305.598-.765.598-2.038.024-4.093.024-6.148.024M2.909 8.757c.016.091.016.14.033.182.41 1.782.814 3.563 1.225 5.353.065.282.065.282.361.282 3.65 0 7.308 0 10.957.008.214 0 .305-.058.354-.273a415 415 0 0 1 1.093-4.59c.074-.3.14-.597.206-.904-.1.008-.157.066-.214.1-1.069.695-2.13 1.391-3.198 2.08-.41.264-.822.148-1.019-.283-.847-1.781-1.685-3.563-2.532-5.344-.04-.083-.057-.174-.14-.232-.057.033-.073.09-.098.14-.855 1.799-1.702 3.605-2.556 5.403-.222.473-.625.589-1.06.307-.65-.423-1.291-.845-1.933-1.26-.485-.323-.97-.63-1.48-.97m7.727-5.842c0-.307-.296-.605-.609-.605-.312 0-.608.298-.608.605 0 .323.28.605.592.613.329.009.616-.281.625-.613M1.906 6.24a.615.615 0 0 0-.616.605.623.623 0 0 0 .608.596c.32 0 .6-.281.608-.596a.606.606 0 0 0-.6-.605m16.26 0a.61.61 0 0 0-.626.596c0 .324.28.597.6.605.321 0 .609-.273.609-.596a.587.587 0 0 0-.584-.605M10.03 18.378H3.815c-.394 0-.674-.257-.682-.63-.008-.406.263-.654.707-.654h12.322c.468 0 .748.232.748.638s-.272.646-.74.646z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.003 15.86H3.846c-.501 0-.699-.158-.806-.639-.476-2.08-.953-4.168-1.422-6.248-.04-.165-.098-.265-.28-.315a1.92 1.92 0 0 1-1.314-2.12C.18 5.6.985 4.912 1.914 4.92A1.91 1.91 0 0 1 3.78 6.562c.041.323.025.646-.107.945-.049.116-.024.182.074.24q1.31.843 2.606 1.699c.115.074.148.025.197-.075.658-1.4 1.324-2.792 1.981-4.193.099-.199.19-.406.288-.605.05-.1.041-.157-.041-.232-.567-.522-.773-1.176-.575-1.93.197-.746.698-1.202 1.438-1.368.814-.182 1.66.224 2.055.97a1.914 1.914 0 0 1-.378 2.279c-.123.116-.14.19-.074.348a489 489 0 0 1 2.22 4.69c.073.157.123.19.279.083.813-.54 1.636-1.078 2.458-1.608.164-.1.205-.182.14-.39-.23-.762-.075-1.45.517-1.996.6-.547 1.307-.68 2.047-.34.723.331 1.11.92 1.118 1.723a1.874 1.874 0 0 1-1.365 1.848c-.148.042-.205.116-.238.257a785 785 0 0 1-1.504 6.33c-.107.44-.305.598-.765.598-2.038.024-4.093.024-6.148.024M2.909 8.757c.016.091.016.14.033.182.41 1.782.814 3.563 1.225 5.353.065.282.065.282.361.282 3.65 0 7.308 0 10.957.008.214 0 .305-.058.354-.273a415 415 0 0 1 1.093-4.59c.074-.3.14-.597.206-.904-.1.008-.157.066-.214.1-1.069.695-2.13 1.391-3.198 2.08-.41.264-.822.148-1.019-.283-.847-1.781-1.685-3.563-2.532-5.344-.04-.083-.057-.174-.14-.232-.057.033-.073.09-.098.14-.855 1.799-1.702 3.605-2.556 5.403-.222.473-.625.589-1.06.307-.65-.423-1.291-.845-1.933-1.26-.485-.323-.97-.63-1.48-.97m7.727-5.842c0-.307-.296-.605-.609-.605-.312 0-.608.298-.608.605 0 .323.28.605.592.613.329.009.616-.281.625-.613M1.906 6.24a.615.615 0 0 0-.616.605.623.623 0 0 0 .608.596c.32 0 .6-.281.608-.596a.606.606 0 0 0-.6-.605m16.26 0a.61.61 0 0 0-.626.596c0 .324.28.597.6.605.321 0 .609-.273.609-.596a.587.587 0 0 0-.584-.605M10.03 18.378H3.815c-.394 0-.674-.257-.682-.63-.008-.406.263-.654.707-.654h12.322c.468 0 .748.232.748.638s-.272.646-.74.646z'/%3E%3C/svg%3E");
  width: 18px !important;
}
.user-info-page .profile-block .profile-battle-statistic .secondary-statistic-block .last-battles[data-v-6856325e] {
  min-height: 19.5px;
  font-weight: 600;
  margin-top: 12px;
  text-transform: uppercase;
}
.user-info-page .profile-block .profile-battle-statistic .secondary-statistic-block .last-battles .lose[data-v-6856325e] {
  color: #f31a5b;
}
.user-info-page .profile-block .profile-battle-statistic .secondary-statistic-block .last-battles .win[data-v-6856325e] {
  color: #26c897;
}
.user-info-page .profile-block .profile-battle-statistic .battle-type-buttons[data-v-6856325e] {
  bottom: -11px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  white-space: nowrap;
}
.user-info-page .profile-block .profile-battle-statistic .battle-type-buttons button[data-v-6856325e] {
  background-color: #1b192f;
  border-radius: 50%;
  color: #b6b5d8;
  font-size: 14px;
  font-size: 12px;
  font-weight: 700;
  height: 28px;
  margin: 0 6px;
  text-transform: uppercase;
  transition: background-color 0.3s, color 0.3s;
  width: 28px;
}
.user-info-page .profile-block .profile-battle-statistic .battle-type-buttons button[data-v-6856325e]:hover {
  background-color: #2c2948;
  color: #fff;
}
.user-info-page .profile-block .profile-battle-statistic .battle-type-buttons button.active[data-v-6856325e] {
  background-color: #2c2948;
  color: #fff;
  pointer-events: none;
}
.user-info-page .profile-block .profile-battle-statistic .battle-type-buttons button.large[data-v-6856325e] {
  border-radius: 40px;
  width: 48px;
}
.user-info-page .profile-block .my-stats-button[data-v-6856325e] {
  display: none;
  align-items: center;
  background-color: #1c1a2e;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  margin: 20px auto 10px;
  min-width: unset;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 154px;
}
.user-info-page .profile-block .my-stats-button[data-v-6856325e]::before {
  background-color: rgba(92, 89, 117, 0.231372549);
  clip-path: polygon(12px 0, 0 50%, 12px 100%, 13px calc(100% - 1px), 1px 50%, 13px 1px, calc(100% - 13px) 1px, calc(100% - 1px) 50%, calc(100% - 13px) calc(100% - 1px), 12px calc(100% - 1px), 12px 100%, calc(100% - 12px) 100%, 100% 50%, calc(100% - 12px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.user-info-page .profile-block .my-stats-button .stats-icon[data-v-6856325e] {
  background-color: #fff;
  display: inline-block;
  height: 20px;
  margin-right: 7px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.585 12.633H1v7.366h4.585zM11.866 9.693H7.28v10.308h4.585zM18.143 14.845H13.56V20h4.584zM9.502 0l1.39 2.963L14 3.438l-2.251 2.306L12.282 9l-2.78-1.539L6.718 9l.533-3.256L5 3.438l3.108-.475z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.585 12.633H1v7.366h4.585zM11.866 9.693H7.28v10.308h4.585zM18.143 14.845H13.56V20h4.584zM9.502 0l1.39 2.963L14 3.438l-2.251 2.306L12.282 9l-2.78-1.539L6.718 9l.533-3.256L5 3.438l3.108-.475z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 20px;
}
.user-info-page .tabs[data-v-6856325e] {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.user-info-page .tabs .tabs__wrap[data-v-6856325e] {
  display: flex;
  margin-top: 13px;
}
.user-info-page .tabs .tabs-wrapper[data-v-6856325e] {
  display: flex;
}
.user-info-page .tabs .tab[data-v-6856325e] {
  border-bottom: 2px solid transparent;
  color: #4f4b78;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  margin-left: 24px;
  padding-bottom: 30px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, border-color 0.3s;
  white-space: nowrap;
}
.user-info-page .tabs .tab[data-v-6856325e]:first-child {
  margin-left: 0;
}
.user-info-page .tabs .tab[data-v-6856325e]:hover {
  color: #fff;
}
.user-info-page .tabs .tab.tab__active[data-v-6856325e] {
  border-color: #f5115c;
  color: #fff;
}
.user-info-page .tabs .tab.tab__active span[data-v-6856325e] {
  color: #ff3c7b;
}
.user-info-page .tabs .missions[data-v-6856325e] {
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  margin-left: 24px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s;
}
.user-info-page .tabs .missions .missions__text[data-v-6856325e] {
  border-bottom: 1px solid #4f4b78;
  color: #4f4b78;
  font-weight: 500;
  height: 21px;
  transition: border 0.3s, color 0.3s;
}
.user-info-page .tabs .missions .missions__icon[data-v-6856325e] {
  background-color: #4f4b78;
  height: 21px;
  margin-left: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 16'%3E%3Cpath stroke='%238281a6' stroke-miterlimit='10' stroke-width='2' d='M.589.602 7.83 7.996.59 15.398'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 16'%3E%3Cpath stroke='%238281a6' stroke-miterlimit='10' stroke-width='2' d='M.589.602 7.83 7.996.59 15.398'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background 0.3s;
  width: 9px;
}
.user-info-page .tabs .missions:hover .missions__text[data-v-6856325e] {
  border-bottom: 1px solid #e84866;
  color: #e84866;
}
.user-info-page .tabs .missions:hover .missions__icon[data-v-6856325e] {
  background-color: #e84866;
}
.user-info-page .tabs .tabs-right-block[data-v-6856325e] {
  align-items: center;
  display: flex;
  margin-left: auto;
  position: relative;
  top: -13px;
  white-space: nowrap;
}
.user-info-page .tabs .tabs-right-block .open-settings-modal[data-v-6856325e] {
  align-items: center;
  background-color: #1c1a31;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  margin-left: 20px;
  min-width: 156px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.user-info-page .tabs .tabs-right-block .settings-icon[data-v-6856325e] {
  background-color: #fff;
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.978 19.996c.647 0 1.29.004 1.936 0 .447 0 .575-.122.639-.55q.174-1.17.367-2.343a.27.27 0 0 1 .111-.165q.785-.464 1.58-.91c.049-.027.14-.016.2.008.77.298 1.54.608 2.315.902.136.052.303.09.443.063a.5.5 0 0 0 .323-.22c.659-1.11 1.306-2.229 1.956-3.347.176-.306.136-.514-.144-.738-.622-.498-1.249-1-1.88-1.491-.127-.102-.151-.193-.14-.357a10 10 0 0 0-.011-1.406c-.024-.27 0-.45.251-.624.603-.416 1.186-.867 1.764-1.314a.94.94 0 0 0 .288-.361.45.45 0 0 0-.02-.361c-.635-1.111-1.281-2.218-1.924-3.32-.211-.362-.503-.464-.89-.307-.73.298-1.46.593-2.187.899-.124.05-.207.043-.323-.028-.495-.302-1.002-.584-1.5-.883a.3.3 0 0 1-.1-.164c-.132-.829-.256-1.653-.384-2.48q-.076-.495-.602-.495H9.072c-.327 0-.65-.004-.977 0-.324.004-.455.172-.483.486-.036.436-.12.868-.184 1.3-.06.38-.128.76-.175 1.141-.016.134-.072.2-.188.267-.503.279-.998.573-1.497.856-.06.035-.163.031-.231.008-.766-.295-1.529-.6-2.295-.899a1.1 1.1 0 0 0-.343-.082.46.46 0 0 0-.443.243C1.613 4.439.963 5.549.32 6.66c-.18.31-.14.518.136.738q.959.771 1.924 1.53c.1.079.115.15.107.279-.02.475-.008.95-.008 1.425 0 .02.008.039.012.059.072.25 0 .412-.235.56-.667.429-1.313.888-1.972 1.339-.31.212-.363.42-.171.75q.585 1.012 1.177 2.025c.26.447.519.899.782 1.346.18.31.391.385.735.247q1.155-.452 2.31-.91c.116-.047.196-.036.304.031.467.283.946.553 1.428.82.124.067.188.138.208.279.116.797.243 1.59.367 2.382.044.275.26.44.59.444.647-.004 1.306-.008 1.964-.008m.104-13.466c1.936.004 3.572 1.613 3.576 3.517.004 1.9-1.632 3.512-3.572 3.52-1.935.008-3.596-1.62-3.588-3.528.008-1.903 1.649-3.513 3.584-3.509'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.978 19.996c.647 0 1.29.004 1.936 0 .447 0 .575-.122.639-.55q.174-1.17.367-2.343a.27.27 0 0 1 .111-.165q.785-.464 1.58-.91c.049-.027.14-.016.2.008.77.298 1.54.608 2.315.902.136.052.303.09.443.063a.5.5 0 0 0 .323-.22c.659-1.11 1.306-2.229 1.956-3.347.176-.306.136-.514-.144-.738-.622-.498-1.249-1-1.88-1.491-.127-.102-.151-.193-.14-.357a10 10 0 0 0-.011-1.406c-.024-.27 0-.45.251-.624.603-.416 1.186-.867 1.764-1.314a.94.94 0 0 0 .288-.361.45.45 0 0 0-.02-.361c-.635-1.111-1.281-2.218-1.924-3.32-.211-.362-.503-.464-.89-.307-.73.298-1.46.593-2.187.899-.124.05-.207.043-.323-.028-.495-.302-1.002-.584-1.5-.883a.3.3 0 0 1-.1-.164c-.132-.829-.256-1.653-.384-2.48q-.076-.495-.602-.495H9.072c-.327 0-.65-.004-.977 0-.324.004-.455.172-.483.486-.036.436-.12.868-.184 1.3-.06.38-.128.76-.175 1.141-.016.134-.072.2-.188.267-.503.279-.998.573-1.497.856-.06.035-.163.031-.231.008-.766-.295-1.529-.6-2.295-.899a1.1 1.1 0 0 0-.343-.082.46.46 0 0 0-.443.243C1.613 4.439.963 5.549.32 6.66c-.18.31-.14.518.136.738q.959.771 1.924 1.53c.1.079.115.15.107.279-.02.475-.008.95-.008 1.425 0 .02.008.039.012.059.072.25 0 .412-.235.56-.667.429-1.313.888-1.972 1.339-.31.212-.363.42-.171.75q.585 1.012 1.177 2.025c.26.447.519.899.782 1.346.18.31.391.385.735.247q1.155-.452 2.31-.91c.116-.047.196-.036.304.031.467.283.946.553 1.428.82.124.067.188.138.208.279.116.797.243 1.59.367 2.382.044.275.26.44.59.444.647-.004 1.306-.008 1.964-.008m.104-13.466c1.936.004 3.572 1.613 3.576 3.517.004 1.9-1.632 3.512-3.572 3.52-1.935.008-3.596-1.62-3.588-3.528.008-1.903 1.649-3.513 3.584-3.509'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 16px;
}
.user-info-page .profile-history[data-v-6856325e] {
  position: relative;
  max-width: 1316px;
  padding: 0 10px;
  margin: 0 auto;
  transition: height 0.6s ease;
}
@media screen and (min-width: 1024px) {
.user-info-page .profile-history .user-container[data-v-6856325e] {
    width: 1296px;
    padding: 0;
}
}
.user-info-page .profile-history .actions[data-v-6856325e] {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 0 22px;
  margin-top: 24px;
}
.user-info-page .profile-history .actions .left-block[data-v-6856325e] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.user-info-page .profile-history .actions .actions__exchange[data-v-6856325e],
.user-info-page .profile-history .actions .actions__sell[data-v-6856325e],
.user-info-page .profile-history .actions .actions__upgrade[data-v-6856325e] {
  margin-right: 12px;
  align-items: center;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  height: 34px;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 197px;
}
.user-info-page .profile-history .actions .actions__sell[data-v-6856325e] {
  background-color: #67a0e0;
}
.user-info-page .profile-history .actions .actions__sell[data-v-6856325e]:hover {
  background-color: #8bbffa;
}
.user-info-page .profile-history .actions .actions__sell[data-v-6856325e]:disabled {
  cursor: wait;
}
.user-info-page .profile-history .actions .actions__upgrade[data-v-6856325e] {
  background-color: #5c49d0;
}
.user-info-page .profile-history .actions .actions__upgrade[data-v-6856325e]:hover {
  background-color: #8471f7;
}
.user-info-page .profile-history .actions .actions__exchange[data-v-6856325e] {
  background-color: #4d814f;
}
.user-info-page .profile-history .actions .actions__exchange[data-v-6856325e]:hover {
  background-color: #53a156;
}
.user-info-page .profile-history .actions .icon[data-v-6856325e] {
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  background-color: #fff;
  display: inline-block;
}
.user-info-page .profile-history .actions .icon.upgrade-icon[data-v-6856325e] {
  width: 12px;
  height: 14px;
  margin: -1px 0 0 5px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3E%3Cpath d='M5.5-.01 0 5.79l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Zm0 5.57L0 11.36l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3E%3Cpath d='M5.5-.01 0 5.79l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Zm0 5.57L0 11.36l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Z'/%3E%3C/svg%3E");
}
.user-info-page .profile-history .actions .icon.exchange-icon[data-v-6856325e] {
  width: 15px;
  height: 15px;
  margin-left: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2.747 10H0V3.879h12.292V1C14.216 2.44 16.087 3.843 18 5.276c-1.895 1.421-3.772 2.825-5.696 4.27V6.691H2.747zM7.722 19c-1.95-1.456-3.82-2.865-5.722-4.285 1.901-1.42 3.773-2.823 5.686-4.261v2.829h9.548V10H20v6.093H7.722z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2.747 10H0V3.879h12.292V1C14.216 2.44 16.087 3.843 18 5.276c-1.895 1.421-3.772 2.825-5.696 4.27V6.691H2.747zM7.722 19c-1.95-1.456-3.82-2.865-5.722-4.285 1.901-1.42 3.773-2.823 5.686-4.261v2.829h9.548V10H20v6.093H7.722z'/%3E%3C/svg%3E");
}
.user-info-page .profile-history .skins-list[data-v-6856325e] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 0;
}
.user-info-page .profile-history .skins-list .user-drop[data-v-6856325e] {
  background-color: #161428;
  border-radius: 4px;
  height: 265px;
  position: relative;
  width: 206px;
  background-position: 50% 20%;
}
.user-info-page .profile-history .skins-list .user-drop.error[data-v-6856325e], .user-info-page .profile-history .skins-list .user-drop.pending[data-v-6856325e] {
  background-color: #19172d;
}
.user-info-page .profile-history .skins-list .user-drop:hover .action-button[data-v-6856325e] {
  max-width: 100%;
  padding-right: 23px;
}
.user-info-page .profile-history .skins-list .user-drop:hover .user-drop__image-wrapper img[data-v-6856325e] {
  transform: translateY(-5px);
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper[data-v-6856325e] {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 13px;
  position: absolute;
  top: 12px;
  z-index: 2;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button[data-v-6856325e] {
  align-items: center;
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
  display: flex;
  font-weight: 700;
  height: 28px;
  margin-bottom: 5px;
  max-width: 32px;
  overflow: hidden;
  padding: 0 4px 0 10px;
  transition: max-width 0.15s linear 0.2s, padding-right 0.2s linear 0.15s, background 0.2s linear 0.2s;
  white-space: nowrap;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button .button-icon[data-v-6856325e] {
  display: inline-block;
  font-weight: 700;
  margin-right: 6px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button .text[data-v-6856325e] {
  font-size: 14px;
  margin-left: 6px;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.sell-button[data-v-6856325e] {
  background: #4c8dc4;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.sell-button .button-icon[data-v-6856325e] {
  font-size: 16px;
  margin-left: 2px;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.sell-button[data-v-6856325e]:disabled {
  cursor: wait;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.upgrade-button[data-v-6856325e] {
  background: #5c49d0;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.upgrade-button .button-icon[data-v-6856325e] {
  background-color: #fff;
  height: 14px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3E%3Cpath d='M5.5-.01 0 5.79l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Zm0 5.57L0 11.36l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3E%3Cpath d='M5.5-.01 0 5.79l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Zm0 5.57L0 11.36l1.544 1.63 3.957-4.17 3.957 4.17 1.544-1.63Z'/%3E%3C/svg%3E");
  width: 12px;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.exchange-button[data-v-6856325e] {
  background: #385f3a;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.exchange-button .button-icon[data-v-6856325e] {
  background-color: #90e594;
  height: 15px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2.747 10H0V3.879h12.292V1C14.216 2.44 16.087 3.843 18 5.276c-1.895 1.421-3.772 2.825-5.696 4.27V6.691H2.747zM7.722 19c-1.95-1.456-3.82-2.865-5.722-4.285 1.901-1.42 3.773-2.823 5.686-4.261v2.829h9.548V10H20v6.093H7.722z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2.747 10H0V3.879h12.292V1C14.216 2.44 16.087 3.843 18 5.276c-1.895 1.421-3.772 2.825-5.696 4.27V6.691H2.747zM7.722 19c-1.95-1.456-3.82-2.865-5.722-4.285 1.901-1.42 3.773-2.823 5.686-4.261v2.829h9.548V10H20v6.093H7.722z'/%3E%3C/svg%3E");
  transform: translate(-1px);
  width: 15px;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.freeze-button[data-v-6856325e] {
  background: #0c8ce9;
}
.user-info-page .profile-history .skins-list .user-drop__buttons-wrapper .action-button.freeze-button .button-icon[data-v-6856325e] {
  background-color: #fff;
  height: 17px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M18.864 11.329a.714.714 0 0 1-.393.93l-1.985.807 1.837 1.104a.714.714 0 1 1-.735 1.224L15.75 14.29l.22 2.133a.714.714 0 0 1-1.422.145l-.328-3.197-3.51-2.109v4.095l2.57 1.929a.714.714 0 1 1-.856 1.142l-1.715-1.285v2.143a.714.714 0 1 1-1.428 0v-2.143l-1.714 1.285a.714.714 0 1 1-.858-1.142l2.572-1.929v-4.095l-3.51 2.11-.329 3.197a.714.714 0 1 1-1.42-.146l.219-2.132-1.837 1.104a.714.714 0 1 1-.736-1.225l1.837-1.103-1.985-.807a.714.714 0 0 1 .538-1.324l2.978 1.211L8.609 10 5.036 7.853 2.06 9.064a.714.714 0 0 1-.538-1.323l1.985-.807L1.669 5.83a.714.714 0 1 1 .736-1.224L4.24 5.709l-.219-2.132a.714.714 0 0 1 1.421-.146l.329 3.198 3.51 2.109V4.643L6.711 2.714a.714.714 0 1 1 .856-1.143l1.715 1.286V.714a.714.714 0 1 1 1.428 0v2.143l1.715-1.286a.714.714 0 0 1 .857 1.143l-2.571 1.929v4.095l3.51-2.11.328-3.197a.714.714 0 0 1 1.421.146l-.22 2.132 1.838-1.104a.714.714 0 1 1 .735 1.225l-1.837 1.103 1.985.807a.714.714 0 0 1-.538 1.324l-2.977-1.211L11.383 10l3.573 2.147 2.978-1.21a.713.713 0 0 1 .93.39z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M18.864 11.329a.714.714 0 0 1-.393.93l-1.985.807 1.837 1.104a.714.714 0 1 1-.735 1.224L15.75 14.29l.22 2.133a.714.714 0 0 1-1.422.145l-.328-3.197-3.51-2.109v4.095l2.57 1.929a.714.714 0 1 1-.856 1.142l-1.715-1.285v2.143a.714.714 0 1 1-1.428 0v-2.143l-1.714 1.285a.714.714 0 1 1-.858-1.142l2.572-1.929v-4.095l-3.51 2.11-.329 3.197a.714.714 0 1 1-1.42-.146l.219-2.132-1.837 1.104a.714.714 0 1 1-.736-1.225l1.837-1.103-1.985-.807a.714.714 0 0 1 .538-1.324l2.978 1.211L8.609 10 5.036 7.853 2.06 9.064a.714.714 0 0 1-.538-1.323l1.985-.807L1.669 5.83a.714.714 0 1 1 .736-1.224L4.24 5.709l-.219-2.132a.714.714 0 0 1 1.421-.146l.329 3.198 3.51 2.109V4.643L6.711 2.714a.714.714 0 1 1 .856-1.143l1.715 1.286V.714a.714.714 0 1 1 1.428 0v2.143l1.715-1.286a.714.714 0 0 1 .857 1.143l-2.571 1.929v4.095l3.51-2.11.328-3.197a.714.714 0 0 1 1.421.146l-.22 2.132 1.838-1.104a.714.714 0 1 1 .735 1.225l-1.837 1.103 1.985.807a.714.714 0 0 1-.538 1.324l-2.977-1.211L11.383 10l3.573 2.147 2.978-1.21a.713.713 0 0 1 .93.39z'/%3E%3C/svg%3E");
  transform: translate(-3px);
  width: 17px;
}
.user-info-page .profile-history .skins-list .pf-info[data-v-6856325e] {
  cursor: help;
  position: relative;
}
.user-info-page .profile-history .skins-list .pf-info.float-position[data-v-6856325e] {
  position: absolute;
  right: 7px;
  top: 14px;
}
.user-info-page .profile-history .skins-list .pf-info .pf-badge[data-v-6856325e] {
  align-items: center;
  background: linear-gradient(180deg, #275e61, #5da0a4);
  clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
  display: flex;
  height: 32px;
  justify-content: center;
  text-align: center;
  width: 28px;
}
.user-info-page .profile-history .skins-list .pf-info .pf-badge[data-v-6856325e]::before {
  background-color: #cdefeb;
  content: "";
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M9.864.345a.86.86 0 0 0-.395.096L2.09 4.254a.9.9 0 0 0-.36.34.96.96 0 0 0-.136.495v6.354c0 2.874 1.64 5.009 3.53 6.441.945.715 1.941 1.247 2.804 1.6.874.357 1.576.516 1.936.516s1.062-.159 1.935-.516c.863-.353 1.86-.885 2.803-1.6 1.89-1.432 3.531-3.567 3.531-6.44V5.088a.96.96 0 0 0-.135-.494.9.9 0 0 0-.36-.341L10.257.44a.86.86 0 0 0-.394-.096m6.488 5.323L9.864 2.316l-6.49 3.352v5.775c0 2.25 1.447 3.915 2.925 5.002.743.546 1.51.958 2.141 1.238.316.14.6.247.834.322.225.072.427.122.568.131l.022.002.021-.002c.141-.009.343-.059.568-.131.234-.075.518-.183.834-.322.631-.28 1.398-.692 2.141-1.238 1.478-1.087 2.924-2.751 2.924-5.002z' clip-rule='evenodd'/%3E%3Cpath d='m8.686 12.585-2.123-2.281-.731.785 2.853 3.078 5.48-5.876-.736-.791z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M9.864.345a.86.86 0 0 0-.395.096L2.09 4.254a.9.9 0 0 0-.36.34.96.96 0 0 0-.136.495v6.354c0 2.874 1.64 5.009 3.53 6.441.945.715 1.941 1.247 2.804 1.6.874.357 1.576.516 1.936.516s1.062-.159 1.935-.516c.863-.353 1.86-.885 2.803-1.6 1.89-1.432 3.531-3.567 3.531-6.44V5.088a.96.96 0 0 0-.135-.494.9.9 0 0 0-.36-.341L10.257.44a.86.86 0 0 0-.394-.096m6.488 5.323L9.864 2.316l-6.49 3.352v5.775c0 2.25 1.447 3.915 2.925 5.002.743.546 1.51.958 2.141 1.238.316.14.6.247.834.322.225.072.427.122.568.131l.022.002.021-.002c.141-.009.343-.059.568-.131.234-.075.518-.183.834-.322.631-.28 1.398-.692 2.141-1.238 1.478-1.087 2.924-2.751 2.924-5.002z' clip-rule='evenodd'/%3E%3Cpath d='m8.686 12.585-2.123-2.281-.731.785 2.853 3.078 5.48-5.876-.736-.791z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  position: absolute;
  width: 16px;
}
.user-info-page .profile-history .skins-list .pf-info .pf-info-tooltip[data-v-6856325e] {
  align-items: center;
  background: #0a0911;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  cursor: default;
  display: flex;
  font-size: 12px;
  justify-content: center;
  margin-top: 8px;
  opacity: 0;
  padding: 11px 13px 11px 16px;
  position: absolute;
  right: 0;
  top: 100%;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  white-space: nowrap;
  z-index: 3;
}
.user-info-page .profile-history .skins-list .pf-info .pf-info-tooltip[data-v-6856325e]::before {
  border-bottom: 8px solid #0a0911;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 6px;
  top: -7px;
  width: 0;
}
.user-info-page .profile-history .skins-list .pf-info .pf-info-tooltip .pf-info-tooltip-text[data-v-6856325e] {
  color: #c0bcca;
}
.user-info-page .profile-history .skins-list .pf-info .pf-info-tooltip .pf-info-tooltip-id[data-v-6856325e] {
  color: #e7e7e7;
  font-weight: 700;
  margin-left: 2px;
}
.user-info-page .profile-history .skins-list .pf-info .pf-info-tooltip .check-button[data-v-6856325e] {
  align-items: center;
  background-color: #31a6ac;
  clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 9px;
  font-weight: 700;
  height: 25px;
  justify-content: center;
  margin-left: 12px;
  min-width: 60px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.user-info-page .profile-history .skins-list .pf-info:hover .pf-info-tooltip[data-v-6856325e] {
  opacity: 1;
  visibility: visible;
}
.user-info-page .profile-history .skins-list .user-drop__image-wrapper[data-v-6856325e] {
  padding: 35px 0 15px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 66% 66%;
  background-position: center;
}
.user-info-page .profile-history .skins-list .user-drop__image-wrapper img[data-v-6856325e] {
  height: 90px;
  -o-object-fit: contain;
  object-fit: contain;
  position: relative;
  top: 0;
  transition: transform 0.3s;
  width: 100%;
}
.user-info-page .profile-history .skins-list .info-wrap .user-drop__name[data-v-6856325e], .user-info-page .profile-history .skins-list .info-wrap .user-drop__type[data-v-6856325e] {
  text-align: center;
}
.user-info-page .profile-history .skins-list .info-wrap .user-drop__name[data-v-6856325e] {
  color: #e4dcfc;
  font-size: 14px;
  font-weight: 600;
  padding: 0 10px;
}
.user-info-page .profile-history .skins-list .info-wrap .user-drop__type[data-v-6856325e] {
  font-size: 14px;
  font-weight: 600;
  margin-top: 2px;
}
.user-info-page .profile-history .skins-list .info-wrap .user-drop__quality[data-v-6856325e] {
  color: #777a99;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 11px;
  margin-top: 4px;
  text-align: center;
}
.user-info-page .profile-history .skins-list .info-wrap .user-drop__price[data-v-6856325e] {
  align-items: center;
  bottom: 6px;
  color: #00efba;
  display: flex;
  font-weight: 600;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.user-info-page .profile-history .skins-list .info-wrap .user-drop__price .price[data-v-6856325e] {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.user-info-page .profile-history .battles-list-block[data-v-6856325e] {
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
.user-info-page .profile-history .battles-list-block[data-v-6856325e] {
    zoom: 0.8;
}
}
@media screen and (max-width: 767px) {
.user-info-page .profile-history .battles-list-block[data-v-6856325e] {
    zoom: 0.6;
}
}
@media screen and (max-width: 490px) {
.user-info-page .profile-history .battles-list-block[data-v-6856325e] {
    zoom: 0.4;
}
}
.user-info-page .profile-history .battles-list-block .battles-table-header[data-v-6856325e] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
@media screen and (max-width: 1023px) {
.user-info-page .profile-history .battles-list-block .battles-table-header[data-v-6856325e] {
    display: none;
}
}
.user-info-page .profile-history .battles-list-block .battles-table-header .battles-table-header__cell[data-v-6856325e] {
  color: #38364f;
  font-feature-settings: "kern" off;
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
  text-align: center;
  text-transform: uppercase;
}
.user-info-page .profile-history .battles-list-block .battles-table[data-v-6856325e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-item[data-v-6856325e] {
  background-color: #1c1a2f;
  display: flex;
  height: 140px;
  justify-content: space-between;
  padding: 4px 0;
  position: relative;
  transition: transform 0.3s, background 0.3s, opacity 0.3s;
  width: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-item.best-battle[data-v-6856325e] {
  background-color: #221d39;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-item.best-battle[data-v-6856325e]::after {
  border: 1px solid #8455e8;
  content: "";
  height: calc(100% + 4px);
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 4px);
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell[data-v-6856325e] {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  min-width: 124px;
  position: relative;
  transition: background-color 0.3s;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battle-rounds-cell__rounds-text[data-v-6856325e] {
  bottom: 3px;
  color: #38364f;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  text-transform: uppercase;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battle-rounds-cell__private-text[data-v-6856325e] {
  color: #4af1b8;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  text-transform: uppercase;
  top: 15px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-6856325e] {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-6856325e]::after, .user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-6856325e]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='62' fill='none' viewBox='0 0 18 62'%3E%3Cg stroke='%238e8ab8' opacity='.1'%3E%3Cpath d='m1 1 11.905 6.714m0 14.976L17 25M12.778 7.483v15.493M1 61l11.905-6.714m0-14.976L17 37m-4.222 17.517V39.024'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  height: 62px;
  position: absolute;
  width: 18px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-6856325e]::after::before, .user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-6856325e]::before::before {
  left: -14px;
  transform: scale(-1);
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-6856325e]::after::after, .user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-6856325e]::before::after {
  right: -14px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .depths[data-v-6856325e] {
  height: 80px;
  margin: 0 auto;
  position: relative;
  width: 70px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .depth[data-v-6856325e] {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .depth.depth-1[data-v-6856325e] {
  background: linear-gradient(180deg, #171528, #161425);
  height: 100%;
  width: 100%;
  z-index: 1;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .depth.depth-2[data-v-6856325e] {
  background: linear-gradient(180deg, #4af1b8, #24233e);
  display: none;
  height: 76%;
  width: 76%;
  z-index: 2;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .depth.depth-3[data-v-6856325e] {
  background: linear-gradient(180deg, #17162b, #2c2a46);
  height: 70%;
  width: 70%;
  z-index: 3;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-rounds-cell .depth.depth-4[data-v-6856325e] {
  align-items: center;
  background: linear-gradient(180deg, #19182d, #201e37);
  color: #e8e4f7;
  display: flex;
  font-size: 19px;
  font-weight: 700;
  height: 54%;
  justify-content: center;
  width: 52%;
  z-index: 4;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper[data-v-6856325e] {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper .cases-list-block[data-v-6856325e] {
  background-color: #181629;
  height: 100%;
  position: relative;
  transition: background-color 0.3s;
  white-space: nowrap;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper .battle-case[data-v-6856325e] {
  background-color: #181629;
  border-right: 1px solid #141225;
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: opacity 0.3s, background-color 0.3s;
  width: 160px;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper .battle-case__multiplier[data-v-6856325e] {
  background-color: #5c49d0;
  clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
  font-size: 9px;
  font-weight: 700;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  width: 28px;
  z-index: 1;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper .battle-case__img[data-v-6856325e] {
  height: 110px;
  margin: 0 auto;
  min-height: 104px;
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity 0.3s, transform 0.3s, filter 0.3s;
  width: 110px;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper .battle-case__name[data-v-6856325e] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #e9e9e9;
  font-size: 12px;
  font-weight: 600;
  line-height: 11px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  transition: color 0.3s, opacity 0.3s;
  white-space: normal;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper .scenario-cell-details-button[data-v-6856325e] {
  background: #23203c;
  box-shadow: -17px 0 17px #181629;
  color: #c4bee1;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  height: 100%;
  line-height: 38px;
  position: absolute;
  right: -1px;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  transition: background 0.3s;
  writing-mode: vertical-lr;
  z-index: 2;
}
.user-info-page .profile-history .battles-list-block .battles-table .scenario-cell-wrapper .scenario-cell-details-button[data-v-6856325e]:hover {
  background-color: #36325d;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-cost-cell[data-v-6856325e] {
  align-items: center;
  background-color: #161428;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 112px;
  text-align: center;
  transition: background-color 0.3s;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-cost-cell.battle-cost-cell.with-exclusive-drops[data-v-6856325e] {
  background-image: url(../img/CMh8PB0Q.83429995.png);
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-cost-cell .cost[data-v-6856325e] {
  align-items: center;
  color: #4af1b8;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  justify-content: center;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-cost-cell .exclusive-drops-icon[data-v-6856325e] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 28'%3E%3Cpath stroke='%23ff55b3' d='m26.207 19.044-7.15 7.134H8.943l-7.15-7.134V8.956l7.15-7.134h10.112l7.15 7.134z'/%3E%3Cpath fill='%23ff55b3' d='M15.043 1.041 14 0l-1.035 1.033-.017.015v2.65l.017-.016L14 2.65l1.042 1.042.008.006V1.048zM12.957 26.959 14 28l1.035-1.033.017-.015v-2.65l-.017.016L14 25.35l-1.042-1.042-.008-.006v2.65z'/%3E%3Cpath fill='%236a42ff' d='M10.09 9.538V0L8.57 5.095 0 13.999l8.57 8.906 1.52 5.093V18.46l-1.454 2.825-5.96-6.194 3.719-1.092-3.72-1.091 5.961-6.195zm-8.455 4.471-.01-.01.01-.01zM28 14l-8.57-8.907L17.909 0v9.538l1.454-2.825 5.96 6.195-3.718 1.091 3.719 1.092-5.961 6.194-1.454-2.825v9.538l1.52-5.093L27.999 14zm-1.635-.01.01.01-.01.01z'/%3E%3Cpath fill='%236a42ff' d='m14 9.348-4.475 4.464 4.474 4.465 4.475-4.465z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: none;
  height: 14px;
  margin-right: 3px;
  width: 14px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell[data-v-6856325e] {
  align-items: center;
  background-color: #161428;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 2px;
  position: relative;
  transition: background-color 0.3s;
  width: 150px;
  min-width: 150px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell.game_mode-2[data-v-6856325e] {
  background-image: url(../img/CkTz9_7M.debf90e3.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell.game_mode-2 .mode-text[data-v-6856325e] {
  bottom: 10px;
  color: #13d761;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell.game_mode-3[data-v-6856325e] {
  background-image: url(../img/B6lI7twR.2d409d69.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell.game_mode-3 .mode-text[data-v-6856325e] {
  top: 36px;
  color: #66b5ba;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .players-quantity[data-v-6856325e] {
  color: #737e95;
  font-size: 12px;
  font-weight: 600;
  line-height: 11px;
  position: absolute;
  top: 14px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .players-quantity.full[data-v-6856325e] {
  color: #cf3464;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .users-list[data-v-6856325e] {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .users-list__avatar[data-v-6856325e] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2px;
  position: relative;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .users-list__avatar .vs[data-v-6856325e] {
  display: none;
  font-size: 12px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .users-list__win-indicator[data-v-6856325e] {
  background: #28253d;
  border-radius: 50%;
  bottom: -3px;
  height: 10px;
  position: absolute;
  right: 10px;
  width: 10px;
  z-index: 1;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .users-list__win-indicator[data-v-6856325e]::before {
  background: #4af1b8;
  border-radius: 50%;
  bottom: 2px;
  content: "";
  height: 6px;
  position: absolute;
  right: 2px;
  width: 6px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .users-list__win-text[data-v-6856325e] {
  display: flex;
  justify-content: center;
  bottom: -15px;
  color: white;
  font-size: 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-players-cell .mode-text[data-v-6856325e] {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 11px;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-win-sum-cell[data-v-6856325e] {
  align-items: center;
  background-color: #161428;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 2px;
  min-width: 90px;
  text-align: center;
  transition: background-color 0.3s;
}
.user-info-page .profile-history .battles-list-block .battles-table .battle-win-sum-cell .cost[data-v-6856325e] {
  font-size: 15px;
  font-weight: 700;
}
.user-info-page .profile-history .battles-list-block .battles-table .buttons-cell-wrapper[data-v-6856325e] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 194px;
  padding: 0 18px;
  transition: background-color 0.3s;
  display: flex;
  align-items: center;
}
.user-info-page .profile-history .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button[data-v-6856325e] {
  align-items: center;
  background-color: #282546;
  color: #9793c7;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  min-width: 120px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 100%;
}
.user-info-page .profile-history .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button[data-v-6856325e]:hover {
  background-color: #36325d;
  color: #fff;
}
.user-info-page .profile-history .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button .default-mode-icon[data-v-6856325e] {
  display: inline-block;
  background-color: #9793c7;
  width: 16px;
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3C5.455 3 1.573 5.903 0 10c1.573 4.097 5.455 7 10 7 4.546 0 8.427-2.903 10-7-1.573-4.097-5.454-7-10-7m0 11.667c-2.51 0-4.545-2.091-4.545-4.667S7.49 5.333 10 5.333 14.546 7.424 14.546 10 12.509 14.667 10 14.667M10 7.2c-1.51 0-2.727 1.25-2.727 2.8S8.49 12.8 10 12.8c1.51 0 2.727-1.25 2.727-2.8S11.51 7.2 10 7.2'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3C5.455 3 1.573 5.903 0 10c1.573 4.097 5.455 7 10 7 4.546 0 8.427-2.903 10-7-1.573-4.097-5.454-7-10-7m0 11.667c-2.51 0-4.545-2.091-4.545-4.667S7.49 5.333 10 5.333 14.546 7.424 14.546 10 12.509 14.667 10 14.667M10 7.2c-1.51 0-2.727 1.25-2.727 2.8S8.49 12.8 10 12.8c1.51 0 2.727-1.25 2.727-2.8S11.51 7.2 10 7.2'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  margin-right: 4px;
}
.user-info-page .profile-history .upgrades-list-block .upgrades-list[data-v-6856325e] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -5px;
}
.user-info-page .profile-history .upgrades-list-block .list-item[data-v-6856325e] {
  align-items: center;
  display: flex;
  margin: 0 18px 30px;
  position: relative;
}
.user-info-page .profile-history .upgrades-list-block .list-item .pf-info[data-v-6856325e] {
  left: 5px;
  right: auto;
  top: 5px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .pf-info.float-position[data-v-6856325e] {
  position: absolute;
  right: 7px;
  top: 14px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__name[data-v-6856325e],
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__quality[data-v-6856325e],
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__duraalias[data-v-6856325e],
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__type[data-v-6856325e] {
  padding-inline: 10px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__name[data-v-6856325e],
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__type[data-v-6856325e] {
  font-size: 12px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__type[data-v-6856325e] {
  bottom: 40px;
  color: #bbbdcf;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__name[data-v-6856325e] {
  bottom: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__quality[data-v-6856325e] {
  bottom: 12px;
  color: #777a99;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  position: absolute;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case__duraalias[data-v-6856325e] {
  bottom: 12px;
  color: #777a99;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  position: absolute;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case[data-v-6856325e] {
  background-color: #1c182c;
  background-position: 50% 40%;
  border: none;
  box-shadow: 1px 1px #2e2a3f, inset 1px 1px #2e2a3f;
  box-shadow: none;
  cursor: pointer;
  cursor: default;
  display: inline-flex;
  height: 160px;
  height: 200px;
  justify-content: center;
  margin: 1px;
  overflow: hidden;
  padding: 15px 0;
  position: relative;
  vertical-align: top;
  width: 154px;
  z-index: 1;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case[data-v-6856325e]::after, .user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case[data-v-6856325e]::before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: -1;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case[data-v-6856325e]::before {
  height: 115px;
  width: 130px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case[data-v-6856325e]::after {
  bottom: -59px;
  height: 140px;
  width: 250px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case .upgrade-case__img[data-v-6856325e] {
  margin-top: 32px;
  position: relative;
  top: 8px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case .upgrade-case__img img[data-v-6856325e] {
  max-height: 80px;
  max-width: 110px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case .upgrade-case__price[data-v-6856325e] {
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  border-radius: 25px;
  color: #00efba;
  font-size: 13px;
  padding: 2px 7px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case.rarity-2[data-v-6856325e] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 87 84'%3E%3Ccircle cx='44' cy='42' r='31' fill='url(%23a)' opacity='.4'/%3E%3Cpath stroke='url(%23b)' stroke-width='2' d='M10.756 24.328 40.5 7.155l29.744 17.173v34.345L40.5 75.845 10.756 58.673z'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientTransform='rotate(90 1 43)scale(31)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232696b0'/%3E%3Cstop offset='1' stop-color='%232696b0' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' x1='76' x2='13.408' y1='41.5' y2='41.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2330b4d3'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: 70% auto;
}
.user-info-page .profile-history .upgrades-list-block .list-item .upgrade-case.rarity-2[data-v-6856325e]::after {
  background: radial-gradient(ellipse at center, rgba(9, 137, 241, 0.15) 0, transparent 50%);
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right[data-v-6856325e] {
  background: #242038 url(../img/DbcuR4Us.8bed6100.png) no-repeat -70px -55px;
  height: 200px;
  width: 450px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info[data-v-6856325e] {
  align-items: center;
  border-bottom: 1px solid rgba(61, 55, 91, 0.5);
  display: flex;
  height: 55px;
  margin: 0 20px -1px;
  position: relative;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__result[data-v-6856325e] {
  align-items: center;
  background: rgba(28, 25, 46, 0.7019607843);
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0 15px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__result[data-v-6856325e] {
  align-items: center;
  background: rgba(28, 25, 46, 0.7019607843);
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0 15px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__result.win .dot[data-v-6856325e] {
  background: #00ffe4;
  box-shadow: 0 0 20px #00ffde;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__result.win .text[data-v-6856325e] {
  color: #06cebd;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__result.lose .dot[data-v-6856325e] {
  background: #ff4d4d;
  box-shadow: 0 0 20px #ff4d4d;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__result.lose .text[data-v-6856325e] {
  color: #ff6b6b;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .dot[data-v-6856325e] {
  border-radius: 100%;
  display: inline-block;
  height: 6px;
  margin-right: 11px;
  position: relative;
  top: -1px;
  width: 6px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .text[data-v-6856325e] {
  font-size: 12px;
  line-height: 30px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__amount-spent[data-v-6856325e],
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__chance[data-v-6856325e] {
  color: #a5a0bc;
  font-size: 14px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__chance[data-v-6856325e] {
  margin-left: 20px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__amount-spent[data-v-6856325e] {
  max-width: 50%;
  position: absolute;
  right: 0;
  text-align: right;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__amount-spent-price[data-v-6856325e] {
  display: block;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__amount-spent-price[data-v-6856325e],
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .list-item__result-info .list-item__chance-price[data-v-6856325e] {
  color: #00efba;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .drops__items-holder[data-v-6856325e] {
  max-height: 145px;
  overflow: hidden;
  position: relative;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .drops__items-holder.drops__items-holder-expand[data-v-6856325e] {
  background: #1b192f;
  box-shadow: inset 0 0 0 1px #312c4a;
  max-height: unset;
  z-index: 3;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .drops__items-holder.drops__items-holder-expand .drops__items[data-v-6856325e] {
  max-height: 372px;
  overflow-y: auto;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-element[data-v-6856325e] {
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-wrapper[data-v-6856325e] {
  height: 100%;
  max-height: 100%;
  max-width: inherit;
  overflow: hidden;
  width: inherit;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-mask[data-v-6856325e],
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-offset[data-v-6856325e] {
  height: 100%;
  inset: 0;
  margin: 0;
  padding: 0;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-mask[data-v-6856325e] {
  direction: inherit;
  overflow: hidden;
  width: auto !important;
  z-index: 0;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-offset[data-v-6856325e] {
  box-sizing: inherit !important;
  direction: inherit !important;
  resize: none !important;
  -webkit-overflow-scrolling: touch;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-content-wrapper[data-v-6856325e] {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  position: relative;
  scrollbar-width: none;
  width: auto;
  -ms-overflow-style: none;
  height: auto;
  overflow: hidden scroll;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-content[data-v-6856325e]::after, .user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-content[data-v-6856325e]::before {
  content: " ";
  display: table;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .simplebar-content .drops__items-content[data-v-6856325e] {
  padding-right: 30px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-grid[data-v-6856325e] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-grid__content[data-v-6856325e] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case[data-v-6856325e] {
  background-color: #1c182c;
  background-position: 50% 40%;
  border: none;
  box-shadow: 1px 1px #2e2a3f, inset 1px 1px #2e2a3f;
  box-shadow: none;
  cursor: pointer;
  cursor: default;
  display: inline-flex;
  height: 160px;
  height: 200px;
  justify-content: center;
  margin: 1px;
  overflow: hidden;
  padding: 15px 0;
  position: relative;
  vertical-align: top;
  width: calc(33.333% - 2px);
  z-index: 1;
  background: transparent;
  height: 130px;
  margin: 7px 0;
  max-width: calc(33.333% - 2px);
  padding: 0;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case[data-v-6856325e]::after, .user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case[data-v-6856325e]::before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: -1;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case[data-v-6856325e]::after::before, .user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case[data-v-6856325e]::before::before {
  height: 115px;
  width: 130px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case[data-v-6856325e]::after::after, .user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case[data-v-6856325e]::before::after {
  bottom: -59px;
  height: 140px;
  width: 250px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case .upgrade-case__img[data-v-6856325e] {
  position: relative;
  top: 8px;
  margin-top: 32px;
  height: 71px;
  margin-top: -8px;
  max-width: 100%;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case .upgrade-case__img img[data-v-6856325e] {
  max-height: 80px;
  max-width: 110px;
  max-height: 70px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case .upgrade-case__type[data-v-6856325e] {
  bottom: 31px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case .upgrade-case__name[data-v-6856325e] {
  bottom: 16px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case .upgrade-case__quality[data-v-6856325e] {
  bottom: 2px;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case.rarity-3[data-v-6856325e] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 87 84'%3E%3Ccircle cx='44' cy='42' r='31' fill='url(%23a)' opacity='.4'/%3E%3Cpath stroke='url(%23b)' stroke-width='2' d='M10.756 24.328 40.5 7.155l29.744 17.173v34.345L40.5 75.845 10.756 58.673z'/%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='0' r='1' gradientTransform='rotate(90 1 43)scale(31)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23353dff'/%3E%3Cstop offset='1' stop-color='%23353dff' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' x1='76' x2='13.408' y1='41.5' y2='41.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23353dff'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 55% auto;
}
.user-info-page .profile-history .upgrades-list-block .list-item .list-item__right .upgrade-case.rarity-3.is-partial[data-v-6856325e] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 87 84'%3E%3Cg clip-path='url(%23a)'%3E%3Cmask id='b' width='59' height='84' x='-1' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23181629' d='M9.5 84 58 0H-.5L0 84z'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Ccircle cx='44' cy='42' r='31' fill='url(%23c)' opacity='.4'/%3E%3Cpath stroke='url(%23d)' stroke-width='2' d='M10.756 24.328 40.5 7.155l29.744 17.173v34.345L40.5 75.845 10.756 58.673z'/%3E%3C/g%3E%3Cmask id='e' width='78' height='84' x='9' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23181629' d='m77.5 0-68 84H87V0z'/%3E%3C/mask%3E%3Cg mask='url(%23e)'%3E%3Ccircle cx='44' cy='42' r='31' fill='url(%23f)' opacity='.4'/%3E%3Cpath stroke='url(%23g)' stroke-width='2' d='M10.756 24.328 40.5 7.155l29.744 17.173v34.345L40.5 75.845 10.756 58.673z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='c' cx='0' cy='0' r='1' gradientTransform='rotate(90 1 43)scale(31)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23353dff'/%3E%3Cstop offset='1' stop-color='%23353dff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='0' cy='0' r='1' gradientTransform='rotate(90 1 43)scale(31)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23353dff'/%3E%3Cstop offset='1' stop-color='%23353dff' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='d' x1='76' x2='13.408' y1='41.5' y2='41.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23353dff'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='76' x2='13.408' y1='41.5' y2='41.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23353dff'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h87v84H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.user-info-page .profile-history .drops__show-all[data-v-6856325e] {
  background: #312c4a;
  height: calc(100% + 1px);
  position: absolute;
  right: 0;
  top: -1px;
  transition: background 0.3s;
  z-index: 1;
}
.user-info-page .profile-history .drops__show-all button[data-v-6856325e] {
  background: transparent;
  color: #a5a0bc;
  display: block;
  height: 100%;
  display: flex;
  justify-content: center;
  white-space: nowrap;
  width: 29px;
}
.user-info-page .profile-history .drops__show-all button p[data-v-6856325e] {
  text-orientation: mixed;
  writing-mode: vertical-rl;
}
.user-info-page .profile-history .drops__close[data-v-6856325e] {
  align-items: center;
  background: #312c4a;
  cursor: pointer;
  display: flex;
  height: 29px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.3s;
  width: 29px;
  z-index: 4;
}
.user-info-page .profile-history .drops__close .drops__close-icon[data-v-6856325e] {
  background-color: #a5a0bc;
  height: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 10px;
}
.user-info-page .profile-history .load-more[data-v-6856325e] {
  display: flex;
  justify-content: center;
  margin-top: 35px;
}
.user-info-page .profile-history .load-more .load-more__button[data-v-6856325e] {
  align-items: center;
  background-color: #1c1a31;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  padding: 0 20px;
  min-width: unset;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.user-info-page .profile-history .load-more .load-more__button.more_loading .spin-arrow[data-v-6856325e] {
  animation: rotate-center-6856325e 1s infinite;
}
@keyframes rotate-center-6856325e {
0% {
    transform: rotate(0);
}
to {
    transform: rotate(-1turn);
}
}
.user-info-page .profile-history .load-more .spin-arrow[data-v-6856325e] {
  background-color: #fff;
  display: inline-block;
  height: 14px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M11.505 1A8.494 8.494 0 0 1 20 9.5c0 4.696-3.8 8.5-8.495 8.5v-1.817c1.78 0 3.453-.69 4.716-1.966A6.64 6.64 0 0 0 18.18 9.5a6.64 6.64 0 0 0-1.958-4.717 6.63 6.63 0 0 0-4.716-1.966c-1.779 0-3.452.69-4.716 1.965A6.65 6.65 0 0 0 4.958 8.3h3.526l-4.242 4.845L0 8.3h3.126C3.716 4.166 7.242 1 11.506 1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M11.505 1A8.494 8.494 0 0 1 20 9.5c0 4.696-3.8 8.5-8.495 8.5v-1.817c1.78 0 3.453-.69 4.716-1.966A6.64 6.64 0 0 0 18.18 9.5a6.64 6.64 0 0 0-1.958-4.717 6.63 6.63 0 0 0-4.716-1.966c-1.779 0-3.452.69-4.716 1.965A6.65 6.65 0 0 0 4.958 8.3h3.526l-4.242 4.845L0 8.3h3.126C3.716 4.166 7.242 1 11.506 1'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 14px;
}
.user-info-page .gif-png[data-v-6856325e] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 70%;
  height: 110px;
}
.user-info-page .gif-png img[data-v-6856325e] {
  width: 100%;
}
.user-info-page .gif-png .gif[data-v-6856325e] {
  display: none;
}
.user-info-page .gif-png:hover .gif[data-v-6856325e] {
  display: block;
}
.user-info-page .gif-png:hover .png[data-v-6856325e] {
  display: none;
}
.user-info-page .trade-url-popup[data-v-6856325e] {
  width: 720px;
  border-radius: 8px;
  padding: 70px 30px 40px;
  color: #fff;
  background-color: #1f1c38;
  box-sizing: border-box;
}
.user-info-page .trade-url-popup h3[data-v-6856325e] {
  color: #fff;
  font-size: 24px;
  margin-bottom: 20px;
}
.user-info-page .trade-url-popup .text-desc[data-v-6856325e] {
  text-align: center;
  margin: 0 0 20px;
}
.user-info-page .trade-url-popup .form-group[data-v-6856325e] {
  margin-bottom: 20px;
}
.user-info-page .trade-url-popup .form-group label[data-v-6856325e] {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #a5a0bc;
}
.user-info-page .trade-url-popup .form-group input[data-v-6856325e] {
  width: 100%;
  padding: 12px 15px;
  background: #2c284f;
  border: 1px solid #44406d;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
}
.user-info-page .trade-url-popup .form-group input[data-v-6856325e]:focus {
  outline: none;
  border-color: #5c49d0;
}
.user-info-page .trade-url-popup .form-group input[data-v-6856325e]::-moz-placeholder {
  color: #777a99;
}
.user-info-page .trade-url-popup .form-group input[data-v-6856325e]::placeholder {
  color: #777a99;
}
.user-info-page .trade-url-popup .gotoLink[data-v-6856325e] {
  position: relative;
  color: #666185;
  font-size: 14px;
  font-weight: 600;
  transition: color 0.3s;
  float: right;
}
.user-info-page .trade-url-popup .gotoLink[data-v-6856325e]::after {
  background-color: #666185;
  bottom: -2px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  transition: transform 0.3s, background-color 0.3s;
  width: 100%;
}
.user-info-page .trade-url-popup .gotoLink[data-v-6856325e]:hover {
  color: #9692b8;
}
.user-info-page .trade-url-popup .gotoLink[data-v-6856325e]:hover::after {
  background-color: #9692b8;
  transform: translate(-50%, 3px);
}
.user-info-page .trade-url-popup .save button[data-v-6856325e] {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5c49d0;
  clip-path: polygon(19px 0, calc(100% - 19px) 0, 100% 50%, calc(100% - 19px) 100%, 19px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  height: 58px;
  margin: 150px auto 0;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 334px;
}
.user-info-page .invite-popup .form-group[data-v-6856325e] {
  margin-top: 40px;
  text-align: center;
}
.user-info-page .invite-popup .form-group input[data-v-6856325e] {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  display: block;
}
.tooltip__text[data-v-6856325e] {
  position: absolute;
  left: 50%;
  top: 28px;
  transform: translate(-50%);
  background: #282546;
  border-radius: 4px;
  color: #dddcfc;
  font-size: 14px;
  margin-top: 10px;
  opacity: 0;
  padding: 10px;
  text-align: initial;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 200px;
  z-index: 10;
}
.tooltip__text[data-v-6856325e]::before {
  left: 50%;
  transform: translate(-50%);
  border-color: transparent transparent #282546;
  border-style: solid;
  border-width: 0 7.5px 10px;
  content: "";
  height: 0;
  position: absolute;
  top: -10px;
  width: 0;
}
.common-user-avatar[data-v-6856325e] {
  align-items: center;
  background-color: #141225;
  border: 2px solid;
  border-radius: 50%;
  color: #141225;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  height: 30px;
  justify-content: center;
  width: 30px;
  padding: 3px;
  position: relative;
}
.common-user-avatar[data-v-6856325e]::after, .common-user-avatar[data-v-6856325e]::before {
  animation-duration: 1.4s;
  animation-iteration-count: 3;
  border: 2px solid;
  border-radius: 50%;
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.common-user-avatar[data-v-6856325e]::before {
  height: 118%;
  width: 118%;
}
.common-user-avatar[data-v-6856325e]::after {
  height: 135%;
  width: 135%;
}
.common-user-avatar .common-user-avatar__img[data-v-6856325e] {
  border-radius: 100%;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.common-user-avatar .common-user-avatar__img img[data-v-6856325e] {
  height: calc(100% + 2px);
  margin-left: -1px;
  margin-top: -1px;
  width: calc(100% + 2px);
}
.common-user-avatar .common-user-avatar__crown[data-v-6856325e] {
  bottom: 105%;
  display: flex;
  position: absolute;
}
.common-user-avatar .common-user-avatar__crown.is-hidden[data-v-6856325e] {
  opacity: 0;
  pointer-events: none;
}
.common-user-avatar.level-color-2[data-v-6856325e], .common-user-avatar.level-color-2[data-v-6856325e]:after, .common-user-avatar.level-color-2[data-v-6856325e]:before {
  border-color: #7e5bc8;
}
.common-user-avatar .size-30[data-v-6856325e] {
  padding: 2px;
}
.common-user-avatar .size-30 .common-user-avatar__crown[data-v-6856325e] {
  bottom: 115%;
}
.battles-statistic-dialog[data-v-6856325e] {
  width: 300px;
  min-height: 500px;
  background-color: #141225;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  padding: 32px 0 30px;
  position: relative;
}
.battles-statistic-dialog[data-v-6856325e]::after, .battles-statistic-dialog[data-v-6856325e]::before {
  background-image: url(../img/D-LG4Aws.ae20c980.png);
  content: "";
  height: 104px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 137px;
}
.battles-statistic-dialog[data-v-6856325e]::before {
  left: 0;
}
.battles-statistic-dialog[data-v-6856325e]::after {
  right: 0;
  transform: scaleX(-1);
}
.battles-statistic-dialog .profile-battle-statistic[data-v-6856325e] {
  display: flex;
  height: 101px;
  margin: 32px auto 43px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.battles-statistic-dialog .profile-battle-statistic[data-v-6856325e]::after, .battles-statistic-dialog .profile-battle-statistic[data-v-6856325e]::before {
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.battles-statistic-dialog .profile-battle-statistic[data-v-6856325e]::before {
  background: #272443;
  height: 100%;
  width: 100%;
}
.battles-statistic-dialog .profile-battle-statistic[data-v-6856325e]::after {
  background: linear-gradient(180deg, #141225, #1b192d 108.47%);
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.battles-statistic-dialog .profile-battle-statistic.is-modal[data-v-6856325e] {
  flex-direction: column;
  height: auto;
  margin: 0;
  padding: 0;
}
.battles-statistic-dialog .profile-battle-statistic.is-modal[data-v-6856325e]::after, .battles-statistic-dialog .profile-battle-statistic.is-modal[data-v-6856325e]::before {
  content: none;
}
.battles-statistic-dialog .profile-battle-statistic .my-stats-text[data-v-6856325e] {
  font-size: 24px;
  font-weight: 600;
  margin-top: 19px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
@media screen and (max-width: 767px) {
.battles-statistic-dialog .profile-battle-statistic .my-stats-text[data-v-6856325e] {
    font-size: 20px;
    margin-top: 10px;
}
}
.battles-statistic-dialog .profile-battle-statistic .create-battle-link[data-v-6856325e] {
  display: inline-block;
  color: #e84866;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  transition: color 0.3s;
  margin: 10px auto 0;
}
.battles-statistic-dialog .profile-battle-statistic .plus-icon[data-v-6856325e] {
  background-color: #e84866;
  display: inline-block;
  height: 10px;
  margin-right: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 10px;
}
.battles-statistic-dialog .profile-battle-statistic .main-statistic-block[data-v-6856325e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: 100%;
  padding: 0 12px;
  position: relative;
  width: 34%;
  z-index: 1;
}
.battles-statistic-dialog .profile-battle-statistic .main-statistic-block[data-v-6856325e]::after {
  background: linear-gradient(180deg, #272344, rgba(15, 14, 28, 0.4));
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
}
.battles-statistic-dialog .profile-battle-statistic .main-statistic-block.is-modal[data-v-6856325e] {
  border-bottom: 1px solid #272443;
  height: unset;
  padding: 49px 50px 110px;
  width: unset;
}
@media screen and (max-width: 767px) {
.battles-statistic-dialog .profile-battle-statistic .main-statistic-block.is-modal[data-v-6856325e] {
    padding: 24px 12px 92px;
}
}
.battles-statistic-dialog .profile-battle-statistic .main-statistic-block.is-modal[data-v-6856325e]::after {
  content: none;
}
.battles-statistic-dialog .profile-battle-statistic .secondary-statistic-block[data-v-6856325e] {
  display: grid;
  grid-template-columns: 1fr 122px 1fr;
  padding: 0 12px;
  position: relative;
  width: 48%;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
.battles-statistic-dialog .profile-battle-statistic .secondary-statistic-block[data-v-6856325e] {
    grid-template-columns: 1fr 100px 1fr;
}
}
.battles-statistic-dialog .profile-battle-statistic .secondary-statistic-block.is-modal[data-v-6856325e] {
  grid-template-columns: 1fr;
  margin-top: 40px;
  padding: 0 80px;
  width: unset;
}
@media screen and (max-width: 767px) {
.battles-statistic-dialog .profile-battle-statistic .secondary-statistic-block.is-modal[data-v-6856325e] {
    margin-top: 20px;
    padding: 0 30px;
}
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block[data-v-6856325e] {
  align-items: center;
  display: flex;
  height: 38px;
  justify-content: center;
  margin-top: -19px;
  position: relative;
  width: 34px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block[data-v-6856325e]::after, .battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block[data-v-6856325e]::before {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block[data-v-6856325e]::before {
  background: linear-gradient(#272443, #564f96);
  height: 100%;
  width: 100%;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block[data-v-6856325e]::after {
  background: #141225;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon[data-v-6856325e] {
  display: inline-block;
  height: 16px;
  opacity: 0.7;
  width: 16px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-battle-count[data-v-6856325e],
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-wins[data-v-6856325e],
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-win-ratio[data-v-6856325e],
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-winstreak[data-v-6856325e],
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-crown[data-v-6856325e],
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-last-battles[data-v-6856325e] {
  background-color: #b89fff;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-battle-count[data-v-6856325e] {
  height: 17px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  width: 17px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-wins[data-v-6856325e] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.995 1.754c0-.182-.005-.359-.005-.547v-.142h-2.715L17.405 0H2.642l.148 1.07H0v1.043C.017 3.33.12 4.926.74 6.429c.751 1.817 2.072 2.82 3.927 2.984.052.006.131.052.16.103a6.65 6.65 0 0 0 2.772 2.363c.096.046.108.069.108.165-.006.28-.006.564-.006.838v.729c-.011.74-.176 1.491-.507 2.294-.096.228-.187.29-.426.28-.427-.023-.849-.018-1.298-.012-.182 0-.37.006-.564.006h-.142v2.403H3.398V20h13.319v-1.435H15.35c-.017-.228-.012-.456-.012-.672 0-.205.006-.416-.01-.626V16.19h-.018l.023-.051-.274.051h-1.132v-.006h-.341c-.16 0-.314-.005-.467.006-.114.012-.16-.017-.194-.13-.045-.126-.091-.257-.142-.377a8 8 0 0 1-.222-.632c-.24-.803-.228-1.646-.21-2.466.005-.205.005-.415.005-.62a.3.3 0 0 1 .08-.074 6.8 6.8 0 0 0 2.743-2.358.3.3 0 0 1 .188-.114c1.713-.165 2.971-1.048 3.745-2.637.512-1.053.78-2.243.865-3.86.029-.394.023-.77.017-1.168M6.244 18.542v-.905h7.638v.905zm2.874-5.672c-.005-.154-.005-.319-.011-.478h1.787c-.028 1.167-.006 2.488.512 3.764H8.691c.035-.142.069-.29.109-.433.113-.461.233-.94.29-1.418.051-.478.04-.962.028-1.435M3 2.523c.08.478.159.968.227 1.446.194 1.259.393 2.557.746 3.833-.672-.222-1.195-.65-1.588-1.31-.438-.729-.695-1.577-.837-2.75-.034-.302-.057-.604-.085-.929-.006-.097-.017-.193-.023-.29zM6.955 9.76c-.95-.849-1.553-1.902-1.787-3.12-.239-1.231-.432-2.444-.643-3.731-.08-.478-.16-.974-.24-1.47h11.459c-.023.149-.04.297-.063.44-.063.443-.12.865-.194 1.292-.045.256-.085.507-.125.763-.148.877-.296 1.788-.49 2.67-.398 1.823-1.394 3.139-2.948 3.913-1.662.82-3.517.535-4.969-.757m11.447-5.615c-.171 1.15-.473 1.97-.98 2.654-.358.49-.808.82-1.365 1.002.387-1.412.614-2.859.836-4.26.052-.33.108-.672.16-1.008h1.525c-.011.137-.028.268-.04.405-.04.41-.08.808-.136 1.207'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.995 1.754c0-.182-.005-.359-.005-.547v-.142h-2.715L17.405 0H2.642l.148 1.07H0v1.043C.017 3.33.12 4.926.74 6.429c.751 1.817 2.072 2.82 3.927 2.984.052.006.131.052.16.103a6.65 6.65 0 0 0 2.772 2.363c.096.046.108.069.108.165-.006.28-.006.564-.006.838v.729c-.011.74-.176 1.491-.507 2.294-.096.228-.187.29-.426.28-.427-.023-.849-.018-1.298-.012-.182 0-.37.006-.564.006h-.142v2.403H3.398V20h13.319v-1.435H15.35c-.017-.228-.012-.456-.012-.672 0-.205.006-.416-.01-.626V16.19h-.018l.023-.051-.274.051h-1.132v-.006h-.341c-.16 0-.314-.005-.467.006-.114.012-.16-.017-.194-.13-.045-.126-.091-.257-.142-.377a8 8 0 0 1-.222-.632c-.24-.803-.228-1.646-.21-2.466.005-.205.005-.415.005-.62a.3.3 0 0 1 .08-.074 6.8 6.8 0 0 0 2.743-2.358.3.3 0 0 1 .188-.114c1.713-.165 2.971-1.048 3.745-2.637.512-1.053.78-2.243.865-3.86.029-.394.023-.77.017-1.168M6.244 18.542v-.905h7.638v.905zm2.874-5.672c-.005-.154-.005-.319-.011-.478h1.787c-.028 1.167-.006 2.488.512 3.764H8.691c.035-.142.069-.29.109-.433.113-.461.233-.94.29-1.418.051-.478.04-.962.028-1.435M3 2.523c.08.478.159.968.227 1.446.194 1.259.393 2.557.746 3.833-.672-.222-1.195-.65-1.588-1.31-.438-.729-.695-1.577-.837-2.75-.034-.302-.057-.604-.085-.929-.006-.097-.017-.193-.023-.29zM6.955 9.76c-.95-.849-1.553-1.902-1.787-3.12-.239-1.231-.432-2.444-.643-3.731-.08-.478-.16-.974-.24-1.47h11.459c-.023.149-.04.297-.063.44-.063.443-.12.865-.194 1.292-.045.256-.085.507-.125.763-.148.877-.296 1.788-.49 2.67-.398 1.823-1.394 3.139-2.948 3.913-1.662.82-3.517.535-4.969-.757m11.447-5.615c-.171 1.15-.473 1.97-.98 2.654-.358.49-.808.82-1.365 1.002.387-1.412.614-2.859.836-4.26.052-.33.108-.672.16-1.008h1.525c-.011.137-.028.268-.04.405-.04.41-.08.808-.136 1.207'/%3E%3C/svg%3E");
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-win-ratio[data-v-6856325e] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23b89fff' stroke-width='1.2' d='M.6 16.785V7.15h4.149v9.635zM7.924 16.784V2.6h4.149v14.184zM15.252 16.785V9.734h4.149v7.05z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23b89fff' stroke-width='1.2' d='M.6 16.785V7.15h4.149v9.635zM7.924 16.784V2.6h4.149v14.184zM15.252 16.785V9.734h4.149v7.05z'/%3E%3C/svg%3E");
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-winstreak[data-v-6856325e] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.93.835V.138c0-.044-.025-.096.015-.122.06-.04.11.004.154.03q.406.236.803.48c1.187.728 2.338 1.486 3.35 2.397.942.85 1.715 1.792 2.094 2.952.393 1.207.264 2.402-.125 3.588-.379 1.16-.962 2.24-1.625 3.291-.035.057-.14.122-.065.188.055.052.16.013.24-.005.513-.1.961-.322 1.39-.57.758-.441 1.431-.969 2.079-1.522.204-.175.22-.166.32.07 1.39 3.321-.634 7.084-4.323 8.487-4.76 1.814-10.17-.671-11.092-5.14-.518-2.524.36-4.695 2.503-6.452.892-.728 1.83-1.416 2.562-2.28.937-1.103 1.526-2.323 1.695-3.692.04-.336.035-.667.025-1.003m6.68 13.528c-.663.279-1.281.475-1.954.514-.753.048-1.396-.152-1.89-.658-.633-.654-.687-1.447-.174-2.25.638-.994 1.236-2.005 1.6-3.112.409-1.247.314-2.442-.518-3.553-.484-.645-1.092-1.186-1.75-1.692-.184-.144-.194 0-.23.1-.358 1.038-.927 1.988-1.66 2.86-.787.938-1.75 1.727-2.741 2.49-1.695 1.303-2.408 2.934-2.004 4.882.483 2.363 2.821 4.142 5.733 4.137 1.71 0 3.165-.584 4.322-1.7.593-.566.997-1.225 1.266-2.018'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.93.835V.138c0-.044-.025-.096.015-.122.06-.04.11.004.154.03q.406.236.803.48c1.187.728 2.338 1.486 3.35 2.397.942.85 1.715 1.792 2.094 2.952.393 1.207.264 2.402-.125 3.588-.379 1.16-.962 2.24-1.625 3.291-.035.057-.14.122-.065.188.055.052.16.013.24-.005.513-.1.961-.322 1.39-.57.758-.441 1.431-.969 2.079-1.522.204-.175.22-.166.32.07 1.39 3.321-.634 7.084-4.323 8.487-4.76 1.814-10.17-.671-11.092-5.14-.518-2.524.36-4.695 2.503-6.452.892-.728 1.83-1.416 2.562-2.28.937-1.103 1.526-2.323 1.695-3.692.04-.336.035-.667.025-1.003m6.68 13.528c-.663.279-1.281.475-1.954.514-.753.048-1.396-.152-1.89-.658-.633-.654-.687-1.447-.174-2.25.638-.994 1.236-2.005 1.6-3.112.409-1.247.314-2.442-.518-3.553-.484-.645-1.092-1.186-1.75-1.692-.184-.144-.194 0-.23.1-.358 1.038-.927 1.988-1.66 2.86-.787.938-1.75 1.727-2.741 2.49-1.695 1.303-2.408 2.934-2.004 4.882.483 2.363 2.821 4.142 5.733 4.137 1.71 0 3.165-.584 4.322-1.7.593-.566.997-1.225 1.266-2.018'/%3E%3C/svg%3E");
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-crown[data-v-6856325e] {
  height: 18px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.003 15.86H3.846c-.501 0-.699-.158-.806-.639-.476-2.08-.953-4.168-1.422-6.248-.04-.165-.098-.265-.28-.315a1.92 1.92 0 0 1-1.314-2.12C.18 5.6.985 4.912 1.914 4.92A1.91 1.91 0 0 1 3.78 6.562c.041.323.025.646-.107.945-.049.116-.024.182.074.24q1.31.843 2.606 1.699c.115.074.148.025.197-.075.658-1.4 1.324-2.792 1.981-4.193.099-.199.19-.406.288-.605.05-.1.041-.157-.041-.232-.567-.522-.773-1.176-.575-1.93.197-.746.698-1.202 1.438-1.368.814-.182 1.66.224 2.055.97a1.914 1.914 0 0 1-.378 2.279c-.123.116-.14.19-.074.348a489 489 0 0 1 2.22 4.69c.073.157.123.19.279.083.813-.54 1.636-1.078 2.458-1.608.164-.1.205-.182.14-.39-.23-.762-.075-1.45.517-1.996.6-.547 1.307-.68 2.047-.34.723.331 1.11.92 1.118 1.723a1.874 1.874 0 0 1-1.365 1.848c-.148.042-.205.116-.238.257a785 785 0 0 1-1.504 6.33c-.107.44-.305.598-.765.598-2.038.024-4.093.024-6.148.024M2.909 8.757c.016.091.016.14.033.182.41 1.782.814 3.563 1.225 5.353.065.282.065.282.361.282 3.65 0 7.308 0 10.957.008.214 0 .305-.058.354-.273a415 415 0 0 1 1.093-4.59c.074-.3.14-.597.206-.904-.1.008-.157.066-.214.1-1.069.695-2.13 1.391-3.198 2.08-.41.264-.822.148-1.019-.283-.847-1.781-1.685-3.563-2.532-5.344-.04-.083-.057-.174-.14-.232-.057.033-.073.09-.098.14-.855 1.799-1.702 3.605-2.556 5.403-.222.473-.625.589-1.06.307-.65-.423-1.291-.845-1.933-1.26-.485-.323-.97-.63-1.48-.97m7.727-5.842c0-.307-.296-.605-.609-.605-.312 0-.608.298-.608.605 0 .323.28.605.592.613.329.009.616-.281.625-.613M1.906 6.24a.615.615 0 0 0-.616.605.623.623 0 0 0 .608.596c.32 0 .6-.281.608-.596a.606.606 0 0 0-.6-.605m16.26 0a.61.61 0 0 0-.626.596c0 .324.28.597.6.605.321 0 .609-.273.609-.596a.587.587 0 0 0-.584-.605M10.03 18.378H3.815c-.394 0-.674-.257-.682-.63-.008-.406.263-.654.707-.654h12.322c.468 0 .748.232.748.638s-.272.646-.74.646z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.003 15.86H3.846c-.501 0-.699-.158-.806-.639-.476-2.08-.953-4.168-1.422-6.248-.04-.165-.098-.265-.28-.315a1.92 1.92 0 0 1-1.314-2.12C.18 5.6.985 4.912 1.914 4.92A1.91 1.91 0 0 1 3.78 6.562c.041.323.025.646-.107.945-.049.116-.024.182.074.24q1.31.843 2.606 1.699c.115.074.148.025.197-.075.658-1.4 1.324-2.792 1.981-4.193.099-.199.19-.406.288-.605.05-.1.041-.157-.041-.232-.567-.522-.773-1.176-.575-1.93.197-.746.698-1.202 1.438-1.368.814-.182 1.66.224 2.055.97a1.914 1.914 0 0 1-.378 2.279c-.123.116-.14.19-.074.348a489 489 0 0 1 2.22 4.69c.073.157.123.19.279.083.813-.54 1.636-1.078 2.458-1.608.164-.1.205-.182.14-.39-.23-.762-.075-1.45.517-1.996.6-.547 1.307-.68 2.047-.34.723.331 1.11.92 1.118 1.723a1.874 1.874 0 0 1-1.365 1.848c-.148.042-.205.116-.238.257a785 785 0 0 1-1.504 6.33c-.107.44-.305.598-.765.598-2.038.024-4.093.024-6.148.024M2.909 8.757c.016.091.016.14.033.182.41 1.782.814 3.563 1.225 5.353.065.282.065.282.361.282 3.65 0 7.308 0 10.957.008.214 0 .305-.058.354-.273a415 415 0 0 1 1.093-4.59c.074-.3.14-.597.206-.904-.1.008-.157.066-.214.1-1.069.695-2.13 1.391-3.198 2.08-.41.264-.822.148-1.019-.283-.847-1.781-1.685-3.563-2.532-5.344-.04-.083-.057-.174-.14-.232-.057.033-.073.09-.098.14-.855 1.799-1.702 3.605-2.556 5.403-.222.473-.625.589-1.06.307-.65-.423-1.291-.845-1.933-1.26-.485-.323-.97-.63-1.48-.97m7.727-5.842c0-.307-.296-.605-.609-.605-.312 0-.608.298-.608.605 0 .323.28.605.592.613.329.009.616-.281.625-.613M1.906 6.24a.615.615 0 0 0-.616.605.623.623 0 0 0 .608.596c.32 0 .6-.281.608-.596a.606.606 0 0 0-.6-.605m16.26 0a.61.61 0 0 0-.626.596c0 .324.28.597.6.605.321 0 .609-.273.609-.596a.587.587 0 0 0-.584-.605M10.03 18.378H3.815c-.394 0-.674-.257-.682-.63-.008-.406.263-.654.707-.654h12.322c.468 0 .748.232.748.638s-.272.646-.74.646z'/%3E%3C/svg%3E");
  width: 18px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-last-battles[data-v-6856325e] {
  -webkit-mask-image: url(../img/TVx6oCPs.1d081c2c.svg);
  mask-image: url(../img/TVx6oCPs.1d081c2c.svg);
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.is-modal[data-v-6856325e] {
  margin-top: 0;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.crown-wins[data-v-6856325e]::after, .battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.crown-wins[data-v-6856325e]::before {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.crown-wins[data-v-6856325e]::before {
  background: linear-gradient(#272443, #ffd231, #564f96);
  height: 100%;
  width: 100%;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.crown-wins[data-v-6856325e]::after {
  background: #141225;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.crown-wins .icon[data-v-6856325e] {
  background-color: #ffd231;
  opacity: 1;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item[data-v-6856325e] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .last-battles[data-v-6856325e] {
  font-weight: 600;
  margin-top: 12px;
  text-transform: uppercase;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .last-battles .win[data-v-6856325e] {
  color: #26c897;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .last-battles .lose[data-v-6856325e] {
  color: #f31a5b;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .number[data-v-6856325e] {
  background: linear-gradient(180deg, #e5e0fb, #7c4eff);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 20px;
  font-weight: 600;
  -webkit-text-fill-color: transparent;
  margin-top: 8px;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .number.crown-color[data-v-6856325e] {
  background: linear-gradient(180deg, #e5e0fb, #f3dd8c 42.19%, #7c4eff);
  background-clip: text;
  -webkit-background-clip: text;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .text[data-v-6856325e] {
  color: #9692b8;
  font-size: 11px;
  margin-top: 7px;
  text-align: center;
  text-transform: uppercase;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal[data-v-6856325e] {
  border-bottom: 1px solid #1d1a32;
  flex-direction: row;
  padding: 10px 0;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal[data-v-6856325e]:last-of-type {
  border: none;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal .last-battles[data-v-6856325e] {
  margin-top: 0;
  order: 2;
  text-align: center;
  width: 40%;
}
@media screen and (max-width: 1023px) {
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal .last-battles[data-v-6856325e] {
    font-size: 14px;
}
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal .number[data-v-6856325e] {
  margin-top: 0;
  order: 2;
  text-align: center;
  width: 40%;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal .text[data-v-6856325e] {
  margin-top: 0;
  order: 1;
  padding: 8px;
  text-align: left;
  width: calc(60% - 34px);
}
@media screen and (max-width: 1023px) {
.battles-statistic-dialog .profile-battle-statistic .statistic-item .number[data-v-6856325e] {
    font-size: 23px;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .text[data-v-6856325e] {
    font-size: 11px;
}
}
@media screen and (max-width: 767px) {
.battles-statistic-dialog .profile-battle-statistic .statistic-item .number[data-v-6856325e] {
    font-size: 20px;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .text[data-v-6856325e] {
    font-size: 10px;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal[data-v-6856325e] {
    padding: 8px 0;
}
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons[data-v-6856325e] {
  bottom: -11px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  white-space: nowrap;
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons button[data-v-6856325e] {
  background-color: #1b192f;
  border-radius: 50%;
  color: #b6b5d8;
  font-size: 14px;
  font-size: 12px;
  font-weight: 700;
  height: 28px;
  margin: 0 6px;
  text-transform: uppercase;
  transition: background-color 0.3s, color 0.3s;
  width: 28px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons button[data-v-6856325e]:hover {
  background-color: #2c2948;
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons button.large[data-v-6856325e] {
  border-radius: 40px;
  width: 48px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons button.active[data-v-6856325e] {
  background-color: #2c2948;
  color: #fff;
  pointer-events: none;
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons.is-modal[data-v-6856325e] {
  bottom: 35px;
}
@media screen and (max-width: 767px) {
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons button[data-v-6856325e] {
    margin: 0 3px;
}
}

@media screen and (max-width: 1279px) {
.header-item[data-v-0fdc1d88] {
    font-size: 12px !important;
}
.history-table[data-v-0fdc1d88] {
    font-size: 14px !important;
}
}
@media screen and (max-width: 767px) {
.extractRecord-page[data-v-0fdc1d88] {
    padding: 0 20px !important;
}
.extract-list .extract-item[data-v-0fdc1d88] {
    width: 140px !important;
}
.extract-list .extract-item .img[data-v-0fdc1d88] {
    width: 120px !important;
    height: 112px !important;
}
.extract-list .extract-item .info[data-v-0fdc1d88] {
    font-size: 12px !important;
}
.extract-list .extract-item .info .gif-png[data-v-0fdc1d88] {
    margin-top: 27px;
}
.extract-list .extract-item .price[data-v-0fdc1d88] {
    font-size: 12px !important;
}
.extract-list .extract-item .tap[data-v-0fdc1d88] {
    font-size: 10px !important;
}
.header-item[data-v-0fdc1d88] {
    font-size: 10px !important;
}
.history-table[data-v-0fdc1d88] {
    font-size: 12px !important;
}
}
.gif-png[data-v-0fdc1d88] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 70%;
  height: 110px;
}
.gif-png img[data-v-0fdc1d88] {
  width: 100%;
}
.gif-png .gif[data-v-0fdc1d88] {
  display: none;
}
.gif-png:hover .gif[data-v-0fdc1d88] {
  display: block;
}
.gif-png:hover .png[data-v-0fdc1d88] {
  display: none;
}
.extractRecord-page[data-v-0fdc1d88] {
  min-height: 1300px;
  margin-left: auto;
  margin-right: auto;
  width: 1384px;
  max-width: 100%;
  padding-left: 44px;
  padding-right: 44px;
}
.list-title .tit[data-v-0fdc1d88] {
  display: flex;
  align-items: center;
}
.list-title svg[data-v-0fdc1d88] {
  margin-right: 8px;
}
.list-title p[data-v-0fdc1d88] {
  font-size: 13px;
  margin-top: 2px;
}
.list-wrapper[data-v-0fdc1d88] {
  padding: 15px 20px;
  margin-top: 15px;
  background-color: #19172e;
  border-radius: 10px;
}
.list-wrapper .flex1[data-v-0fdc1d88] {
  flex: 1;
}
.list-wrapper .flex2[data-v-0fdc1d88] {
  flex: 2;
}
.extract-list-wrapper[data-v-0fdc1d88] {
  position: relative;
  min-height: 440px;
}
.extract-list-wrapper .extract-list[data-v-0fdc1d88] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
}
.extract-list-wrapper .extract-list .extract-item[data-v-0fdc1d88] {
  width: 190px;
  position: relative;
  background-color: #221f43;
  border-radius: 10px;
  padding: 20px 0 12px;
  box-sizing: border-box;
}
.extract-list-wrapper .extract-list .extract-item .img[data-v-0fdc1d88] {
  width: 150px;
  height: 140px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
  display: block;
}
.extract-list-wrapper .extract-list .extract-item .info[data-v-0fdc1d88] {
  font-size: 14px;
  padding: 0 12px;
}
.extract-list-wrapper .extract-list .extract-item .name[data-v-0fdc1d88] {
  color: #e4dcfc;
  font-weight: 600;
}
.extract-list-wrapper .extract-list .extract-item .type[data-v-0fdc1d88] {
  font-weight: 600;
  margin-top: 2px;
}
.extract-list-wrapper .extract-list .extract-item .quality[data-v-0fdc1d88] {
  color: #777a99;
  font-weight: 500;
  margin-bottom: 11px;
  margin-top: 4px;
}
.extract-list-wrapper .extract-list .extract-item .price[data-v-0fdc1d88] {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 6px;
  color: #00efba;
  font-weight: 600;
}
.extract-list-wrapper .extract-list .extract-item .tap[data-v-0fdc1d88] {
  position: absolute;
  top: 5px;
  left: 5px;
  display: inline-block;
  font-size: 13px;
  color: #eeaf2c;
  padding: 3px 8px 4px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.4);
}
.history-list-wrapper[data-v-0fdc1d88] {
  min-height: 600px;
}
.history-list-wrapper .history-list[data-v-0fdc1d88] {
  margin: 10px 0;
  overflow-y: auto;
}
.history-list-wrapper .history-list .history-header[data-v-0fdc1d88] {
  display: flex;
  align-items: center;
  min-width: 521px;
  padding-right: 5px;
}
.history-list-wrapper .history-list .history-header .header-item[data-v-0fdc1d88] {
  color: #4f4a7d;
  font-size: 13px;
  text-align: center;
  padding: 10px 0 5px;
}
.history-list-wrapper .history-list .history-table-wrapper[data-v-0fdc1d88] {
  min-width: 521px;
}
.history-list-wrapper .history-list .history-table[data-v-0fdc1d88] {
  height: 500px;
  font-size: 15px;
  overflow: auto;
}
.history-list-wrapper .history-list .history-table .history-item[data-v-0fdc1d88] {
  display: flex;
  align-items: center;
  text-align: center;
  background: #221f43;
  border-radius: 10px;
}
.history-list-wrapper .history-list .history-table .history-item[data-v-0fdc1d88]:not(:last-child) {
  margin-bottom: 7px;
}
.history-list-wrapper .history-list .history-table .history-item .item-img[data-v-0fdc1d88] {
  padding: 6px;
}
.history-list-wrapper .history-list .history-table .history-item .item-img img[data-v-0fdc1d88] {
  width: 70px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
[data-v-0fdc1d88] .pagination-item__wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 84px;
  padding-top: 20px;
  padding-right: 80px;
}
[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item {
  display: flex;
  flex-direction: row;
  height: 30px;
  position: relative;
}
[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__button_prev {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 39px;
}
[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__icon-arrow {
  transition: opacity 0.3s;
  background-color: #fff;
  height: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 12px;
  z-index: 1;
}
[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__icon-arrow.arrow_left {
  margin-right: 2px;
  transform: rotate(-90deg);
}
[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__icon-arrow.arrow_right {
  margin-left: 2px;
  transform: rotate(90deg);
}
[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__current-page {
  align-items: center;
  color: #cf3464;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  margin: 0 10px;
  min-width: 39px;
  padding: 0 10px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__current-page::after,[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__current-page::before {
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__current-page::before {
  background: #2b192f;
  height: 100%;
  width: 100%;
}
[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__current-page::after {
  background: #141225;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__current-page span {
  position: relative;
  z-index: 1;
}
[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__button_next {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 39px;
}
[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__button_next::after,[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__button_next::before,[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__button_prev::after,[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__button_prev::before {
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__button_next::before,[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__button_prev::before {
  background: #282543;
  height: 100%;
  width: 100%;
}
[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__button_next::after,[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__button_prev::after {
  background: #1e1c35;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
[data-v-0fdc1d88] .pagination-item__wrapper .pagination-item .pagination-item__pages-info {
  color: #4f4b78;
  font-size: 13px;
  font-weight: 600;
  left: 100%;
  line-height: 30px;
  margin-left: 12px;
  position: absolute;
  top: 0;
  white-space: nowrap;
}
@charset "UTF-8";
.settings-page[data-v-a6ddfa86] {
  padding: 20px;
  min-height: calc(100vh - 200px);
}
.settings-wrapper[data-v-a6ddfa86] {
  max-width: 1200px;
  margin: 0 auto;
}
.settings-title[data-v-a6ddfa86] {
  margin-bottom: 30px;
}
.settings-title .tit[data-v-a6ddfa86] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
}
.settings-title .tit svg[data-v-a6ddfa86] {
  color: #fff;
}
.settings-content[data-v-a6ddfa86] {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.settings-section[data-v-a6ddfa86] {
  background: rgba(26, 24, 45, 0.6);
  border: 1px solid rgba(92, 73, 208, 0.3);
  border-radius: 10px;
  padding: 25px;
}
.settings-section .section-label[data-v-a6ddfa86] {
  font-size: 18px !important;
  font-weight: 600;
  color: #e3e0e0 !important;
  margin-bottom: 10px;
  display: block;
}
.settings-section .section-hint[data-v-a6ddfa86] {
  font-size: 14px;
  color: #a9a6c2;
  margin-bottom: 15px;
}
.settings-section .section-hint .link-text[data-v-a6ddfa86] {
  color: #5c49d0;
  cursor: pointer;
  text-decoration: underline;
}
.settings-section .section-hint .link-text[data-v-a6ddfa86]:hover {
  color: #6d5ae0;
}
.settings-section.steam-section[data-v-a6ddfa86] {
  display: flex;
  align-items: center;
  gap: 120px;
  flex-wrap: nowrap;
}
.settings-section.steam-section .steam-header[data-v-a6ddfa86] {
  flex-shrink: 0;
  min-width: 200px;
}
.settings-section.steam-section .steam-header .section-label[data-v-a6ddfa86] {
  margin-bottom: 5px;
  white-space: nowrap;
}
.settings-section.steam-section .steam-header .section-hint[data-v-a6ddfa86] {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.4;
}
.settings-section.steam-section .steam-input-row[data-v-a6ddfa86] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 40px;
  min-width: 0;
}
.settings-section.steam-section .steam-input-row .input-wrapper[data-v-a6ddfa86] {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
}
.settings-section.steam-section .steam-input-row .input-wrapper .input-icon[data-v-a6ddfa86] {
  position: absolute;
  left: 12px;
  width: 20px;
  height: 20px;
  z-index: 1;
}
.settings-section.steam-section .steam-input-row .input-wrapper .input-icon.steam-icon[data-v-a6ddfa86] {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.settings-section.steam-section .steam-input-row .input-wrapper .form-input[data-v-a6ddfa86] {
  width: 100%;
  padding: 12px 15px 12px 59px;
  background: rgba(20, 18, 37, 0.8);
  border: 1px solid rgba(92, 73, 208, 0.3);
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  outline: none;
  transition: all 0.3s;
  height: 44px;
  box-sizing: border-box;
}
.settings-section.steam-section .steam-input-row .input-wrapper .form-input[data-v-a6ddfa86]:focus {
  border-color: #5c49d0;
  box-shadow: 0 0 0 2px rgba(92, 73, 208, 0.2);
}
.settings-section.steam-section .steam-input-row .input-wrapper .form-input[data-v-a6ddfa86]::-moz-placeholder {
  color: #6b6780;
}
.settings-section.steam-section .steam-input-row .input-wrapper .form-input[data-v-a6ddfa86]::placeholder {
  color: #6b6780;
}
.settings-section.steam-section .steam-input-row .save-btn[data-v-a6ddfa86] {
  padding: 0 28px;
  height: 40px;
  background: linear-gradient(135deg, #5c49d0 0%, #6d5ae0 100%);
  border: none;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: color 0.3s, background-color 0.3s;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex-shrink: 0;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto;
  min-width: unset;
}
.settings-section.steam-section .steam-input-row .save-btn[data-v-a6ddfa86]:hover {
  background: linear-gradient(135deg, #6d5ae0 0%, #7e6af0 100%);
}
.settings-section.steam-section.language-section[data-v-a6ddfa86] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 120px !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}
.settings-section.steam-section.language-section > .language-label[data-v-a6ddfa86] {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #e3e0e0 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  min-width: 200px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 44px !important;
}
.settings-section.steam-section.language-section > .language-select-wrapper[data-v-a6ddfa86] {
  position: relative !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  min-width: 140px !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group[data-v-a6ddfa86] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  margin-left: auto !important;
  white-space: nowrap !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group .translate-label[data-v-a6ddfa86] {
  font-size: 14px !important;
  color: #a9a6c2 !important;
  white-space: nowrap !important;
  font-weight: normal !important;
  line-height: normal !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group .switcher[data-v-a6ddfa86] {
  text-transform: uppercase !important;
  flex-shrink: 0 !important;
  margin-top: 5px !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group .switcher label[data-v-a6ddfa86] {
  align-items: center !important;
  cursor: pointer !important;
  display: flex !important;
  position: relative !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group .switcher label > input[type=checkbox][data-v-a6ddfa86] {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: none !important;
  opacity: 0 !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group .switcher .switcher[data-v-a6ddfa86] {
  cursor: pointer !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group .switcher .switcher label[data-v-a6ddfa86] {
  width: 100% !important;
  height: 100% !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group .switcher label > input[type=checkbox] + .marker[data-v-a6ddfa86] {
  margin: 0 !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group .switcher .marker[data-v-a6ddfa86] {
  background: rgba(31, 29, 57, 0.8) !important;
  display: block !important;
  position: relative !important;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%) !important;
  height: 28px !important;
  width: 50px !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group .switcher .marker[data-v-a6ddfa86]:before {
  background: var(--59fafe50, #05f4ff) !important;
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%) !important;
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  transition: background 0.3s, left 0.3s !important;
  height: 16px !important;
  left: 7px !important;
  width: 18px !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group .switcher.size-regular .marker[data-v-a6ddfa86] {
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%) !important;
  height: 28px !important;
  width: 50px !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group .switcher.size-regular .marker[data-v-a6ddfa86]:before {
  height: 16px !important;
  left: 7px !important;
  width: 18px !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group .switcher:not(.two-options) input[type=checkbox]:not(:checked) ~ .marker[data-v-a6ddfa86]:before {
  background: #43415a !important;
  left: 7px !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group .switcher input[type=checkbox]:checked ~ .marker[data-v-a6ddfa86]:before {
  left: calc(100% - 24px) !important;
  background: var(--59fafe50, #05f4ff) !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group .switcher input[type=checkbox]:not(:checked) ~ .marker[data-v-a6ddfa86]:before {
  left: 7px !important;
  background: #43415a !important;
}
.settings-section.steam-section.language-section > .translate-toggle-group .switcher input[type=checkbox][data-v-a6ddfa86] {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
}
.settings-section .input-group[data-v-a6ddfa86] {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: nowrap;
}
.settings-section .input-group .input-wrapper[data-v-a6ddfa86] {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
}
.settings-section .input-group .input-wrapper .input-icon[data-v-a6ddfa86] {
  position: absolute;
  left: 12px;
  width: 20px;
  height: 20px;
  z-index: 1;
}
.settings-section .input-group .input-wrapper .input-icon.steam-icon[data-v-a6ddfa86] {
  width: 30px;
  height: 30px;
}
.settings-section .input-group .input-wrapper .input-icon.email-icon[data-v-a6ddfa86] {
  width: 18px;
  height: 18px;
  color: #a9a6c2;
}
.settings-section .input-group .input-wrapper .form-input[data-v-a6ddfa86] {
  width: 100%;
  padding: 12px 15px 12px 40px;
  background: rgba(20, 18, 37, 0.8);
  border: 1px solid rgba(92, 73, 208, 0.3);
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  outline: none;
  transition: all 0.3s;
}
.settings-section .input-group .input-wrapper .form-input[data-v-a6ddfa86]:focus {
  border-color: #5c49d0;
  box-shadow: 0 0 0 2px rgba(92, 73, 208, 0.2);
}
.settings-section .input-group .input-wrapper .form-input[data-v-a6ddfa86]::-moz-placeholder {
  color: #6b6780;
}
.settings-section .input-group .input-wrapper .form-input[data-v-a6ddfa86]::placeholder {
  color: #6b6780;
}
.settings-section .input-group .save-btn[data-v-a6ddfa86] {
  padding: 12px 30px;
  background: linear-gradient(135deg, #5c49d0 0%, #6d5ae0 100%);
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
}
.settings-section .input-group .save-btn[data-v-a6ddfa86]:hover {
  background: linear-gradient(135deg, #6d5ae0 0%, #7e6af0 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(92, 73, 208, 0.3);
}
.settings-section .error-message[data-v-a6ddfa86] {
  color: #ef4444;
  font-size: 14px;
  margin-top: 8px;
  width: 100%;
}
.settings-section.sound-section[data-v-a6ddfa86] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 120px !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}
.settings-section.sound-section > .sound-label[data-v-a6ddfa86] {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #e3e0e0 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  min-width: 200px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 44px !important;
}
.settings-section.sound-section > .sound-controls[data-v-a6ddfa86] {
  display: flex !important;
  align-items: center !important;
  gap: 40px !important;
  flex-wrap: nowrap !important;
  flex: 1 !important;
  min-width: 0 !important;
}
.settings-section .sound-controls[data-v-a6ddfa86] {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: nowrap;
}
.settings-section .sound-controls .volume-control[data-v-a6ddfa86] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 200px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.settings-section .sound-controls .volume-control .volume-icon-placeholder[data-v-a6ddfa86] {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 24px !important;
  flex: 0 0 40px !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  margin-right: 12px !important;
  visibility: hidden;
  pointer-events: none;
}
.settings-section .sound-controls .volume-control .volume-icon-wrapper[data-v-a6ddfa86] {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 24px !important;
  display: block !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 10;
  contain: layout style !important;
  flex: none !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  isolation: isolate;
}
.settings-section .sound-controls .volume-control .volume-icon[data-v-a6ddfa86] {
  width: 40px !important;
  height: 24px !important;
  color: #a9a6c2;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  overflow: hidden !important;
  display: block !important;
  min-width: 40px !important;
  max-width: 40px !important;
  position: relative;
  contain: strict !important;
  box-sizing: border-box !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.settings-section .sound-controls .volume-control .volume-slider-wrapper[data-v-a6ddfa86] {
  position: relative;
  flex: 1 1 auto;
  max-width: 215px;
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
  margin-left: -28px !important;
  left: 0 !important;
  height: 6px;
  background: rgba(135, 130, 183, 0.671);
  border-radius: 3px;
}
.settings-section .sound-controls .volume-control .volume-slider-wrapper .volume-slider-progress[data-v-a6ddfa86] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 3px;
  background: linear-gradient(135deg, #aea7dc 0%, #6d5ae0 100%);
  pointer-events: none;
  z-index: 1;
}
.settings-section .sound-controls .volume-control .volume-slider-wrapper .volume-display-fade-enter-active[data-v-a6ddfa86],
.settings-section .sound-controls .volume-control .volume-slider-wrapper .volume-display-fade-leave-active[data-v-a6ddfa86] {
  transition: opacity 0.2s ease-out;
}
.settings-section .sound-controls .volume-control .volume-slider-wrapper .volume-display-fade-enter-from[data-v-a6ddfa86],
.settings-section .sound-controls .volume-control .volume-slider-wrapper .volume-display-fade-leave-to[data-v-a6ddfa86] {
  opacity: 0;
}
.settings-section .sound-controls .volume-control .volume-slider-wrapper .volume-value-display[data-v-a6ddfa86] {
  position: absolute;
  bottom: 50%;
  transform: translate(-50%, calc(-50% - 9px));
  margin-bottom: 0;
  padding: 4px 8px;
  background: rgba(101, 97, 130, 0.763);
  border: 1px solid rgba(201, 192, 216, 0.422);
  border-radius: 6px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  pointer-events: none;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.settings-section .sound-controls .volume-control .volume-slider[data-v-a6ddfa86] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  background: transparent;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  z-index: 2;
}
.settings-section .sound-controls .volume-control .volume-slider[data-v-a6ddfa86]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  margin-top: -6px;
  border-radius: 50%;
  background: radial-gradient(circle at center, #584aa7 5px, transparent 5px), radial-gradient(circle at center, #584aa7 6px, transparent 6px), #363636;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 3;
}
.settings-section .sound-controls .volume-control .volume-slider.volume-slider-active[data-v-a6ddfa86]::-webkit-slider-thumb {
  background: radial-gradient(circle at center, #584aa7 4px, transparent 4px), radial-gradient(circle at center, #584aa7 3px, transparent 3px), #363636;
  box-shadow: 0 2px 6px rgba(88, 74, 167, 0.5);
}
.settings-section .sound-controls .volume-control .volume-slider[data-v-a6ddfa86]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: none;
  border-radius: 50%;
  background: radial-gradient(circle at center, #584aa7 5px, transparent 5px), radial-gradient(circle at center, #584aa7 6px, transparent 6px), #363636;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 3;
}
.settings-section .sound-controls .volume-control .volume-slider.volume-slider-active[data-v-a6ddfa86]::-moz-range-thumb {
  background: radial-gradient(circle at center, #584aa7 4px, transparent 4px), radial-gradient(circle at center, #584aa7 3px, transparent 3px), #363636;
  box-shadow: 0 2px 6px rgba(88, 74, 167, 0.5);
}
.settings-section .sound-controls .volume-control .volume-slider[data-v-a6ddfa86]::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 3px;
  background: transparent;
}
.settings-section .sound-controls .volume-control .volume-slider[data-v-a6ddfa86]::-moz-range-track {
  height: 6px;
  border-radius: 3px;
  background: transparent;
}
.settings-section .sound-controls .sound-type-wrapper[data-v-a6ddfa86] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.settings-section .sound-controls .sound-type-wrapper .sound-type-label[data-v-a6ddfa86] {
  font-size: 14px;
  color: #a9a6c2 !important;
  white-space: nowrap;
}
.settings-section .sound-controls .sound-type-wrapper .sound-type-select[data-v-a6ddfa86] {
  min-width: 120px;
  padding: 10px 30px 10px 12px;
  background: rgba(31, 29, 57, 0.8);
  border: 1px solid rgba(92, 73, 208, 0.3);
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  transition: all 0.3s;
}
.settings-section .sound-controls .sound-type-wrapper .sound-type-select[data-v-a6ddfa86]:focus {
  border-color: #5c49d0;
  box-shadow: 0 0 0 2px rgba(92, 73, 208, 0.2);
}
.settings-section .sound-controls .sound-type-wrapper .sound-type-select option[data-v-a6ddfa86] {
  background: #1a182d;
  color: #fff;
}
@media screen and (max-width: 1365px) {
.settings-page[data-v-a6ddfa86] {
    padding: 15px;
}
.settings-title[data-v-a6ddfa86] {
    margin-bottom: 25px;
}
.settings-title .tit[data-v-a6ddfa86] {
    font-size: 20px;
}
.settings-content[data-v-a6ddfa86] {
    gap: 25px;
}
.settings-section[data-v-a6ddfa86] {
    padding: 20px;
}
.settings-section.steam-section[data-v-a6ddfa86] {
    gap: 60px;
}
.settings-section.steam-section .steam-header[data-v-a6ddfa86] {
    min-width: 200px;
    width: 200px;
    flex-shrink: 0;
}
.settings-section.steam-section .steam-input-row[data-v-a6ddfa86] {
    gap: 20px;
    flex: 1;
}
.settings-section.language-section[data-v-a6ddfa86] {
    gap: 60px !important;
}
.settings-section.language-section > .language-label[data-v-a6ddfa86] {
    min-width: 200px !important;
    width: 200px !important;
    flex-shrink: 0 !important;
}
.settings-section.language-section > .language-select-wrapper[data-v-a6ddfa86] {
    flex: 1;
    min-width: 0;
}
.settings-section.sound-section[data-v-a6ddfa86] {
    gap: 60px !important;
}
.settings-section.sound-section > .sound-label[data-v-a6ddfa86] {
    min-width: 200px !important;
    width: 200px !important;
    flex-shrink: 0 !important;
}
.settings-section.sound-section > .sound-controls[data-v-a6ddfa86] {
    flex: 1;
    min-width: 0;
}
}
@media screen and (max-width: 1024px) {
.settings-title[data-v-a6ddfa86] {
    margin-bottom: 20px;
}
.settings-content[data-v-a6ddfa86] {
    gap: 20px;
}
.settings-section.steam-section[data-v-a6ddfa86] {
    gap: 20px;
}
.settings-section.steam-section .steam-header[data-v-a6ddfa86] {
    min-width: 200px;
    flex-shrink: 0;
    width: 200px;
}
.settings-section.steam-section .steam-input-row[data-v-a6ddfa86] {
    gap: 15px;
    flex-wrap: nowrap;
    flex: 1;
}
.settings-section.steam-section .steam-input-row .input-wrapper[data-v-a6ddfa86] {
    flex: 1;
    min-width: 0;
}
.settings-section.steam-section .steam-input-row .save-btn[data-v-a6ddfa86] {
    flex-shrink: 0;
}
.settings-section.language-section[data-v-a6ddfa86] {
    gap: 20px !important;
    flex-wrap: nowrap !important;
}
.settings-section.language-section > .language-label[data-v-a6ddfa86] {
    min-width: 200px !important;
    width: 200px !important;
    line-height: normal !important;
    flex-shrink: 0 !important;
}
.settings-section.language-section > .language-select-wrapper[data-v-a6ddfa86] {
    flex: 1;
    min-width: 0;
}
.settings-section.sound-section[data-v-a6ddfa86] {
    gap: 20px !important;
    flex-wrap: nowrap !important;
}
.settings-section.sound-section > .sound-label[data-v-a6ddfa86] {
    min-width: 200px !important;
    width: 200px !important;
    line-height: normal !important;
    flex-shrink: 0 !important;
}
.settings-section.sound-section > .sound-controls[data-v-a6ddfa86] {
    flex: 1 !important;
    min-width: 0 !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}
.settings-section.sound-section > .sound-controls .volume-control[data-v-a6ddfa86] {
    flex: 1;
    min-width: 200px;
}
}
@media screen and (max-width: 767px) {
.settings-page[data-v-a6ddfa86] {
    padding: 10px;
}
.settings-title[data-v-a6ddfa86] {
    margin-bottom: 15px;
}
.settings-title .tit[data-v-a6ddfa86] {
    font-size: 18px;
}
.settings-content[data-v-a6ddfa86] {
    gap: 15px;
}
.settings-section[data-v-a6ddfa86] {
    padding: 15px;
}
.settings-section .section-label[data-v-a6ddfa86] {
    font-size: 16px !important;
}
.settings-section.steam-section[data-v-a6ddfa86] {
    gap: 15px !important;
    flex-wrap: nowrap !important;
}
.settings-section.steam-section .steam-header[data-v-a6ddfa86] {
    min-width: 200px !important;
    width: 200px !important;
    flex-shrink: 0 !important;
}
.settings-section.steam-section .steam-header .section-label[data-v-a6ddfa86] {
    font-size: 14px !important;
}
.settings-section.steam-section .steam-input-row[data-v-a6ddfa86] {
    flex: 1;
    gap: 10px;
    flex-wrap: nowrap;
    min-width: 0;
}
.settings-section.steam-section .steam-input-row .form-input[data-v-a6ddfa86] {
    font-size: 13px;
    padding: 10px 12px 10px 55px;
    height: 40px;
}
.settings-section.steam-section .steam-input-row .save-btn[data-v-a6ddfa86] {
    height: 40px;
    font-size: 14px;
    padding: 0 20px;
    flex-shrink: 0;
}
.settings-section.language-section[data-v-a6ddfa86] {
    gap: 15px !important;
    flex-wrap: nowrap !important;
}
.settings-section.language-section > .language-label[data-v-a6ddfa86] {
    font-size: 16px !important;
    min-width: 200px !important;
    width: 200px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
.settings-section.language-section > .language-select-wrapper[data-v-a6ddfa86] {
    flex: 1;
    min-width: 0;
}
.settings-section.language-section .lang-select-container[data-v-a6ddfa86] {
    min-width: unset;
    width: 100%;
}
.settings-section.language-section .lang-dropdown .lang-option .lang-flag[data-v-a6ddfa86] {
    margin-left: 15px !important;
    margin-right: 5px !important;
}
.settings-section.language-section .lang-dropdown .lang-option span[data-v-a6ddfa86] {
    margin-left: 0 !important;
    padding-right: 15px !important;
}
.settings-section.sound-section[data-v-a6ddfa86] {
    gap: 15px !important;
    flex-wrap: nowrap !important;
}
.settings-section.sound-section > .sound-label[data-v-a6ddfa86] {
    font-size: 16px !important;
    min-width: 200px !important;
    width: 200px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
.settings-section.sound-section > .sound-controls[data-v-a6ddfa86] {
    flex: 1 !important;
    min-width: 0 !important;
    gap: 15px !important;
}
.settings-section.sound-section > .sound-controls .volume-control[data-v-a6ddfa86] {
    min-width: 150px;
    flex: 1;
}
}
@media screen and (max-width: 480px) {
.settings-page[data-v-a6ddfa86] {
    padding: 8px;
}
.settings-title[data-v-a6ddfa86] {
    margin-bottom: 12px;
}
.settings-content[data-v-a6ddfa86] {
    gap: 12px;
}
.settings-section[data-v-a6ddfa86] {
    padding: 12px;
    gap: 12px;
}
.settings-section .section-label[data-v-a6ddfa86] {
    font-size: 15px !important;
}
.settings-section.steam-section[data-v-a6ddfa86] {
    gap: 12px !important;
    flex-wrap: nowrap !important;
}
.settings-section.steam-section .steam-header[data-v-a6ddfa86] {
    min-width: 150px !important;
    width: 150px !important;
    flex-shrink: 0 !important;
}
.settings-section.steam-section .steam-header .section-label[data-v-a6ddfa86] {
    font-size: 13px !important;
}
.settings-section.steam-section .steam-header .section-hint[data-v-a6ddfa86] {
    font-size: 12px;
}
.settings-section.steam-section .steam-input-row[data-v-a6ddfa86] {
    flex: 1;
    gap: 8px;
    flex-wrap: nowrap;
    min-width: 0;
}
.settings-section.steam-section .steam-input-row .form-input[data-v-a6ddfa86] {
    font-size: 12px;
    padding: 8px 10px 8px 50px;
    height: 36px;
    min-width: 0;
}
.settings-section.steam-section .steam-input-row .save-btn[data-v-a6ddfa86] {
    height: 36px;
    font-size: 13px;
    padding: 0 16px;
    flex-shrink: 0;
}
.settings-section.language-section[data-v-a6ddfa86] {
    gap: 12px !important;
    flex-wrap: nowrap !important;
}
.settings-section.language-section > .language-label[data-v-a6ddfa86] {
    font-size: 15px !important;
    min-width: 150px !important;
    width: 150px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
.settings-section.language-section > .language-select-wrapper[data-v-a6ddfa86] {
    flex: 1;
    min-width: 0;
}
.settings-section.language-section .lang-select-container[data-v-a6ddfa86] {
    min-width: unset;
    height: 40px;
    width: 100%;
}
.settings-section.language-section .lang-select-display[data-v-a6ddfa86] {
    padding: 0 15px 0 25px;
    font-size: 12px;
}
.settings-section.language-section .lang-flag[data-v-a6ddfa86] {
    left: 20px;
    width: 20px;
    height: 20px;
}
.settings-section.language-section .lang-dropdown .lang-option .lang-flag[data-v-a6ddfa86] {
    margin-left: 12px !important;
    margin-right: 8px !important;
}
.settings-section.language-section .lang-dropdown .lang-option span[data-v-a6ddfa86] {
    margin-left: 0 !important;
    padding-right: 12px !important;
}
.settings-section.sound-section[data-v-a6ddfa86] {
    gap: 12px !important;
    flex-wrap: nowrap !important;
}
.settings-section.sound-section > .sound-label[data-v-a6ddfa86] {
    font-size: 15px !important;
    min-width: 150px !important;
    width: 150px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
.settings-section.sound-section > .sound-controls[data-v-a6ddfa86] {
    flex: 1 !important;
    min-width: 0 !important;
    gap: 12px !important;
}
.settings-section.sound-section > .sound-controls .volume-control[data-v-a6ddfa86] {
    min-width: 120px;
    flex: 1;
}
.lang-select-container[data-v-a6ddfa86] {
    min-width: unset;
}
}
/* 语言选择器样式 - 完全复制 top.vue，只修改路径为 ../../ */
.lang-select-container[data-v-a6ddfa86] {
  position: relative;
  height: 44px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: 250px;
}
.lang-select-display[data-v-a6ddfa86] {
  background-color: rgba(31, 29, 57, 0.8);
  color: #e2eaed;
  border: 1px solid #44406d;
  border-radius: 4px;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px 0 30px;
  cursor: pointer;
  position: relative;
  font-size: 12px;
}
.lang-select-display[data-v-a6ddfa86]:hover {
  border-color: #555183;
  color: #c9c6ee;
}
.lang-flag[data-v-a6ddfa86] {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 1;
}

/* 确保所有国旗图标都能正确显示 */
.lang-flag.flag-zh[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-CN-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-en[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#us-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-vi[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#vi-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-es[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#es-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-de[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#de-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-fr[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#fr-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-it[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#it-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-pl[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#pl-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-pt[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#pt-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-tr[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#tr-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-zh-tw[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-TW-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-ja[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#ja-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-ko[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#ko-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-th[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#th-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-fi[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#fi-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-text[data-v-a6ddfa86] {
  flex: 1;
  text-align: left;
  margin-left: 40px;
  margin-right: 25px;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lang-arrow[data-v-a6ddfa86] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #9793ba;
  transition: transform 0.3s ease;
  z-index: 1;
}
.lang-arrow-up[data-v-a6ddfa86] {
  transform: translateY(-50%) rotate(180deg);
}
.lang-dropdown[data-v-a6ddfa86] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #2c284f;
  border: 1px solid #44406d;
  border-top: none;
  border-radius: 0 0 4px 4px;
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
  min-width: 160px;
}
.lang-option[data-v-a6ddfa86] {
  display: flex;
  align-items: center;
  padding: 5px 8px;
  cursor: pointer;
  color: #9793ba;
  font-size: 13px;
}
.lang-option[data-v-a6ddfa86]:hover {
  background-color: #3d385f;
  color: #c9c6ee;
}
.lang-option .lang-flag[data-v-a6ddfa86] {
  width: 23px;
  height: 21px;
  margin-left: 22px;
  margin-right: 2px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.lang-option .flag-zh-CN[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-CN-lang);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-en[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#us-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-option .flag-vi[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#vi-lang);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-option .flag-es[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#es-lang);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-option .flag-de[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#de-lang);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-option .flag-fr[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#fr-lang);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-option .flag-it[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#it-lang);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-option .flag-pl[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#pl-lang);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-option .flag-pt[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#pt-lang);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-option .flag-tr[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#tr-lang);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-option .flag-zh-tw[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-TW-lang);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-option .flag-ja[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#ja-lang);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-option .flag-ko[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#ko-lang);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-option .flag-th[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#th-lang);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-option .flag-fi[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#fi-lang);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-option span[data-v-a6ddfa86] {
  flex: 1;
  text-align: right;
  margin-left: 2px;
  padding-right: 18px;
}
.lang-option .lang-flag[data-v-a6ddfa86] {
  position: static;
  transform: none;
  top: auto;
  left: auto;
}
.lang-flag.flag-en[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#us-lang);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.lang-flag.flag-vi[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#vi-lang) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.lang-flag.flag-es[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#es-lang) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.lang-flag.flag-de[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#de-lang) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.lang-flag.flag-fr[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#fr-lang) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.lang-flag.flag-it[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#it-lang) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.lang-flag.flag-pl[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#pl-lang) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.lang-flag.flag-pt[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#pt-lang) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.lang-flag.flag-tr[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#tr-lang) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.lang-flag.flag-zh-tw[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-TW-lang) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.lang-flag.flag-ja[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#ja-lang) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.lang-flag.flag-ko[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#ko-lang) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.lang-flag.flag-th[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#th-lang) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.lang-flag.flag-fi[data-v-a6ddfa86] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#fi-lang) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.lang-flag.flag-pt-br[data-v-a6ddfa86] {
  background-image: url(../img/Brazil.846f1bc9.svg) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.lang-flag.flag-ru[data-v-a6ddfa86] {
  background-image: url(../img/ru.23e6036c.svg) !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.settings-section.language-section .switcher input[type=checkbox],
.settings-section.language-section .switcher label input[type=checkbox] {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
}
.settings-section.language-section .switcher .marker {
  background: rgba(31, 29, 57, 0.8) !important;
  display: block !important;
  position: relative !important;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%) !important;
  height: 28px !important;
  width: 50px !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
}
.settings-section.language-section .switcher .marker::before {
  background: var(--59fafe50, #05f4ff) !important;
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%) !important;
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  transition: background 0.3s, left 0.3s !important;
  height: 16px !important;
  left: 7px !important;
  width: 18px !important;
}
.settings-section.language-section .switcher.size-regular .marker {
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%) !important;
  height: 31px !important;
  width: 60px !important;
}
.settings-section.language-section .switcher.size-regular .marker::before {
  height: 20px !important;
  left: 7px !important;
  width: 24px !important;
}
.settings-section.language-section .switcher:not(.two-options) input:not(:checked) ~ .marker::before {
  background: #5c5a74 !important;
  left: 7px !important;
}
.settings-section.language-section .switcher input:checked ~ .marker::before {
  left: calc(100% - 31px) !important;
  background: var(--59fafe50, #05f4ff) !important;
}
.settings-section.language-section .switcher {
  margin-top: 5px !important;
}
.settings-section.language-section .translate-label {
  font-size: 14px !important;
  color: #a9a6c2 !important;
  white-space: nowrap !important;
  font-weight: normal !important;
  line-height: normal !important;
}
.settings-section.sound-section .sound-label {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #e3e0e0 !important;
}
.text[data-v-f2d3b040] {
  text-align: center;
  color: #FFFFFF;
  line-height: 35px;
}
.btn[data-v-f2d3b040] {
  width: 100%;
  font-size: 24px;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  background: #00c74d;
  box-shadow: 0 5px #00913c;
  text-shadow: 0 5px 8px rgba(0, 0, 0, 0.5);
  font-size: 20px;
  padding: 0 !important;
}
@media (max-width: 1000px) {
.btn[data-v-f2d3b040] {
    font-size: 16px;
}
}
.mydollor[data-v-e12abdd4] {
  padding: 10px;
}
@media (max-width: 1000px) {
.mydollor[data-v-e12abdd4] {
    padding: 10px;
}
}
@media (max-width: 960px) {
.imgs[data-v-e12abdd4] {
    width: 80%;
    height: 100px;
}
}
.weapon-name[data-v-e12abdd4] {
  padding: 10px 0;
}
.dura_alias[data-v-e12abdd4] {
  position: relative;
  padding-left: 10px;
  line-height: 1.2;
}
@media (max-width: 1000px) {
.dura_alias[data-v-e12abdd4] {
    font-size: 10px !important;
}
}
.dura_alias[data-v-e12abdd4]::before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: var(--pan-bottom);
  position: absolute;
  left: 0;
}
.init[data-v-f0062cbe] {
  border: 1px solid #73737d;
  background: rgba(45, 44, 51, 0.13);
  color: #fff;
}
.back-gun[data-v-f0062cbe] {
  width: 9.3%;
}
@media (max-width: 1600px) {
.back-gun[data-v-f0062cbe] {
    width: 15%;
}
}
@media (max-width: 1366px) {
.back-gun[data-v-f0062cbe] {
    width: 20%;
}
}
@media (max-width: 1200px) {
.back-gun[data-v-f0062cbe] {
    width: 25%;
}
}
@media (max-width: 960px) {
.back-gun[data-v-f0062cbe] {
    width: 33%;
}
}
.side-box[data-v-f0062cbe] {
  width: 204px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.content[data-v-f0062cbe] {
  width: 95%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
.content[data-v-f0062cbe] {
    width: 96%;
}
}
.content .active[data-v-f0062cbe] {
  color: #ff9d57;
  border: 1px solid #ff9d57;
  background: rgba(255, 157, 87, 0.13);
}
.table-phone[data-v-7fa4374a] {
  width: 100%;
}
@media (max-width: 960px) {
.table-phone[data-v-7fa4374a] {
    width: 600px !important;
}
}
.cell[data-v-7fa4374a] {
  padding: 10px;
  border-bottom: 1px solid var(--pan-text);
}
.active[data-v-7fa4374a] {
  position: relative;
}
.active img[data-v-7fa4374a] {
  border-radius: 50%;
}
.active[data-v-7fa4374a]::before {
  content: url(../img/success_pk.79580bc7.png);
  position: absolute;
  top: -5px;
  right: 0;
}
.content[data-v-7110106b] {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
.content[data-v-7110106b] {
    width: 96%;
    font-size: 10px !important;
    overflow-x: scroll;
}
}

.confirm-dialog[data-v-31f11bc4] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, .5);
  z-index: 9999;
}
.dialog-content[data-v-31f11bc4] {
  width: 14rem;
  height: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: center;;
  align-items: center;
  border-radius: 4px;
  z-index: 999;
  background-image: url(../img/bg.f8335613.png);
  background-size: 100% 100%;
  position: relative;
}
.buttons[data-v-31f11bc4] {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
button[data-v-31f11bc4] {
  margin-left: 10px;
}
.handleText[data-v-31f11bc4] {
  font-size: 18px;
}
.handleConfirm[data-v-31f11bc4] {
  position: absolute;
  bottom: 1rem;
  left: 30%;
  width: 6rem;
  height: 2rem;
  border: 0;
  font-size: 18px;
}
.handleCancel[data-v-31f11bc4]{
  position: absolute;
  right: .5rem;
  top: .5rem;
  width: 1.5rem;
  height: 1.5rem;
}

.side-box[data-v-2a777d69] {
  width: 204px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.active-borde[data-v-2a777d69] {
  border: 2px solid transparent;
}
.content[data-v-2a777d69] {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
.content[data-v-2a777d69] {
    width: 100%;
    font-size: 12px;
}
}
.content-hover .active[data-v-2a777d69] {
  position: relative;
  border: 2px solid var(--pan-main);
}
.content-hover .active[data-v-2a777d69]::before {
  display: none;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA3LTI5VDA4OjIwOjUzKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wNy0yOVQwODoyMjowNyswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wNy0yOVQwODoyMjowNyswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiYWI3MTE1Mi05ZmI0LTY2NDUtYTgxMS1hN2NhOGNiMDljOTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6YmFiNzExNTItOWZiNC02NjQ1LWE4MTEtYTdjYThjYjA5YzkyIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YmFiNzExNTItOWZiNC02NjQ1LWE4MTEtYTdjYThjYjA5YzkyIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiYWI3MTE1Mi05ZmI0LTY2NDUtYTgxMS1hN2NhOGNiMDljOTIiIHN0RXZ0OndoZW49IjIwMjEtMDctMjlUMDg6MjA6NTMrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5zD/n3AAACtElEQVQ4jY3VP2yVVRjH8c95+95LrTWlUpQBoSKJiUZsYuyAAw5ogGA1aSQxEP+EyAC6uunmwGpcXJDhQmNSExsT0GCMDkbLpAxGFyvqoLaVqpT23vve9zict71VLOmTPMM55znf9/k9z3nyhvguIvLKC/SAI6LD2INhZLgq+kbmosyEQqmDzbgNHcJNwI5xwZu4363tB7yu47yBLjBbPY7gtGByAzDYhXN4S6hUZeQClZ9Wem0DoK5FZF61JNd0UiTEBngSH28YFLAo1bsmyS08K5rM1BA0Kskbsz+I2x/V3v+Ocng/y8idsUmeK4yLtgobzGyOODyqdWBaGYj3nlA/n9GOd9jkaKZ0BKk9TVxHWV3+L2yeuGNE+6kvCOlKNnuJdkyL0nOZYI+AJfQPKHeO0pJkrLyBrIJtu0977Esx5Gl7/rL8o8PpY2nroQw7NdE3pHXoO60D04p9ZxP0ehU4T7x7l/bT02LWm2ALV9SmHqPZSk1JPdicciiIvf1i/zYBnd0vaB+aTEFXiVvv0X7msljfktT//b3a1F6aBQNVidaI+UUf4fcf5V+dWj0od4wrnmiI20cUBz/vwm78pD61l8XFNHJrYPgzxIZJwbgOrlE+fFR7X+NfvVApCs1Z9ckHWJjjzptgRJ9kMu+L0ugMkn19Tu3SWDeoswKbU5saXR+W9L4X4oSgNC8aFKpU5oi7H9c6+KmYBVnrL7UPRoTfZhhaB8aSmsHMsqjtReVqpxgizHymfmFEfuUNtYuPCHMzbFkXBie0NUOcqAoVva2j25VMejZN9OL2W8Cis0ovieQGq/otecU1QY+TVJf7Kl9Z/58FZ3Qc11FNT6ykJrmnRM/j53WFde1X0cuC42vHNMQLVYbLWKik9qiLjonG8CDuqgozi29lPkRD4cbqb6NIEf8Andv4zpsw5koAAAAASUVORK5CYII=);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 999;
}
@media (max-width: 1200px) {
.grade[data-v-edc1893c] {
    font-size: 12px;
}
}
@media (max-width: 1200px) {
.input-code[data-v-edc1893c] {
    width: 150px !important;
}
}
.tong-height[data-v-edc1893c] {
  height: 38px;
  line-height: 38px;
}
.side-box[data-v-edc1893c] {
  width: 204px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.content[data-v-edc1893c] {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
.content[data-v-edc1893c] {
    width: 96%;
    font-size: 12px !important;
}
}
.cell[data-v-edc1893c] {
  padding: 20px;
}
.querenPay[data-v-5c194848] {
  width: 200px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background-color: #0f6674;
  border-radius: 5px;
  font-size: 18px;
}
.Payment[data-v-5c194848] {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.kami[data-v-19f6394e] {
  width: 400px;
}
@media (max-width: 1366px) {
.kami[data-v-19f6394e] {
    width: 200px;
}
}
@media (max-width: 1200px) {
.kami[data-v-19f6394e] {
    width: 100px;
}
}
@media (max-width: 1200px) {
.kami[data-v-19f6394e] {
    width: 50%;
}
}
.side-box[data-v-19f6394e] {
  width: 204px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.content[data-v-19f6394e] {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
.content[data-v-19f6394e] {
    width: 98%;
    font-size: 12px;
}
}
.content-shou[data-v-19f6394e] {
  background-color: var(--main-bg-2);
  margin-bottom: 20px;
}
.content-money[data-v-19f6394e] {
  width: 70%;
  background-color: var(--main-bg-2);
}
@media (max-width: 1200px) {
.content-money[data-v-19f6394e] {
    width: 100%;
}
}
.content-money-list-item[data-v-19f6394e] {
  width: 32%;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 10px;
  border: 1px solid var(--main-dark-blue);
}
.content-money-list .active[data-v-19f6394e] {
  background-image: var(--main-yellow-gradual-x);
}
.content-money-Siberian[data-v-19f6394e] {
  height: 38px;
  line-height: 38px;
}
@media (max-width: 1200px) {
.content-money-Siberian[data-v-19f6394e] {
    font-size: 12px;
}
}
.content-pay[data-v-19f6394e] {
  width: 30%;
  background-color: var(--main-bg);
}
@media (max-width: 1200px) {
.content-pay[data-v-19f6394e] {
    width: 100%;
}
}
.content-pay .icon[data-v-19f6394e] {
  font-size: 50px;
}
.content-pay .active[data-v-19f6394e] {
  background-image: var(--main-money-gradual);
}
.record[data-v-19f6394e] {
  width: 100%;
  background-color: var(--main-bg-2);
  padding: 20px;
}
@media (max-width: 960px) {
.record[data-v-19f6394e] {
    padding: 10px;
}
}
.open-box-btn[data-v-1e2425ec] {
  padding: 10px 15px;
  border-radius: 5px;
}
.dong[data-v-1e2425ec] {
  animation: huangdong-1e2425ec 0.5s infinite;
}
@keyframes huangdong-1e2425ec {
to {
    transform: rotate(10deg);
}
from {
    transform: rotate(-20deg);
}
}
.open-box-img img[data-v-1e2425ec] {
  width: 70px;
}
.open-box[data-v-1e2425ec] {
  background-color: #343a40;
  padding: 20px 0;
  color: #fff;
}
@media (max-width: 1000px) {
.goodss[data-v-707269a4] {
    font-size: 12px;
}
}
.qiandaoguize[data-v-707269a4] {
  background-image: url(../img/bg.ee5f5704.png);
  padding: 30px;
  font-size: 13px;
}
@media (max-width: 1000px) {
.qiandaoguize[data-v-707269a4] {
    font-size: 12px;
}
}
.open-box[data-v-707269a4] {
  background-color: #343a40;
  padding: 20px 0;
  color: #fff;
}
.dong[data-v-707269a4] {
  animation: huangdong-707269a4 0.5s infinite;
}
@keyframes huangdong-707269a4 {
to {
    transform: rotate(10deg);
}
from {
    transform: rotate(-20deg);
}
}
.TaskIn-con-left[data-v-707269a4] {
  width: 145px;
  margin-right: 40px;
  color: #c3c3e2;
  height: 400px;
  overflow-y: scroll;
}
@media (max-width: 1000px) {
.TaskIn-con-left[data-v-707269a4] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    overflow-x: scroll;
}
}
.TaskIn-con-left .active[data-v-707269a4] {
  color: #e9b108 !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,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);
}
.TaskIn-con-right[data-v-707269a4] {
  width: 950px;
  height: 385px;
  overflow-y: scroll;
}
@media (max-width: 1000px) {
.TaskIn-con-right[data-v-707269a4] {
    width: 100%;
    height: 350px;
}
}
.TaskIn-con-hot[data-v-707269a4] {
  width: 100%;
  margin-top: 20px;
}
.TaskIn-con-hot-left-item[data-v-707269a4] {
  padding: 10px 10px;
  margin-bottom: 5px;
}
@media (max-width: 1000px) {
.TaskIn-con-hot-left-item[data-v-707269a4] {
    width: 25%;
}
}
.borderVip[data-v-594efcbc] {
  border: 1px solid #57575f;
}
@media (max-width: 960px) {
.content-img img[data-v-594efcbc] {
    width: 40px;
}
}
@media (max-width: 960px) {
.money[data-v-594efcbc] {
    display: none;
}
}
.tab-top[data-v-594efcbc] {
  width: 200px;
  text-align: center;
}
@media (max-width: 960px) {
.tab-top[data-v-594efcbc] {
    font-size: 12px;
}
}
.activeVip[data-v-594efcbc] {
  background-color: rgba(0, 0, 0, 0.35) !important;
}
.souyouhongbao[data-v-594efcbc] {
  width: 100%;
}
@media (max-width: 1200px) {
.souyouhongbao[data-v-594efcbc] {
    width: 1100px;
}
}
.desc[data-v-594efcbc] {
  width: 80%;
  margin: 50px auto;
}
@media (max-width: 1200px) {
.desc[data-v-594efcbc] {
    justify-content: flex-start;
    width: 90%;
    font-size: 12px !important;
    line-height: 1.3;
}
}
.desc .item[data-v-594efcbc] {
  margin-bottom: 50px;
}
.desc .item .tilte[data-v-594efcbc] {
  margin-bottom: 20px;
  font-size: 17px;
  color: rgb(255, 255, 255);
}
.desc .item .info[data-v-594efcbc] {
  color: rgb(181, 187, 194);
  font-size: 17px;
}
.vip-title[data-v-594efcbc] {
  color: #c2c1cf;
  background-color: #28283b;
  border-bottom: 1px solid #222144;
  width: 147px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1200px) {
.vip-title[data-v-594efcbc] {
    width: 100px;
}
}
.vip-silde[data-v-594efcbc] {
  background-color: #2e2b5b;
  border-right: 1px solid #222144;
  border-bottom: 1px solid #222144;
}
.vip-con[data-v-594efcbc] {
  width: 115px;
  height: 70px;
  padding: 0 10px;
  font-size: 14px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #30303f;
  color: #d4d3dd;
  border-right: 1px solid #222144;
  border-bottom: 1px solid #222144;
}
.vip-con-btn[data-v-594efcbc] {
  font-size: 14px;
  text-align: center;
  line-height: 68px;
  background-color: #30303f;
}
.vip-con-award[data-v-594efcbc] {
  width: 80%;
  height: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #333160;
}
.vip-con .active[data-v-594efcbc] {
  background-color: red;
  color: #ffffff;
}
@media (max-width: 1200px) {
.grade[data-v-594efcbc] {
    font-size: 12px;
}
}
@media (max-width: 1200px) {
.input-code[data-v-594efcbc] {
    width: 150px !important;
}
}
.tong-height[data-v-594efcbc] {
  height: 38px;
  line-height: 38px;
}
.side-box[data-v-594efcbc] {
  width: 204px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.vip-content[data-v-594efcbc] {
  width: 90% !important;
}
@media (max-width: 1200px) {
.vip-content[data-v-594efcbc] {
    width: 95% !important;
}
}
.content[data-v-594efcbc] {
  width: 100%;
  height: 350px;
  overflow-y: scroll;
  margin: 0 auto;
  background-color: rgba(25, 25, 38, 0.5);
}
@media (max-width: 1200px) {
.content[data-v-594efcbc] {
    width: 96%;
    font-size: 12px !important;
}
}
.content-box[data-v-594efcbc] {
  width: 83%;
}
@media (max-width: 1200px) {
.content-box[data-v-594efcbc] {
    width: 90%;
}
}
.content-box-scroll[data-v-594efcbc] {
  background-color: #30303f;
  overflow-x: scroll;
}
.content-box-scroll[data-v-594efcbc]::-webkit-scrollbar {
  height: 2px !important;
}
.content-box-table[data-v-594efcbc] {
  justify-content: center;
}
@media (max-width: 1200px) {
.content-box-table[data-v-594efcbc] {
    justify-content: flex-start;
    font-size: 12px !important;
}
}
.cell[data-v-594efcbc] {
  padding: 20px;
}
@media (max-width: 1200px) {
.cell[data-v-594efcbc] {
    padding: 5px;
}
}
.highlighted-message[data-v-594efcbc] {
  width: 83%;
  margin: 10px auto;
  padding: 19px 5px 19px 16px;
  border: 1px solid #fada62;
  border-radius: 8px;
  background-color: rgba(250, 218, 98, 0.12);
}
@media (max-width: 1200px) {
.highlighted-message[data-v-594efcbc] {
    width: 90%;
}
}
.border-gray-VIP[data-v-594efcbc] {
  border-bottom: 3px solid #d2d6ff;
}
.border-blue-VIP[data-v-594efcbc] {
  border-bottom: 3px solid #5968ff;
}
.border-purple-VIP[data-v-594efcbc] {
  border-bottom: 3px solid #9e6dff;
}
.border-red-VIP[data-v-594efcbc] {
  border-bottom: 3px solid #af416e;
}
.border-gold-VIP[data-v-594efcbc] {
  border-bottom: 3px solid #ffba6b;
}
.open-box-btn[data-v-abe78e92] {
  border-radius: 5px;
}
.dong[data-v-abe78e92] {
  animation: huangdong-abe78e92 0.5s infinite;
}
@keyframes huangdong-abe78e92 {
to {
    transform: rotate(10deg);
}
from {
    transform: rotate(-20deg);
}
}
.open-box-img img[data-v-abe78e92] {
  width: 70px;
}
.open-box[data-v-abe78e92] {
  color: #fff;
  width: 100%;
  justify-content: space-around;
}
.listmus[data-v-4e45bf38] {
  width: 85% !important;
}
@media (max-width: 960px) {
.listmus[data-v-4e45bf38] {
    margin-left: 0px !important;
}
}
.listmu[data-v-4e45bf38] {
  position: relative;
}
.one[data-v-4e45bf38] {
  font-size: 16px;
}
@media (max-width: 960px) {
.one[data-v-4e45bf38] {
    font-size: 14px;
}
}
.one div[data-v-4e45bf38] {
  font-size: 12px !important;
}
@media (max-width: 960px) {
.one[data-v-4e45bf38] {
    padding-left: 25px !important;
}
}
@media (max-width: 960px) {
.two[data-v-4e45bf38] {
    padding-left: 25px !important;
    font-size: 12px;
}
}
@media (max-width: 960px) {
.three[data-v-4e45bf38] {
    padding-left: 25px !important;
    font-size: 12px;
}
}
.immediatelyShopping[data-v-4e45bf38] {
  width: 350px;
  left: calc(50% - 175px);
  top: 25%;
  z-index: 999;
  border-radius: 10px;
  color: white !important;
}
.immediatelyShopping-box[data-v-4e45bf38] {
  background: rgb(192, 42, 50);
  border-radius: 15px;
  background: url(../img/red.d7ed49f8.png) no-repeat center;
  background-size: 100% 100%;
}
.immediatelyShopping-list[data-v-4e45bf38] {
  height: 300px;
  overflow: scroll;
}
.immediatelyShopping-list[data-v-4e45bf38]::-webkit-scrollbar {
  display: none;
}
.immediatelyShopping-input[data-v-4e45bf38] {
  width: 100%;
  background-color: #fffad8;
}
.immediatelyShopping-input input[data-v-4e45bf38] {
  width: 140px;
}
.immediatelyShopping-item-img[data-v-4e45bf38] {
  width: 100px;
  height: 100%;
  position: absolute;
  left: -5px;
  top: 0;
}
@media (max-width: 960px) {
.immediatelyShopping-item-img[data-v-4e45bf38] {
    top: 7%;
    width: 90px;
    height: 90%;
}
}
.immediatelyShopping-pk[data-v-4e45bf38] {
  width: 20%;
  margin: 5px auto;
  background-color: #eaa028;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  right: 20px;
  bottom: 0;
}
@media (max-width: 960px) {
.immediatelyShopping-pk[data-v-4e45bf38] {
    width: 25%;
    right: 10px;
    bottom: -20px;
}
}
@media (max-width: 1200px) {
.immediatelyShopping[data-v-4e45bf38] {
    width: 70%;
    left: 15%;
    top: calc(80px + 5%);
}
.immediatelyShopping-box-con-img[data-v-4e45bf38] {
    width: 50%;
}
.immediatelyShopping-box-con img[data-v-4e45bf38] {
    width: 100%;
}
.immediatelyShopping-box-con-dis[data-v-4e45bf38] {
    margin-left: 20px !important;
    margin-top: 10px;
}
}
.tab-top[data-v-32a500bb] {
  width: 200px;
  text-align: center;
}
@media (max-width: 960px) {
.tab-top[data-v-32a500bb] {
    font-size: 12px;
}
}
.vip-content[data-v-32a500bb] {
  width: 90% !important;
}
@media (max-width: 1200px) {
.vip-content[data-v-32a500bb] {
    width: 95% !important;
}
}
.content[data-v-32a500bb] {
  width: 100%;
  height: 380px;
  overflow-y: scroll;
  margin: 0 auto;
  background-color: rgba(25, 25, 38, 0.5);
  color: #9ca3af;
}
@media (max-width: 1200px) {
.content[data-v-32a500bb] {
    width: 96%;
    font-size: 12px !important;
}
}
.content-box[data-v-32a500bb] {
  width: 83%;
}
@media (max-width: 1200px) {
.content-box[data-v-32a500bb] {
    width: 90%;
}
}
.content-box-scroll[data-v-32a500bb] {
  background-color: #30303f;
  overflow-x: scroll;
}
.content-box-scroll[data-v-32a500bb]::-webkit-scrollbar {
  height: 2px !important;
}
.content-box-table[data-v-32a500bb] {
  justify-content: center;
}
@media (max-width: 1200px) {
.content-box-table[data-v-32a500bb] {
    justify-content: flex-start;
    font-size: 12px !important;
}
}
.qiandaoguize[data-v-32a500bb] {
  background-image: url(../img/bg.ee5f5704.png);
  padding: 30px 20px 30px 25px;
  font-size: 13px;
}
@media (max-width: 1000px) {
.qiandaoguize[data-v-32a500bb] {
    font-size: 12px;
}
}
.qiandaoguize div[data-v-32a500bb] {
  text-align: left;
}
@media (max-width: 1000px) {
.goodss[data-v-571f0041] {
    font-size: 12px;
}
}
.qiandaoguize[data-v-571f0041] {
  background-image: url(../img/bg.ee5f5704.png);
  padding: 30px;
  font-size: 13px;
}
@media (max-width: 1000px) {
.qiandaoguize[data-v-571f0041] {
    font-size: 12px;
}
}
.open-box[data-v-571f0041] {
  background-color: #343a40;
  padding: 20px 0;
  color: #fff;
}
.open-box-btn[data-v-571f0041] {
  padding: 10px 15px;
  border-radius: 5px;
}
.open-box-img img[data-v-571f0041] {
  width: 70px;
}
.dong[data-v-571f0041] {
  animation: huangdong-571f0041 0.5s infinite;
}
@keyframes huangdong-571f0041 {
to {
    transform: rotate(10deg);
}
from {
    transform: rotate(-20deg);
}
}
.TaskIn-con-left[data-v-571f0041] {
  width: 145px;
  margin-right: 40px;
  color: #c3c3e2;
  height: 400px;
  overflow-y: scroll;
}
@media (max-width: 1000px) {
.TaskIn-con-left[data-v-571f0041] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    overflow-x: scroll;
}
}
.TaskIn-con-left .active[data-v-571f0041] {
  color: #e9b108 !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAfCAYAAAAGJfifAAAAAXNSR0IArs4c6QAABnhJREFUaEPtmr1vFFcUxc95O7Mfwl842BuUIFEgCrekDwU0kQIkBX9GarpASZM/JG4iaiKljZS0LhBBkZIoMUjGay9mdj72Rfe+92Znxrsh5VgauxjvfDzvzm/PuefuXaL7afUdsL8g5mfImk+SssMCfPIY/BbA/h64cwDe/hzAOohX4Ms1MDoEcR2I3oC9EfQ60wfNBOQAPD7d5vb2EY6noIm3uIVjMN4kI8vTM8uNDWD6HuR7y7U14F0CsmfJCDxLLC9dAjADk5nlaAQwBdEDZ8YSGTgaDpGkCZmBw+EAMzMjsgFpLGcZOBgAzCwxAJCDNCAyy0y2OdjvA5nfprklCcKAzN1rgYlJpuXfWZGRjIgCjCNAtrmsBYC0ul9+dR35mYM5LeVU2ZfLcVmf0H1yjLJPFwDlfLC3uJ5gMQd7/vpC/sccNDTD3fuT/eXgrF/wCYg98KcdcP0FeOsWcPAK7K+BNwD8PgIDuKsADivg3Gvf5vH0iCYGt7AFxg6awHPHHTiBpc9fwM0cQH1ikQPHHhQe0gU4Pd8MyZ6DByGVCaA6uLQH9vXcOjj0AYVkrB7PPLgAEx5mJqBiARUriAAugJBDYb/c+qIAIyHTABdAL0D6N0sAZ+RN4V63wBVoirIBjuQ34/snd5eCk3OtBeDByUm/voWR7egy2P8HvCHkRuCfb8BPBVrijpsheDQAPwpgppeJy29x+nrTYHMCc7ahahOAARzWAJNZvV7A4RLAxFLACQjZPyvc+vJ4CCBRSAJ5QJWmGRBZQt3qEwFFcVVwaWb1GgGVBnX59VUpRUUxxt3YrIgZizOZmHmeESZSxZUKyi2hYN2NroID7eKxqG4OpzJVrAcnKkYOWbcoclWdHvbgZE15rGup4viDjXlz/MXktyq8c1apiqtY5SrFNa0SuAITz73iFlYZFLcBYOoVV7PKoLhVVplatUxnlQIu4RADzLIZYQZMvZUGqwzgxCL7tBRFiVVWFRfe5QJb/s7n1sToqwWKRcZxDNn29SY7a1sFrlzLK05AiQLD+aXixBaLXBVVyLpzB628PlhlD+Bc3hDWWy2fwfLp+MHk0X+CCzVu/Sp4C8CBKG5JjTNvQYyBRY0Dt7fhaxxozja5uemUJlZZBSdWGexRFHfWO1/jSsWllsOh2Cqo4LTGATNVHBSclLUPKU6On6txoobY22qoe36tYJUiLtXWihrXBBdAKey5U4/WvGaNa1ilqrdS44LiSD4jcLjzycm1akgpFScJJVil1Ljb8ozWwf+vOFfjOD3ipBJOVoEra5xAFJv0ihNrFEBS4urhBEjSUOOcXYriltU4VwOBfiWcVBVXBgpvn5mxFEBkXFOcs9NoESD0/LpVlla4QnH1cOKV1ovgFAcW3ioDuGCVNcW5987Dakipg5Pj+yB2fFh5AQbFSYkLNU5S5fJwAnIKTpaEk6biSnBBcT6ccGaZVMNJaZUCTpTqVBfCSZolHIhPVmqcHO8PgFU1rgRXgBJSJHFWw4msFSPWEBJLPWJUt0pvsapEryiXEl2NCzdfUui5cCLniV+WipNC23MQfZ3TmudTpSjOW+TzakhxHi6l8DEI7Qc8NIHnFbcnifIdzPXrQAgnf4/A0A5gB5j8BSNWSR9OON1iSJUSTt6FMPLeUsIJQzvgw0mSWyMqS4xVtQmgkColnJTWWQsnizCTFtaIZa4KJ2qV2hosklxpn2qPS8JJiP0REHurbCquDCeydrEIJ2VN9OEkKqH6cDKP1ECbiuuFGtcAR2Bu57w5/sqFlK6Pa3kfV1EcqiHFgev6uJpVtqyPC1YpqA53fUhZWGXXx7Wyj6sprhJSuj7uIvRx1QYO0JCyssZ1fZz7yKsNfVyj8daQ0vVxuaTN9vdxNdFZPu36uIvTx5XsCPzR9XEy6rkAfVzNLonvuz7uIvVxnl7P8E7Xx/nhaovncdU+TtC93L134sJJN49b8ZFXC+Zx5/o42ke7904X4SR8daGbx7VwHlcWOJvawl77+Ovp666PuwDzuEow2R/fP3lY+5C5m8e1ex6n40nDO1e+nPx4Hlw3j6N8WaiN8zgCL3cklFAl5mdv3Tyu/fM4H0qCbXZ93IXo4xahpA6um8e1fR5XhpIauK6Pa3kfZ3l3/GDyvDElqH8Fvevj2tXHGfK7aij5YI3r5nHtmMcZgz35pKQ+S618Wajr49rZx2Fuf5ZPSprg/gWPpvFvtQ18yQAAAABJRU5ErkJggg==);
}
.TaskIn-con-right[data-v-571f0041] {
  width: 950px;
  height: 385px;
  overflow-y: scroll;
}
@media (max-width: 1000px) {
.TaskIn-con-right[data-v-571f0041] {
    width: 100%;
    height: 350px;
}
}
.TaskIn-con-hot[data-v-571f0041] {
  width: 100%;
  margin-top: 20px;
}
.TaskIn-con-hot-left-item[data-v-571f0041] {
  padding: 10px 10px;
  margin-bottom: 5px;
}
@media (max-width: 1000px) {
.TaskIn-con-hot-left-item[data-v-571f0041] {
    width: 25%;
}
}
.redbacks[data-v-246638ae] {
  width: 100% !important;
  background: url(../img/redback.b93a8ad3.jpg) no-repeat center;
  background-size: 100% 100%;
  margin: 0 auto;
  color: white !important;
}
@media (max-width: 960px) {
.redbacks[data-v-246638ae] {
    padding: 20px;
}
}
.redbacks .redbackss[data-v-246638ae] {
  width: 60%;
  margin: 0 auto;
  padding: 40px;
}
@media (max-width: 960px) {
.redbacks .redbackss[data-v-246638ae] {
    width: 100%;
    padding: 0px;
}
}
.TaskIn[data-v-246638ae] {
  width: 100%;
}
@media (max-width: 960px) {
.TaskIn[data-v-246638ae] {
    width: 110%;
    margin-left: -5%;
}
}
.TaskIn-right[data-v-246638ae] {
  margin: 0 auto;
  width: 25%;
  color: white;
}
@media (max-width: 960px) {
.TaskIn-right[data-v-246638ae] {
    display: none;
}
}
.TaskIn-right h3[data-v-246638ae] {
  width: 90%;
  margin: 0 auto;
  text-align: left;
  padding: 0.2rem;
}
.TaskIn-right h2[data-v-246638ae] {
  text-align: center;
}
.TaskIn-right-top[data-v-246638ae] {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin: 0 auto;
}
.TaskIn-right-top .imgs[data-v-246638ae] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 10px;
}
.TaskIn-right-top .userinfo[data-v-246638ae] {
  display: flex;
  flex-wrap: wrap;
}
.TaskIn-right-top .userinfo span[data-v-246638ae] {
  width: 100%;
}
.TaskIn-right-top span[data-v-246638ae] {
  font-size: 12px;
}
.TaskIn-right-bottom[data-v-246638ae] {
  width: 90%;
  border: 1px solid #78702f;
  margin: 0 auto;
  height: 70%;
  margin-top: 20px;
  border-radius: 8px;
  overflow: hidden;
  padding: 0.1rem;
  background: rgba(35, 35, 13, 0.8705882353);
}
.TaskIn-right-bottom .one[data-v-246638ae] {
  background: rgba(35, 35, 13, 0.8705882353);
  border-bottom: 1px solid rgba(255, 193, 7, 0.41);
  height: 5rem;
  position: relative;
}
.TaskIn-right-bottom p[data-v-246638ae] {
  float: right;
  color: rgb(100, 91, 91);
  position: absolute;
  right: 0;
  bottom: 5px;
}
.TaskIn-right-bottom p[data-v-246638ae]:hover {
  color: rgb(39, 142, 179);
  cursor: pointer;
}
.TaskIn-left[data-v-246638ae] {
  width: 100% !important;
  background: url(../img/leftbac.2058a3db.jpg) no-repeat center;
  background-size: 100% 100% !important;
}
.TaskIn-con[data-v-246638ae] {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: flex;
  flex-wrap: nowrap;
}
.TaskIn-con-top[data-v-246638ae] {
  width: 25%;
  padding: 18px 10px;
  background-color: #343a40;
  margin-right: 2px;
  color: #c3c3e2;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
@media (max-width: 960px) {
.TaskIn-con-top[data-v-246638ae] {
    font-size: 12px !important;
}
}
.TaskIn-con-title[data-v-246638ae] {
  text-align: center;
}
.TaskIn-con-title .active[data-v-246638ae] {
  color: #e9b108;
  background-color: #6c757d;
}
.TaskIn-con-left[data-v-246638ae] {
  width: 145px;
  margin-right: 50px;
  margin-top: 20px;
}
@media (max-width: 960px) {
.TaskIn-con-left[data-v-246638ae] {
    font-size: 12px !important;
}
}
.TaskIn-con-right[data-v-246638ae] {
  width: 950px;
  height: 350px;
  overflow-y: scroll;
}
.TaskIn-con-hot[data-v-246638ae] {
  width: 100%;
}
.TaskIn-con-hot-left-item[data-v-246638ae] {
  padding: 10px 10px;
  margin-bottom: 5px;
}

.content1[data-v-21b869e6] {
  color: #9692b8;
  width: 100%;
  height: 100vh;
  /* background: url('../../assets/image/index/1.png') center center no-repeat; */
  background-size:100% 100% ;
  position: relative;
}
.content[data-v-21b869e6] {
  line-height: 432px;
  font-size: 26px;
  font-weight: 500;
  text-align: center;
}
.is404[data-v-21b869e6] {
  font-size: 222px;
  margin-bottom: -30px;
}
.h4[data-v-21b869e6] {
  color: #9692b8;
  font-size: 60px;
  font-weight: bold;
}
.h4[data-v-21b869e6]:hover {
  color: #eee;
}
@media screen and (max-width: 768px) {
.content[data-v-21b869e6] {
    padding-top: 0px;
    line-height: 345px;
}
.is404[data-v-21b869e6] {
    font-size: 150px;
}
.h4[data-v-21b869e6] {
    font-size: 40px;
}
}

.swiper-list-jieri[data-v-65a6d5df] {
  width: 100%;
}
.swiper-list-jieri img[data-v-65a6d5df] {
  position: absolute;
  right: 0;
  width: 26%;
}
@media (max-width: 1200px) {
.code-phone[data-v-65a6d5df] {
    width: 100px !important;
}
}
@media (max-width: 1200px) {
.code-phone-size[data-v-65a6d5df] {
    font-size: 12px;
}
}
.login_egister[data-v-65a6d5df] {
  padding-top: 5rem;
}
@media (max-width: 1200px) {
.login_egister[data-v-65a6d5df] {
    width: 100% !important;
}
}
[data-v-65a6d5df] .el-dialog {
  background-size: 100% 100% !important;
}
@media (max-width: 490px) {
[data-v-65a6d5df] .el-dialog {
    width: 90% !important;
    margin: 0 auto;
}
}
.login_top[data-v-65a6d5df] {
  background-size: 100% 100%;
  height: 600px;
  position: absolute;
  top: -310px;
  margin: 0 auto;
  left: -13%;
  z-index: -1;
}
@media (max-width: 1200px) {
.login_top[data-v-65a6d5df] {
    background-size: 100% 100%;
    height: 400px;
    position: absolute;
    top: -200px;
    margin: 0 auto;
    left: -13%;
    z-index: -1;
}
}
.login[data-v-65a6d5df] {
  width: 420px;
  width: 100%;
}
.login-right[data-v-65a6d5df] {
  width: 100%;
}
.login-right-input[data-v-65a6d5df] {
  color: #FFFFFF;
  font-size: 25px;
}
.login .text[data-v-65a6d5df] {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  padding: 15px 0 10px;
}
.login .login-btns-2[data-v-65a6d5df] {
  display: flex;
  flex-direction: column;
}
.login .login-btns-2 .btn[data-v-65a6d5df] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88%;
  height: 48px;
  border-radius: 8px;
  font-weight: 700;
  margin: 0 auto;
  clip-path: polygon(13px 0px, calc(100% - 13px) 0px, 100% 50%, calc(100% - 13px) 100%, 13px 100%, 0px 50%);
}
.login .login-btns-2 .btn svg[data-v-65a6d5df] {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
}
.login .login-btns-2 .btn.stean-btn-2[data-v-65a6d5df] {
  background-color: #5c49d0;
  transition: background-color 0.3s;
  color: #fff;
  opacity: 0.7;
  pointer-events: none;
}
.login .login-btns-2 .btn.stean-btn-2[data-v-65a6d5df]:hover {
  background-color: #7d69f8;
}
.login .login-btns-2 .btn.stean-btn-2.is_click[data-v-65a6d5df] {
  opacity: 1;
  pointer-events: unset;
}
.login .login-btns-2 .btn.gmail-btn-2[data-v-65a6d5df] {
  background-color: #ededed;
  color: #000;
  margin-top: 15px;
}
.login input[data-v-65a6d5df] {
  background: transparent !important;
}
.login .or[data-v-65a6d5df] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #60656c;
  font-size: 12px;
  font-weight: 700;
  margin: 10px 0 15px -15px;
  width: calc(100% + 30px);
}
.login .or[data-v-65a6d5df]::before, .login .or[data-v-65a6d5df]::after {
  content: "";
  width: calc(50% - 20px);
  height: 1px;
  background-color: #60656c;
}
.login .steamLogin[data-v-65a6d5df],
.login .emailLogin[data-v-65a6d5df] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block: 20px;
  color: #dee6fa;
  font-weight: 600;
  cursor: pointer;
}
.login .steamLogin i[data-v-65a6d5df],
.login .emailLogin i[data-v-65a6d5df] {
  font-weight: 700;
  margin-left: 3px;
}
.login .content-register[data-v-65a6d5df] {
  margin-bottom: 35px;
}
.login .steamLogin[data-v-65a6d5df] {
  justify-content: flex-start;
}
.login .agreement[data-v-65a6d5df] {
  position: relative;
  display: inline-flex;
  margin-bottom: 30px;
  padding-left: 60px;
  cursor: pointer;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.login .agreement:hover .checkbox__hexagon-stroke[data-v-65a6d5df] {
  stroke: #747099 !important;
}
.login .agreement .checkbox__hexagon[data-v-65a6d5df] {
  position: absolute;
  top: -2px;
  left: 20px;
  height: 34px;
  width: 34px;
  margin-right: 10px;
}
.login .agreement .checkbox__hexagon .checkbox__hexagon-background[data-v-65a6d5df] {
  fill: #1b192f;
}
.login .agreement .checkbox__hexagon .checkbox__hexagon-stroke[data-v-65a6d5df] {
  fill: transparent;
  stroke: #3b3762;
  stroke-width: 2;
  transition: stroke 0.3s;
}
.login .agreement .checkbox__hexagon .checkbox__hexagon-checkmark[data-v-65a6d5df] {
  fill: transparent;
}
.login .agreement .checkbox__hexagon.is_click .checkbox__hexagon-stroke[data-v-65a6d5df] {
  fill: #1a2633;
  stroke: #4af1b8 !important;
}
.login .agreement .checkbox__hexagon.is_click .checkbox__hexagon-checkmark[data-v-65a6d5df] {
  fill: #4af1b8 !important;
}
.login .agreement p[data-v-65a6d5df] {
  color: #9692b8;
  font-size: 18px;
  font-weight: 500;
}
.login .agreement a[data-v-65a6d5df] {
  color: #9692b8;
  text-decoration: underline;
}
.login .agreement a[data-v-65a6d5df]:hover {
  color: #fff !important;
}
.swiper[data-v-65a6d5df] {
  width: 100%;
  overflow: hidden;
}
.swiper-list[data-v-65a6d5df] {
  position: relative;
}
.swiper-list-left[data-v-65a6d5df] {
  width: 180px;
  background: var(--pan-bg);
}
.swiper-list-left img[data-v-65a6d5df] {
  width: 100px;
}
.swiper-list-left-sum[data-v-65a6d5df] {
  color: var(--pan-text);
  margin-bottom: 5px;
}
.swiper-list-left-sumto[data-v-65a6d5df] {
  position: relative;
  padding-left: 20px;
}
.swiper-list-left-sumto[data-v-65a6d5df]::before {
  position: absolute;
  content: "";
  background: #5cc468;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  left: 0;
}
@media (max-width: 1366px) {
.swiper-list-left[data-v-65a6d5df] {
    width: 150px;
}
.swiper-list-left img[data-v-65a6d5df] {
    width: 30px;
}
}
@media (max-width: 768px) {
.swiper-list-left[data-v-65a6d5df] {
    display: none !important;
}
}
.swiper-list-content .warp[data-v-65a6d5df] {
  height: 120px;
}
@media (max-width: 1366px) {
.swiper-list-content .warp[data-v-65a6d5df] {
    height: 100px;
}
}
@media (max-width: 1100px) {
.swiper-list-content .warp[data-v-65a6d5df] {
    height: 80px;
}
}
.swiper-list-content-box[data-v-65a6d5df] {
  margin: 0 1px;
  top: 0;
  transition: all 0.5s;
}
@media (max-width: 1100px) {
.swiper-list-content-box[data-v-65a6d5df] {
    height: 80px;
}
}
.swiper-list-content-box[data-v-65a6d5df]:hover {
  top: -120px;
}
.swiper-list-content-box-item[data-v-65a6d5df] {
  transition: all 0.5s;
  width: 160px;
  height: 120px;
  font-size: 12px;
}
@media (max-width: 1366px) {
.swiper-list-content-box-item[data-v-65a6d5df] {
    height: 100px;
}
.swiper-list-content-box-item-img[data-v-65a6d5df] {
    width: 50%;
}
}
@media (max-width: 1100px) {
.swiper-list-content-box-item[data-v-65a6d5df] {
    width: 90px;
    height: 80px;
}
.swiper-list-content-box-item-type-num[data-v-65a6d5df] {
    font-size: 12px;
}
.swiper-list-content-box-item-type img[data-v-65a6d5df] {
    width: 10px;
}
}
.swiper-list-content-box-item-type[data-v-65a6d5df] {
  top: 10px;
}
.swiper-list-content-box-itemnone[data-v-65a6d5df] {
  opacity: 0;
  transition: all 0.5s;
  width: 170px;
  height: 100px;
}
.swiper-list-content-box-itemnone-title[data-v-65a6d5df] {
  text-align: center;
  padding: 10px 0;
}
.swiper-list-content-box-itemnone-img[data-v-65a6d5df] {
  transition: all 1s;
}
.swiper-list-content-box:hover .swiper-list-content-box-item[data-v-65a6d5df] {
  /*transform:rotateY(360deg);*/
}
.fon14[data-v-65a6d5df] {
  font-size: 14px;
}
@media (max-width: 1000px) {
.fon14[data-v-65a6d5df] {
    font-size: 12px;
}
}
[data-v-65a6d5df] .login-btn {
  height: 46px;
  display: flex;
  align-items: center;
  background: #cf3464 !important;
  box-shadow: none !important;
}
.panda-btn-bg[data-v-65a6d5df] {
  background: #0d0e0e !important;
  color: #fff !important;
}
.pan-main-15[data-v-65a6d5df] {
  background: #342d48 !important;
  color: #9a8eef !important;
}
[data-v-65a6d5df] .login_dia1 {
  width: 520px !important;
  overflow: hidden;
  border-radius: 5px;
  background: url(../img/FjdwQer.c3807f88.jpg) no-repeat !important;
  background-size: 100% 100% !important;
  background-position: 100% 100%;
}
@media screen and (max-width: 767px) {
[data-v-65a6d5df] .login_dia1 {
    width: 456px !important;
}
[data-v-65a6d5df] .login_dia1 .login-content-wrapper {
    padding: 0 30px 35px;
}
}
@media screen and (max-width: 490px) {
[data-v-65a6d5df] .login_dia1 {
    transform: scale(0.95);
    transform-origin: top center;
    width: 100% !important;
    margin-bottom: -20px;
    background-size: cover !important;
    background-position: 50% 10% !important;
    width: 400px !important;
}
[data-v-65a6d5df] .login_dia1 .login-content-wrapper {
    padding: 0 20px 35px;
}
[data-v-65a6d5df] .login_dia1 .login-content-wrapper .text {
    padding-right: 60px;
}
}
@media screen and (max-width: 419px) {
[data-v-65a6d5df] .login_dia1 {
    width: 360px !important;
}
[data-v-65a6d5df] .login_dia1 .login-content-wrapper {
    padding: 0 20px 35px;
}
[data-v-65a6d5df] .login_dia1 .login-content-wrapper .text {
    padding-right: 60px;
}
}
@media screen and (max-width: 374px) {
[data-v-65a6d5df] .login_dia1 {
    width: 92% !important;
    min-width: 288px !important;
}
[data-v-65a6d5df] .login_dia1 .login-content-wrapper {
    padding: 0 20px 35px;
}
[data-v-65a6d5df] .login_dia1 .login-content-wrapper .text {
    padding-right: 60px;
}
}
@media screen and (max-width: 419px) {
[data-v-65a6d5df] .login_dia {
    transform: scale(0.95);
    transform-origin: top center;
    width: 100% !important;
    margin-bottom: -33px;
}
}
.login-content-wrapper[data-v-65a6d5df] {
  width: 100%;
  max-width: 567px;
  padding: 0 50px 35px;
}
.login-content-wrapper .login-title[data-v-65a6d5df] {
  color: #dfddef;
  font-size: 26px;
  font-weight: 700;
  padding: 35px 0 20px;
  text-align: center;
}
.login-content-wrapper .login-title .text[data-v-65a6d5df] {
  font-size: 15px;
  color: #fff;
  margin-top: 25px;
  text-align: left;
  padding-left: 25px;
}
.login-content-wrapper .agreement[data-v-65a6d5df] {
  position: relative;
  display: inline-flex;
  margin-bottom: 30px;
  padding-left: 55px;
  cursor: pointer;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.login-content-wrapper .agreement:hover .checkbox__hexagon-stroke[data-v-65a6d5df] {
  stroke: #747099 !important;
}
.login-content-wrapper .agreement .checkbox__hexagon[data-v-65a6d5df] {
  position: absolute;
  top: -2px;
  left: 20px;
  height: 26px;
  width: 26px;
  margin-right: 10px;
}
.login-content-wrapper .agreement .checkbox__hexagon .checkbox__hexagon-background[data-v-65a6d5df] {
  fill: #1b192f;
}
.login-content-wrapper .agreement .checkbox__hexagon .checkbox__hexagon-stroke[data-v-65a6d5df] {
  fill: transparent;
  stroke: #3b3762;
  stroke-width: 2;
  transition: stroke 0.3s;
}
.login-content-wrapper .agreement .checkbox__hexagon .checkbox__hexagon-checkmark[data-v-65a6d5df] {
  fill: transparent;
}
.login-content-wrapper .agreement .checkbox__hexagon.is_click .checkbox__hexagon-stroke[data-v-65a6d5df] {
  fill: #1a2633;
  stroke: #4af1b8 !important;
}
.login-content-wrapper .agreement .checkbox__hexagon.is_click .checkbox__hexagon-checkmark[data-v-65a6d5df] {
  fill: #4af1b8 !important;
}
.login-content-wrapper .agreement p[data-v-65a6d5df] {
  color: #9692b8;
  font-size: 14px;
  font-weight: 500;
}
.login-content-wrapper .agreement a[data-v-65a6d5df] {
  color: #9692b8;
  text-decoration: underline;
}
.login-content-wrapper .agreement a[data-v-65a6d5df]:hover {
  color: #fff !important;
}
.login-content-wrapper .login-btns .btn[data-v-65a6d5df] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 288px;
  height: 54px;
  border-radius: 8px;
  font-weight: 700;
  margin: 0 auto;
  clip-path: polygon(13px 0px, calc(100% - 13px) 0px, 100% 50%, calc(100% - 13px) 100%, 13px 100%, 0px 50%);
}
.login-content-wrapper .login-btns .btn svg[data-v-65a6d5df] {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
}
.login-content-wrapper .login-btns .btn.stean-btn[data-v-65a6d5df] {
  background-color: #5c49d0;
  transition: background-color 0.3s;
  color: #fff;
  opacity: 0.66;
  pointer-events: none;
}
.login-content-wrapper .login-btns .btn.stean-btn[data-v-65a6d5df]:hover {
  background-color: #7d69f8;
}
.login-content-wrapper .login-btns .btn.stean-btn.is_click[data-v-65a6d5df] {
  opacity: 1;
  pointer-events: unset;
}
.login-content-wrapper .login-btns .btn.gmail-btn[data-v-65a6d5df] {
  background-color: #ededed;
  color: #000;
  margin-top: 15px;
}
.login-content-wrapper .or[data-v-65a6d5df] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #60656c;
  font-size: 12px;
  font-weight: 700;
  margin: 30px 0 20px;
}
.login-content-wrapper .or[data-v-65a6d5df]::before, .login-content-wrapper .or[data-v-65a6d5df]::after {
  content: "";
  width: calc(50% - 20px);
  height: 1px;
  background-color: #60656c;
}
.login-content-wrapper .send-email[data-v-65a6d5df] {
  display: flex;
  height: 44px;
  justify-content: space-between;
}
.login-content-wrapper .send-email .email[data-v-65a6d5df] {
  height: 100%;
  flex: 1 1 auto;
  background: rgba(92, 74, 208, 0.15);
}
.login-content-wrapper .send-email .email input[data-v-65a6d5df] {
  width: 100%;
  height: 100%;
  padding: 0 15px 0 30px;
  border-radius: 8px 0 0 8px;
  box-sizing: border-box;
}
.login-content-wrapper .send-email .send[data-v-65a6d5df] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  height: 100%;
  color: #fff;
  font-weight: 700;
  background: #5c49d0;
  transition: background-color 0.3s;
  padding: 0 15px;
  border-radius: 0 8px 8px 0;
  overflow: hidden;
  cursor: pointer;
}
.login-content-wrapper .send-email .send[data-v-65a6d5df]:hover {
  background: #7d69f8;
}
.login-content-wrapper .send-email .send.disabled[data-v-65a6d5df] {
  opacity: 0.7;
  background: #5c49d0 !important;
  cursor: not-allowed;
  pointer-events: none;
}
.login-content-wrapper .send-email .send .getCode_loading[data-v-65a6d5df] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  gap: 3px;
  inset: 0;
  font-size: 22px;
  background: #392c8f;
  cursor: not-allowed;
}
.login-content-wrapper .send-email .send .getCode_loading .loading-dot[data-v-65a6d5df] {
  color: #fff;
  opacity: 0;
  animation: dotBlink-65a6d5df 1.5s infinite ease-in-out;
}
.login-content-wrapper .send-email .send .getCode_loading .loading-dot[data-v-65a6d5df]:nth-child(1) {
  animation-delay: 0s;
}
.login-content-wrapper .send-email .send .getCode_loading .loading-dot[data-v-65a6d5df]:nth-child(2) {
  animation-delay: 0.3s;
}
.login-content-wrapper .send-email .send .getCode_loading .loading-dot[data-v-65a6d5df]:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes dotBlink-65a6d5df {
0%, 100% {
    opacity: 0;
    transform: translateY(1px);
}
50% {
    opacity: 1;
    transform: translateY(-2px);
}
}
.login-content-wrapper input[data-v-65a6d5df] {
  color: #dee6fa;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0);
  transition: border 0.3s;
  background: rgba(92, 74, 208, 0.15);
}
.login-content-wrapper input[data-v-65a6d5df]::-moz-placeholder {
  color: #969696;
}
.login-content-wrapper input[data-v-65a6d5df]::placeholder {
  color: #969696;
}
.login-content-wrapper input[data-v-65a6d5df]:hover {
  color: #fff;
}
.login-content-wrapper input[data-v-65a6d5df]:focus {
  border: 1px solid rgba(92, 74, 208, 0.4);
}
.login-content-wrapper .login-form[data-v-65a6d5df] {
  color: #dee6fa;
  font-size: 14px;
  font-weight: 500;
}
.login-content-wrapper .login-form .text[data-v-65a6d5df] {
  margin: 15px 0 10px;
}
.login-content-wrapper .code-container-wrapper .code-container[data-v-65a6d5df] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-content-wrapper .code-container-wrapper .code-container .code-input[data-v-65a6d5df] {
  width: 44px;
  height: 50px;
  border-radius: 6px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  outline: none;
  transition: border 0.3s;
}
.login-content-wrapper .code-container-wrapper .code-container .code-separator[data-v-65a6d5df] {
  color: #fff;
  font-size: 22px;
}
.login-content-wrapper .password-wrapper input[data-v-65a6d5df] {
  height: 44px;
  width: 100%;
  padding: 0 30px;
}
.login-content-wrapper .name-wrapper input[data-v-65a6d5df] {
  height: 44px;
  width: 100%;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
[data-v-65a6d5df] .el-dialog {
    max-width: 480px !important;
}
.login[data-v-65a6d5df] {
    width: 100%;
}
}
[data-v-65a6d5df] .ref_code-dialog {
  max-width: 388px;
  height: 635px;
  text-align: center;
  box-shadow: unset;
}
@media screen and (max-width: 767px) {
[data-v-65a6d5df] .ref_code-dialog {
    width: 300px !important;
    height: 490px;
}
}
[data-v-65a6d5df] .ref_code-dialog .el-dialog__headerbtn {
  top: 0px;
  right: 0px;
}
[data-v-65a6d5df] .ref_code-dialog .el-dialog__headerbtn .el-icon-close {
  transition: transform 0.5s;
}
[data-v-65a6d5df] .ref_code-dialog .el-dialog__headerbtn .el-icon-close:hover {
  transform: rotate(180deg);
}
[data-v-65a6d5df] .ref_code-dialog .el-dialog__headerbtn .el-icon-close::before {
  font-size: 36px !important;
}
[data-v-65a6d5df] .ref_code-dialog .ref_code-bg {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
[data-v-65a6d5df] .ref_code-dialog .ref_code-img {
  width: 66%;
}
[data-v-65a6d5df] .ref_code-dialog .content {
  width: 100%;
  color: #fff;
  text-align: center;
  padding: 0 15px;
  margin-top: -20px;
}
[data-v-65a6d5df] .ref_code-dialog .content .text {
  font-size: 18px;
  word-break: break-word;
}
[data-v-65a6d5df] .ref_code-dialog .content .code {
  color: #fca1ca;
  font-weight: 600;
  font-size: 38px;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
[data-v-65a6d5df] .ref_code-dialog .content .text {
    font-size: 14px;
}
[data-v-65a6d5df] .ref_code-dialog .content .code {
    font-size: 28px;
    margin-top: 25px;
}
}
[data-v-65a6d5df] .ref_code-dialog .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5c49d0;
  clip-path: polygon(19px 0, calc(100% - 19px) 0, 100% 50%, calc(100% - 19px) 100%, 19px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  height: 58px;
  margin: 50px auto 0;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 256px;
}
@media screen and (max-width: 767px) {
[data-v-65a6d5df] .ref_code-dialog .btn {
    width: 222px;
    height: 45px;
    clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 13px 100%, 0 50%);
    margin-top: 33px;
}
}
[data-v-65a6d5df] .ref_code-dialog .hint {
  color: #0ffbec;
  margin-top: 8px;
  padding: 0 15px;
  word-break: break-word;
}
.newcomer-benefits-dialog .newcomer_benefits[data-v-65a6d5df] {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 580px;
  height: 474px;
  background: rgb(10, 10, 10);
  border-radius: 20px;
  border: 2px solid #484848;
}
@media screen and (max-width: 767px) {
.newcomer-benefits-dialog .newcomer_benefits[data-v-65a6d5df] {
    transform: scale(0.8);
    transform-origin: top left;
    width: 125%;
}
.newcomer-benefits-dialog .newcomer_benefits .title[data-v-65a6d5df] {
    font-size: 13px !important;
    top: 50px !important;
}
.newcomer-benefits-dialog .newcomer_benefits .img3[data-v-65a6d5df] {
    height: 60px !important;
}
}
.newcomer-benefits-dialog .newcomer_benefits .title[data-v-65a6d5df] {
  position: absolute;
  top: 30px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}
.newcomer-benefits-dialog .newcomer_benefits .img1[data-v-65a6d5df] {
  width: 385px;
  height: 375px;
  margin: 13px auto 0;
  display: block;
}
.newcomer-benefits-dialog .newcomer_benefits .claim-btn[data-v-65a6d5df] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -125px auto 0;
  cursor: pointer;
  color: #fff;
  width: 246px;
  height: 58px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 10px;
  overflow: unset;
  transform: scale(1);
  text-transform: uppercase;
  background-image: linear-gradient(93deg, rgb(84, 150, 0), rgb(64, 115, 0));
}
.newcomer-benefits-dialog .newcomer_benefits .claim-btn[data-v-65a6d5df]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  background: rgba(84, 150, 0, 0.4);
  transform: scale(1);
  animation: edgeSpread-65a6d5df 1.5s infinite ease-out;
  z-index: -1;
}
.newcomer-benefits-dialog .newcomer_benefits .claim-btn[data-v-65a6d5df]:hover {
  transform: scale(1.05);
  background: rgb(105, 174, 14);
}
.newcomer-benefits-dialog .newcomer_benefits .claim-btn[data-v-65a6d5df]:hover::before {
  background: rgba(105, 174, 14, 0.5);
}
@keyframes edgeSpread-65a6d5df {
0% {
    transform: scale(1, 1);
    opacity: 1;
}
100% {
    transform: scale(1.2, 1.5);
    opacity: 0;
}
}
.newcomer-benefits-dialog .newcomer_benefits .con[data-v-65a6d5df] {
  display: flex;
  width: 100%;
  font-weight: 700;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
  padding-right: 35px;
  gap: 12px;
  color: #fff;
}
.newcomer-benefits-dialog .newcomer_benefits .con .img3[data-v-65a6d5df] {
  height: 66px;
}
.newcomer-benefits-dialog .newcomer_benefits .con i[data-v-65a6d5df] {
  font-size: 46px;
}
.newcomer-benefits-dialog .newcomer_benefits .con .num[data-v-65a6d5df] {
  font-size: 77px;
  font-weight: 500;
  padding-bottom: 8px;
}
.newcomer-benefits-dialog .newcomer_benefits .text[data-v-65a6d5df] {
  font-size: 13px;
  color: #f7c813;
  font-weight: 700;
  text-align: center;
  margin-top: 5px;
}

span[data-v-de6f9a08] {
  transition: all 0.3s ease;
}
@keyframes pulse-de6f9a08 {
0% { transform: scale(1);
}
50% { transform: scale(1.1);
}
100% { transform: scale(1);
}
}
.pulse[data-v-de6f9a08] {
  animation: pulse-de6f9a08 0.3s ease;
}

@charset "UTF-8";
.topclass[data-v-15dcacee] {
  display: none;
}
@media screen and (min-width: 1365px) {
.topclass[data-v-15dcacee] {
    height: 45px;
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
}
.top-left[data-v-15dcacee] {
    align-items: center;
    display: flex;
}
.top-right[data-v-15dcacee] {
    display: flex;
    gap: 5px;
    align-items: center;
}
  /* 消息通知样式 */
.message-notification[data-v-15dcacee] {
    position: relative;
    cursor: pointer;
    margin-top: 5px;
    margin-left: 10px;
    height: 30px;
    width: 30px;
}
.message-badge[data-v-15dcacee] {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #ff4d4f;
    color: white;
    border-radius: 10px;
    padding: 0 4px;
    font-size: 10px;
    height: 16px;
    min-width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.socials__item[data-v-15dcacee] {
    cursor: pointer;
    display: flex;
    height: 30px;
    width: 30px;
    margin: 8px 0 0 10px;
}
.socials__item .socials__item-icon-instagram[data-v-15dcacee] {
    background-color: #9793ba;
    height: 16px;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M14.693 4.298c0 .135-.023.27-.08.393a1.1 1.1 0 0 1-.224.338 1.1 1.1 0 0 1-.338.225.95.95 0 0 1-.393.079.95.95 0 0 1-.394-.08 1.1 1.1 0 0 1-.338-.224 1.1 1.1 0 0 1-.225-.338 1.03 1.03 0 0 1 .225-1.125 1.05 1.05 0 0 1 .732-.303c.27 0 .54.112.73.303.192.192.305.45.305.732M18 9v.011l-.056 3.78a5.16 5.16 0 0 1-1.53 3.623 5.23 5.23 0 0 1-3.623 1.53L9 18h-.011l-3.78-.056a5.16 5.16 0 0 1-3.623-1.53 5.23 5.23 0 0 1-1.53-3.623zm-1.676 0-.057-3.758a3.55 3.55 0 0 0-1.034-2.463 3.55 3.55 0 0 0-2.464-1.035L9 1.676l-3.758.056a3.58 3.58 0 0 0-2.474 1.036 3.58 3.58 0 0 0-1.035 2.475L1.676 9l.056 3.769a3.55 3.55 0 0 0 1.036 2.464 3.55 3.55 0 0 0 2.463 1.034L9 16.324l3.769-.057a3.55 3.55 0 0 0 2.464-1.034 3.55 3.55 0 0 0 1.034-2.464zm-2.7 0a4.606 4.606 0 0 1-4.613 4.613 4.63 4.63 0 0 1-3.262-1.35A4.63 4.63 0 0 1 4.376 9 4.606 4.606 0 0 1 8.99 4.388c1.215 0 2.396.483 3.262 1.35A4.63 4.63 0 0 1 13.624 9m-1.677 0A2.957 2.957 0 0 0 9 6.053 2.957 2.957 0 0 0 6.053 9 2.957 2.957 0 0 0 9 11.948 2.957 2.957 0 0 0 11.948 9'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M14.693 4.298c0 .135-.023.27-.08.393a1.1 1.1 0 0 1-.224.338 1.1 1.1 0 0 1-.338.225.95.95 0 0 1-.393.079.95.95 0 0 1-.394-.08 1.1 1.1 0 0 1-.338-.224 1.1 1.1 0 0 1-.225-.338 1.03 1.03 0 0 1 .225-1.125 1.05 1.05 0 0 1 .732-.303c.27 0 .54.112.73.303.192.192.305.45.305.732M18 9v.011l-.056 3.78a5.16 5.16 0 0 1-1.53 3.623 5.23 5.23 0 0 1-3.623 1.53L9 18h-.011l-3.78-.056a5.16 5.16 0 0 1-3.623-1.53 5.23 5.23 0 0 1-1.53-3.623zm-1.676 0-.057-3.758a3.55 3.55 0 0 0-1.034-2.463 3.55 3.55 0 0 0-2.464-1.035L9 1.676l-3.758.056a3.58 3.58 0 0 0-2.474 1.036 3.58 3.58 0 0 0-1.035 2.475L1.676 9l.056 3.769a3.55 3.55 0 0 0 1.036 2.464 3.55 3.55 0 0 0 2.463 1.034L9 16.324l3.769-.057a3.55 3.55 0 0 0 2.464-1.034 3.55 3.55 0 0 0 1.034-2.464zm-2.7 0a4.606 4.606 0 0 1-4.613 4.613 4.63 4.63 0 0 1-3.262-1.35A4.63 4.63 0 0 1 4.376 9 4.606 4.606 0 0 1 8.99 4.388c1.215 0 2.396.483 3.262 1.35A4.63 4.63 0 0 1 13.624 9m-1.677 0A2.957 2.957 0 0 0 9 6.053 2.957 2.957 0 0 0 6.053 9 2.957 2.957 0 0 0 9 11.948 2.957 2.957 0 0 0 11.948 9'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
            mask-size: 100%;
    width: 16px;
}
.socials__item .socials__item-icon-facebook[data-v-15dcacee] {
    background-color: #9793ba;
    height: 18px;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 18'%3E%3Cpath d='M.239 8.578H1.88v7.265c0 .144.112.262.24.262h2.788c.136 0 .24-.118.24-.263v-7.23h1.888c.12 0 .223-.093.239-.229l.294-2.678a.3.3 0 0 0-.055-.204.23.23 0 0 0-.184-.085H5.155V3.738c0-.508.255-.763.75-.763H7.33c.136 0 .24-.118.24-.263V.254A.243.243 0 0 0 7.33 0H5.283C4.94 0 3.76.076 2.82.992a2.91 2.91 0 0 0-.86 2.458v1.958H.238C.112 5.416 0 5.535 0 5.679v2.645c0 .136.112.254.239.254'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 18'%3E%3Cpath d='M.239 8.578H1.88v7.265c0 .144.112.262.24.262h2.788c.136 0 .24-.118.24-.263v-7.23h1.888c.12 0 .223-.093.239-.229l.294-2.678a.3.3 0 0 0-.055-.204.23.23 0 0 0-.184-.085H5.155V3.738c0-.508.255-.763.75-.763H7.33c.136 0 .24-.118.24-.263V.254A.243.243 0 0 0 7.33 0H5.283C4.94 0 3.76.076 2.82.992a2.91 2.91 0 0 0-.86 2.458v1.958H.238C.112 5.416 0 5.535 0 5.679v2.645c0 .136.112.254.239.254'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
            mask-size: 100%;
    width: 8px;
}
  /* 自定义语言选择器样式 */
.lang-select-container[data-v-15dcacee] {
    position: relative;
    height: 30px;
    margin-top: 5px;
    margin-left: 10px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    min-width: 140px;
}
.lang-select-display[data-v-15dcacee] {
    background-color: #2c284f;
    color: #9793ba;
    border: 1px solid #44406d;
    border-radius: 4px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px 0 30px;
    cursor: pointer;
    position: relative;
    font-size: 12px;
}
.lang-select-display[data-v-15dcacee]:hover {
    border-color: #555183;
    color: #c9c6ee;
}
.lang-flag[data-v-15dcacee] {
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 1;
}
  /* 确保所有国旗图标都能正确显示 */
.lang-flag.flag-zh[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-CN-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-en[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#us-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-vi[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#vi-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-es[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#es-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-de[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#de-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-fr[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#fr-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-it[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#it-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-pl[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#pl-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-pt[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#pt-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-tr[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#tr-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-zh-tw[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-TW-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-ja[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#ja-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-ko[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#ko-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-th[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#th-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-fi[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#fi-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-pt-br[data-v-15dcacee] {
    background-image: url(../img/Brazil.846f1bc9.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-ru[data-v-15dcacee] {
    background-image: url(../img/ru.23e6036c.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-text[data-v-15dcacee] {
    flex: 1;
    text-align: left;
    margin-left: 16px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lang-arrow[data-v-15dcacee] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #9793ba;
    transition: transform 0.3s ease;
    z-index: 1; /* 确保箭头在最上层 */
}
.lang-arrow-up[data-v-15dcacee] {
    transform: translateY(-50%) rotate(180deg);
}
.lang-dropdown[data-v-15dcacee] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #2c284f;
    border: 1px solid #44406d;
    border-top: none;
    border-radius: 0 0 4px 4px;
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    min-width: 160px;
}
.lang-option[data-v-15dcacee] {
    display: flex;
    align-items: center;
    padding: 5px 8px;
    cursor: pointer;
    color: #9793ba;
    font-size: 13px;
}
.lang-option[data-v-15dcacee]:hover {
    background-color: #3d385f;
    color: #c9c6ee;
}
.lang-option .lang-flag[data-v-15dcacee] {
    width: 20px;
    height: 20px;
    margin-right: 2px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}
  /* 确保下拉菜单中的国旗图标正确显示 */
.lang-option .flag-zh-CN[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-CN-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-en[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#us-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-vi[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#vi-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-es[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#es-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-de[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#de-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-fr[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#fr-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-it[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#it-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-pl[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#pl-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-pt[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#pt-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-tr[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#tr-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-zh-tw[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-TW-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-ja[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#ja-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-ko[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#ko-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-th[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#th-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-fi[data-v-15dcacee] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#fi-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
  /* 调整下拉菜单中的文字位置，使其不那么靠右 */
.lang-option span[data-v-15dcacee] {
    flex: 1;
    text-align: right;
    margin-left: 2px;
    padding-right: 12px; /* 适中的右侧距离 */
}
  /* 确保默认国旗图标显示 - 提高优先级 */
.lang-flag[data-v-15dcacee]:not(.flag-zh):not(.flag-en):not(.flag-vi):not(.flag-es):not(.flag-de):not(.flag-fr):not(.flag-it):not(.flag-pl):not(.flag-pt):not(.flag-tr):not(.flag-zh-tw):not(.flag-ja):not(.flag-ko):not(.flag-th):not(.flag-fi):not(.flag-pt-br):not(.flag-ru) {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#us-lang) !important;
    background-size: 24px 24px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
  /* 移除下拉菜单中图标的绝对定位，防止重叠 */
.lang-option .lang-flag[data-v-15dcacee] {
    position: static;
    transform: none;
    top: auto;
    left: auto;
}
}
@charset "UTF-8";
.currency-wrapper[data-v-0e8e7dfe] {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.currency-delta[data-v-0e8e7dfe] {
  position: absolute;
  right: 0; /* 和主数字的末尾对齐，保证小数点列对齐 */
  left: auto;
  transform: translateY(0);
  text-align: right;
  font-size: 0.9em;
  font-weight: inherit;
  pointer-events: none;
  white-space: nowrap;
}
.currency-delta__text[data-v-0e8e7dfe] {
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}

/* 默认往上飘 */
.currency-delta--up[data-v-0e8e7dfe] {
  bottom: 100%; /* 紧贴主数字上方 */
  margin-bottom: 2px;
  animation: currency-float-up-0e8e7dfe 1s ease-out forwards;
}

/* 紫色往下飘 */
.currency-delta--down[data-v-0e8e7dfe] {
  top: 100%; /* 紧贴主数字下方 */
  margin-top: 2px;
  animation: currency-float-down-0e8e7dfe 1s ease-out forwards;
}
@keyframes currency-float-up-0e8e7dfe {
0% {
    opacity: 0;
    transform: translateY(0);
}
15% {
    opacity: 1;
    transform: translateY(-3px);
}
60% {
    opacity: 1;
    transform: translateY(-3px);
}
100% {
    opacity: 0;
    transform: translateY(-6px);
}
}
@keyframes currency-float-down-0e8e7dfe {
0% {
    opacity: 0;
    transform: translateY(0);
}
15% {
    opacity: 1;
    transform: translateY(3px);
}
60% {
    opacity: 1;
    transform: translateY(3px);
}
100% {
    opacity: 0;
    transform: translateY(6px);
}
}
/* transition 仅用来延迟卸载，主要动效靠 keyframes */
.currency-delta-fade-enter-active[data-v-0e8e7dfe],
.currency-delta-fade-leave-active[data-v-0e8e7dfe] {
  transition: opacity 0.2s linear;
}
.currency-delta-fade-enter[data-v-0e8e7dfe],
.currency-delta-fade-leave-to[data-v-0e8e7dfe] {
  opacity: 0;
}
@charset "UTF-8";
@media screen and (max-width: 1279px) {
.replenish-user-balance.experiment-view[data-v-184d5d88] {
    padding: 0 14px 0 12px !important;
    margin-left: 10px !important;
}
.menu-item[data-v-184d5d88] {
    margin: 10px !important;
}
.user-balance[data-v-184d5d88] {
    font-size: 12px !important;
    padding: 0 5px !important;
}
.header-menu-logo__link[data-v-184d5d88] {
    width: 180px !important;
}
.header-menu-logo__link img[data-v-184d5d88] {
    width: 155px !important;
}
}
@media screen and (max-width: 1200px) {
.user-balance__balance[data-v-184d5d88] {
    display: none !important;
}
}
@media screen and (max-width: 1023px) {
.header-menu-user[data-v-184d5d88],
  .user-block[data-v-184d5d88] {
    transform: none !important; /* 避免 transform 创建新的层叠上下文 */
    transform-origin: initial !important;
}
.nav_bar[data-v-184d5d88] {
    /* 避免 transform 产生新的层叠上下文，导致弹窗被遮挡 */
    transform: none;
    transform-origin: initial;
}
.header[data-v-184d5d88] {
    padding: 0 20px !important;
}
.replenish-user-balance.experiment-view[data-v-184d5d88] {
    padding: 0 12px 0 10px !important;
    margin-left: 7px !important;
}
.user-balance[data-v-184d5d88] {
    padding: 0 !important;
}
.menu-item[data-v-184d5d88] {
    margin: 0 5px;
}
.header-menu-logo__link[data-v-184d5d88] {
    width: 160px !important;
    padding-left: 20px !important;
}
.header-menu-logo__link img[data-v-184d5d88] {
    width: 140px !important;
}
}
@media screen and (max-width: 899px) {
.header-menu[data-v-184d5d88] {
    --scale: 0.9;
    width: calc(100% / var(--scale)) !important;
    transform: scale(var(--scale));
    transform-origin: top left;
}
.header-menu-logo__link[data-v-184d5d88] {
    width: 135px !important;
    padding-left: 15px !important;
}
.header-menu-logo__link img[data-v-184d5d88] {
    width: 115px !important;
}
.menu-item[data-v-184d5d88] {
    margin: 8px !important;
}
}
@media screen and (max-width: 767px) {
.header-menu[data-v-184d5d88] {
    justify-content: space-between;
    height: 64px !important;
}
.sticky-profile[data-v-184d5d88] {
    padding: 6px 10px !important;
}
.nav_bar[data-v-184d5d88] {
    display: none !important;
}
.header-menu-logo__link[data-v-184d5d88] {
    width: 150px !important;
    padding-left: 15px !important;
}
.header-menu-logo__link img[data-v-184d5d88] {
    width: 135px !important;
}
.avatar-container[data-v-184d5d88] {
    z-index: 10003 !important;
}
.quick-settings-menu[data-v-184d5d88] {
    z-index: 12010 !important;
}
}
@media screen and (max-width: 490px) {
.header[data-v-184d5d88] {
    padding: 0 10px !important;
}
.sticky-profile[data-v-184d5d88] {
    transform: scale(0.75) translateX(0) !important;
    transform-origin: right top;
}
.header-menu-logo__link[data-v-184d5d88] {
    width: 130px !important;
}
.header-menu-logo__link img[data-v-184d5d88] {
    width: 115px !important;
}
.header-menu-user[data-v-184d5d88],
  .user-block[data-v-184d5d88] {
    transform: none !important; /* 避免 transform 创建新的层叠上下文 */
    transform-origin: initial !important;
}
.replenish-user-balance.experiment-view[data-v-184d5d88] {
    width: 30px !important;
    height: 24px !important;
    padding: 0 !important;
    clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 7px 100%, 0 50%) !important;
}
.replenish-user-balance.experiment-view .plus-icon[data-v-184d5d88] {
    width: 10px !important;
    height: 10px !important;
}
.plus-btn-text[data-v-184d5d88] {
    display: none;
}
.avatar-container[data-v-184d5d88] {
    z-index: 10003 !important;
}
.quick-settings-menu[data-v-184d5d88] {
    z-index: 12010 !important;
}
}
@media screen and (max-width: 490px) {
.text-center div[data-v-184d5d88] {
    font-size: 9px !important;
}
}
@media screen and (max-width: 420px) {
.header-menu-user[data-v-184d5d88] {
    transform: scale(0.9) !important;
    transform-origin: right center !important;
}
}
@media screen and (max-width: 374px) {
.header-menu-user[data-v-184d5d88] {
    transform: scale(0.85) !important;
    transform-origin: right center !important;
    margin-left: -20px;
}
}
@media screen and (max-width: 349px) {
.header-menu-user[data-v-184d5d88] {
    transform: scale(0.8) !important;
    transform-origin: left center !important;
    margin-left: 0px;
}
}
.loginUsers[data-v-184d5d88] {
  height: 100%;
}
@media (max-width: 1000px) {
.loginUsers[data-v-184d5d88] {
    margin: 0 auto;
}
}
.drawerLeft .active[data-v-184d5d88] {
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  background-color: #3d3c45;
}
.active-hover[data-v-184d5d88] {
  background-color: #3d3c45;
}
.active-hover[data-v-184d5d88]:hover {
  color: #fff;
  background-color: var(--main-yellow) !important;
}
.header-phone-bottom[data-v-184d5d88] {
  padding: 0 !important;
}
.header-phone-bottom-top-bg i[data-v-184d5d88] {
  width: 100% !important;
  height: 20px !important;
  left: 0 !important;
  top: -10px !important;
  background-repeat: no-repeat;
  background-size: 150% !important;
}
.header-phone-left-nav-list-item[data-v-184d5d88] {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0px auto;
}
.header-user[data-v-184d5d88],
.header-user-phone[data-v-184d5d88] {
  position: relative;
}
.header-user[data-v-184d5d88]::before,
.header-user-phone[data-v-184d5d88]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 24px;
  top: -8px;
  left: 0;
  right: 0;
  background-image: url(../img/user-top.f0e85912.png);
  z-index: 0; /* 降低层级，避免遮挡下拉 */
  pointer-events: none; /* 不阻挡点击 */
  background-size: 100%;
  background-repeat: no-repeat;
}
.header-user-phone[data-v-184d5d88]::before {
  top: -6px;
  height: 18px;
}
.activeDan[data-v-184d5d88] {
  position: relative;
}
.activeDan[data-v-184d5d88]::before {
  position: absolute;
  top: 10%;
  right: 10%;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: var(--main-yellow);
}
.header[data-v-184d5d88] {
  max-width: 1920px;
  padding: 0 44px;
  background: url(../img/header-bg.ba951878.jpg);
  background-size: 100% 100%;
  position: relative;
  /* 适中层级，避免压住下拉 */
  z-index: 10;
  overflow: visible;
  /*  panda  */
}
.header-phone-left[data-v-184d5d88] {
  display: none;
  height: 100%;
}
@media (max-width: 1200px) {
.header-phone-left[data-v-184d5d88] {
    display: flex;
}
}
.header-phone-left-nav[data-v-184d5d88] {
  left: 0;
  bottom: 0;
  width: 100vw;
  z-index: 999;
  background-color: #101014;
}
.header-phone-left-nav-list[data-v-184d5d88] {
  display: flex;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.header-phone-left-nav-bg[data-v-184d5d88] {
  position: absolute;
  width: 100vw;
  height: calc(100vh - 80px);
  background: #000000;
  opacity: 0.8;
  z-index: -2;
  top: 80px;
  left: 0;
}
.header-phone-left span[data-v-184d5d88] {
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 2px;
  background: #fff;
  margin: 6px 20px;
  transition: all 0.5s;
}
.header-phone-left[data-v-184d5d88]:hover-nav {
  display: block;
}
.header-phone-left-active > div[data-v-184d5d88] {
  background-image: linear-gradient(0deg, var(--main-yellow), rgba(0, 0, 0, 0));
}
.header-phone-logo[data-v-184d5d88] {
  display: none;
}
@media (max-width: 1200px) {
.header-phone-logo[data-v-184d5d88] {
    display: block;
    margin: 0 auto;
}
}
.header-phone-box[data-v-184d5d88] {
  width: 100%;
  font-size: 12px;
}
.header-phone-box img[data-v-184d5d88] {
  width: 20px;
  height: 20px;
}
.header-phone-bottom[data-v-184d5d88] {
  background-color: #101014;
  padding: 10px 0;
}
.header-left[data-v-184d5d88] {
  width: 300px;
  height: 100%;
}
.header-left img[data-v-184d5d88] {
  height: 100%;
}
@media (max-width: 1200px) {
.header-left[data-v-184d5d88] {
    display: none;
}
}
.header-login[data-v-184d5d88] {
  background-size: 100% 100%;
  font-size: 14px;
  width: 140px;
  margin-right: 50px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
@media (max-width: 960px) {
.header-login[data-v-184d5d88] {
    width: 100px;
    height: 30px;
    font-size: 12px;
}
}
.header-user[data-v-184d5d88] {
  /*width: 250px;*/
}
.header-user[data-v-184d5d88]:hover-nav {
  display: block !important;
}
.header-user-phone:hover .header-user-nav[data-v-184d5d88] {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  top: 60px;
}
.header-user-phone:hover .header-user-phone-hover[data-v-184d5d88] {
  display: block;
}
.header-user-phone-title[data-v-184d5d88] {
  /*background:rgba(0, 0, 0, 0.5);*/
  border-radius: 5px;
  padding: 0 5px;
}
.header-user-phone-hover[data-v-184d5d88] {
  display: none;
  top: 100%;
  left: 0;
  background-color: #000;
  border: 1px solid #73737d;
  text-align: center;
}
.header-user-nav[data-v-184d5d88] {
  display: none;
  width: 250px;
  position: absolute;
  top: 60px;
  left: 0;
  text-align: center;
  padding: 20px 0;
  z-index: -1;
  background: rgba(42, 42, 42, 0.95);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.header-user-nav-active[data-v-184d5d88] {
  color: var(--main-yellow);
}
.header-user-nav-hove[data-v-184d5d88] {
  transition: all 0.5s;
}
.header-user-nav-hove[data-v-184d5d88]:hover {
  color: var(--main-yellow);
}
.header-user:hover .header-user-nav[data-v-184d5d88] {
  display: block;
}
.header-user-name[data-v-184d5d88] {
  padding: 0 10px;
  border-right: 0 !important;
  border-right: 0;
  overflow-y: hidden;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.header-user-money[data-v-184d5d88] {
  border-left: 0;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.header-user-name[data-v-184d5d88], .header-user-money[data-v-184d5d88] {
  font-size: 16px;
  margin-top: 4px;
  display: flex;
  align-items: center;
  /*border: 2px solid var(--main-yellow);*/
  /*line-height: 20px;*/
}
.header .header-top[data-v-184d5d88] {
  background-size: 100% 100%;
  height: 84px;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
  background: #19172d;
}
@media (max-width: 1000px) {
.header .header-top[data-v-184d5d88] {
    width: 100%;
    display: flex !important;
    height: 70px;
}
}
.header .header-top a[data-v-184d5d88] {
  height: 100% !important;
  color: white;
}
.header .header-top a.active[data-v-184d5d88] {
  background: linear-gradient(90deg, rgba(234, 67, 118, 0), #000 50.97%, rgba(234, 67, 118, 0));
  opacity: 0.8;
  transform: none;
}
.header .header-top a.active span[data-v-184d5d88] {
  width: 100% !important;
  height: 4% !important;
  display: block !important;
  color: #ea4376;
}
.header .header-top a span[data-v-184d5d88] {
  width: 100% !important;
  height: 4% !important;
}
@media (max-width: 1000px) {
.header .header-top-logo[data-v-184d5d88] {
    height: 35px;
    margin-right: 0px;
}
}
.header .header-top-lang[data-v-184d5d88] {
  width: 80px;
  border-radius: 5px;
  padding: 10px 15px;
  background: var(--pan-bg);
  z-index: 10;
}
.header .header-top-lang:hover .header-top-hove-lang[data-v-184d5d88] {
  height: 100px !important;
  padding: 10px;
}
.header .header-top-lang .header-top-lang-down[data-v-184d5d88] {
  transition: all 0.5s;
}
.header .header-top-lang:hover .header-top-lang-down[data-v-184d5d88] {
  transform: rotate(180deg);
}
@media (max-width: 1000px) {
.header .header-top-lang[data-v-184d5d88] {
    width: 80px;
    padding: 5px 10px;
}
}
.header .header-top .login_egister[data-v-184d5d88] {
  width: 140px;
  padding: 10px;
  margin-right: 50px;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  border: 2px solid rgb(127, 53, 220);
}
@media (max-width: 1000px) {
.header .header-top .login_egister[data-v-184d5d88] {
    width: 80px;
    padding: 5px;
    font-size: 12px;
    margin-right: 10px;
}
}
.header .header-top-hove-lang[data-v-184d5d88] {
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  padding: 0;
  background: var(--pan-bg);
  overflow: hidden;
  transition: all 0.5s;
  overflow-y: scroll;
}
.header-conter[data-v-184d5d88] {
  background-color: #23232d;
  width: 100%;
  position: relative;
  height: 100%;
}
.header-conter-bg i[data-v-184d5d88] {
  width: 90%;
  height: 50px;
  position: absolute;
  left: 20px;
  top: -25px;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: 70%;
}
.header-conter-bg i[data-v-184d5d88]:nth-child(1) {
  background-image: url(../img/01.dc2eb0ba.png);
  animation: huxideng-184d5d88 1s infinite;
}
.header-conter-bg i[data-v-184d5d88]:nth-child(2) {
  background-image: url(../img/02.ccbd66b6.png);
  animation: huxideng-184d5d88 2s infinite;
}
.header-conter-bg i[data-v-184d5d88]:nth-child(3) {
  background-image: url(../img/03.e3a90934.png);
  animation: huxideng-184d5d88 3s infinite;
}
.header-conter-bg i[data-v-184d5d88]:nth-child(4) {
  background-image: url(../img/link.c57e83d9.png);
}
.header-conter-nav[data-v-184d5d88] {
  width: 8rem;
  height: 96%;
  padding: 8px;
  margin-right: 2px;
  font-size: 18px;
  background-size: contain !important;
  transition: all 0.5s;
  background-repeat: no-repeat;
  border-radius: 4px;
}
@media (max-width: 1000px) {
.header-conter-nav[data-v-184d5d88] {
    width: 100px;
    height: 44px;
    line-height: 22px;
    font-size: 12px;
    display: none !important;
}
}
.header-conter-nav[data-v-184d5d88]:hover {
  color: #fff;
}
.header-conter-nav.active[data-v-184d5d88] {
  color: #000;
}
.header-conter-left[data-v-184d5d88] {
  font-size: 14px;
}
.header-conter-left img[data-v-184d5d88] {
  width: 25px;
}
@media (max-width: 1366px) {
.header-conter-left[data-v-184d5d88] {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 12px;
}
.header-conter-left img[data-v-184d5d88] {
    display: none;
}
}
.header-conter-vip[data-v-184d5d88] {
  width: 120px;
  font-size: 26px;
  color: var(--pan-main);
}
.header-conter-vip:hover .header-conter-vip-hove[data-v-184d5d88] {
  height: 150px;
  padding: 10px 20px;
}
.header-conter-vip-hove[data-v-184d5d88] {
  height: 0;
  overflow: hidden;
  width: 100%;
  left: 0;
  top: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 18px;
  transition: all 0.5s;
}
.header-conter-vip-hove img[data-v-184d5d88] {
  width: 20px;
}
@media (max-width: 1366px) {
.header-conter-vip-hove[data-v-184d5d88] {
    font-size: 16px;
}
}
@media (max-width: 1366px) {
.header-conter-vip[data-v-184d5d88] {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 18px;
}
}
.header-conter .active[data-v-184d5d88] {
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
}
.header-conter-SCGOindex[data-v-184d5d88] {
  background-image: url(../img/SCGOindex.fc8d5ea2.png);
}
.header-conter-outOfTheFree[data-v-184d5d88] {
  background-image: url(../img/outOfTheFree.7fee1670.png);
}
.header-conter-lucky[data-v-184d5d88] {
  background-image: url(../img/lucky.10d11346.png);
}
.header-conter-mysteryBox[data-v-184d5d88] {
  background-image: url(../img/mysteryBox.008ca518.png);
}
.header-conter-rollHome[data-v-184d5d88] {
  background-image: url(../img/rollHome.d7b4b15f.png);
}
.header-conter-shopping[data-v-184d5d88] {
  background-image: url(../img/shopping.c7895172.png);
}
.header-conter-compound[data-v-184d5d88] {
  background-image: url(../img/compound.14c7363f.png);
}
.header-conter-NewActivities[data-v-184d5d88] {
  background-image: url(../img/NewActivities.2bc750d7.png);
}
.header-conter-user[data-v-184d5d88] {
  background-image: url(../img/sumUser.59ab9417.svg);
}
@keyframes huxideng-184d5d88 {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
.immediatelyShopping[data-v-184d5d88] {
  width: 350px;
  left: calc(50% - 175px);
  top: 25%;
  z-index: 999;
  background-color: #c02932;
  border-radius: 10px;
}
.immediatelyShopping-list[data-v-184d5d88] {
  height: 300px;
  overflow: scroll;
}
.immediatelyShopping-list[data-v-184d5d88]::-webkit-scrollbar {
  display: none;
}
.immediatelyShopping-input[data-v-184d5d88] {
  width: 150px;
  margin: 10px auto;
  background-color: #fffad8;
  border-radius: 5px;
}
.immediatelyShopping-input input[data-v-184d5d88] {
  width: 140px;
}
.immediatelyShopping-item-img[data-v-184d5d88] {
  width: 87px;
  height: 80px;
}
.immediatelyShopping-pk[data-v-184d5d88] {
  width: 100%;
  margin: 5px auto;
  background-color: #bd3840;
  padding: 10px;
  border-radius: 5px;
}
@media (max-width: 768px) {
.immediatelyShopping[data-v-184d5d88] {
    width: 70%;
    left: 15%;
    top: calc(80px + 5%);
}
.immediatelyShopping-box-con-img[data-v-184d5d88] {
    width: 50%;
}
.immediatelyShopping-box-con img[data-v-184d5d88] {
    width: 100%;
}
.immediatelyShopping-box-con-dis[data-v-184d5d88] {
    margin-left: 20px !important;
    margin-top: 10px;
}
}
.header-menu-user[data-v-184d5d88] {
  align-items: center;
  display: flex;
  position: relative;
  padding-right: 5px;
  z-index: 12;
}
.header-menu[data-v-184d5d88] {
  position: relative;
  z-index: 11;
  overflow: visible;
}
.settings-button[data-v-184d5d88] {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 54px;
  justify-content: center;
  position: relative;
  width: 54px;
}
.settings-button[data-v-184d5d88]:before {
  left: 0;
}
.settings-button[data-v-184d5d88]:before {
  left: 0;
}
.settings-button .settings-icon[data-v-184d5d88] {
  background-color: #9793c7;
  display: inline-block;
  height: 22px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.978 19.996c.647 0 1.29.004 1.936 0 .447 0 .575-.122.639-.55q.174-1.17.367-2.343a.27.27 0 0 1 .111-.165q.785-.464 1.58-.91c.049-.027.14-.016.2.008.77.298 1.54.608 2.315.902.136.052.303.09.443.063a.5.5 0 0 0 .323-.22c.659-1.11 1.306-2.229 1.956-3.347.176-.306.136-.514-.144-.738-.622-.498-1.249-1-1.88-1.491-.127-.102-.151-.193-.14-.357a10 10 0 0 0-.011-1.406c-.024-.27 0-.45.251-.624.603-.416 1.186-.867 1.764-1.314a.94.94 0 0 0 .288-.361.45.45 0 0 0-.02-.361c-.635-1.111-1.281-2.218-1.924-3.32-.211-.362-.503-.464-.89-.307-.73.298-1.46.593-2.187.899-.124.05-.207.043-.323-.028-.495-.302-1.002-.584-1.5-.883a.3.3 0 0 1-.1-.164c-.132-.829-.256-1.653-.384-2.48q-.076-.495-.602-.495H9.072c-.327 0-.65-.004-.977 0-.324.004-.455.172-.483.486-.036.436-.12.868-.184 1.3-.06.38-.128.76-.175 1.141-.016.134-.072.2-.188.267-.503.279-.998.573-1.497.856-.06.035-.163.031-.231.008-.766-.295-1.529-.6-2.295-.899a1.1 1.1 0 0 0-.343-.082.46.46 0 0 0-.443.243C1.613 4.439.963 5.549.32 6.66c-.18.31-.14.518.136.738q.959.771 1.924 1.53c.1.079.115.15.107.279-.02.475-.008.95-.008 1.425 0 .02.008.039.012.059.072.25 0 .412-.235.56-.667.429-1.313.888-1.972 1.339-.31.212-.363.42-.171.75q.585 1.012 1.177 2.025c.26.447.519.899.782 1.346.18.31.391.385.735.247q1.155-.452 2.31-.91c.116-.047.196-.036.304.031.467.283.946.553 1.428.82.124.067.188.138.208.279.116.797.243 1.59.367 2.382.044.275.26.44.59.444.647-.004 1.306-.008 1.964-.008m.104-13.466c1.936.004 3.572 1.613 3.576 3.517.004 1.9-1.632 3.512-3.572 3.52-1.935.008-3.596-1.62-3.588-3.528.008-1.903 1.649-3.513 3.584-3.509'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.978 19.996c.647 0 1.29.004 1.936 0 .447 0 .575-.122.639-.55q.174-1.17.367-2.343a.27.27 0 0 1 .111-.165q.785-.464 1.58-.91c.049-.027.14-.016.2.008.77.298 1.54.608 2.315.902.136.052.303.09.443.063a.5.5 0 0 0 .323-.22c.659-1.11 1.306-2.229 1.956-3.347.176-.306.136-.514-.144-.738-.622-.498-1.249-1-1.88-1.491-.127-.102-.151-.193-.14-.357a10 10 0 0 0-.011-1.406c-.024-.27 0-.45.251-.624.603-.416 1.186-.867 1.764-1.314a.94.94 0 0 0 .288-.361.45.45 0 0 0-.02-.361c-.635-1.111-1.281-2.218-1.924-3.32-.211-.362-.503-.464-.89-.307-.73.298-1.46.593-2.187.899-.124.05-.207.043-.323-.028-.495-.302-1.002-.584-1.5-.883a.3.3 0 0 1-.1-.164c-.132-.829-.256-1.653-.384-2.48q-.076-.495-.602-.495H9.072c-.327 0-.65-.004-.977 0-.324.004-.455.172-.483.486-.036.436-.12.868-.184 1.3-.06.38-.128.76-.175 1.141-.016.134-.072.2-.188.267-.503.279-.998.573-1.497.856-.06.035-.163.031-.231.008-.766-.295-1.529-.6-2.295-.899a1.1 1.1 0 0 0-.343-.082.46.46 0 0 0-.443.243C1.613 4.439.963 5.549.32 6.66c-.18.31-.14.518.136.738q.959.771 1.924 1.53c.1.079.115.15.107.279-.02.475-.008.95-.008 1.425 0 .02.008.039.012.059.072.25 0 .412-.235.56-.667.429-1.313.888-1.972 1.339-.31.212-.363.42-.171.75q.585 1.012 1.177 2.025c.26.447.519.899.782 1.346.18.31.391.385.735.247q1.155-.452 2.31-.91c.116-.047.196-.036.304.031.467.283.946.553 1.428.82.124.067.188.138.208.279.116.797.243 1.59.367 2.382.044.275.26.44.59.444.647-.004 1.306-.008 1.964-.008m.104-13.466c1.936.004 3.572 1.613 3.576 3.517.004 1.9-1.632 3.512-3.572 3.52-1.935.008-3.596-1.62-3.588-3.528.008-1.903 1.649-3.513 3.584-3.509'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s ease;
  width: 22px;
}
.settings-button .settings-text[data-v-184d5d88] {
  display: none;
  font-size: 13px;
  font-weight: 500;
  margin-left: 14px;
  text-transform: uppercase;
}
.settings-button[data-v-184d5d88]:after {
  right: 0;
}
.settings-button[data-v-184d5d88]:after,
.settings-button[data-v-184d5d88]:before {
  background: linear-gradient(180deg, rgba(13, 12, 26, 0), rgba(13, 12, 26, 0) 0, #000 47.92%, rgba(13, 12, 26, 0));
  content: "";
  height: 100%;
  position: absolute;
  width: 1px;
}
.user-block .notification-center-button[data-v-184d5d88] {
  height: 35px;
  margin-top: -5px;
}
.notification-center-button[data-v-184d5d88] {
  --badge-size: 9px;
  --badge-x-adjust: 2px;
  --icon-color: #9793c7;
  --badge-color: #cf3464;
  --background-color: #19172d;
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  position: relative;
  width: 54px;
}
.notification-center-button .icon-container[data-v-184d5d88] {
  cursor: pointer;
}
.notification-center-button .icon-container:hover .bell-icon[data-v-184d5d88] {
  background-color: rgb(228, 220, 252);
}
.notification-center-button .bell-icon[data-v-184d5d88] {
  background-color: var(--icon-color);
  display: inline-block;
  height: 22px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M19.597 15.504a6.14 6.14 0 0 1-2.18-4.698V8.25c0-3.226-2.397-5.896-5.5-6.343v-.99a.916.916 0 1 0-1.834 0v.99c-3.105.447-5.5 3.117-5.5 6.343v2.556a6.15 6.15 0 0 1-2.189 4.705 1.606 1.606 0 0 0 1.043 2.822h15.125a1.606 1.606 0 0 0 1.035-2.83M11 22a3.44 3.44 0 0 0 3.367-2.75H7.632A3.44 3.44 0 0 0 11 22'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M19.597 15.504a6.14 6.14 0 0 1-2.18-4.698V8.25c0-3.226-2.397-5.896-5.5-6.343v-.99a.916.916 0 1 0-1.834 0v.99c-3.105.447-5.5 3.117-5.5 6.343v2.556a6.15 6.15 0 0 1-2.189 4.705 1.606 1.606 0 0 0 1.043 2.822h15.125a1.606 1.606 0 0 0 1.035-2.83M11 22a3.44 3.44 0 0 0 3.367-2.75H7.632A3.44 3.44 0 0 0 11 22'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  position: relative;
  transition: background-color 0.3s ease;
  width: 22px;
}
.notification-center-button .notification-badge[data-v-184d5d88] {
  position: absolute;
  top: 4px;
  right: 8px;
  background-color: rgb(209, 63, 108);
  color: #e4dffa;
  border-radius: 2px;
  min-width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  padding: 0 4px;
  box-sizing: border-box;
  border-radius: 5px;
  z-index: 10;
  pointer-events: none;
  animation: opacity-184d5d88 2s infinite ease-in-out;
}
@keyframes opacity-184d5d88 {
0%, 100% {
    opacity: 0.66;
}
40%, 60% {
    opacity: 1;
}
}
@media screen and (max-width: 1365px) {
.notification-center-button[data-v-184d5d88] {
    --badge-size: 8px;
    --badge-x-adjust: 0;
    height: 30px;
    width: 40px;
}
.notification-center-button .bell-icon[data-v-184d5d88] {
    height: 16px;
    width: 16px;
}
.notification-center-button .notification-badge[data-v-184d5d88] {
    transform: scale(0.75);
    transform-origin: 30px -13px;
    padding-bottom: 1px;
}
}
.notification-center-wrapper[data-v-184d5d88] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  justify-content: flex-end;
  align-items: stretch !important;
}
.notification-center[data-v-184d5d88] {
  width: 450px;
  height: 100% !important;
  background: #141225;
  border-radius: 0 !important;
  display: flex;
  flex-direction: column;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
  position: relative;
}
.notification-center-header[data-v-184d5d88] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  border-bottom: 1px solid #44406d;
  background: #141225;
  border-radius: 0 !important;
}
.notification-center-header .title[data-v-184d5d88] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  flex: 1;
  margin-left: 2px;
}
.notification-center-header .title .text[data-v-184d5d88] {
  font-size: 18px;
  color: #ecebf3;
  font-weight: bold;
}
.notification-center-header .actions[data-v-184d5d88] {
  display: flex;
  align-items: center;
}
.close-button[data-v-184d5d88] {
  background: rgb(29, 21, 60);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-left: -32px;
  transition: all 0.3s ease;
}
.close-button[data-v-184d5d88]:hover {
  background: rgba(255, 255, 255, 0.2);
}
.close-button .button__content[data-v-184d5d88] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.close-button .cross-icon[data-v-184d5d88] {
  width: 16px;
  height: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.close-button .cross-icon[data-v-184d5d88]::before,
.close-button .cross-icon[data-v-184d5d88]::after {
  content: "";
  position: absolute;
  background: #9793ba;
  top: 50%;
  left: 50%;
}
.close-button .cross-icon[data-v-184d5d88]::before {
  width: 16px;
  height: 2px;
  transform: translate(-50%, -50%) rotate(45deg);
}
.close-button .cross-icon[data-v-184d5d88]::after {
  width: 16px;
  height: 2px;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.only-new-text[data-v-184d5d88] {
  font-size: 14px;
  color: #9793ba;
  margin-right: 5px;
}
.notification-center-header .title-right[data-v-184d5d88] {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-right: -5px;
}
.switcher[data-v-184d5d88] {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.switcher.size-regular .marker[data-v-184d5d88] {
  background: #2c2945;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  display: block;
  height: 22px;
  position: relative;
  width: 50px;
}
.switcher.size-regular .marker[data-v-184d5d88]::before {
  background: #575567;
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  content: "";
  height: 15px;
  left: 6px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.3s, left 0.3s;
  width: 18px;
}
.switcher.is_selected .marker[data-v-184d5d88]::before {
  left: calc(100% - 24px);
  background: #05ffb0;
}
.notification-list[data-v-184d5d88] {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
}
.notification-list[data-v-184d5d88]::-webkit-scrollbar {
  width: 8px;
}
.notification-list[data-v-184d5d88]::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.notification-list[data-v-184d5d88]::-webkit-scrollbar-thumb {
  background: rgba(92, 73, 208, 0.5);
  border-radius: 4px;
}
.notification-list[data-v-184d5d88]::-webkit-scrollbar-thumb:hover {
  background: rgba(92, 73, 208, 0.7);
}
.notification-item[data-v-184d5d88] {
  display: flex;
  padding: 15px;
  background: #35315c;
  border-radius: 6px;
  margin-bottom: 10px;
  border: 1.5px solid rgba(92, 73, 208, 0.2);
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.notification-item[data-v-184d5d88]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(92, 73, 208, 0.1) 0%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
  z-index: 1;
}
.notification-item[data-v-184d5d88]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}
.notification-item.notification-type-message[data-v-184d5d88]::after {
  background: linear-gradient(90deg, rgba(106, 240, 247, 0.13) 0%, rgba(106, 240, 247, 0.08) 50%, rgba(106, 240, 247, 0.01) 100%);
}
.notification-item.notification-type-system[data-v-184d5d88]::after {
  background: linear-gradient(90deg, rgba(243, 97, 172, 0.13) 0%, rgba(243, 97, 172, 0.08) 50%, rgba(243, 97, 172, 0.01) 100%);
}
.notification-item.notification-type-info[data-v-184d5d88]::after {
  background: linear-gradient(90deg, rgba(156, 114, 248, 0.13) 0%, rgba(156, 114, 248, 0.08) 50%, rgba(156, 114, 248, 0.01) 100%);
}
.notification-item[data-v-184d5d88]:hover {
  border-color: #5c49d0;
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(92, 73, 208, 0.3);
}
.notification-item[data-v-184d5d88]:hover::before {
  opacity: 1;
}
.notification-icon[data-v-184d5d88] {
  display: none;
}
.icon[data-v-184d5d88] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.message-icon[data-v-184d5d88] {
  background: #50c8ce;
}
.system-icon[data-v-184d5d88] {
  background: #cd4c8f;
}
.info-icon[data-v-184d5d88] {
  background: #7c5ac8;
}
.notification-content[data-v-184d5d88] {
  flex: 1;
  position: relative;
  z-index: 2;
}
.notification-content .title[data-v-184d5d88] {
  color: #c9c6ee;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 14px;
}
.notification-content .message[data-v-184d5d88] {
  color: #9793ba;
  font-size: 13px;
  margin-bottom: 8px;
  line-height: 1.4;
}
.notification-content .time[data-v-184d5d88] {
  color: #7a75a6;
  font-size: 11px;
}
.notification-actions[data-v-184d5d88] {
  display: flex;
  align-items: flex-start;
  margin-left: 10px;
  position: relative;
  z-index: 2;
}
.mark-read[data-v-184d5d88] {
  background: #57547c;
  color: #c9c6ee;
  border: none;
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 12px;
  cursor: pointer;
}
.mark-read[data-v-184d5d88]:hover {
  background: #6a6596;
}
.read-indicator[data-v-184d5d88] {
  color: #7a75a6;
  font-size: 12px;
  padding-top: 5px;
}
.footer-bg-image[data-v-184d5d88] {
  width: 60%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.5;
  margin: 0 auto;
}
.notification-center-footer[data-v-184d5d88] {
  padding: 15px;
  border-top: 1px solid #44406d;
  background: #141225;
  display: flex;
  justify-content: space-between;
}
.notification-center-footer button[data-v-184d5d88] {
  background: #57547c;
  color: #c9c6ee;
  border: none;
  border-radius: 4px;
  padding: 8px 15px;
  font-size: 13px;
  cursor: pointer;
}
.notification-center-footer button[data-v-184d5d88]:hover {
  background: #6a6596;
}
.empty-state[data-v-184d5d88] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.empty-state .content[data-v-184d5d88] {
  text-align: center;
  margin-top: -200px;
}
.empty-state .image[data-v-184d5d88] {
  width: 450px;
  height: 450px;
  margin-bottom: 15px;
}
.empty-state .title[data-v-184d5d88] {
  color: #c9c6ee;
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}
.empty-state .message[data-v-184d5d88] {
  color: #7a75a6;
  font-size: 14px;
}
.notification-detail-overlay[data-v-184d5d88] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 20000 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notification-detail-dialog[data-v-184d5d88] {
  position: relative;
  width: 600px;
  max-width: 90%;
  height: 40vh;
  max-height: 55vh;
  background: #141225;
  border: 1px solid #44406d;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.detail-bg-image[data-v-184d5d88] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  max-width: 300px;
  max-height: 250px;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 1;
  pointer-events: none;
  opacity: 0.05;
}
.detail-close-button[data-v-184d5d88] {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 32px;
  height: 32px;
  background: rgb(29, 21, 60);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: all 0.3s ease;
}
.detail-close-button[data-v-184d5d88]:hover {
  background: rgba(255, 255, 255, 0.2);
}
.detail-close-button .close-icon[data-v-184d5d88] {
  width: 16px;
  height: 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-close-button .close-icon[data-v-184d5d88]::before, .detail-close-button .close-icon[data-v-184d5d88]::after {
  content: "";
  position: absolute;
  background: #9793ba;
  top: 50%;
  left: 50%;
}
.detail-close-button .close-icon[data-v-184d5d88]::before {
  width: 16px;
  height: 2px;
  transform: translate(-50%, -50%) rotate(45deg);
}
.detail-close-button .close-icon[data-v-184d5d88]::after {
  width: 16px;
  height: 2px;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.detail-header[data-v-184d5d88] {
  padding: 30px 20px 20px 20px;
  text-align: center;
  border-bottom: 1px solid #44406d;
  position: relative;
  z-index: 2;
}
.detail-title[data-v-184d5d88] {
  color: #ecebf3;
  font-size: 20px;
  font-weight: bold;
}
.detail-body[data-v-184d5d88] {
  flex: 1;
  padding: 30px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.detail-message[data-v-184d5d88] {
  color: #9793ba;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 20px;
  flex: 1;
  text-indent: 2em;
  padding-left: 0;
}
.detail-time[data-v-184d5d88] {
  color: #7a75a6;
  font-size: 13px;
  text-align: right;
  margin-top: auto;
}
@media (max-width: 768px) {
.notification-center[data-v-184d5d88] {
    width: 90%;
    height: 100% !important;
}
}
.line[data-v-184d5d88]:after,
.line[data-v-184d5d88]:before {
  background: linear-gradient(180deg, rgba(13, 12, 26, 0), rgba(13, 12, 26, 0) 0, #000 47.92%, rgba(13, 12, 26, 0));
  content: "";
  height: 100%;
  position: absolute;
  width: 1px;
}
.line1[data-v-184d5d88]:after {
  background: linear-gradient(180deg, rgba(13, 12, 26, 0), rgba(13, 12, 26, 0) 0, #000 47.92%, rgba(13, 12, 26, 0));
  content: "";
  height: 50px;
  top: -10px;
  position: absolute;
  width: 1px;
}
.user-block[data-v-184d5d88] {
  align-items: center;
  display: flex;
}
.ui-blocker__wrap[data-v-184d5d88] {
  position: relative;
}
.ui-blocker__content[data-v-184d5d88] {
  position: relative;
}
.user-balance[data-v-184d5d88] {
  font-size: 14px;
  font-weight: 600;
  margin-top: 4px;
  padding: 0 10px 0 8px;
  position: relative;
}
.user-balance__balance[data-v-184d5d88] {
  align-items: center;
  display: flex;
  transition: opacity 0.2s;
}
.user-balance__feast-points-count[data-v-184d5d88] {
  color: #ffb973;
  margin-left: 3px;
}
.balance[data-v-184d5d88] {
  font-variant-numeric: tabular-nums;
  position: relative;
}
.balance__update[data-v-184d5d88],
.balance__value[data-v-184d5d88] {
  display: inline-flex;
}
.user-balance__ticket-icon[data-v-184d5d88] {
  height: 22px;
  width: 22px;
}
.user-balance__tickets-count[data-v-184d5d88] {
  margin-left: 4px;
}
.ui-blocker__wrap[data-v-184d5d88] {
  position: relative;
}
.ui-blocker__content[data-v-184d5d88] {
  position: relative;
}
.user-money[data-v-184d5d88] {
  align-items: center;
  display: flex;
  padding: 0 12px 0 8px;
  position: relative;
  z-index: 12000; /* 防止余额动画被遮挡 */
}

/* 防止余额动画/气泡被裁剪 */
.ui-blocker__wrap[data-v-184d5d88],
.ui-blocker__content[data-v-184d5d88],
.user-money[data-v-184d5d88],
.user-balance[data-v-184d5d88] {
  overflow: visible;
}
.user-money__balances[data-v-184d5d88] {
  font-size: 14px;
  font-weight: 600;
}
.user-money .user-balance[data-v-184d5d88] {
  color: #4af1cc;
}
.user-money .user-balance .balance-icon[data-v-184d5d88] {
  background: url(../img/balance.c715f752.png) no-repeat;
  background-size: 100%;
  background-position: center;
}
.user-money .user-balance .sq-icon[data-v-184d5d88] {
  background-color: #B7B1CB;
  -webkit-mask-image: url(../img/sq.ac8e4944.svg);
  mask-image: url(../img/sq.ac8e4944.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.user-money .money-icon[data-v-184d5d88] {
  display: inline-block;
  height: 20px;
  margin-right: 3px;
  transition: background-color 0.3s;
  width: 20px;
}
.replenish-balance-button-wrapper[data-v-184d5d88] {
  position: relative;
  margin: 0 10px;
}
.replenish-balance-button-wrapper.set_mr[data-v-184d5d88] {
  margin-right: 35px;
}
@media screen and (max-width: 767px) {
.replenish-balance-button-wrapper.set_mr[data-v-184d5d88] {
    margin-right: 20px;
}
}
.first-recharge[data-v-184d5d88] {
  position: absolute;
  top: -9px;
  right: -36px;
  width: 37px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  background: rgb(210, 47, 47);
  color: #fff;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 7px 100%, 0 50%);
  z-index: 0;
}
@media screen and (max-width: 767px) {
.first-recharge[data-v-184d5d88] {
    transform: scale(0.75);
    transform-origin: left top;
}
}
.first-recharge[data-v-184d5d88]::after {
  content: "+15%";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 33px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  background: rgb(165, 59, 59);
  color: #fff;
  clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%, 0 50%);
}
.user-money .replenish-user-balance.experiment-view[data-v-184d5d88] {
  height: 32px;
  width: auto;
  align-items: center;
  background-color: #48c5a9;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
  box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
  animation: edgeSpread-184d5d88 4s infinite ease-in-out;
}
@keyframes edgeSpread-184d5d88 {
0%, 100% {
    transform: scale(1);
    opacity: 1;
}
40% {
    transform: scale(1.11);
    opacity: 0.9;
}
}
.user-money .replenish-user-balance .plus-icon[data-v-184d5d88] {
  background-color: #141225;
  display: inline-block;
  height: 12px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 12px;
}
.plus-btn-text[data-v-184d5d88] {
  color: #19172d;
  font-size: 13px;
  font-weight: 700;
  margin-left: 8px;
  text-transform: uppercase;
}
.user-money .user-balance[data-v-184d5d88],
.user-money .user-weapon-balance[data-v-184d5d88] {
  align-items: center;
  cursor: pointer;
  display: flex;
  transition: color 0.3s;
}
.user-block .user-avatar[data-v-184d5d88] {
  margin-left: 20px;
  position: relative;
}
.user-block .user-avatar[data-v-184d5d88]:before {
  background: linear-gradient(180deg, rgba(13, 12, 26, 0), rgba(13, 12, 26, 0) 0, #000 47.92%, rgba(13, 12, 26, 0));
  content: "";
  height: 54px;
  left: -20px;
  position: absolute;
  width: 1px;
  z-index: -1;
}
.common-user-avatar.size-46[data-v-184d5d88] {
  padding: 2px;
}
.common-user-avatar.level-color-1[data-v-184d5d88],
.common-user-avatar.level-color-1[data-v-184d5d88]:after,
.common-user-avatar.level-color-1[data-v-184d5d88]:before {
  border-color: #787286;
}
.common-user-avatar[data-v-184d5d88]:after,
.common-user-avatar[data-v-184d5d88]:before {
  animation-duration: 1.4s;
  animation-iteration-count: 3;
  border: 2px solid;
  border-radius: 50%;
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.common-user-avatar[data-v-184d5d88]:before {
  height: 118%;
  width: 118%;
}
.common-user-avatar__img[data-v-184d5d88] {
  border-radius: 100%;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.common-user-avatar__img img[data-v-184d5d88] {
  height: calc(100% + 2px);
  margin-left: -1px;
  margin-top: -1px;
  width: calc(100% + 2px);
}
.common-user-avatar.size-46 .common-user-avatar__crown[data-v-184d5d88] {
  bottom: 110%;
}
.common-user-avatar__crown.is-hidden[data-v-184d5d88] {
  opacity: 0;
  pointer-events: none;
}
.common-user-avatar__crown[data-v-184d5d88] {
  bottom: 105%;
  display: flex;
  position: absolute;
}
.common-user-avatar__crown[data-v-184d5d88] {
  z-index: 1;
}
.common-user-avatar__level[data-v-184d5d88] {
  align-items: center;
  background-color: var(--e1801748);
  bottom: -9px;
  clip-path: polygon(0 50%, 6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%);
  display: flex;
  height: 22px;
  justify-content: center;
  left: -7px;
  position: absolute;
  width: 36px;
}
.common-user-avatar.level-color-1 .common-user-avatar__level-text[data-v-184d5d88] {
  background-color: #787286;
}
.common-user-avatar__level-text[data-v-184d5d88] {
  align-items: center;
  clip-path: polygon(0 50%, 6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%);
  display: flex;
  height: calc(100% - 4px);
  justify-content: center;
  transition: background-color 0.3s;
  width: calc(100% - 4px);
}
.common-user-avatar__level-text[data-v-184d5d88]:before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  content: "";
  height: 100%;
  left: -30%;
  position: absolute;
  transform: skew(-10deg);
  width: 40%;
}
.common-user-avatar__badge[data-v-184d5d88] {
  position: absolute;
  right: var(--6c7e280c);
  top: var(--6c7e280c);
}
.log-out[data-v-184d5d88] {
  align-items: center;
  background: #1f1d34;
  clip-path: polygon(0 15%, 15% 0, 100% 0, 100% 100%, 15% 100%, 0 85%);
  display: flex;
  height: 46px;
  justify-content: center;
  margin-left: 22px;
  transition: background 0.3s;
  width: 38px;
}
.button__content[data-v-184d5d88] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.log-out .log-out-icon[data-v-184d5d88] {
  background-color: #9793ba;
  display: inline-block;
  height: 17px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.066 4.427h-2.01V2.239H2.016v15.514h11.026v-2.177h1.981c.01.016.029.026.029.042 0 .792.037 1.583-.02 2.37-.084 1.182-.936 2.005-2.009 2.01-2.047.005-4.094 0-6.14 0H2.128c-1.28 0-2.122-.927-2.127-2.339-.005-5.103 0-10.207 0-15.31C.002.932.85 0 2.13 0h10.8c1.275 0 2.127.937 2.137 2.343z'/%3E%3Cpath d='M14.68 12.834c.49-.547.998-1.114 1.534-1.708H7.047V8.913H16.2c-.541-.604-1.054-1.172-1.562-1.74l1.392-1.541 3.972 4.395-3.934 4.354c-.442-.495-.908-1.01-1.388-1.547'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.066 4.427h-2.01V2.239H2.016v15.514h11.026v-2.177h1.981c.01.016.029.026.029.042 0 .792.037 1.583-.02 2.37-.084 1.182-.936 2.005-2.009 2.01-2.047.005-4.094 0-6.14 0H2.128c-1.28 0-2.122-.927-2.127-2.339-.005-5.103 0-10.207 0-15.31C.002.932.85 0 2.13 0h10.8c1.275 0 2.127.937 2.137 2.343z'/%3E%3Cpath d='M14.68 12.834c.49-.547.998-1.114 1.534-1.708H7.047V8.913H16.2c-.541-.604-1.054-1.172-1.562-1.74l1.392-1.541 3.972 4.395-3.934 4.354c-.442-.495-.908-1.01-1.388-1.547'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transform: translate(2px);
  width: 17px;
}
.avatar-container[data-v-184d5d88] {
  position: relative;
  z-index: 10001;
}
.avatar-wrapper[data-v-184d5d88] {
  position: relative;
}
.menu-fade-enter-active[data-v-184d5d88] {
  transition: opacity 0.3s ease;
}
.menu-fade-leave-active[data-v-184d5d88] {
  transition: opacity 0.2s ease;
}
.menu-fade-enter-from[data-v-184d5d88] {
  opacity: 0;
}
.menu-fade-leave-to[data-v-184d5d88] {
  opacity: 0;
}
.menu-fade-enter-to[data-v-184d5d88],
.menu-fade-leave-from[data-v-184d5d88] {
  opacity: 1;
}
.quick-settings-menu[data-v-184d5d88] {
  position: absolute;
  top: calc(100% + 30px);
  right: -5px;
  width: 250px;
  background: #181535;
  border: 1px solid rgba(115, 115, 125, 0.5);
  border-radius: 8px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5);
  padding: 15px 0;
  /* 提升层级，确保头像弹窗/语言下拉不被遮挡 */
  z-index: 12010;
  color: #fff;
  font-size: 14px;
  overflow: visible;
}
.quick-settings-menu[data-v-184d5d88]::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 23px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(115, 115, 125, 0.5);
  z-index: 12010;
}
.quick-settings-menu[data-v-184d5d88]::after {
  content: "";
  position: absolute;
  top: -7px;
  right: 23px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #181535;
  z-index: 12010;
}
.quick-settings-menu .quick-menu-xp[data-v-184d5d88] {
  padding: 0 15px 12px 15px;
  border-bottom: 1px solid rgba(115, 115, 125, 0.3);
  margin-bottom: 12px;
}
.quick-settings-menu .quick-menu-xp .quick-menu-xp-header[data-v-184d5d88] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.quick-settings-menu .quick-menu-xp .quick-menu-xp-text[data-v-184d5d88] {
  color: #a9a6c2;
  font-size: 13px;
}
.quick-settings-menu .quick-menu-xp .how-it-works-button[data-v-184d5d88] {
  color: #9793c7;
  font-size: 14px;
  font-weight: 600;
  margin-left: 8px;
  transition: color 0.3s;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.quick-settings-menu .quick-menu-xp .how-it-works-button[data-v-184d5d88]:hover {
  color: #c9c6ee;
}
.quick-settings-menu .quick-menu-xp .info-icon[data-v-184d5d88] {
  background-color: #9793c7;
  display: inline-block;
  height: 14px;
  width: 14px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
}
.quick-settings-menu .quick-menu-xp .user-level--quick-menu[data-v-184d5d88] {
  width: 100%;
  margin-top: 0;
}
.quick-settings-menu .quick-menu-xp .user-level__line[data-v-184d5d88] {
  height: 4px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.quick-settings-menu .quick-menu-xp .user-level__line.level-color-2[data-v-184d5d88] {
  background: linear-gradient(90deg, #7e5bc8, #412b72);
}
.quick-settings-menu .quick-menu-xp .current-xp[data-v-184d5d88] {
  background: #0ab0b6;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.quick-settings-menu .quick-menu-xp .current-xp.with-animation[data-v-184d5d88] {
  transition: width 2s cubic-bezier(0.16, 1, 0.3, 1);
}
.quick-settings-menu .usage-rules-dialog .dialog-title[data-v-184d5d88] {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 15px;
}
.quick-settings-menu .usage-rules-dialog .dialog-content[data-v-184d5d88] {
  color: #a9a6c2;
  font-size: 14px;
  line-height: 1.6;
}
.quick-settings-menu .quick-menu-item[data-v-184d5d88] {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  cursor: pointer;
  color: #fff;
  transition: background-color 0.2s, color 0.2s;
}
.quick-settings-menu .quick-menu-item[data-v-184d5d88]:hover {
  background-color: rgba(115, 115, 125, 0.2);
  color: #c9c6ee;
}
.quick-settings-menu .quick-menu-item svg[data-v-184d5d88] {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  stroke: currentColor;
  flex-shrink: 0;
}
.quick-settings-menu .quick-menu-item .person-icon[data-v-184d5d88] {
  background-color: #9793c7;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-right: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  flex-shrink: 0;
}
.quick-settings-menu .quick-menu-item .wallet-icon[data-v-184d5d88] {
  background-color: #4af1cc;
  display: inline-block;
  height: 15px;
  width: 15px;
  margin-right: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M1.217 2.262H17.44c.671 0 1.217.546 1.217 1.217v2.747h-5.823a3.218 3.218 0 0 0-2.29.95 3.22 3.22 0 0 0-.95 2.29v.342c0 .436.085.862.256 1.262.162.385.397.732.694 1.028s.643.531 1.028.694c.4.168.825.255 1.262.255h5.823v2.747c0 .671-.546 1.217-1.217 1.217H1.217A1.22 1.22 0 0 1 0 15.794V3.479c0-.67.546-1.217 1.217-1.217'/%3E%3Cpath d='M20.001 10.918a.91.91 0 0 1-.913.913h-6.253a2.02 2.02 0 0 1-2.023-2.022v-.343c0-1.118.905-2.022 2.023-2.022h6.253c.505 0 .913.407.913.912zm-6.836-2.355a1.074 1.074 0 1 0-.001 2.149 1.074 1.074 0 0 0 .001-2.149'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M1.217 2.262H17.44c.671 0 1.217.546 1.217 1.217v2.747h-5.823a3.218 3.218 0 0 0-2.29.95 3.22 3.22 0 0 0-.95 2.29v.342c0 .436.085.862.256 1.262.162.385.397.732.694 1.028s.643.531 1.028.694c.4.168.825.255 1.262.255h5.823v2.747c0 .671-.546 1.217-1.217 1.217H1.217A1.22 1.22 0 0 1 0 15.794V3.479c0-.67.546-1.217 1.217-1.217'/%3E%3Cpath d='M20.001 10.918a.91.91 0 0 1-.913.913h-6.253a2.02 2.02 0 0 1-2.023-2.022v-.343c0-1.118.905-2.022 2.023-2.022h6.253c.505 0 .913.407.913.912zm-6.836-2.355a1.074 1.074 0 1 0-.001 2.149 1.074 1.074 0 0 0 .001-2.149'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  flex-shrink: 0;
}
.quick-settings-menu .quick-menu-item .settings-icon[data-v-184d5d88] {
  background-color: #9793c7;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-right: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.978 19.996c.647 0 1.29.004 1.936 0 .447 0 .575-.122.639-.55q.174-1.17.367-2.343a.27.27 0 0 1 .111-.165q.785-.464 1.58-.91c.049-.027.14-.016.2.008.77.298 1.54.608 2.315.902.136.052.303.09.443.063a.5.5 0 0 0 .323-.22c.659-1.11 1.306-2.229 1.956-3.347.176-.306.136-.514-.144-.738-.622-.498-1.249-1-1.88-1.491-.127-.102-.151-.193-.14-.357a10 10 0 0 0-.011-1.406c-.024-.27 0-.45.251-.624.603-.416 1.186-.867 1.764-1.314a.94.94 0 0 0 .288-.361.45.45 0 0 0-.02-.361c-.635-1.111-1.281-2.218-1.924-3.32-.211-.362-.503-.464-.89-.307-.73.298-1.46.593-2.187.899-.124.05-.207.043-.323-.028-.495-.302-1.002-.584-1.5-.883a.3.3 0 0 1-.1-.164c-.132-.829-.256-1.653-.384-2.48q-.076-.495-.602-.495H9.072c-.327 0-.65-.004-.977 0-.324.004-.455.172-.483.486-.036.436-.12.868-.184 1.3-.06.38-.128.76-.175 1.141-.016.134-.072.2-.188.267-.503.279-.998.573-1.497.856-.06.035-.163.031-.231.008-.766-.295-1.529-.6-2.295-.899a1.1 1.1 0 0 0-.343-.082.46.46 0 0 0-.443.243C1.613 4.439.963 5.549.32 6.66c-.18.31-.14.518.136.738q.959.771 1.924 1.53c.1.079.115.15.107.279-.02.475-.008.95-.008 1.425 0 .02.008.039.012.059.072.25 0 .412-.235.56-.667.429-1.313.888-1.972 1.339-.31.212-.363.42-.171.75q.585 1.012 1.177 2.025c.26.447.519.899.782 1.346.18.31.391.385.735.247q1.155-.452 2.31-.91c.116-.047.196-.036.304.031.467.283.946.553 1.428.82.124.067.188.138.208.279.116.797.243 1.59.367 2.382.044.275.26.44.59.444.647-.004 1.306-.008 1.964-.008m.104-13.466c1.936.004 3.572 1.613 3.576 3.517.004 1.9-1.632 3.512-3.572 3.52-1.935.008-3.596-1.62-3.588-3.528.008-1.903 1.649-3.513 3.584-3.509'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.978 19.996c.647 0 1.29.004 1.936 0 .447 0 .575-.122.639-.55q.174-1.17.367-2.343a.27.27 0 0 1 .111-.165q.785-.464 1.58-.91c.049-.027.14-.016.2.008.77.298 1.54.608 2.315.902.136.052.303.09.443.063a.5.5 0 0 0 .323-.22c.659-1.11 1.306-2.229 1.956-3.347.176-.306.136-.514-.144-.738-.622-.498-1.249-1-1.88-1.491-.127-.102-.151-.193-.14-.357a10 10 0 0 0-.011-1.406c-.024-.27 0-.45.251-.624.603-.416 1.186-.867 1.764-1.314a.94.94 0 0 0 .288-.361.45.45 0 0 0-.02-.361c-.635-1.111-1.281-2.218-1.924-3.32-.211-.362-.503-.464-.89-.307-.73.298-1.46.593-2.187.899-.124.05-.207.043-.323-.028-.495-.302-1.002-.584-1.5-.883a.3.3 0 0 1-.1-.164c-.132-.829-.256-1.653-.384-2.48q-.076-.495-.602-.495H9.072c-.327 0-.65-.004-.977 0-.324.004-.455.172-.483.486-.036.436-.12.868-.184 1.3-.06.38-.128.76-.175 1.141-.016.134-.072.2-.188.267-.503.279-.998.573-1.497.856-.06.035-.163.031-.231.008-.766-.295-1.529-.6-2.295-.899a1.1 1.1 0 0 0-.343-.082.46.46 0 0 0-.443.243C1.613 4.439.963 5.549.32 6.66c-.18.31-.14.518.136.738q.959.771 1.924 1.53c.1.079.115.15.107.279-.02.475-.008.95-.008 1.425 0 .02.008.039.012.059.072.25 0 .412-.235.56-.667.429-1.313.888-1.972 1.339-.31.212-.363.42-.171.75q.585 1.012 1.177 2.025c.26.447.519.899.782 1.346.18.31.391.385.735.247q1.155-.452 2.31-.91c.116-.047.196-.036.304.031.467.283.946.553 1.428.82.124.067.188.138.208.279.116.797.243 1.59.367 2.382.044.275.26.44.59.444.647-.004 1.306-.008 1.964-.008m.104-13.466c1.936.004 3.572 1.613 3.576 3.517.004 1.9-1.632 3.512-3.572 3.52-1.935.008-3.596-1.62-3.588-3.528.008-1.903 1.649-3.513 3.584-3.509'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  flex-shrink: 0;
}
.quick-settings-menu .quick-menu-item span[data-v-184d5d88] {
  font-size: 14px;
}
.quick-settings-menu .quick-menu-volume[data-v-184d5d88] {
  padding: 10px 15px;
}
.quick-settings-menu .quick-menu-volume .quick-menu-volume-control[data-v-184d5d88] {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}
.quick-settings-menu .quick-menu-volume .quick-menu-volume-control .quick-menu-volume-icon-wrapper[data-v-184d5d88] {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quick-settings-menu .quick-menu-volume .quick-menu-volume-control .quick-menu-volume-icon-wrapper .quick-menu-volume-icon[data-v-184d5d88] {
  width: 16px;
  height: 16px;
  color: #a9a6c2;
  flex-shrink: 0;
}
.quick-settings-menu .quick-menu-volume .quick-menu-volume-control .quick-menu-volume-slider-wrapper[data-v-184d5d88] {
  position: relative;
  flex: 1;
  height: 6px;
  background: rgba(135, 130, 183, 0.671);
  border-radius: 3px;
}
.quick-settings-menu .quick-menu-volume .quick-menu-volume-control .quick-menu-volume-slider-wrapper .quick-menu-volume-slider-progress[data-v-184d5d88] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 3px;
  background: linear-gradient(135deg, #aea7dc 0%, #6d5ae0 100%);
  pointer-events: none;
  z-index: 1;
}
.quick-settings-menu .quick-menu-volume .quick-menu-volume-control .quick-menu-volume-slider[data-v-184d5d88] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  background: transparent;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  z-index: 2;
}
.quick-settings-menu .quick-menu-volume .quick-menu-volume-control .quick-menu-volume-slider[data-v-184d5d88]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  margin-top: -6px;
  border-radius: 50%;
  background: radial-gradient(circle at center, #584aa7 5px, transparent 5px), radial-gradient(circle at center, #584aa7 6px, transparent 6px), #363636;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 3;
}
.quick-settings-menu .quick-menu-volume .quick-menu-volume-control .quick-menu-volume-slider.quick-menu-volume-slider-active[data-v-184d5d88]::-webkit-slider-thumb {
  background: radial-gradient(circle at center, #584aa7 4px, transparent 4px), radial-gradient(circle at center, #584aa7 3px, transparent 3px), #363636;
  box-shadow: 0 2px 6px rgba(88, 74, 167, 0.5);
}
.quick-settings-menu .quick-menu-volume .quick-menu-volume-control .quick-menu-volume-slider[data-v-184d5d88]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: none;
  border-radius: 50%;
  background: radial-gradient(circle at center, #584aa7 5px, transparent 5px), radial-gradient(circle at center, #584aa7 6px, transparent 6px), #363636;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 3;
}
.quick-settings-menu .quick-menu-volume .quick-menu-volume-control .quick-menu-volume-slider.quick-menu-volume-slider-active[data-v-184d5d88]::-moz-range-thumb {
  background: radial-gradient(circle at center, #584aa7 4px, transparent 4px), radial-gradient(circle at center, #584aa7 3px, transparent 3px), #363636;
  box-shadow: 0 2px 6px rgba(88, 74, 167, 0.5);
}
.quick-settings-menu .quick-menu-volume .quick-menu-volume-control .quick-menu-volume-slider[data-v-184d5d88]::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 3px;
  background: transparent;
}
.quick-settings-menu .quick-menu-volume .quick-menu-volume-control .quick-menu-volume-slider[data-v-184d5d88]::-moz-range-track {
  height: 6px;
  border-radius: 3px;
  background: transparent;
}
.quick-settings-menu .quick-menu-divider[data-v-184d5d88] {
  height: 1px;
  background: rgba(115, 115, 125, 0.3);
  margin: 8px 0;
}
.question-icon[data-v-184d5d88] {
  width: 46px;
  height: 46px;
  background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gODAK/9sAQwAGBAUGBQQGBgUGBwcGCAoQCgoJCQoUDg8MEBcUGBgXFBYWGh0lHxobIxwWFiAsICMmJykqKRkfLTAtKDAlKCko/9sAQwEHBwcKCAoTCgoTKBoWGigoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgo/8AAEQgAQABAAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A8Inmk8+T94/3j/EfWmedJ/z0f/vo0T/6+T/eP86ZQA/zpP8Ano//AH0aPOk/56P/AN9GmVo6Loeq65M0Wj6ddXrr94QRF9v1I6fjQBR86T/no/8A30aPOk/56P8A99GtHW/Dus6GV/tjS7yyD8K00RVW+h6GsugB/nSf89H/AO+jT4JpPPj/AHj/AHh/EfWoafB/r4/94fzoAJ/9fJ/vH+dMp8/+vk/3j/OmUAXdE099W1mw06Jgsl3PHApPYswUH9a+qPF3iHSPhF4S0+003TxK0hMcEAbZvIA3SO2OvIz6k18nW88ttcRz28jxTRMHSRGKsrA5BBHQg1b1TWdT1fy/7V1G8vfLzs+0TNJtz1xknHQUAfUXw+8c6Z8UdN1HS9V0xIpUTM1s7eYkiE43KcAgg/lxg180+NtEHhzxZqmkqxdLWcojHqUPK598EV9CfBbwpF4G8J3fiLxA4trm5hEsnmceRCOQD/tHqR9B1r568a63/wAJH4r1TVghRLqYuinqE6KD74AoAxafB/r4/wDeH86ZT4P9fH/vD+dABP8A6+T/AHj/ADplPn/18n+8f50ygArt/gtpltq/xK0e2vYxJArPMUYZDFEZhn2yBXEV0/w203VNX8YWdloOoHTtQkWQx3IZl2gISeV55AI/GgD1H9pvxPdi/s/DcDGOz8pbqfHWRizBQfYbc/U+1eD12PxW0fWtE8Tpa+I9UOqXpt0cTl2bCEthctz1B/OuOoAKfB/r4/8AeH86ZT4P9fH/ALw/nQAT/wCvk/3j/OmVNPDJ58n7t/vH+E+tM8mT/nm//fJoAZV7Q9Xv9C1KLUNJuGtryMEJIoBIyCD1BHQmqnkyf883/wC+TR5Mn/PN/wDvk0AaHiHXtT8RX4vdau2u7oIIxIygHaCSBwB6msyn+TJ/zzf/AL5NHkyf883/AO+TQAynwf6+P/eH86PJk/55v/3yafBDJ58f7t/vD+E+tAH/2Q==);
  background-size: 100% 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 16px;
  border: #787286 2px solid;
}
.checkmark-badge[data-v-184d5d88] {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 16px;
  height: 16px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 10px;
}
.header-menu[data-v-184d5d88] {
  display: flex;
  height: 84px;
  position: relative;
  width: 100%;
  background: rgb(24, 23, 44);
  border-radius: 20px;
  font-size: 12px;
}
.header-menu[data-v-184d5d88]:before {
  background: #19172d;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.header-menu-logo[data-v-184d5d88] {
  align-items: center;
  display: inline-flex;
  height: 100%;
  position: relative;
}
.header-menu-logo__link[data-v-184d5d88] {
  display: flex;
  width: 200px;
  box-sizing: border-box;
  padding-left: 25px;
}
.header-menu-logo__link img[data-v-184d5d88] {
  width: 175px;
}
.header-menu-logo .text-wrapper[data-v-184d5d88] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 10px;
  position: relative;
}
.header-menu-logo .slogan[data-v-184d5d88] {
  color: #9793ba;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.075em;
  opacity: 0;
  position: absolute;
  text-transform: uppercase;
  top: 55%;
  transition: opacity 0.3s, top 0.3s;
  white-space: nowrap;
}
.header-menu-logo .pf-tooltip[data-v-184d5d88] {
  position: absolute;
  right: -26px;
  top: 18px;
}
.tooltip__custom[data-v-184d5d88] {
  background: unset;
  height: unset;
  margin-left: unset;
  width: unset;
}
.tooltip[data-v-184d5d88] {
  background: #191827;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  margin-left: 15px;
  position: relative;
  text-align: center;
  width: 20px;
}
.header-menu-logo .pf-tooltip .pf-info-icon[data-v-184d5d88] {
  background-color: #50c8ce;
  display: inline-block;
  height: 20px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M9.864.345a.86.86 0 0 0-.395.096L2.09 4.254a.9.9 0 0 0-.36.34.96.96 0 0 0-.136.495v6.354c0 2.874 1.64 5.009 3.53 6.441.945.715 1.941 1.247 2.804 1.6.874.357 1.576.516 1.936.516s1.062-.159 1.935-.516c.863-.353 1.86-.885 2.803-1.6 1.89-1.432 3.531-3.567 3.531-6.44V5.088a.96.96 0 0 0-.135-.494.9.9 0 0 0-.36-.341L10.257.44a.86.86 0 0 0-.394-.096m6.488 5.323L9.864 2.316l-6.49 3.352v5.775c0 2.25 1.447 3.915 2.925 5.002.743.546 1.51.958 2.141 1.238.316.14.6.247.834.322.225.072.427.122.568.131l.022.002.021-.002c.141-.009.343-.059.568-.131.234-.075.518-.183.834-.322.631-.28 1.398-.692 2.141-1.238 1.478-1.087 2.924-2.751 2.924-5.002z' clip-rule='evenodd'/%3E%3Cpath d='m8.686 12.585-2.123-2.281-.731.785 2.853 3.078 5.48-5.876-.736-.791z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M9.864.345a.86.86 0 0 0-.395.096L2.09 4.254a.9.9 0 0 0-.36.34.96.96 0 0 0-.136.495v6.354c0 2.874 1.64 5.009 3.53 6.441.945.715 1.941 1.247 2.804 1.6.874.357 1.576.516 1.936.516s1.062-.159 1.935-.516c.863-.353 1.86-.885 2.803-1.6 1.89-1.432 3.531-3.567 3.531-6.44V5.088a.96.96 0 0 0-.135-.494.9.9 0 0 0-.36-.341L10.257.44a.86.86 0 0 0-.394-.096m6.488 5.323L9.864 2.316l-6.49 3.352v5.775c0 2.25 1.447 3.915 2.925 5.002.743.546 1.51.958 2.141 1.238.316.14.6.247.834.322.225.072.427.122.568.131l.022.002.021-.002c.141-.009.343-.059.568-.131.234-.075.518-.183.834-.322.631-.28 1.398-.692 2.141-1.238 1.478-1.087 2.924-2.751 2.924-5.002z' clip-rule='evenodd'/%3E%3Cpath d='m8.686 12.585-2.123-2.281-.731.785 2.853 3.078 5.48-5.876-.736-.791z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 20px;
  margin-left: -70px;
}
.header-menu-logo .pf-tooltip .tooltip__text[data-v-184d5d88] {
  color: #fff;
  font-size: 10px;
}
.tooltip.right-position .tooltip__text[data-v-184d5d88] {
  left: -50px;
}
.tooltip__text[data-v-184d5d88] {
  background: #282546;
  border-radius: 4px;
  color: #dddcfc;
  font-size: 14px;
  left: -90px;
  margin-top: 10px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  text-align: initial;
  top: 23px;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 200px;
  z-index: 10;
}
.tooltip.right-position .tooltip__text[data-v-184d5d88]:before {
  left: 20px;
}
.tooltip__text[data-v-184d5d88]:before {
  border-color: transparent transparent #282546;
  border-style: solid;
  border-width: 0 7.5px 10px;
  content: "";
  height: 0;
  left: calc(50% - 8px);
  position: absolute;
  top: -10px;
  width: 0;
}
.header-menu-logo .pf-tooltip .link[data-v-184d5d88] {
  font-weight: 700;
  text-decoration: underline;
}
.nav_bar[data-v-184d5d88] {
  flex: 1;
  position: relative;
}
.nav_list[data-v-184d5d88] {
  align-items: center;
  display: flex;
  height: 100%;
  position: absolute;
  white-space: nowrap;
}
.menu-item.active[data-v-184d5d88]:not(.luminosity) {
  color: #ea4376;
  pointer-events: none;
}
@media screen and (max-width: 1920px) {
.menu-item[data-v-184d5d88] {
    margin-left: 20px;
}
}
.menu-item[data-v-184d5d88] {
  cursor: pointer;
  height: 100%;
  margin: 15px;
  position: relative;
}
.menu-item[data-v-184d5d88]:hover:after, .menu-item[data-v-184d5d88]:hover:before {
  background: linear-gradient(90deg, rgba(234, 67, 118, 0), #ffffff 50.97%, rgba(234, 67, 118, 0));
  opacity: 0.2;
  transform: none;
}
@media screen and (max-width: 1500px) {
.menu-item .text-block[data-v-184d5d88] {
    padding: 0 5px;
}
.menu-item .name[data-v-184d5d88] {
    display: none;
}
}
.menu-item.active[data-v-184d5d88]:not(.luminosity):after,
.menu-item.active[data-v-184d5d88]:not(.luminosity):before {
  background: linear-gradient(90deg, rgba(234, 67, 118, 0), #ea4376 50.97%, rgba(234, 67, 118, 0));
  opacity: 0.2;
  transform: none;
}
.menu-item[data-v-184d5d88]:before {
  top: 0;
  transform: translate(-50px);
}
.menu-item[data-v-184d5d88]:after,
.menu-item[data-v-184d5d88]:before {
  background: linear-gradient(90deg, rgba(44, 39, 87, 0), #2c2757 50.97%, rgba(44, 39, 87, 0));
  content: "";
  height: 2px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s, transform 0.3s;
  width: 100%;
}
.menu-item .text-block[data-v-184d5d88] {
  align-items: center;
  display: flex;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: opacity 0.3s;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.menu-item.active:not(.luminosity) .text-block[data-v-184d5d88]:after,
.menu-item.active:not(.luminosity) .text-block[data-v-184d5d88]:before {
  background: radial-gradient(50% 50% at 50% 50%, #ea4376 0, rgba(234, 67, 118, 0));
  opacity: 0.2;
  transform: none;
}
.menu-item .text-block[data-v-184d5d88]:before {
  top: -65px;
  transform: translateY(-50px);
}
.menu-item .text-block[data-v-184d5d88]:after,
.menu-item .text-block[data-v-184d5d88]:before {
  background: radial-gradient(50% 50% at 50% 50%, #4c439a 0, rgba(76, 67, 154, 0));
  content: "";
  height: 97px;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s, transform 0.3s;
  width: 100%;
}
.menu-item .icon-wrapper[data-v-184d5d88] {
  display: flex;
  position: relative;
}
.menu-item .reminder-dot[data-v-184d5d88] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  position: absolute;
  top: -1px;
  right: -2px;
  background: #ea4376;
}
.menu-item.active:not(.luminosity) .menu-icon.SCGOindex-icon[data-v-184d5d88],
.header-phone-left-active .header-phone-left-nav-list-item.SCGOindex-icon[data-v-184d5d88] {
  background-image: url(../img/Wuqixiang-act.c1225d8b.png);
}
.menu-item.active:not(.luminosity) .menu-icon.upgrade-icon[data-v-184d5d88],
.header-phone-left-active .header-phone-left-nav-list-item.upgrade-icon[data-v-184d5d88] {
  background-image: url(../img/Drem-act.abcd07c0.png);
}
.menu-item.active:not(.luminosity) .menu-icon.missions-icon[data-v-184d5d88],
.header-phone-left-active .header-phone-left-nav-list-item.missions-icon[data-v-184d5d88] {
  background-image: url(../img/Renwu-act.e26bda9f.png);
}
.menu-item.active:not(.luminosity) .menu-icon.event-icon[data-v-184d5d88],
.header-phone-left-active .header-phone-left-nav-list-item.event-icon[data-v-184d5d88] {
  background-image: url(../img/Huodong-act.777c5560.png);
}
.menu-item.active:not(.luminosity) .menu-icon.battles-icon[data-v-184d5d88],
.header-phone-left-active .header-phone-left-nav-list-item.battles-icon[data-v-184d5d88] {
  background-image: url(../img/PvP-act.dd46b7eb.png);
}
.menu-item.active:not(.luminosity) .menu-icon.free-cases-icon[data-v-184d5d88],
.header-phone-left-active .header-phone-left-nav-list-item.free-cases-icon[data-v-184d5d88] {
  background-image: url(../img/Free-act.eeaa3297.png);
}
.menu-item.active:not(.luminosity) .menu-icon.exchange-icon[data-v-184d5d88],
.header-phone-left-active .header-phone-left-nav-list-item.exchange-icon[data-v-184d5d88] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath stroke='%239793ba' stroke-width='1.3' d='M2.19 6.125 11.5.751l9.31 5.374v10.75l-9.31 5.374-9.31-5.374z'/%3E%3Cg fill='%239793ba' clip-path='url(%23a)'%3E%3Cpath d='M7.88 11.573H6.47V8.59h6.315V7.188c.989.7 1.95 1.385 2.933 2.083l-2.927 2.08v-1.39H7.88zM10.944 15.813c-1.001-.71-1.963-1.397-2.94-2.09.977-.692 1.939-1.376 2.921-2.078v1.38h4.904v-1.6h1.42v2.97h-6.305z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M6.469 7.188h10.78v8.625H6.47z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath stroke='%239793ba' stroke-width='1.3' d='M2.19 6.125 11.5.751l9.31 5.374v10.75l-9.31 5.374-9.31-5.374z'/%3E%3Cg fill='%239793ba' clip-path='url(%23a)'%3E%3Cpath d='M7.88 11.573H6.47V8.59h6.315V7.188c.989.7 1.95 1.385 2.933 2.083l-2.927 2.08v-1.39H7.88zM10.944 15.813c-1.001-.71-1.963-1.397-2.94-2.09.977-.692 1.939-1.376 2.921-2.078v1.38h4.904v-1.6h1.42v2.97h-6.305z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M6.469 7.188h10.78v8.625H6.47z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.menu-item.active:not(.luminosity) .menu-icon.market-icon[data-v-184d5d88],
.header-phone-left-active .header-phone-left-nav-list-item.market-icon[data-v-184d5d88] {
  background-image: url(../img/Shopping-act.0c1fd430.png);
}
.menu-item.active:not(.luminosity) .menu-icon.partnership-icon[data-v-184d5d88],
.header-phone-left-active .header-phone-left-nav-list-item.partnership-icon[data-v-184d5d88] {
  background-image: url(../img/Partnership-act.6755309b.png);
}
.menu-item.active:not(.luminosity) .menu-icon.roll-icon[data-v-184d5d88],
.header-phone-left-active .header-phone-left-nav-list-item.roll-icon[data-v-184d5d88] {
  background-image: url(../img/Roll-act.3ef15636.png);
}
.menu-item .menu-icon[data-v-184d5d88],
.header-phone-left-nav-list-item[data-v-184d5d88] {
  display: inline-block;
  height: 25px;
  transition: transform 0.3s;
  width: 25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.menu-item .menu-icon.SCGOindex-icon[data-v-184d5d88],
.header-phone-left-nav-list-item.SCGOindex-icon[data-v-184d5d88] {
  background-image: url(../img/Wuqixiang.cafb0972.png);
}
.menu-item .menu-icon.upgrade-icon[data-v-184d5d88],
.header-phone-left-nav-list-item.upgrade-icon[data-v-184d5d88] {
  background-image: url(../img/Drem.e70fd717.png);
}
.menu-item .menu-icon.missions-icon[data-v-184d5d88],
.header-phone-left-nav-list-item.missions-icon[data-v-184d5d88] {
  background-image: url(../img/Renwu.feac4767.png);
}
.menu-item .menu-icon.event-icon[data-v-184d5d88],
.header-phone-left-nav-list-item.event-icon[data-v-184d5d88] {
  background-image: url(../img/Huodong.2a998217.png);
}
.menu-item .menu-icon.battles-icon[data-v-184d5d88],
.header-phone-left-nav-list-item.battles-icon[data-v-184d5d88] {
  background-image: url(../img/PvP.36eb31f4.png);
}
.menu-item .menu-icon.free-cases-icon[data-v-184d5d88],
.header-phone-left-nav-list-item.free-cases-icon[data-v-184d5d88] {
  background-image: url(../img/Free.557438b8.png);
}
.menu-item .menu-icon.exchange-icon[data-v-184d5d88],
.header-phone-left-nav-list-item.exchange-icon[data-v-184d5d88] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath stroke='%239793ba' stroke-width='1.3' d='M2.19 6.125 11.5.751l9.31 5.374v10.75l-9.31 5.374-9.31-5.374z'/%3E%3Cg fill='%239793ba' clip-path='url(%23a)'%3E%3Cpath d='M7.88 11.573H6.47V8.59h6.315V7.188c.989.7 1.95 1.385 2.933 2.083l-2.927 2.08v-1.39H7.88zM10.944 15.813c-1.001-.71-1.963-1.397-2.94-2.09.977-.692 1.939-1.376 2.921-2.078v1.38h4.904v-1.6h1.42v2.97h-6.305z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M6.469 7.188h10.78v8.625H6.47z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 23'%3E%3Cpath stroke='%239793ba' stroke-width='1.3' d='M2.19 6.125 11.5.751l9.31 5.374v10.75l-9.31 5.374-9.31-5.374z'/%3E%3Cg fill='%239793ba' clip-path='url(%23a)'%3E%3Cpath d='M7.88 11.573H6.47V8.59h6.315V7.188c.989.7 1.95 1.385 2.933 2.083l-2.927 2.08v-1.39H7.88zM10.944 15.813c-1.001-.71-1.963-1.397-2.94-2.09.977-.692 1.939-1.376 2.921-2.078v1.38h4.904v-1.6h1.42v2.97h-6.305z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M6.469 7.188h10.78v8.625H6.47z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.menu-item .menu-icon.market-icon[data-v-184d5d88],
.header-phone-left-nav-list-item.market-icon[data-v-184d5d88] {
  background-image: url(../img/Shopping.2b558cc8.png);
}
.menu-item .menu-icon.partnership-icon[data-v-184d5d88],
.header-phone-left-nav-list-item.partnership-icon[data-v-184d5d88] {
  background-image: url(../img/Partnership.37e1ad42.png);
}
.menu-item .menu-icon.roll-icon[data-v-184d5d88],
.header-phone-left-nav-list-item.roll-icon[data-v-184d5d88] {
  background-image: url(../img/Roll.340223fd.png);
}
@media screen and (max-width: 1920px) {
.menu-item .name[data-v-184d5d88] {
    font-size: 12px;
}
}
.menu-item .name[data-v-184d5d88] {
  font-size: 13px;
  padding: 0 1px;
  margin-top: 2px;
  text-transform: uppercase;
}
.menu-item.active:not(.luminosity) .text-block[data-v-184d5d88]:after,
.menu-item.active:not(.luminosity) .text-block[data-v-184d5d88]:before {
  background: radial-gradient(50% 50% at 50% 50%, #ea4376 0, rgba(234, 67, 118, 0));
  opacity: 0.2;
  transform: none;
}
.menu-item .text-block[data-v-184d5d88]:after {
  bottom: -65px;
  transform: translateY(50px);
}
.menu-item .text-block[data-v-184d5d88]:after,
.menu-item .text-block[data-v-184d5d88]:before {
  background: radial-gradient(50% 50% at 50% 50%, #4c439a 0, rgba(76, 67, 154, 0));
  content: "";
  height: 97px;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s, transform 0.3s;
  width: 100%;
}
.menu-item.active[data-v-184d5d88]:not(.luminosity):after,
.menu-item.active[data-v-184d5d88]:not(.luminosity):before {
  background: linear-gradient(90deg, rgba(234, 67, 118, 0), #ea4376 50.97%, rgba(234, 67, 118, 0));
  opacity: 0.2;
  transform: none;
}
.menu-item[data-v-184d5d88]:after {
  bottom: 0;
  transform: translate(50px);
}
.menu-item[data-v-184d5d88]:after,
.menu-item[data-v-184d5d88]:before {
  background: linear-gradient(90deg, rgba(44, 39, 87, 0), #2c2757 50.97%, rgba(44, 39, 87, 0));
  content: "";
  height: 2px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s, transform 0.3s;
  width: 100%;
}
.header-menu[data-v-184d5d88]:before {
  background: #19172d;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.number_tip[data-v-184d5d88] {
  right: -16px;
  top: 14px;
  background: #cf3464;
  border-radius: 2px;
  color: #141225;
  font-size: 12px;
  font-weight: 600;
  height: 14px;
  min-width: 27px;
  padding: 0 3px;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
}
.log-in-button[data-v-184d5d88] {
  align-items: center;
  background-color: #5c49d0;
  clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 13px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  height: 42px;
  justify-content: center;
  letter-spacing: -0.05em;
  margin: 0 26px 0 15px;
  min-width: 146px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
@media screen and (max-width: 1024px) {
.log-in-button[data-v-184d5d88] {
    margin-right: 15px;
}
}
@media screen and (max-width: 490px) {
.log-in-button[data-v-184d5d88] {
    transform: scale(0.8);
    transform-origin: center right;
    margin-left: -20px;
    margin-right: 10px;
}
}
.log-in-button .steam-icon[data-v-184d5d88] {
  background-color: #fff;
  height: 18px;
  margin-right: 9px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.983 0C4.72 0 .41 4.05 0 9.198l5.37 2.216a2.82 2.82 0 0 1 1.752-.488L9.51 7.47v-.049a3.779 3.779 0 0 1 7.555 0 3.78 3.78 0 0 1-3.863 3.77l-3.406 2.426q.004.067.004.133a2.836 2.836 0 0 1-5.616.558l-3.84-1.584a10.016 10.016 0 0 0 9.639 7.274C15.514 20 20 15.522 20 10S15.515 0 9.983 0'/%3E%3Cpath d='m6.278 15.174-1.23-.507c.218.453.595.832 1.096 1.04a2.13 2.13 0 0 0 2.783-1.144c.218-.523.22-1.1.003-1.626a2.127 2.127 0 0 0-2.718-1.176l1.271.525a1.56 1.56 0 0 1 .843 2.045 1.567 1.567 0 0 1-2.048.843M11.401 7.418c0-1.042.847-1.887 1.891-1.887s1.89.845 1.89 1.887a1.89 1.89 0 0 1-1.89 1.888 1.89 1.89 0 0 1-1.89-1.888m4.404.005a2.518 2.518 0 0 0-5.033 0 2.517 2.517 0 0 0 5.033 0'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9.983 0C4.72 0 .41 4.05 0 9.198l5.37 2.216a2.82 2.82 0 0 1 1.752-.488L9.51 7.47v-.049a3.779 3.779 0 0 1 7.555 0 3.78 3.78 0 0 1-3.863 3.77l-3.406 2.426q.004.067.004.133a2.836 2.836 0 0 1-5.616.558l-3.84-1.584a10.016 10.016 0 0 0 9.639 7.274C15.514 20 20 15.522 20 10S15.515 0 9.983 0'/%3E%3Cpath d='m6.278 15.174-1.23-.507c.218.453.595.832 1.096 1.04a2.13 2.13 0 0 0 2.783-1.144c.218-.523.22-1.1.003-1.626a2.127 2.127 0 0 0-2.718-1.176l1.271.525a1.56 1.56 0 0 1 .843 2.045 1.567 1.567 0 0 1-2.048.843M11.401 7.418c0-1.042.847-1.887 1.891-1.887s1.89.845 1.89 1.887a1.89 1.89 0 0 1-1.89 1.888 1.89 1.89 0 0 1-1.89-1.888m4.404.005a2.518 2.518 0 0 0-5.033 0 2.517 2.517 0 0 0 5.033 0'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 18px;
}
.sticky-profile[data-v-184d5d88] {
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  /* clip-path 会裁剪余额动画，改为圆角并允许溢出可见 */
  border-radius: 10px;
  clip-path: none;
  display: flex;
  justify-content: center;
  padding: 11px 18px;
  position: fixed;
  top: 0px;
  transform: translateX(0);
  transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
  will-change: transform;
  z-index: 100;
  overflow: visible;
}
@media screen and (max-width: 1200px) {
.sticky-profile .user-balance__balance[data-v-184d5d88] {
    display: flex !important;
}
}

/* 当上导航固定显示时，个人信息栏下移 */
.sticky-profile--nav-fixed[data-v-184d5d88] {
  top: 70px !important;
}

/* 浮窗进出动画：从右侧滑入，右侧滑出 */
.sticky-slide-enter-active[data-v-184d5d88],
.sticky-slide-leave-active[data-v-184d5d88] {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.sticky-slide-enter[data-v-184d5d88] {
  transform: translateX(120%);
  opacity: 0;
}
.sticky-slide-enter-to[data-v-184d5d88] {
  transform: translateX(0);
  opacity: 1;
}
.sticky-slide-leave[data-v-184d5d88] {
  transform: translateX(0);
  opacity: 1;
}
.sticky-slide-leave-to[data-v-184d5d88] {
  transform: translateX(120%);
  opacity: 0;
}
.common-user-avatar__badge[data-v-184d5d88] {
  position: absolute;
  right: 0;
  top: 0;
}
.verification-badge-avatar[data-v-184d5d88] {
  display: flex;
}
.verification-badge-icon[data-v-184d5d88] {
  display: inline-block;
  height: 13px;
  width: 13px;
}
.verification-badge-icon.none .verification-badge-icon__background[data-v-184d5d88] {
  fill: #9792c7;
}
.common-user-avatar.size-30 .common-user-avatar__level[data-v-184d5d88] {
  height: 20px;
  width: 32px;
}
.common-user-avatar__level[data-v-184d5d88] {
  align-items: center;
  background-color: #9792c7;
  bottom: 0px;
  left: -12px !important;
  clip-path: polygon(0 50%, 6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%);
  display: flex;
  height: 16px;
  width: 32px;
  font-size: 12px;
  justify-content: center;
  left: 0px;
  position: absolute;
}
.common-user-avatar.level-color-1 .common-user-avatar__level-text[data-v-184d5d88] {
  background-color: #787286;
}
.common-user-avatar__level-text[data-v-184d5d88] {
  align-items: center;
  clip-path: polygon(0 50%, 6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%);
  display: flex;
  height: calc(100% - 4px);
  justify-content: center;
  transition: background-color 0.3s;
  width: calc(100% - 4px);
  color: #333;
  font-weight: 700;
}
.common-user-avatar__level-text[data-v-184d5d88]:before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  content: "";
  height: 100%;
  left: -30%;
  position: absolute;
  transform: skew(55deg);
  width: 40%;
}
.quick-menu-lang[data-v-184d5d88] {
  padding: 0 15px 12px 15px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(115, 115, 125, 0.3);
}
.lang-select-container[data-v-184d5d88] {
  position: relative;
  height: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: 140px;
  z-index: 530000; /* 再提升层级，避免被头像/按钮遮挡 */
}
.lang-select-container.pTop[data-v-184d5d88] {
  width: 140px;
  min-width: unset;
  display: none;
}
@media screen and (max-width: 1365px) {
.lang-select-container.pTop[data-v-184d5d88] {
    display: block;
}
}
@media screen and (max-width: 1024px) {
.lang-select-container.pTop[data-v-184d5d88] {
    width: 118px;
}
.lang-select-container.pTop .lang-select-display[data-v-184d5d88] {
    padding: 0 20px 0 45px;
}
}
@media screen and (max-width: 490px) {
.lang-select-container.pTop[data-v-184d5d88] {
    width: 66px;
}
.lang-select-container.pTop .lang-select-display[data-v-184d5d88] {
    padding: 0 20px 0 45px;
}
}
.lang-select-container .lang-select-display[data-v-184d5d88] {
  background-color: #2c284f;
  color: #9793ba;
  border: 1px solid #44406d;
  border-radius: 4px;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px 0 50px;
  cursor: pointer;
  position: relative;
  font-size: 12px;
}
.lang-select-container .lang-select-display[data-v-184d5d88]:hover {
  border-color: #555183;
  color: #c9c6ee;
}
.lang-select-container .lang-flag[data-v-184d5d88] {
  position: absolute;
  top: 53%;
  left: 12px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 1;
}
.lang-select-container .lang-flag.flag-zh[data-v-184d5d88] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-CN-lang);
}
.lang-select-container .lang-flag.flag-en[data-v-184d5d88] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#us-lang);
}
.lang-select-container .lang-flag.flag-vi[data-v-184d5d88] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#vi-lang);
}
.lang-select-container .lang-flag.flag-es[data-v-184d5d88] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#es-lang);
}
.lang-select-container .lang-flag.flag-de[data-v-184d5d88] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#de-lang);
}
.lang-select-container .lang-flag.flag-fr[data-v-184d5d88] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#fr-lang);
}
.lang-select-container .lang-flag.flag-it[data-v-184d5d88] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#it-lang);
}
.lang-select-container .lang-flag.flag-pl[data-v-184d5d88] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#pl-lang);
}
.lang-select-container .lang-flag.flag-pt[data-v-184d5d88] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#pt-lang);
}
.lang-select-container .lang-flag.flag-tr[data-v-184d5d88] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#tr-lang);
}
.lang-select-container .lang-flag.flag-zh-tw[data-v-184d5d88] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-TW-lang);
}
.lang-select-container .lang-flag.flag-ja[data-v-184d5d88] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#ja-lang);
}
.lang-select-container .lang-flag.flag-ko[data-v-184d5d88] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#ko-lang);
}
.lang-select-container .lang-flag.flag-th[data-v-184d5d88] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#th-lang);
}
.lang-select-container .lang-flag.flag-fi[data-v-184d5d88] {
  background-image: url(../img/kHTxiw7v.a65329f5.svg#fi-lang);
}
.lang-select-container .lang-flag.flag-pt-br[data-v-184d5d88] {
  background-image: url(../img/Brazil.846f1bc9.svg);
}
.lang-select-container .lang-flag.flag-ru[data-v-184d5d88] {
  background-image: url(../img/ru.23e6036c.svg);
}
.lang-select-container .lang-text[data-v-184d5d88] {
  flex: 1;
  font-size: 14px;
  color: #e2e1f4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lang-select-container .lang-arrow[data-v-184d5d88] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #9793ba;
  transition: transform 0.3s ease;
}
.lang-select-container .lang-arrow-up[data-v-184d5d88] {
  transform: translateY(-50%) rotate(180deg);
}
.lang-select-container .lang-dropdown[data-v-184d5d88] {
  /* 固定到视口，彻底脱离父级层叠上下文和裁剪 */
  position: fixed !important;
  top: auto; /* 由内联样式 setLangDropdownPos 决定 */
  left: auto; /* 由内联样式 setLangDropdownPos 决定 */
  right: auto;
  background-color: #2c284f;
  border: 1px solid #44406d;
  border-top: none;
  border-radius: 4px;
  z-index: 1000 !important;
  max-height: 200px;
  overflow-y: auto;
  margin-top: 0;
  pointer-events: auto;
  min-width: 160px;
}
.lang-select-container .lang-dropdown .lang-option[data-v-184d5d88] {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  cursor: pointer;
  color: #e2e1f4;
  font-size: 14px;
  padding-left: 50px;
  position: relative;
}
.lang-select-container .lang-dropdown .lang-option[data-v-184d5d88]:hover {
  background-color: #3d385f;
  color: #c9c6ee;
}
.lang-select-container .lang-dropdown .lang-option .lang-flag[data-v-184d5d88] {
  position: absolute;
  left: 12px;
  top: 53%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  margin-right: 2px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.help-btn[data-v-184d5d88] {
  background-color: #735fed;
  border-radius: 30px;
  bottom: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 600;
  padding: 10px 20px;
  position: fixed;
  right: 20px;
  z-index: 100;
  gap: 5px;
}
@media screen and (max-width: 767px) {
.help-btn[data-v-184d5d88] {
    bottom: 65px;
    right: 10px;
    transform: scale(0.8);
    transform-origin: right bottom;
}
}
.help-btn img[data-v-184d5d88] {
  width: 13px;
}

.skin-club-footer[data-v-14e4c5e0] {
  /* background-color: #1e1b32; */
  background: linear-gradient(180deg, #1412250c, #ff00dd0c), url(../img/footer-bg.9b5bdcb9.png) no-repeat top;
  color: #ccc;
  padding: 40px 20px;
  font-family: Arial, sans-serif;
  font-size: 12px;
}
.footer-top[data-v-14e4c5e0] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 30px;
  width: 100%;
  box-sizing: border-box;
}
.footer-section[data-v-14e4c5e0] {
  margin-right: 20px;
  margin-bottom: 20px;
}
.footer-section[data-v-14e4c5e0]:first-child {
  flex: 0 0 100%;
  width: 100%;
  margin-right: 0;
  margin-bottom: 30px;
}
.footer-sections-row[data-v-14e4c5e0] {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  gap: 20px;
  box-sizing: border-box;
}
.footer-sections-row .footer-section[data-v-14e4c5e0] {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
}
.footer-title[data-v-14e4c5e0] {
  font-size: 24px;
  margin-bottom: 10px;
  color: #fff;
}
.footer-logo[data-v-14e4c5e0] {
  width: 25%;
  max-width: 120px;
  height: auto;
}
.footer-desc[data-v-14e4c5e0] {
  margin-bottom: 10px;
  line-height: 1.6;
}
.company-info[data-v-14e4c5e0] {
  font-size: 12px;
  color: #ccc;
  margin-bottom: 15px;
}
.lang-select select[data-v-14e4c5e0] {
  background-color: #2b2744;
  color: #fff;
  border: 1px solid #44405f;
  padding: 5px 10px;
  border-radius: 4px;
}
.footer-subtitle[data-v-14e4c5e0] {
  font-size: 16px;
  margin-bottom: 10px;
  color: #fff;
}
.footer-list[data-v-14e4c5e0] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-list li[data-v-14e4c5e0], .footer-list a[data-v-14e4c5e0] {
  display: list-item;
  margin-bottom: 6px;
  cursor: pointer;
  color: #ccc;
  transition: color 0.2s ease;
}
.footer-list li[data-v-14e4c5e0]:hover {
  color: #fff;
}
.footer-middle[data-v-14e4c5e0] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  border-top: 1px solid #44405f;
  border-bottom: 1px solid #44405f;
  padding: 20px 0;
}
.social-icons[data-v-14e4c5e0] {
  display: flex;
  gap: 10px;
}
.icon[data-v-14e4c5e0] {
  color: #ccc;
  text-decoration: none;
  font-size: 18px;
  transition: color 0.2s ease;
}
.icon[data-v-14e4c5e0]:hover {
  color: #fff;
}
.socials__item[data-v-14e4c5e0] {
  cursor: pointer;
  display: flex;
  height: 30px;
  width: 30px;
  margin: 8px 0 0 10px;
  /* opacity: .8; */
  /* transition: background-color .3s; */
}
.socials__item-icon[data-v-14e4c5e0] {
  /* opacity: .8; */
  /* transition: background-color .3s; */
}
.socials__item-icon-instagram[data-v-14e4c5e0] {
  background-color: #9793ba;
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M14.693 4.298c0 .135-.023.27-.08.393a1.1 1.1 0 0 1-.224.338 1.1 1.1 0 0 1-.338.225.95.95 0 0 1-.393.079.95.95 0 0 1-.394-.08 1.1 1.1 0 0 1-.338-.224 1.1 1.1 0 0 1-.225-.338 1.03 1.03 0 0 1 .225-1.125 1.05 1.05 0 0 1 .732-.303c.27 0 .54.112.73.303.192.192.305.45.305.732M18 9v.011l-.056 3.78a5.16 5.16 0 0 1-1.53 3.623 5.23 5.23 0 0 1-3.623 1.53L9 18h-.011l-3.78-.056a5.16 5.16 0 0 1-3.623-1.53 5.23 5.23 0 0 1-1.53-3.623L0 9v-.011l.056-3.78a5.16 5.16 0 0 1 1.53-3.623A5.23 5.23 0 0 1 5.21.056L9 0h.011l3.78.056a5.16 5.16 0 0 1 3.623 1.53 5.23 5.23 0 0 1 1.53 3.623zm-1.676 0-.057-3.758a3.55 3.55 0 0 0-1.034-2.463 3.55 3.55 0 0 0-2.464-1.035L9 1.676l-3.758.056a3.58 3.58 0 0 0-2.474 1.036 3.58 3.58 0 0 0-1.035 2.475L1.676 9l.056 3.769a3.55 3.55 0 0 0 1.036 2.464 3.55 3.55 0 0 0 2.463 1.034L9 16.324l3.769-.057a3.55 3.55 0 0 0 2.464-1.034 3.55 3.55 0 0 0 1.034-2.464zm-2.7 0a4.606 4.606 0 0 1-4.613 4.613 4.63 4.63 0 0 1-3.262-1.35A4.63 4.63 0 0 1 4.376 9 4.606 4.606 0 0 1 8.99 4.388c1.215 0 2.396.483 3.262 1.35A4.63 4.63 0 0 1 13.624 9m-1.677 0A2.957 2.957 0 0 0 9 6.053 2.957 2.957 0 0 0 6.053 9 2.957 2.957 0 0 0 9 11.948 2.957 2.957 0 0 0 11.948 9'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M14.693 4.298c0 .135-.023.27-.08.393a1.1 1.1 0 0 1-.224.338 1.1 1.1 0 0 1-.338.225.95.95 0 0 1-.393.079.95.95 0 0 1-.394-.08 1.1 1.1 0 0 1-.338-.224 1.1 1.1 0 0 1-.225-.338 1.03 1.03 0 0 1 .225-1.125 1.05 1.05 0 0 1 .732-.303c.27 0 .54.112.73.303.192.192.305.45.305.732M18 9v.011l-.056 3.78a5.16 5.16 0 0 1-1.53 3.623 5.23 5.23 0 0 1-3.623 1.53L9 18h-.011l-3.78-.056a5.16 5.16 0 0 1-3.623-1.53 5.23 5.23 0 0 1-1.53-3.623L0 9v-.011l.056-3.78a5.16 5.16 0 0 1 1.53-3.623A5.23 5.23 0 0 1 5.21.056L9 0h.011l3.78.056a5.16 5.16 0 0 1 3.623 1.53 5.23 5.23 0 0 1 1.53 3.623zm-1.676 0-.057-3.758a3.55 3.55 0 0 0-1.034-2.463 3.55 3.55 0 0 0-2.464-1.035L9 1.676l-3.758.056a3.58 3.58 0 0 0-2.474 1.036 3.58 3.58 0 0 0-1.035 2.475L1.676 9l.056 3.769a3.55 3.55 0 0 0 1.036 2.464 3.55 3.55 0 0 0 2.463 1.034L9 16.324l3.769-.057a3.55 3.55 0 0 0 2.464-1.034 3.55 3.55 0 0 0 1.034-2.464zm-2.7 0a4.606 4.606 0 0 1-4.613 4.613 4.63 4.63 0 0 1-3.262-1.35A4.63 4.63 0 0 1 4.376 9 4.606 4.606 0 0 1 8.99 4.388c1.215 0 2.396.483 3.262 1.35A4.63 4.63 0 0 1 13.624 9m-1.677 0A2.957 2.957 0 0 0 9 6.053 2.957 2.957 0 0 0 6.053 9 2.957 2.957 0 0 0 9 11.948 2.957 2.957 0 0 0 11.948 9'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  width: 16px;
}
.socials__item-icon-facebook[data-v-14e4c5e0] {
  background-color: #9793ba;
  height: 18px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 18'%3E%3Cpath d='M.239 8.578H1.88v7.265c0 .144.112.262.24.262h2.788c.136 0 .24-.118.24-.263v-7.23h1.888c.12 0 .223-.093.239-.229l.294-2.678a.3.3 0 0 0-.055-.204.23.23 0 0 0-.184-.085H5.155V3.738c0-.508.255-.763.75-.763H7.33c.136 0 .24-.118.24-.263V.254A.243.243 0 0 0 7.33 0H5.283C4.94 0 3.76.076 2.82.992a2.91 2.91 0 0 0-.86 2.458v1.958H.238C.112 5.416 0 5.535 0 5.679v2.645c0 .136.112.254.239.254'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 18'%3E%3Cpath d='M.239 8.578H1.88v7.265c0 .144.112.262.24.262h2.788c.136 0 .24-.118.24-.263v-7.23h1.888c.12 0 .223-.093.239-.229l.294-2.678a.3.3 0 0 0-.055-.204.23.23 0 0 0-.184-.085H5.155V3.738c0-.508.255-.763.75-.763H7.33c.136 0 .24-.118.24-.263V.254A.243.243 0 0 0 7.33 0H5.283C4.94 0 3.76.076 2.82.992a2.91 2.91 0 0 0-.86 2.458v1.958H.238C.112 5.416 0 5.535 0 5.679v2.645c0 .136.112.254.239.254'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  width: 8px;
}
.age-confirm[data-v-14e4c5e0] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.age-confirm span[data-v-14e4c5e0] {
  background-color: #c9184a;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: bold;
}
.contact-info a[data-v-14e4c5e0] {
  color: #ccc;
  text-decoration: none;
  transition: color 0.2s ease;
}
.contact-info a[data-v-14e4c5e0]:hover {
  color: #fff;
}
.navigate a[data-v-14e4c5e0] {
  color: #ccc;
  text-decoration: none;
  transition: color 0.2s ease;
}
.navigate a[data-v-14e4c5e0]:hover {
  color: #fff;
}
.payment-icons[data-v-14e4c5e0] {
  display: flex;
  gap: 10px;
  color: #ccc;
}
.footer-bottom[data-v-14e4c5e0] {
  text-align: center;
}
.about-desc[data-v-14e4c5e0] {
  margin-bottom: 10px;
  line-height: 1.6;
  color: #ccc;
}
.show-more[data-v-14e4c5e0] {
  color: #007bff;
  text-decoration: none;
  display: block;
  margin-bottom: 10px;
  transition: color 0.2s ease;
}
.show-more[data-v-14e4c5e0]:hover {
  color: #0056b3;
}
.bottom-link[data-v-14e4c5e0] {
  color: #ccc;
  text-decoration: none;
  font-size: 12px;
  transition: color 0.2s ease;
}
.bottom-link[data-v-14e4c5e0]:hover {
  color: #fff;
}

    /* 自定义语言选择器样式 */
.lang-select-container[data-v-14e4c5e0] {
        position: relative;
        height: 30px;
        margin-top: 5px;
        margin-left: 10px;
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;
        width: 160px;
        min-width: 140px;
}
.lang-select-display[data-v-14e4c5e0] {
        background-color: #2c284f;
        color: #9793ba;
        border: 1px solid #44406d;
        border-radius: 4px;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 20px 0 30px;
        cursor: pointer;
        position: relative;
        font-size: 12px;
}
.lang-select-display[data-v-14e4c5e0]:hover {
        border-color: #555183;
        color: #c9c6ee;
}
.lang-flag[data-v-14e4c5e0] {
        position: absolute;
        top: 50%;
        left: 6px;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
        pointer-events: none;
        z-index: 1;
}
    
    /* 确保所有国旗图标都能正确显示 */
.lang-flag.flag-zh[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-CN-lang);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
    
    /* .lang-flag.flag-en {
        background-image: url('../assets/image/lang/kHTxiw7v.svg#en-lang');
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
    } */
.lang-flag.flag-en[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#us-lang);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-flag.flag-vi[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#vi-lang);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-flag.flag-es[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#es-lang);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-flag.flag-de[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#de-lang);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-flag.flag-fr[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#fr-lang);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-flag.flag-it[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#it-lang);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-flag.flag-pl[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#pl-lang);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-flag.flag-pt[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#pt-lang);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-flag.flag-tr[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#tr-lang);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-flag.flag-zh-tw[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-TW-lang);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-flag.flag-ja[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#ja-lang);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-flag.flag-ko[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#ko-lang);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-flag.flag-th[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#th-lang);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-flag.flag-fi[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#fi-lang);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-flag.flag-pt-br[data-v-14e4c5e0] {
        background-image: url(../img/Brazil.846f1bc9.svg);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-flag.flag-ru[data-v-14e4c5e0] {
        background-image: url(../img/ru.23e6036c.svg);
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-text[data-v-14e4c5e0] {
        flex: 1;
        text-align: left;
        margin-left: 16px;
        font-size: 13px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.lang-arrow[data-v-14e4c5e0] {
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #9793ba;
        transition: transform 0.3s ease;
        z-index: 1; /* 确保箭头在最上层 */
}
.lang-arrow-up[data-v-14e4c5e0] {
        transform: translateY(-50%) rotate(180deg);
}
.lang-dropdown[data-v-14e4c5e0] {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #2c284f;
        border: 1px solid #44406d;
        border-top: none;
        border-radius: 0 0 4px 4px;
        z-index: 1000;
        max-height: 200px;
        overflow-y: auto;
        min-width: 160px;
}
.lang-option[data-v-14e4c5e0] {
        display: flex;
        align-items: center;
        padding: 5px 8px;
        cursor: pointer;
        color: #9793ba;
        font-size: 13px;
}
.lang-option[data-v-14e4c5e0]:hover {
        background-color: #3d385f;
        color: #c9c6ee;
}
.lang-option .lang-flag[data-v-14e4c5e0] {
        width: 20px;
        height: 20px;
        margin-right: 2px;
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
        flex-shrink: 0;
}
    
    /* 确保下拉菜单中的国旗图标正确显示 */
.lang-option .flag-zh-CN[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-CN-lang);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
}
    
    /* .lang-option .flag-en {
        background-image: url('../assets/image/lang/kHTxiw7v.svg#en-lang');
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
    } */
.lang-option .flag-en[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#us-lang);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-option .flag-vi[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#vi-lang);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-option .flag-es[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#es-lang);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-option .flag-de[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#de-lang);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-option .flag-fr[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#fr-lang);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-option .flag-it[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#it-lang);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-option .flag-pl[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#pl-lang);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-option .flag-pt[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#pt-lang);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-option .flag-tr[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#tr-lang);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-option .flag-zh-tw[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-TW-lang);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-option .flag-ja[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#ja-lang);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-option .flag-ko[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#ko-lang);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-option .flag-th[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#th-lang);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
}
.lang-option .flag-fi[data-v-14e4c5e0] {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#fi-lang);
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;
}
    
    /* 调整下拉菜单中的文字位置，使其不那么靠右 */
.lang-option span[data-v-14e4c5e0] {
        flex: 1;
        text-align: right;
        margin-left: 2px;
        padding-right: 12px; /* 适中的右侧距离 */
}
    
    /* 确保默认国旗图标显示 - 提高优先级 */
.lang-flag[data-v-14e4c5e0]:not(.flag-zh):not(.flag-en):not(.flag-vi):not(.flag-es):not(.flag-de):not(.flag-fr):not(.flag-it):not(.flag-pl):not(.flag-pt):not(.flag-tr):not(.flag-zh-tw):not(.flag-ja):not(.flag-ko):not(.flag-th):not(.flag-fi):not(.flag-pt-br):not(.flag-ru) {
        background-image: url(../img/kHTxiw7v.a65329f5.svg#us-lang) !important;
        background-size: 24px 24px !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
}
    
    /* 移除下拉菜单中图标的绝对定位，防止重叠 */
.lang-option .lang-flag[data-v-14e4c5e0] {
        position: static;
        transform: none;
        top: auto;
        left: auto;
}
    
    /* ========== 响应式设计 ========== */
@media screen and (max-width: 1365px) {
.skin-club-footer[data-v-14e4c5e0] {
            padding: 30px 15px;
}
.footer-top[data-v-14e4c5e0] {
            gap: 20px;
}
.footer-section[data-v-14e4c5e0] {
            flex: 1 1 180px;
            margin-right: 15px;
}
.footer-title[data-v-14e4c5e0] {
            font-size: 20px;
}
.footer-subtitle[data-v-14e4c5e0] {
            font-size: 14px;
}
.footer-desc[data-v-14e4c5e0] {
            font-size: 11px;
}
}
@media screen and (max-width: 1024px) {
.skin-club-footer[data-v-14e4c5e0] {
            padding: 25px 15px;
            font-size: 11px;
}
.footer-top[data-v-14e4c5e0] {
            flex-wrap: wrap;
}
.footer-section[data-v-14e4c5e0]:first-child {
            flex: 0 0 100%;
            width: 100%;
            margin-right: 0;
            margin-bottom: 30px;
}
.footer-sections-row[data-v-14e4c5e0] {
            display: flex !important;
            flex-wrap: nowrap !important;
            width: 100% !important;
            gap: 15px !important;
}
.footer-sections-row .footer-section[data-v-14e4c5e0] {
            flex: 1 1 0 !important;
            min-width: 0 !important;
            display: flex !important;
            flex-direction: column;
}
.footer-logo[data-v-14e4c5e0] {
            width: 20% !important;
            max-width: 100px !important;
}
.footer-desc[data-v-14e4c5e0] {
            width: 100% !important;
            font-size: 11px;
}
.footer-subtitle[data-v-14e4c5e0] {
            font-size: 15px;
            margin-bottom: 12px;
}
.footer-list li[data-v-14e4c5e0], .footer-list a[data-v-14e4c5e0] {
            font-size: 12px;
            margin-bottom: 8px;
}
.footer-middle[data-v-14e4c5e0] {
            flex-direction: column;
            gap: 15px;
            align-items: flex-start;
            padding: 20px 0;
}
        
        /* 第一行：社交媒体图标 + 支付图标 */
.social-icons[data-v-14e4c5e0] {
            width: auto;
            flex: 0 0 auto;
            justify-content: flex-start;
            flex-wrap: wrap;
}
.payment-icons[data-v-14e4c5e0] {
            width: auto;
            flex: 0 0 auto;
            flex-wrap: wrap;
            justify-content: flex-start;
            gap: 8px;
            margin-left: auto;
}
        
        /* 第二行：18+和文字 + 网站导航 */
.age-confirm[data-v-14e4c5e0] {
            width: auto;
            flex: 0 0 auto;
            flex-direction: row;
            align-items: center;
            gap: 8px;
}
.age-confirm p[data-v-14e4c5e0] {
            font-size: 11px;
            line-height: 1.5;
            margin: 0;
}
.navigate[data-v-14e4c5e0] {
            width: auto;
            flex: 0 0 auto;
            margin-left: 15px;
}
        
        /* 创建两行布局 */
.footer-middle[data-v-14e4c5e0] {
            display: grid !important;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto;
            gap: 15px;
}
.footer-middle > .social-icons[data-v-14e4c5e0] {
            grid-column: 1;
            grid-row: 1;
            justify-self: start;
}
.footer-middle > .payment-icons[data-v-14e4c5e0] {
            grid-column: 1;
            grid-row: 1;
            justify-self: end;
}
.footer-middle > .age-confirm[data-v-14e4c5e0] {
            grid-column: 1;
            grid-row: 2;
            justify-self: start;
}
.footer-middle > .navigate[data-v-14e4c5e0] {
            grid-column: 1;
            grid-row: 2;
            justify-self: end;
}
.lang-select-container[data-v-14e4c5e0] {
            width: 140px;
            min-width: 140px;
}
}
@media screen and (max-width: 767px) {
.skin-club-footer[data-v-14e4c5e0] {
            padding: 20px 12px 55px;
            font-size: 10px;
}
.footer-top[data-v-14e4c5e0] {
            gap: 25px;
}
.footer-section[data-v-14e4c5e0]:first-child {
            margin-bottom: 25px;
            flex: 0 0 100%;
            width: 100%;
}
.footer-sections-row[data-v-14e4c5e0] {
            display: flex !important;
            flex-wrap: nowrap !important;
            width: 100% !important;
            gap: 12px !important;
}
.footer-sections-row .footer-section[data-v-14e4c5e0] {
            flex: 1 1 0 !important;
            min-width: 0 !important;
            display: flex !important;
            flex-direction: column;
}
.footer-title[data-v-14e4c5e0] {
            font-size: 18px;
}
.footer-logo[data-v-14e4c5e0] {
            width: 18% !important;
            max-width: 90px !important;
}
.footer-desc[data-v-14e4c5e0] {
            font-size: 10px;
            line-height: 1.5;
}
.footer-subtitle[data-v-14e4c5e0] {
            font-size: 14px;
            margin-bottom: 10px;
}
.footer-list li[data-v-14e4c5e0], .footer-list a[data-v-14e4c5e0] {
            font-size: 11px;
            margin-bottom: 6px;
}
.footer-middle[data-v-14e4c5e0] {
            display: grid !important;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto;
            gap: 12px;
            padding: 15px 0;
}
.footer-middle > .social-icons[data-v-14e4c5e0] {
            grid-column: 1;
            grid-row: 1;
            justify-self: start;
}
.footer-middle > .payment-icons[data-v-14e4c5e0] {
            grid-column: 1;
            grid-row: 1;
            justify-self: end;
}
.footer-middle > .age-confirm[data-v-14e4c5e0] {
            grid-column: 1;
            grid-row: 2;
            justify-self: start;
            flex-direction: row;
            gap: 6px;
}
.footer-middle > .navigate[data-v-14e4c5e0] {
            grid-column: 1;
            grid-row: 2;
            justify-self: end;
}
.social-icons[data-v-14e4c5e0] {
            gap: 8px;
}
.social-icons a[data-v-14e4c5e0] {
            height: 28px !important;
            width: 28px !important;
            margin-left: 0 !important;
}
.age-confirm span[data-v-14e4c5e0] {
            padding: 4px 8px;
            font-size: 12px;
}
.age-confirm p[data-v-14e4c5e0] {
            font-size: 10px;
            margin: 0;
}
.payment-icons[data-v-14e4c5e0] {
            gap: 6px;
}
.payment-icons span svg[data-v-14e4c5e0] {
            max-width: 35px;
            height: auto;
}
.about-desc[data-v-14e4c5e0] {
            font-size: 10px;
            line-height: 1.5;
}
.lang-select-container[data-v-14e4c5e0] {
            width: 120px;
            min-width: 120px;
            margin-left: 0;
}
.lang-select-display[data-v-14e4c5e0] {
            font-size: 11px;
            padding: 0 18px 0 28px;
}
.lang-text[data-v-14e4c5e0] {
            font-size: 11px;
}
}
@media screen and (max-width: 480px) {
.skin-club-footer[data-v-14e4c5e0] {
            padding: 15px 10px 55px;
            font-size: 9px;
}
.footer-top[data-v-14e4c5e0] {
            gap: 20px;
}
.footer-section[data-v-14e4c5e0]:first-child {
            margin-bottom: 20px;
            flex: 0 0 100%;
            width: 100%;
}
.footer-sections-row[data-v-14e4c5e0] {
            display: flex !important;
            flex-wrap: nowrap !important;
            width: 100% !important;
            gap: 8px !important;
}
.footer-sections-row .footer-section[data-v-14e4c5e0] {
            flex: 1 1 0 !important;
            min-width: 0 !important;
            display: flex !important;
            flex-direction: column;
}
.footer-title[data-v-14e4c5e0] {
            font-size: 16px;
}
.footer-logo[data-v-14e4c5e0] {
            width: 20% !important;
            max-width: 80px !important;
}
.footer-desc[data-v-14e4c5e0] {
            font-size: 9px;
}
.footer-subtitle[data-v-14e4c5e0] {
            font-size: 13px;
}
.footer-list li[data-v-14e4c5e0], .footer-list a[data-v-14e4c5e0] {
            font-size: 10px;
}
.footer-middle[data-v-14e4c5e0] {
            display: grid !important;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto;
            gap: 10px;
            padding: 12px 0;
}
.footer-middle > .social-icons[data-v-14e4c5e0] {
            grid-column: 1;
            grid-row: 1;
            justify-self: start;
}
.footer-middle > .payment-icons[data-v-14e4c5e0] {
            grid-column: 1;
            grid-row: 1;
            justify-self: end;
}
.footer-middle > .age-confirm[data-v-14e4c5e0] {
            grid-column: 1;
            grid-row: 2;
            justify-self: start;
            flex-direction: row;
            gap: 5px;
}
.footer-middle > .navigate[data-v-14e4c5e0] {
            grid-column: 1;
            grid-row: 2;
            justify-self: end;
}
.social-icons a[data-v-14e4c5e0] {
            height: 24px !important;
            width: 24px !important;
}
.payment-icons span svg[data-v-14e4c5e0] {
            max-width: 30px;
}
.age-confirm span[data-v-14e4c5e0] {
            padding: 3px 6px;
            font-size: 11px;
}
.age-confirm p[data-v-14e4c5e0] {
            font-size: 9px;
            margin: 0;
}
.about-desc[data-v-14e4c5e0] {
            font-size: 9px;
}
.lang-select-container[data-v-14e4c5e0] {
            width: 100%;
            min-width: 100px;
}
.lang-select-display[data-v-14e4c5e0] {
            font-size: 10px;
            padding: 0 16px 0 26px;
}
.lang-text[data-v-14e4c5e0] {
            font-size: 10px;
}
.lang-dropdown[data-v-14e4c5e0] {
            font-size: 10px;
}
.lang-option[data-v-14e4c5e0] {
            font-size: 10px;
            padding: 4px 6px;
}
}

.header-top-fixed[data-v-47dbdb26] {
  margin-top: -329px;
}
@media (max-width: 1000px) {
.header-top-fixed[data-v-47dbdb26] {
    margin-top: -300px;
}
}
.header-top[data-v-47dbdb26] {
  transition: all 0.1s;
  margin: 0 auto;
}
.TaskIn[data-v-47dbdb26] {
  right: 50px;
  bottom: 70px;
  z-index: 999;
}
#content[data-v-47dbdb26] {
  padding-bottom: 50px;
  margin: 0 auto;
}
@media screen and (min-width: 1921px) {
#content[data-v-47dbdb26] {
    max-width: 1832px;
}
}
@media screen and (max-width: 1920px) {
#content[data-v-47dbdb26] {
    max-width: 1920px;
}
}
.common_bg[data-v-47dbdb26] {
  width: 100vw;
  height: 100vh;
  background-size: 100% 100%;
  position: fixed;
  top: 0;
  z-index: -2;
}
@media (max-width: 1000px) {
.common_bg[data-v-47dbdb26] {
    background-position: center;
    background-size: cover !important;
}
}
.btns img[data-v-281f05ac] {
  width: 200px;
}
@media (max-width: 1000px) {
.btns img[data-v-281f05ac] {
    width: 120px;
}
}
.immediatelyShopping[data-v-281f05ac] {
  left: calc(50% - 325px);
  top: 25%;
  z-index: 999;
  background-color: #c02932;
  border-radius: 10px;
  color: white !important;
}
.immediatelyShopping-list[data-v-281f05ac] {
  height: 300px;
  overflow: scroll;
}
.immediatelyShopping-list[data-v-281f05ac]::-webkit-scrollbar {
  display: none;
}
.immediatelyShopping-input[data-v-281f05ac] {
  width: 60%;
  margin: 160px auto;
  margin-bottom: 50px;
  border-radius: 5px;
  color: white;
}
@media (max-width: 1000px) {
.immediatelyShopping-input[data-v-281f05ac] {
    margin: 60px auto;
    margin-bottom: 10px;
}
}
.immediatelyShopping-input input[data-v-281f05ac] {
  height: 40px;
  width: 250px;
  color: white;
}
.immediatelyShopping-item-img[data-v-281f05ac] {
  width: 87px;
  height: 80px;
}
.immediatelyShopping-pk[data-v-281f05ac] {
  width: 100%;
  margin: 5px auto;
  background-color: #bd3840;
  padding: 10px;
  border-radius: 5px;
}
@media (max-width: 1200px) {
.immediatelyShopping[data-v-281f05ac] {
    width: 80%;
    left: 15%;
    top: calc(80px + 5%);
}
.immediatelyShopping-box-con-img[data-v-281f05ac] {
    width: 50%;
}
.immediatelyShopping-box-con img[data-v-281f05ac] {
    width: 100%;
}
.immediatelyShopping-box-con-dis[data-v-281f05ac] {
    margin-left: 20px !important;
    margin-top: 10px;
}
}
.kefuPup[data-v-7b3f2c0b] {
  height: 0;
}
.silde-box-QQQqun[data-v-7b3f2c0b] {
  left: -150px;
  display: none;
}
.QQqun:hover .silde-box-QQQqun[data-v-7b3f2c0b] {
  display: block !important;
}
.activeDan[data-v-7b3f2c0b] {
  position: relative;
}
.activeDan[data-v-7b3f2c0b]::before {
  position: absolute;
  top: 10%;
  right: 10%;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: red;
}
.active[data-v-7b3f2c0b] {
  transform: rotate(180deg);
  transition: all 0.5s;
}
.silde[data-v-7b3f2c0b] {
  top: 30%;
  width: 80px !important;
  z-index: 99;
  /*padding: 20px 0;*/
  background-image: url(../img/rightBac.531f309e.png);
  background-size: 100% 100%;
  transition: all 0.5s;
}
@media (max-width: 1200px) {
.silde[data-v-7b3f2c0b] {
    top: 45%;
    font-size: 12px;
    width: 50px !important;
}
.silde img[data-v-7b3f2c0b] {
    width: 30px !important;
}
}
.silde-off[data-v-7b3f2c0b] {
  top: 200px;
  left: -30px;
  width: 30px;
  height: 60px;
}
.silde-off img[data-v-7b3f2c0b] {
  width: 40px !important;
  height: 40px !important;
}
@media (max-width: 1200px) {
.silde-off[data-v-7b3f2c0b] {
    top: 120px;
    left: -27px;
    width: 30px;
    height: 60px;
}
}
.silde-serve[data-v-7b3f2c0b] {
  height: 85px;
  font-size: 12px;
}
@media (max-width: 1200px) {
.silde-serve[data-v-7b3f2c0b] {
    width: 100%;
    height: 60px;
    background-size: 100% 100%;
}
}
.silde-weixin[data-v-7b3f2c0b] {
  right: 100%;
  border-radius: 10px;
  padding-right: 10px;
  display: none;
}
.silde-W:hover .silde-weixin[data-v-7b3f2c0b] {
  display: block;
}
.immediatelyShopping[data-v-7b3f2c0b] {
  width: 650px;
  height: 420px;
  left: calc(50% - 325px);
  top: 25%;
  z-index: 999;
  background: url(../img/bac.c48dd660.png) no-repeat center;
  background-size: 100% 100%;
  border-radius: 10px;
}
@media (max-width: 1200px) {
.immediatelyShopping[data-v-7b3f2c0b] {
    height: 200px;
}
}
.immediatelyShopping-list[data-v-7b3f2c0b] {
  height: 300px;
  overflow: scroll;
}
.immediatelyShopping-list[data-v-7b3f2c0b]::-webkit-scrollbar {
  display: none;
}
.immediatelyShopping-input[data-v-7b3f2c0b] {
  width: 150px;
  margin: 10px auto;
  background-color: #fffad8;
  border-radius: 5px;
}
.immediatelyShopping-input input[data-v-7b3f2c0b] {
  width: 140px;
}
.immediatelyShopping-item-img[data-v-7b3f2c0b] {
  width: 87px;
  height: 80px;
}
.immediatelyShopping-pk[data-v-7b3f2c0b] {
  width: 100%;
  margin: 5px auto;
  background-color: #bd3840;
  padding: 10px;
  border-radius: 5px;
}
@media (max-width: 1200px) {
.immediatelyShopping[data-v-7b3f2c0b] {
    width: 85%;
    left: 7.5%;
    top: calc(200px + 5%);
}
.immediatelyShopping-box-con-img[data-v-7b3f2c0b] {
    width: 50%;
}
.immediatelyShopping-box-con img[data-v-7b3f2c0b] {
    width: 100%;
}
.immediatelyShopping-box-con-dis[data-v-7b3f2c0b] {
    margin-left: 20px !important;
    margin-top: 10px;
}
}
.header-top[data-v-799c4278] {
  transition: all 0.1s;
  margin: 0 auto;
}
.user-content-item[data-v-799c4278] {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1366px) {
.user-content-item[data-v-799c4278] {
    padding-left: 10px;
    padding-right: 10px;
}
}
@media (max-width: 1000px) {
.user-content-item[data-v-799c4278] {
    padding-left: 5px;
    padding-right: 5px;
}
}
@media (max-width: 960px) {
.user-content-item[data-v-799c4278] {
    font-size: 12px;
}
}
.user-top-bg[data-v-799c4278] {
  background-color: #121216;
}
.user-content[data-v-799c4278] {
  width: 84% !important;
}
.common_bg[data-v-799c4278] {
  background-image: url(../img/index-bg.fcee1380.png);
  width: 100vw;
  height: 100vh;
  background-size: 100% 100%;
  position: fixed;
  top: 0;
  z-index: -2;
}
@media (max-width: 1000px) {
.common_bg[data-v-799c4278] {
    background-position: center;
    background-size: cover !important;
}
}
.button__content[data-v-799c4278] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.log-out .log-out-icon[data-v-799c4278] {
  background-color: #9793ba;
  display: inline-block;
  height: 17px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.066 4.427h-2.01V2.239H2.016v15.514h11.026v-2.177h1.981c.01.016.029.026.029.042 0 .792.037 1.583-.02 2.37-.084 1.182-.936 2.005-2.009 2.01-2.047.005-4.094 0-6.14 0H2.128c-1.28 0-2.122-.927-2.127-2.339-.005-5.103 0-10.207 0-15.31C.002.932.85 0 2.13 0h10.8c1.275 0 2.127.937 2.137 2.343z'/%3E%3Cpath d='M14.68 12.834c.49-.547.998-1.114 1.534-1.708H7.047V8.913H16.2c-.541-.604-1.054-1.172-1.562-1.74l1.392-1.541 3.972 4.395-3.934 4.354c-.442-.495-.908-1.01-1.388-1.547'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.066 4.427h-2.01V2.239H2.016v15.514h11.026v-2.177h1.981c.01.016.029.026.029.042 0 .792.037 1.583-.02 2.37-.084 1.182-.936 2.005-2.009 2.01-2.047.005-4.094 0-6.14 0H2.128c-1.28 0-2.122-.927-2.127-2.339-.005-5.103 0-10.207 0-15.31C.002.932.85 0 2.13 0h10.8c1.275 0 2.127.937 2.137 2.343z'/%3E%3Cpath d='M14.68 12.834c.49-.547.998-1.114 1.534-1.708H7.047V8.913H16.2c-.541-.604-1.054-1.172-1.562-1.74l1.392-1.541 3.972 4.395-3.934 4.354c-.442-.495-.908-1.01-1.388-1.547'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transform: translate(2px);
  width: 17px;
}
.exit-button[data-v-799c4278] {
  position: absolute;
  right: 20px;
  top: 160px;
  z-index: 1000;
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 767px) {
.exit-button[data-v-799c4278] {
    display: none;
}
}
@media screen and (max-width: 576px) {
.exit-button[data-v-799c4278] {
    right: 10px;
    top: 120px;
    width: 40px;
    height: 40px;
}
}
@media screen and (max-width: 1921px) {
.user-header[data-v-799c4278] {
    max-width: 1832px;
}
}
.user-header .tab-header[data-v-799c4278] {
  display: flex;
  height: 66px;
  justify-content: center;
  position: relative;
}
.user-header .tab-header[data-v-799c4278]::after {
  background: linear-gradient(90deg, rgba(34, 28, 65, 0), #2a2250 50%, rgba(34, 28, 65, 0));
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
.user-header .tab-swiper[data-v-799c4278] {
  display: flex;
  height: 100%;
  max-width: 100%;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.user-header .tab-swiper .user-item[data-v-799c4278] {
  background: none;
  border: none;
  color: #4f4b78;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding: 24px 20px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s;
}
.user-header .tab-swiper .user-item[data-v-799c4278]::after {
  background-color: transparent;
  height: 2px;
  left: 0;
  transition: background-color 0.2s;
  width: 100%;
  z-index: 1;
}
.user-header .tab-swiper .user-item.active[data-v-799c4278] {
  color: #fff;
}
.user-header .tab-swiper .user-item.active span[data-v-799c4278] {
  bottom: 0;
  height: 27px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  transform: translate(-50%);
  width: calc(100% + 46px);
}
.user-header .tab-swiper .user-item.active span[data-v-799c4278]::before {
  background: radial-gradient(40% 50% at 50% 50%, #f5115c -40%, rgba(245, 17, 92, 0));
  bottom: -25px;
  content: "";
  height: 57px;
  opacity: 0.3;
  position: absolute;
  width: 100%;
}
.user-header .tab-swiper .user-item.active[data-v-799c4278]::after {
  background-color: #f8005c;
  background-color: #f5115c;
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  z-index: 2;
}
.user-header .tab-swiper .user-item[data-v-799c4278]:hover {
  color: #a9a6c2;
}
@charset "UTF-8";
.app[data-v-058fe4a2] {
  background-image: url(../img/hezuo-bg.99629d7a.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top left;
}
.partnership-tabs[data-v-058fe4a2] {
  margin-left: auto;
  margin-right: auto;
  width: 1384px;
  max-width: 100%;
  padding-left: 44px;
  padding-right: 44px;
  padding-top: 20px;
}
.page-tabs[data-v-058fe4a2] {
  display: flex;
  max-width: 100%;
  margin: 0 auto 30px;
  padding: 0 40px;
}
.page-tabs .page-tab[data-v-058fe4a2] {
  padding: 0 40px;
  align-items: center;
  background-color: #141225;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #716d9e;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 600;
  height: 48px;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 180px;
  margin-left: 10px;
}
.page-tabs .page-tab[data-v-058fe4a2]::before {
  background-color: #23203c;
  clip-path: polygon(12px 0, 0 50%, 12px 100%, 13px calc(100% - 1px), 1px 50%, 13px 1px, calc(100% - 13px) 1px, calc(100% - 1px) 50%, calc(100% - 13px) calc(100% - 1px), 12px calc(100% - 1px), 12px 100%, calc(100% - 12px) 100%, 100% 50%, calc(100% - 12px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.page-tabs .page-tab .icon[data-v-058fe4a2] {
  display: inline-block;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.page-tabs .page-tab .icon.index[data-v-058fe4a2] {
  background-image: url(data:image/png;base64,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UmVhZHlxyWU8AAADI2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTUyMTYxNURCQkMzMTFGMDk3QUJGQ0MxNkEzRjRDMUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTUyMTYxNUVCQkMzMTFGMDk3QUJGQ0MxNkEzRjRDMUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NTIxNjE1QkJCQzMxMUYwOTdBQkZDQzE2QTNGNEMxRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NTIxNjE1Q0JCQzMxMUYwOTdBQkZDQzE2QTNGNEMxRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvnUnGUAAAHqSURBVHja7Noxa8JAFAfwixU6FfELZHFz1skuzkJx8SMI+QJdHbr2CxT8CC4ScHZppzo7FFyydCmEjF1M/wdnCRI1Jnf3cvge/EeT/Hwh8d7ppWkqbqka4saKwQxmMIMZzGAGM5jBDGYwgwtVs8qH9/tfHdfwg0TIFtkgH8jnxU417kudzKuyHtYEPr6ABFkiC2TlIriPDJAe0kV8pI3cnQBn4XPkDdm5AB4hE2SMtPLOfQF8qBB5Rd51gJsGngsdJECmJ6DX1hPygMyO0XUAPyLP6iJ11lAd9zvv9qZ6LUnsiwFsttNBXd7DHdWBoeHX6FQ9G8jBgcHOZqulHoSk4JH65m3VWL3qyMATTU/ja7o8oAL31Tduu3pU4IHl7h6qSwXuCZryqX54dDVcvOfSetgXjlXVDrc1LgsLrVcyqyySDseWGxRT39KRZXBEDd5aBm+pwRvL4A01WA7cEkvYRJ2PFCyni0tL4KUoMM20sXhYWOhyos4j6gCWo9S5YfBcnBnZUgwA5Cg1NIQN1fFFncBysCZHqWvN2LU67q5uYFlyhDrT2OlQaBrN6vwtnYeWo9QvUX4ufXbHofLSjHDnIQ96cU/p/9Z0cG8pFiV2DUnBLhb/A4DBDGYwgxnMYAYzmMEMZnCh+hNgAG58d4MaH8O5AAAAAElFTkSuQmCC);
}
.page-tabs .page-tab .icon.cdk[data-v-058fe4a2] {
  background-image: url(../img/tab_2.5bf01d27.png);
}
.page-tabs .page-tab .icon.roll[data-v-058fe4a2] {
  width: 20px;
  height: 20px;
  margin-left: -5px;
  margin-right: 5px;
  background-image: url(../img/tab_3.a5510da6.png);
}
.page-tabs .page-tab.active[data-v-058fe4a2] {
  background-color: #2e265a;
  color: #b9adff;
}
.page-tabs .page-tab.active .active-glow[data-v-058fe4a2] {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.page-tabs .page-tab.active .active-glow[data-v-058fe4a2]::after, .page-tabs .page-tab.active .active-glow[data-v-058fe4a2]::before {
  content: "";
  filter: blur(10px);
  opacity: 0.6;
  position: absolute;
  transform: matrix(0.64, 0.77, -0.45, 0.89, 0, 0);
}
.page-tabs .page-tab.active .active-glow[data-v-058fe4a2]:after {
  background: radial-gradient(50% 50% at 50% 50%, #5c49d0 0, rgba(92, 73, 208, 0));
  height: 121.1px;
  right: 21px;
  top: -10px;
  width: 79.98px;
}
.page-tabs .page-tab.active .active-glow[data-v-058fe4a2]:before {
  content: "";
  filter: blur(10px);
  opacity: 0.6;
  position: absolute;
  transform: matrix(0.64, 0.77, -0.45, 0.89, 0, 0);
  background: radial-gradient(50% 50% at 50% 50%, #fc8815 0, rgba(252, 136, 21, 0));
  height: 121.1px;
  right: 9px;
  top: -73px;
  width: 79.98px;
}
#partnership-content[data-v-058fe4a2] {
  margin-left: auto;
  margin-right: auto;
  width: 1384px;
  max-width: 100%;
  padding-left: 44px;
  padding-right: 44px;
}

/**翻页 */
[data-v-058fe4a2] .pagination-item__wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 84px;
  padding-top: 20px;
  padding-right: 10px;
}
[data-v-058fe4a2] .pagination-item__wrapper .pagination-item {
  display: flex;
  flex-direction: row;
  height: 30px;
  position: relative;
}
[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__button_prev {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 39px;
}
[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__icon-arrow {
  transition: opacity 0.3s;
  background-color: #fff;
  height: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 12px;
  z-index: 1;
}
[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__icon-arrow.arrow_left {
  margin-right: 2px;
  transform: rotate(-90deg);
}
[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__icon-arrow.arrow_right {
  margin-left: 2px;
  transform: rotate(90deg);
}
[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__current-page {
  align-items: center;
  color: #cf3464;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  margin: 0 10px;
  min-width: 39px;
  padding: 0 10px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__current-page::after,[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__current-page::before {
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__current-page::before {
  background: #2b192f;
  height: 100%;
  width: 100%;
}
[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__current-page::after {
  background: #141225;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__current-page span {
  position: relative;
  z-index: 1;
}
[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__button_next {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 39px;
}
[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__button_next::after,[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__button_next::before,[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__button_prev::after,[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__button_prev::before {
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__button_next::before,[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__button_prev::before {
  background: #282543;
  height: 100%;
  width: 100%;
}
[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__button_next::after,[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__button_prev::after {
  background: #1e1c35;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
[data-v-058fe4a2] .pagination-item__wrapper .pagination-item .pagination-item__pages-info {
  color: #4f4b78;
  font-size: 13px;
  font-weight: 600;
  line-height: 30px;
  margin-left: 12px;
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
.page-tabs[data-v-058fe4a2] {
    margin-bottom: 20px;
}
.page-tabs .page-tab[data-v-058fe4a2] {
    min-width: 150px !important;
    height: 48px !important;
    font-size: 16px !important;
    padding-left: 20px;
    width: unset;
}
.page-tabs .page-tab .icon[data-v-058fe4a2] {
    flex: 0 0 auto;
    width: 24px !important;
    height: 24px !important;
}
.page-tabs .page-tab .icon.roll[data-v-058fe4a2] {
    width: 17px !important;
    height: 17px !important;
}
}
@media screen and (max-width: 767px) {
[data-v-058fe4a2] .partnership-tabs {
    transform: scale(0.7);
    transform-origin: left 5px;
    width: 142.8571428571%;
    margin-bottom: -10px;
    max-width: unset;
}
}
@media screen and (max-width: 490px) {
.page-tabs[data-v-058fe4a2] {
    padding-left: 0px !important;
    padding-right: 10px;
}
.partnership-tabs[data-v-058fe4a2],
  #partnership-content[data-v-058fe4a2] {
    padding: 0 20px !important;
}
}
@charset "UTF-8";
@media screen and (min-width: 1365px) {
.topclass[data-v-65751a1e] {
    height: 45px;
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
}
.top-left[data-v-65751a1e] {
    align-items: center;
    display: flex;
}
.top-right[data-v-65751a1e] {
    display: flex;
    gap: 5px;
    align-items: center;
}
  /* 消息通知样式 */
.message-notification[data-v-65751a1e] {
    position: relative;
    cursor: pointer;
    margin-top: 5px;
    margin-left: 10px;
    height: 30px;
    width: 30px;
}
.message-badge[data-v-65751a1e] {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #ff4d4f;
    color: white;
    border-radius: 10px;
    padding: 0 4px;
    font-size: 10px;
    height: 16px;
    min-width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.socials__item[data-v-65751a1e] {
    cursor: pointer;
    display: flex;
    height: 30px;
    width: 30px;
    margin: 8px 0 0 10px;
}
.socials__item .socials__item-icon-instagram[data-v-65751a1e] {
    background-color: #9793ba;
    height: 16px;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M14.693 4.298c0 .135-.023.27-.08.393a1.1 1.1 0 0 1-.224.338 1.1 1.1 0 0 1-.338.225.95.95 0 0 1-.393.079.95.95 0 0 1-.394-.08 1.1 1.1 0 0 1-.338-.224 1.1 1.1 0 0 1-.225-.338 1.03 1.03 0 0 1 .225-1.125 1.05 1.05 0 0 1 .732-.303c.27 0 .54.112.73.303.192.192.305.45.305.732M18 9v.011l-.056 3.78a5.16 5.16 0 0 1-1.53 3.623 5.23 5.23 0 0 1-3.623 1.53L9 18h-.011l-3.78-.056a5.16 5.16 0 0 1-3.623-1.53 5.23 5.23 0 0 1-1.53-3.623L0 9v-.011l.056-3.78a5.16 5.16 0 0 1 1.53-3.623A5.23 5.23 0 0 1 5.21.056L9 0h.011l3.78.056a5.16 5.16 0 0 1 3.623 1.53 5.23 5.23 0 0 1 1.53 3.623zm-1.676 0-.057-3.758a3.55 3.55 0 0 0-1.034-2.463 3.55 3.55 0 0 0-2.464-1.035L9 1.676l-3.758.056a3.58 3.58 0 0 0-2.474 1.036 3.58 3.58 0 0 0-1.035 2.475L1.676 9l.056 3.769a3.55 3.55 0 0 0 1.036 2.464 3.55 3.55 0 0 0 2.463 1.034L9 16.324l3.769-.057a3.55 3.55 0 0 0 2.464-1.034 3.55 3.55 0 0 0 1.034-2.464zm-2.7 0a4.606 4.606 0 0 1-4.613 4.613 4.63 4.63 0 0 1-3.262-1.35A4.63 4.63 0 0 1 4.376 9 4.606 4.606 0 0 1 8.99 4.388c1.215 0 2.396.483 3.262 1.35A4.63 4.63 0 0 1 13.624 9m-1.677 0A2.957 2.957 0 0 0 9 6.053 2.957 2.957 0 0 0 6.053 9 2.957 2.957 0 0 0 9 11.948 2.957 2.957 0 0 0 11.948 9'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M14.693 4.298c0 .135-.023.27-.08.393a1.1 1.1 0 0 1-.224.338 1.1 1.1 0 0 1-.338.225.95.95 0 0 1-.393.079.95.95 0 0 1-.394-.08 1.1 1.1 0 0 1-.338-.224 1.1 1.1 0 0 1-.225-.338 1.03 1.03 0 0 1 .225-1.125 1.05 1.05 0 0 1 .732-.303c.27 0 .54.112.73.303.192.192.305.45.305.732M18 9v.011l-.056 3.78a5.16 5.16 0 0 1-1.53 3.623 5.23 5.23 0 0 1-3.623 1.53L9 18h-.011l-3.78-.056a5.16 5.16 0 0 1-3.623-1.53 5.23 5.23 0 0 1-1.53-3.623L0 9v-.011l.056-3.78a5.16 5.16 0 0 1 1.53-3.623A5.23 5.23 0 0 1 5.21.056L9 0h.011l3.78.056a5.16 5.16 0 0 1 3.623 1.53 5.23 5.23 0 0 1 1.53 3.623zm-1.676 0-.057-3.758a3.55 3.55 0 0 0-1.034-2.463 3.55 3.55 0 0 0-2.464-1.035L9 1.676l-3.758.056a3.58 3.58 0 0 0-2.474 1.036 3.58 3.58 0 0 0-1.035 2.475L1.676 9l.056 3.769a3.55 3.55 0 0 0 1.036 2.464 3.55 3.55 0 0 0 2.463 1.034L9 16.324l3.769-.057a3.55 3.55 0 0 0 2.464-1.034 3.55 3.55 0 0 0 1.034-2.464zm-2.7 0a4.606 4.606 0 0 1-4.613 4.613 4.63 4.63 0 0 1-3.262-1.35A4.63 4.63 0 0 1 4.376 9 4.606 4.606 0 0 1 8.99 4.388c1.215 0 2.396.483 3.262 1.35A4.63 4.63 0 0 1 13.624 9m-1.677 0A2.957 2.957 0 0 0 9 6.053 2.957 2.957 0 0 0 6.053 9 2.957 2.957 0 0 0 9 11.948 2.957 2.957 0 0 0 11.948 9'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
            mask-size: 100%;
    width: 16px;
}
.socials__item .socials__item-icon-facebook[data-v-65751a1e] {
    background-color: #9793ba;
    height: 18px;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 18'%3E%3Cpath d='M.239 8.578H1.88v7.265c0 .144.112.262.24.262h2.788c.136 0 .24-.118.24-.263v-7.23h1.888c.12 0 .223-.093.239-.229l.294-2.678a.3.3 0 0 0-.055-.204.23.23 0 0 0-.184-.085H5.155V3.738c0-.508.255-.763.75-.763H7.33c.136 0 .24-.118.24-.263V.254A.243.243 0 0 0 7.33 0H5.283C4.94 0 3.76.076 2.82.992a2.91 2.91 0 0 0-.86 2.458v1.958H.238C.112 5.416 0 5.535 0 5.679v2.645c0 .136.112.254.239.254'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 18'%3E%3Cpath d='M.239 8.578H1.88v7.265c0 .144.112.262.24.262h2.788c.136 0 .24-.118.24-.263v-7.23h1.888c.12 0 .223-.093.239-.229l.294-2.678a.3.3 0 0 0-.055-.204.23.23 0 0 0-.184-.085H5.155V3.738c0-.508.255-.763.75-.763H7.33c.136 0 .24-.118.24-.263V.254A.243.243 0 0 0 7.33 0H5.283C4.94 0 3.76.076 2.82.992a2.91 2.91 0 0 0-.86 2.458v1.958H.238C.112 5.416 0 5.535 0 5.679v2.645c0 .136.112.254.239.254'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
            mask-size: 100%;
    width: 8px;
}
  /* 自定义语言选择器样式 */
.lang-select-container[data-v-65751a1e] {
    position: relative;
    height: 30px;
    margin-top: 5px;
    margin-left: 10px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    min-width: 140px;
}
.lang-select-display[data-v-65751a1e] {
    background-color: #2c284f;
    color: #9793ba;
    border: 1px solid #44406d;
    border-radius: 4px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px 0 30px;
    cursor: pointer;
    position: relative;
    font-size: 12px;
}
.lang-select-display[data-v-65751a1e]:hover {
    border-color: #555183;
    color: #c9c6ee;
}
.lang-flag[data-v-65751a1e] {
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 1;
}
  /* 确保所有国旗图标都能正确显示 */
.lang-flag.flag-zh[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-CN-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-en[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#us-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-vi[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#vi-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-es[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#es-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-de[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#de-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-fr[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#fr-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-it[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#it-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-pl[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#pl-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-pt[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#pt-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-tr[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#tr-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-zh-tw[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-TW-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-ja[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#ja-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-ko[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#ko-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-th[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#th-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-fi[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#fi-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-pt-br[data-v-65751a1e] {
    background-image: url(../img/Brazil.846f1bc9.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-ru[data-v-65751a1e] {
    background-image: url(../img/ru.23e6036c.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-text[data-v-65751a1e] {
    flex: 1;
    text-align: left;
    margin-left: 16px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lang-arrow[data-v-65751a1e] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #9793ba;
    transition: transform 0.3s ease;
    z-index: 1; /* 确保箭头在最上层 */
}
.lang-arrow-up[data-v-65751a1e] {
    transform: translateY(-50%) rotate(180deg);
}
.lang-dropdown[data-v-65751a1e] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #2c284f;
    border: 1px solid #44406d;
    border-top: none;
    border-radius: 0 0 4px 4px;
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    min-width: 160px;
}
.lang-option[data-v-65751a1e] {
    display: flex;
    align-items: center;
    padding: 5px 8px;
    cursor: pointer;
    color: #9793ba;
    font-size: 13px;
}
.lang-option[data-v-65751a1e]:hover {
    background-color: #3d385f;
    color: #c9c6ee;
}
.lang-option .lang-flag[data-v-65751a1e] {
    width: 20px;
    height: 20px;
    margin-right: 2px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}
  /* 确保下拉菜单中的国旗图标正确显示 */
.lang-option .flag-zh-CN[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-CN-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-flag.flag-en[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#us-lang);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-vi[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#vi-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-es[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#es-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-de[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#de-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-fr[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#fr-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-it[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#it-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-pl[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#pl-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-pt[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#pt-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-tr[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#tr-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-zh-tw[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#zh-TW-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-ja[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#ja-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-ko[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#ko-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-th[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#th-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.lang-option .flag-fi[data-v-65751a1e] {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#fi-lang);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
  /* 调整下拉菜单中的文字位置，使其不那么靠右 */
.lang-option span[data-v-65751a1e] {
    flex: 1;
    text-align: right;
    margin-left: 2px;
    padding-right: 12px; /* 适中的右侧距离 */
}
  /* 确保默认国旗图标显示 - 提高优先级 */
.lang-flag[data-v-65751a1e]:not(.flag-zh):not(.flag-en):not(.flag-vi):not(.flag-es):not(.flag-de):not(.flag-fr):not(.flag-it):not(.flag-pl):not(.flag-pt):not(.flag-tr):not(.flag-zh-tw):not(.flag-ja):not(.flag-ko):not(.flag-th):not(.flag-fi):not(.flag-pt-br):not(.flag-ru) {
    background-image: url(../img/kHTxiw7v.a65329f5.svg#us-lang) !important;
    background-size: 24px 24px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
  /* 移除下拉菜单中图标的绝对定位，防止重叠 */
.lang-option .lang-flag[data-v-65751a1e] {
    position: static;
    transform: none;
    top: auto;
    left: auto;
}
}

.countdown-container[data-v-21d8649e] {
  position: relative;
  width: 100%; /* 可根据实际调整 */
}
.banner-img[data-v-21d8649e] {
  width: 100%;
  display: block;
}
.countdown-box[data-v-21d8649e] {
  /* position: absolute;
  top: 70px;
  right: 100px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px 15px;
  border-radius: 8px; */

  position: absolute;
  top: 41%;
  right: 88px;
  transform: translateY(-50%);
  width: 80%; /* 宽度设为80%，可根据需要调整 */
  max-width: 250px; /* 最大宽度限制 */
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 15px 25px; /* 增加内边距 */
  border-radius: 10px;
  box-sizing: border-box; /* 确保padding不影响总宽度 */
  z-index: 1;
}
@media screen and (max-width: 1024px) {
.countdown-box[data-v-21d8649e] {
    top: 46%;
    transform: translateY(-50%) scale(0.8);
    transform-origin: center right;
}
}
@media screen and (max-width: 767px) {
.countdown-box[data-v-21d8649e] {
    top: 49%;
    transform: translateY(-51%) scale(0.6);
}
}
@media screen and (max-width: 490px) {
.countdown-box[data-v-21d8649e] {
    top: 50%;
    right: 66px;
    transform: translateY(-51%) scale(0.5);
}
}
.title[data-v-21d8649e] {
  font-size: 16px;
  margin-bottom: 12px;
  text-align: center;
}
.time-wrap[data-v-21d8649e] {
  display: flex;
  justify-content: center; /* 时间项居中排列 */
  gap: 20px; /* 增加时间项之间的间距 */
  margin-bottom: 15px;
}
.time-item[data-v-21d8649e] {
  text-align: center;
}
.num[data-v-21d8649e] {
  font-size: 24px;
  font-weight: bold;
  display: block;
  min-width: 50px; /* 确保数字有足够宽度 */
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  padding: 5px 0;
}
.unit[data-v-21d8649e] {
  font-size: 14px;
  margin-top: 5px;
  display: block;
}
.view-btn[data-v-21d8649e] {
  /* background-color: #7a5eff; */
  align-items: center;
  background-color: #5c49d0;
  clip-path: polygon(17px 0,calc(100% - 17px) 0,100% 50%,calc(100% - 17px) 100%,17px 100%,0 50%);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  width: 100%; /* 按钮宽度占满容器 */
  transition: all 0.3s ease;
}
.view-btn[data-v-21d8649e]:hover {
  background-color: #6848e6;
  transform: translateY(-2px);
}


/* 样式部分无修改，保持原逻辑 */
.price-range-slider[data-v-7cecd3a1] {
    display: flex;
    align-items: center;
    background-color: #1e1b35;
    padding: 10px;
    border-radius: 4px;
    min-width: 340px;
}
@media screen and (max-width: 767px) {
.price-range-slider[data-v-7cecd3a1] {
        width: 80vw;
        /* flex-direction: column; */
        /* 启用触摸滚动（关键：解决移动端拖拽问题） */
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x;
        /* 明确允许横向触摸滚动，避免浏览器默认行为干扰 */

        cursor: grab;
        /* user-select: none; */
        /* 禁止文本选中（避免拖拽时文本高亮阻塞） */
        /* -webkit-user-select: none; */
        /* touch-action: none; */
        /* 完全禁用触摸相关默认行为（PC端兼容） */
        will-change: scroll-position;
        /* 告诉浏览器：该元素会频繁滚动，提前优化渲染 */

        /* 硬件加速优化 - 让滚动由GPU处理 */
        /* transform: translateZ(0); */

        transition: cursor 0.1s ease; /* 鼠标样式切换平滑过渡 */
}
.price-label[data-v-7cecd3a1] {
        margin-left: 0 !important;
        font-size: 13px !important;
}
.slider-container[data-v-7cecd3a1] {
        margin: 0 !important;
}
.slider-track[data-v-7cecd3a1] {
        width: 80% !important;
}
.clear-btn[data-v-7cecd3a1] {
        margin-right: 0 !important;
        font-size: 13px !important;
}
}
.price-label[data-v-7cecd3a1] {
    color: #ccc;
    margin-right: 10px;
    margin-left: 30px;
    white-space: nowrap;
}
.slider-container[data-v-7cecd3a1] {
    position: relative;
}
.price-display[data-v-7cecd3a1] {
    color: #fff;
    margin-bottom: 5px;
    font-size: 12px;
}
.slider-track[data-v-7cecd3a1] {
    width: 40%;
    height: 4px;
    margin-left: 5px;
    background-color: #3d3c45;
    position: relative;
    cursor: pointer;
}
.slider-range[data-v-7cecd3a1] {
    position: absolute;
    top: 0;
    height: 100%;
    background-color: #3fe07d;
    border-radius: 2px;
}
.slider-handle[data-v-7cecd3a1] {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #3fe07d;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: grab;
    z-index: 1;
}
.slider-handle[data-v-7cecd3a1]:active {
    cursor: grabbing;
}
.clear-btn[data-v-7cecd3a1] {
    background-color: #4a4863;
    color: #ccc;
    border: none;
    padding: 5px 15px;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 30px;
    transition: background-color 0.2s;
}
.clear-btn[data-v-7cecd3a1]:hover {
    background-color: #5c5a75;
}
.flex-1[data-v-7cecd3a1] {
    flex: 1;
    margin-left: 30px;
    margin-right: 30px;
}

/* 未选中状态样式 */
.checkbox__input:not(:checked)+.checkbox__hexagon .checkbox__hexagon-checkmark[data-v-7cecd3a1] {
    opacity: 0;
    /* 未选中时隐藏对勾 */
}
.checkbox__input:not(:checked)+.checkbox__hexagon .checkbox__hexagon-stroke[data-v-7cecd3a1] {
    stroke: #ccc;
    /* 未选中时边框为灰色 */
}

/* 选中状态样式 */
.checkbox__input:checked+.checkbox__hexagon .checkbox__hexagon-checkmark[data-v-7cecd3a1] {
    opacity: 1;
    /* 选中时显示对勾 */
    fill: #3fe07d;
    /* 对勾颜色 */
}
.checkbox__input:checked+.checkbox__hexagon .checkbox__hexagon-stroke[data-v-7cecd3a1] {
    stroke: #3fe07d;
}

/* 隐藏原生复选框（使用自定义SVG作为视觉展示） */
.checkbox__input[data-v-7cecd3a1] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.checkbox-block[data-v-7cecd3a1] {
    display: flex;
    align-items: center;
}


@media screen and (max-width: 1365px) {
.category-item[data-v-a7306402] {
    padding: 0 5px !important;
}
.category-btn[data-v-a7306402] {
    font-size: 13px !important;
    padding: 8px 12px !important;
}
}
@media (max-width: 767px) {
.category-btn[data-v-a7306402] {
    font-size: 12px !important;
    padding: 6px 8px !important;
}
}
@media (max-width: 490px) {
.main-nav[data-v-a7306402],
  .categories-wrapper[data-v-a7306402],
  .category-item[data-v-a7306402],
  .price-filter-btn[data-v-a7306402] {
    height: 50px !important;
}
.categories-wrapper[data-v-a7306402] {
    margin-right: 5px;
}
.nav-content[data-v-a7306402] {
    padding: 0 5px !important;
}
.price-filter-btn[data-v-a7306402] {
    min-width: 80px !important;
    font-size: 11px !important;
    padding-left: 20px !important;
}
.arrow-icon[data-v-a7306402],
  .arrow-icon1[data-v-a7306402] {
    width: 12px !important;
    height: 6px !important;
}
.home-btn[data-v-a7306402] {
    padding: 15px 10px !important;
}
.category-btn[data-v-a7306402] {
    font-size: 10px !important;
    padding: 6px 8px !important;
    margin: 0 5px !important;
}
}

/* 核心样式调整，确保滚动容器正常工作 */
.categories-wrapper[data-v-a7306402] {
  flex: 1;
  overflow: hidden;
  position: relative;
  height: 70px;
  min-width: 0;
  display: flex;
  align-items: center;
}
.categories[data-v-a7306402] {
  display: flex;
  overflow-x: auto;
  /* 允许横向滚动 */
  overflow-y: hidden;
  /* 禁止纵向滚动 */
  scrollbar-width: none;
  /* 隐藏滚动条 */
  scroll-behavior: smooth;
  /* 平滑滚动 */
  width: 90%;
  padding: 0;
  margin: 0;
  /* 启用触摸滚动（关键：解决移动端拖拽问题） */
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  /* 明确允许横向触摸滚动，避免浏览器默认行为干扰 */

  cursor: grab;
  -moz-user-select: none;
       user-select: none;
  /* 禁止文本选中（避免拖拽时文本高亮阻塞） */
  -webkit-user-select: none;
  /* touch-action: none; */
  /* 完全禁用触摸相关默认行为（PC端兼容） */
  will-change: scroll-position;
  /* 告诉浏览器：该元素会频繁滚动，提前优化渲染 */

  /* 硬件加速优化 - 让滚动由GPU处理 */
  transform: translateZ(0);

  transition: cursor 0.1s ease; /* 鼠标样式切换平滑过渡 */
}

/* 拖拽中状态：“抓取中”图标 */
.categories.grabbing[data-v-a7306402] {
  cursor: grabbing;
}

/* 隐藏滚动条但保留功能 */
.categories[data-v-a7306402]::-webkit-scrollbar {
  display: none;
}

/* 单个导航项样式 */
.category-item[data-v-a7306402] {
  display: flex;
  align-items: center;
  height: 70px;
  padding: 0 23px;
  white-space: nowrap;
  position: relative;
  /* 防止文字换行 */
  /* pointer-events: none;  */
}

/* 仅在非拖拽时启用导航项点击 */
/* .categories:not(.grabbing) .category-item {
  pointer-events: auto;
} */

/* 其他样式保持不变 */
.navigation-container[data-v-a7306402] {
  width: 100%;
  position: relative;
}
.main-nav[data-v-a7306402] {
  background-color: #121026;
  border-radius: 8px;
  margin: 0 15px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  display: flex;
  filter: drop-shadow(10px 20px 15px #141225) drop-shadow(10px -20px 15px #141225);
  height: 70px;
  background: #18162b;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
}
.main-nav.fixed[data-v-a7306402] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  border-radius: 0;
  z-index: 1000;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  animation: slideDown-a7306402 0.3s ease forwards;
}
@keyframes slideDown-a7306402 {
from {
    transform: translateY(-100%);
}
to {
    transform: translateY(0);
}
}
.nav-content[data-v-a7306402] {
  display: flex;
  align-items: center;
  padding: 0 15px;
  width: 100%;
}
.home-btn[data-v-a7306402] {
  background: transparent;
  border: none;
  color: #b0a6d3;
  padding: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-right: 10px;
}
.category-btn[data-v-a7306402] {
  border: none;
  color: #8a82b3;
  padding: 8px 15px;
  margin: 0 5px;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  background: transparent;
}
.category-btn.active[data-v-a7306402] {
  color: white;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position: 0 100%;
}
.category-bottom[data-v-a7306402] {
  bottom: 0;
  height: 27px;
  /* left: 50%; */
  overflow: hidden;
  position: absolute;
  transform: translate(-50%);
  width: calc(100% + 46px);
}

/* 价格筛选器样式保持不变 */
.price-filter-container[data-v-a7306402] {
  position: relative;
  margin-left: 15px;
}
.price-btn[data-v-a7306402] {
  background: linear-gradient(135deg, #2d1b69 0%, #4a259b 100%);
  color: white;
  border: none;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}
.price-slider-container[data-v-a7306402] {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #1a1735;
  border-radius: 8px;
  padding: 15px;
  width: 300px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
  margin-top: 10px;
  z-index: 1001;
}
.category-item.active[data-v-a7306402] {
  /* background: #f5115c;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%; */
  border-bottom: #f5115c 1px solid;
}
.category-item.active[data-v-a7306402]::before {
  background: radial-gradient(50% 50% at 50% 50%, #f5115c 0, #f5115c00);
  bottom: -25px;
  content: "";
  height: 57px;
  opacity: .3;
  position: absolute;
  width: 100%;
  left: 0;
  animation: glowBreathe-a7306402 2s ease-in-out infinite;
}
@keyframes glowBreathe-a7306402 {
0%, 100% {
    opacity: 0.3;
    transform: scale(1);
}
50% {
    opacity: 0.35;
    transform: scale(1.03);
}
}
.arrow-icon[data-v-a7306402] {
  background-color: #9793ba;
  display: inline-block;
  height: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transform: rotate(180deg);
  transition: transform .3s;
  width: 16px;
  /* margin-top: 30px; */
}
.arrow-icon1[data-v-a7306402] {
  background-color: #9793ba;
  display: inline-block;
  height: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transform: rotate(0deg);
  transition: transform .3s;
  width: 16px;
  /* margin-top: 30px; */
}

.seamless-container[data-v-213ecdda] {
  margin: 0 auto;
  padding: 0 44px;
  padding-bottom: 20px;
  box-sizing: border-box;
  background-color: #151225;
}
@media screen and (min-width: 1921px) {
.seamless-container[data-v-213ecdda] {
    max-width: 1832px;
    padding: 0 0 10px 0;
}
}
@media screen and (max-width: 1920px) {
.seamless-container[data-v-213ecdda] {
    max-width: 1920px;
}
}
@media (max-width: 1023px) {
.seamless-container[data-v-213ecdda] {
    padding: 0 20px;
    padding-bottom: 20px;
}
}
@media (max-width: 767px) {
.seamless-container[data-v-213ecdda] {
    padding: 0 20px;
    padding-bottom: 20px;
}
}
@media (max-width: 490px) {
.seamless-container[data-v-213ecdda] {
    padding: 0 10px;
    padding-bottom: 20px;
}
}
.drop-header-bar[data-v-213ecdda] {
  display: flex;
  width: 100%;
  height: 38px;
  align-items: center;
  padding: 0;
  box-sizing: border-box;
}
.drop-header-bar .fire-icon[data-v-213ecdda] {
  width: 29px;
  height: 35px;
  flex-shrink: 0;
}
.drop-header-bar .wow-drop-text[data-v-213ecdda] {
  color: #E4A25F;
  line-height: 38px;
  font-size: 12px;
  margin-left: 8px;
  white-space: nowrap;
}
.drop-header-bar .live-drop-text[data-v-213ecdda] {
  color: #9793ba;
  line-height: 38px;
  font-size: 12px;
  margin-left: 380px;
  white-space: nowrap;
}
@media screen and (max-width: 1365px) {
.drop-header-bar .live-drop-text[data-v-213ecdda] {
    margin-left: 285px;
}
}
@media screen and (max-width: 1023px) {
.drop-header-bar .live-drop-text[data-v-213ecdda] {
    margin-left: 266px !important;
}
}
@media screen and (max-width: 767px) {
.drop-header-bar .live-drop-text[data-v-213ecdda] {
    margin-left: 260px !important;
}
}
@media screen and (max-width: 490px) {
.drop-header-bar .live-drop-text[data-v-213ecdda] {
    margin-left: 221px !important;
}
}
@media screen and (max-width: 430px) {
.drop-header-bar .live-drop-text[data-v-213ecdda] {
    display: none;
}
}
@media (max-width: 1366px) {
.drop-header-bar[data-v-213ecdda] {
    height: 36px;
}
.drop-header-bar .fire-icon[data-v-213ecdda] {
    width: 26px;
    height: 32px;
}
.drop-header-bar .wow-drop-text[data-v-213ecdda],
  .drop-header-bar .live-drop-text[data-v-213ecdda] {
    font-size: 11px;
    line-height: 36px;
}
.drop-header-bar .wow-drop-text[data-v-213ecdda] {
    margin-left: 6px;
}
}
@media (max-width: 1023px) {
.drop-header-bar[data-v-213ecdda] {
    height: 32px;
}
.drop-header-bar .fire-icon[data-v-213ecdda] {
    width: 22px;
    height: 28px;
}
.drop-header-bar .wow-drop-text[data-v-213ecdda],
  .drop-header-bar .live-drop-text[data-v-213ecdda] {
    font-size: 10px;
    line-height: 32px;
}
.drop-header-bar .wow-drop-text[data-v-213ecdda] {
    margin-left: 4px;
}
}
@media (max-width: 767px) {
.drop-header-bar[data-v-213ecdda] {
    height: 30px;
}
.drop-header-bar .fire-icon[data-v-213ecdda] {
    width: 20px;
    height: 26px;
}
.drop-header-bar .wow-drop-text[data-v-213ecdda],
  .drop-header-bar .live-drop-text[data-v-213ecdda] {
    font-size: 9px;
    line-height: 30px;
}
.drop-header-bar .wow-drop-text[data-v-213ecdda] {
    margin-left: 3px;
}
}
@media (max-width: 490px) {
.drop-header-bar[data-v-213ecdda] {
    height: 28px;
}
.drop-header-bar .fire-icon[data-v-213ecdda] {
    width: 18px;
    height: 24px;
}
.drop-header-bar .wow-drop-text[data-v-213ecdda],
  .drop-header-bar .live-drop-text[data-v-213ecdda] {
    font-size: 8px;
    line-height: 28px;
}
.drop-header-bar .wow-drop-text[data-v-213ecdda] {
    margin-left: 2px;
}
}
.kkCSGAO[data-v-213ecdda] {
  left: 0;
  opacity: 0;
  transition: all 0.5s;
}
.kkCSGAO-wuqi[data-v-213ecdda] {
  left: 0;
  top: 0;
  transition: all 0.5s;
  z-index: 1;
}
.swiperBox[data-v-213ecdda] {
  height: 113px;
}
.swiperBox .seamless-item[data-v-213ecdda] {
  width: 160px;
  border-left: 1px solid #1e1b38;
}
.swiperBox .swiper-list-content-box-item[data-v-213ecdda] {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1365px) {
.swiperBox[data-v-213ecdda] {
    height: 88px;
}
.swiperBox .seamless-item[data-v-213ecdda] {
    width: 125px;
}
}
@media screen and (max-width: 1023px) {
.swiperBox[data-v-213ecdda] {
    height: 81px;
}
.swiperBox .seamless-item[data-v-213ecdda] {
    width: 115px;
}
}
@media screen and (max-width: 767px) {
.swiperBox[data-v-213ecdda] {
    height: 77px;
}
.swiperBox .seamless-item[data-v-213ecdda] {
    width: 110px;
}
}
@media screen and (max-width: 490px) {
.swiperBox[data-v-213ecdda] {
    height: 67px;
}
.swiperBox .seamless-item[data-v-213ecdda] {
    width: 94px;
}
}
@media screen and (max-width: 430px) {
.swiperBox[data-v-213ecdda] {
    height: 95px;
    border-radius: 0 !important;
}
.swiperBox .fixed-items[data-v-213ecdda] {
    border-radius: 5px;
}
.swiperBox .fixed-item[data-v-213ecdda] {
    flex: 1;
}
.swiperBox .seamless-item[data-v-213ecdda] {
    width: 100%;
}
.swiperBox .seamless[data-v-213ecdda] {
    display: none !important;
}
}
.seamless[data-v-213ecdda] {
  width: 99.4vw;
  height: 100%;
  overflow: hidden;
}
.seamless .status[data-v-213ecdda] {
  transform-origin: 100% 50% 0;
  animation: scrolldar-213ecdda 0.65s ease;
}
.seamless .seamless-item[data-v-213ecdda] {
  height: 100%;
  margin-right: 2px;
  transition: all 0.5s;
}
.seamless .seamless-item:hover .kkCSGAO[data-v-213ecdda] {
  bottom: 0px;
  opacity: 1;
}
.seamless .seamless-item .kkCSGAO.swiper-bg-0[data-v-213ecdda] {
  background: none;
}
.seamless .seamless-item .kkCSGAO.swiper-bg-1[data-v-213ecdda] {
  background: none;
}
.seamless .seamless-item .kkCSGAO.swiper-bg-2[data-v-213ecdda] {
  background: none;
}
.seamless .seamless-item .kkCSGAO.swiper-bg-3[data-v-213ecdda] {
  background: none;
}
.seamless .seamless-item .kkCSGAO.swiper-bg-4[data-v-213ecdda] {
  background: none;
}
.seamless .seamless-item .kkCSGAO.swiper-bg-5[data-v-213ecdda] {
  background: none;
}
.seamless .seamless-item:hover .kkCSGAO-wuqi[data-v-213ecdda] {
  opacity: 1;
  top: -200px;
}
@keyframes scrolldar-213ecdda {
0% {
    margin-left: -130px;
    opacity: 1;
    transform: perspective(800px) rotateY(-90deg) translateZ(0);
}
100% {
    margin-left: 1px;
    opacity: 1;
    transform: perspective(800px) rotateY(0deg) translateZ(0);
}
}
.swiper-list-jieri[data-v-213ecdda] {
  width: 100%;
}
.swiper-list-jieri img[data-v-213ecdda] {
  position: absolute;
  right: 0;
  width: 26%;
}
.gif-png[data-v-213ecdda] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 85%;
  height: 100%;
}
.gif-png img[data-v-213ecdda] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.gif-png .png[data-v-213ecdda] {
  width: 70%;
  height: 70%;
}
.gif-png .png.type3[data-v-213ecdda] {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 25px;
  height: 25px;
}
.swiper[data-v-213ecdda] {
  width: 100%;
  overflow: hidden;
}
.swiper-list[data-v-213ecdda] {
  position: relative;
}
.swiper-list-content .warp[data-v-213ecdda] {
  height: 90px;
}
@media (max-width: 1366px) {
.swiper-list-content .warp[data-v-213ecdda] {
    height: 90px;
}
}
@media (max-width: 1100px) {
.swiper-list-content .warp[data-v-213ecdda] {
    height: 80px;
}
}
.swiper-list-content-box[data-v-213ecdda] {
  margin: 0 1px;
  top: 0;
  transition: all 0.5s;
}
@media (max-width: 1100px) {
.swiper-list-content-box[data-v-213ecdda] {
    height: 80px;
}
}
.swiper-list-content-box[data-v-213ecdda]:hover {
  top: -90px;
}
.swiper-list-content-box-item[data-v-213ecdda] {
  transition: all 0.5s;
  height: 100%;
  font-size: 12px;
}
.swiper-list-content-box-item-img[data-v-213ecdda] {
  width: 100%;
  max-height: 51px;
  -o-object-fit: contain;
     object-fit: contain;
}
.swiper-list-content-box-item .-GKLABDJAQP_[data-v-213ecdda] {
  filter: invert(20%);
}
.swiper-list-content-box-item .-ERTDFGHJK_[data-v-213ecdda] {
  position: absolute;
  left: 7px;
  bottom: 5px;
  width: 90%;
  line-height: 12px;
  color: #9793ba;
  font-size: 11px;
  font-weight: 600;
  word-break: keep-all;
}
.swiper-list-content-box-item .-ERTDFGHJK_ p[data-v-213ecdda]:first-child {
  opacity: 0.7;
  line-height: 1.5 !important;
}
.swiper-list-content-box-item .-ERTDFGHJK_ p[data-v-213ecdda]:last-child {
  line-height: 1.5 !important;
}
@media (max-width: 1365px) {
.swiper-list-content-box-item .-ERTDFGHJK_[data-v-213ecdda] {
    font-size: 8px !important;
}
}
@media (max-width: 1024px) {
.swiper-list-content-box-item .-ERTDFGHJK_[data-v-213ecdda] {
    width: 75% !important;
}
.swiper-list-content-box-item .-ERTDFGHJK_ p[data-v-213ecdda]:first-child {
    width: 66%;
}
.swiper-list-content-box-item .-ERTDFGHJK_ p[data-v-213ecdda]:last-child {
    width: 88%;
}
}
@media (max-width: 490px) {
.swiper-list-content-box-item .-ERTDFGHJK_[data-v-213ecdda] {
    width: 75% !important;
}
.swiper-list-content-box-item .-ERTDFGHJK_ p[data-v-213ecdda]:first-child {
    width: 50%;
}
.swiper-list-content-box-item .-ERTDFGHJK_ p[data-v-213ecdda]:last-child {
    width: 80%;
}
}
.swiper-list-content-box-item-type[data-v-213ecdda] {
  top: 6px;
}
.swiper-list-content-box-itemnone[data-v-213ecdda] {
  opacity: 0;
  transition: all 0.5s;
  width: 170px;
  height: 100px;
}
.swiper-list-content-box-itemnone-title[data-v-213ecdda] {
  text-align: center;
  padding: 10px 0;
}
.swiper-list-content-box-itemnone-img[data-v-213ecdda] {
  transition: all 1s;
}
.fixed-items[data-v-213ecdda] {
  height: 100%;
  flex-shrink: 0;
  border: 1px solid rgba(159, 120, 41, 0.475);
  border-radius: 5px 0 0 5px;
  box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 430px) {
.fixed-items[data-v-213ecdda] {
    width: 100%;
}
}
.fixed-items .seamless-item[data-v-213ecdda] {
  height: 100%;
}
.fixed-items .fixed-item[data-v-213ecdda] {
  animation: none !important;
}
.fixed-items .fixed-item:hover .kkCSGAO[data-v-213ecdda] {
  bottom: 0px;
  opacity: 1;
}
.fixed-items .fixed-item .kkCSGAO.swiper-bg-0[data-v-213ecdda] {
  background: none;
}
.fixed-items .fixed-item .kkCSGAO.swiper-bg-1[data-v-213ecdda] {
  background: none;
}
.fixed-items .fixed-item .kkCSGAO.swiper-bg-2[data-v-213ecdda] {
  background: none;
}
.fixed-items .fixed-item .kkCSGAO.swiper-bg-3[data-v-213ecdda] {
  background: none;
}
.fixed-items .fixed-item .kkCSGAO.swiper-bg-4[data-v-213ecdda] {
  background: none;
}
.fixed-items .fixed-item .kkCSGAO.swiper-bg-5[data-v-213ecdda] {
  background: none;
}
.fixed-items .fixed-item:hover .kkCSGAO-wuqi[data-v-213ecdda] {
  opacity: 1;
  top: -200px;
}
.user-avatar-wrapper[data-v-213ecdda] {
  transform: scale(0.8);
  transform-origin: right bottom;
}
@media (max-width: 767px) {
.user-avatar-wrapper[data-v-213ecdda] {
    transform: scale(0.7);
    transform-origin: right bottom;
}
}
@media (max-width: 490px) {
.user-avatar-wrapper[data-v-213ecdda] {
    transform: scale(0.6);
    transform-origin: right bottom;
}
}
.scroll-container[data-v-213ecdda] {
  overflow: hidden;
  flex-grow: 1;
}
.user-avatar-clickable[data-v-213ecdda] {
  cursor: pointer;
  transition: transform 0.3s ease;
}
.user-avatar-clickable[data-v-213ecdda]:hover {
  transform: scale(1.1);
}
._QMRlWoscQIs-[data-v-53bab886] {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: absolute;
  z-index: 1001;
}
.popup-top-spacer[data-v-53bab886] {
  width: 100%;
  height: 20px;
  pointer-events: auto;
  flex-shrink: 0;
}
.el-icon-close[data-v-53bab886] {
  display: none;
  position: absolute;
  top: 33px;
  right: 12px;
  z-index: 1;
  color: #aaa;
}
.el-icon-close[data-v-53bab886]:hover {
  color: #fff;
}
._7NAS73Mkdnk-._URL8rIc-Nrg-[data-v-53bab886] {
  padding: 9px 0 9px 22px;
}
._7NAS73Mkdnk-[data-v-53bab886] {
  width: 100%;
  backdrop-filter: blur(9px);
  background: rgba(32, 29, 56, 0.9019607843);
  border: 1px solid #55518c;
  border-radius: 6px;
  box-shadow: 0 4px 20px rgba(15, 13, 28, 0.9019607843);
  padding: 9px 22px 22px;
  position: absolute;
  top: 24px;
}
._ejTONsDR2KA-[data-v-53bab886] {
  align-items: center;
  animation: _uYBAUPTpBKk- 0.2s ease-in-out 0.2s both;
  display: flex;
  height: 30px;
  justify-content: center;
}
._opxN5jbopFU-[data-v-53bab886] {
  align-items: center;
  color: #9793c7;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
._opxN5jbopFU- ._1C-xxtQC8P0-[data-v-53bab886] {
  background-color: #9793c7;
  display: inline-block;
  height: 16px;
  margin-right: 10px;
  -webkit-mask-image: url(../img/DKYo6ulK.ac8e4944.svg);
  mask-image: url(../img/DKYo6ulK.ac8e4944.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 16px;
}
._opxN5jbopFU- ._GXbkKr6ggMA-[data-v-53bab886] {
  margin-right: 6px;
}
._opxN5jbopFU- ._qFwNvh4ugiQ-[data-v-53bab886] {
  color: #f15183;
  font-weight: 700;
}
[data-simplebar][data-v-53bab886] {
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
}
.simplebar-wrapper[data-v-53bab886] {
  height: inherit;
  max-height: inherit;
  max-width: inherit;
  width: inherit;
}
.simplebar-height-auto-observer-wrapper[data-v-53bab886] {
  box-sizing: inherit !important;
  flex-basis: 0;
  flex-grow: inherit;
  flex-shrink: 0;
  float: left;
  height: 100%;
  margin: 0;
  max-height: 1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: relative;
  width: 100%;
  z-index: -1;
}
.simplebar-height-auto-observer[data-v-53bab886],
.simplebar-track[data-v-53bab886] {
  overflow: hidden;
  pointer-events: none;
  position: absolute;
}
.simplebar-height-auto-observer[data-v-53bab886] {
  box-sizing: inherit;
  display: block;
  height: 1000%;
  left: 0;
  min-height: 1px;
  min-width: 1px;
  opacity: 0;
  top: 0;
  width: 1000%;
  z-index: -1;
}
.simplebar-mask[data-v-53bab886],
.simplebar-offset[data-v-53bab886] {
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.simplebar-mask[data-v-53bab886] {
  direction: inherit;
  height: auto !important;
  overflow: hidden;
  width: auto !important;
  z-index: 0;
}
.simplebar-offset[data-v-53bab886] {
  box-sizing: inherit !important;
  direction: inherit !important;
  resize: none !important;
  -webkit-overflow-scrolling: touch;
}
.simplebar-mask[data-v-53bab886],
.simplebar-offset[data-v-53bab886] {
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.simplebar-content-wrapper[data-v-53bab886] {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  position: relative;
  scrollbar-width: none;
  width: auto;
  -ms-overflow-style: none;
}
.simplebar-content-wrapper[data-v-53bab886]::-webkit-scrollbar {
  display: none;
}
.simplebar-content[data-v-53bab886]:after,
.simplebar-content[data-v-53bab886]:before {
  content: " ";
  display: table;
}
._oOYLse9mljk-._cCdflR8L5wU-[data-v-53bab886] {
  height: 208px;
}
._oOYLse9mljk-[data-v-53bab886] {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: flex-start;
  gap: 6px;
  height: 96px;
}
._CUGTSXVKx1o-._Y7aPQxKkX1Q-[data-v-53bab886] {
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: 80% auto;
}
._CUGTSXVKx1o-[data-v-53bab886] {
  background-color: #282546;
  border: 1px solid #2b2848;
  border-radius: 4px;
  height: 100px;
  padding: 0 7px;
  width: 74px;
}
._XnSk3nPKdrY-[data-v-53bab886] {
  color: #4af1b8;
  font-weight: 600;
}
._KBlOnYKpQ0E-[data-v-53bab886],
._XnSk3nPKdrY-[data-v-53bab886] {
  font-size: 11px;
  text-align: center;
}
._KBlOnYKpQ0E-[data-v-53bab886] {
  color: #5c49d0;
  font-weight: 700;
}
.img-wrapper[data-v-53bab886] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}
.img-wrapper img[data-v-53bab886] {
  width: 100%;
}
.img-wrapper .gif[data-v-53bab886] {
  display: none;
}
@media screen and (max-width: 1365px) {
._QMRlWoscQIs-[data-v-53bab886] {
    width: var(--width) !important;
}
}
@media screen and (max-width: 1023px) {
._QMRlWoscQIs-[data-v-53bab886] {
    width: calc(var(--width) - 20px) !important;
    transform: scale(0.8);
    transform-origin: top left;
    left: calc(var(--left-) + 80px) !important;
}
._7NAS73Mkdnk-._URL8rIc-Nrg-[data-v-53bab886] {
    padding: 10px 15px;
}
}
@media screen and (max-width: 767px) {
._QMRlWoscQIs-[data-v-53bab886] {
    width: 320px !important;
    transform: scale(0.8);
    transform-origin: top left;
    left: calc(var(--left-) + 40px) !important;
}
.el-icon-close[data-v-53bab886] {
    display: block;
}
._7NAS73Mkdnk-._URL8rIc-Nrg-[data-v-53bab886] {
    padding: 10px 15px;
}
}
@media screen and (max-width: 490px) {
._QMRlWoscQIs-[data-v-53bab886] {
    width: calc(100vw - 40px) !important;
    left: 50% !important;
    transform: scale(1) translateX(-50%) !important;
}
.el-icon-close[data-v-53bab886] {
    display: block;
}
._7NAS73Mkdnk-._URL8rIc-Nrg-[data-v-53bab886] {
    padding: 9px 12px;
}
}
@charset "UTF-8";
.t-title[data-v-a428fd16] {
  width: auto;
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  margin: 0 auto 20px;
  padding: 0 20px;
  display: flex;
  align-content: center;
  justify-content: center;
}
.t-title .rules-icon[data-v-a428fd16] {
  position: relative;
  top: -10px;
  right: 0px;
  background-color: #f93d3d;
  display: inline-block;
  height: 20px;
  width: 20px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  cursor: pointer;
  animation: b-c-a428fd16 1.8s infinite;
}
@keyframes b-c-a428fd16 {
0% {
    background-color: #9793c7;
}
66% {
    background-color: #f93d3d;
}
100% {
    background-color: #9793c7;
}
}
.t-title .rules-icon.rules_show_active[data-v-a428fd16] {
  animation: unset;
  background-color: rgb(174, 43, 43);
  height: 15px;
  width: 15px;
}
.t-title .rules-icon[data-v-a428fd16]:hover {
  animation: unset;
  background-color: rgb(228, 220, 252) !important;
}
@media screen and (max-width: 767px) {
.t-title[data-v-a428fd16] {
    font-size: 22px;
}
.t-title .rules-icon[data-v-a428fd16] {
    width: 16px;
    height: 16px;
    top: -3px;
    right: 0px;
}
.t-title .rules-icon.rules_show_active[data-v-a428fd16] {
    width: 13px;
    height: 13px;
}
}
@media screen and (max-width: 490px) {
.t-title[data-v-a428fd16] {
    font-size: 20px;
}
}
.activityBox[data-v-a428fd16] {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.activityBox-hot-summer[data-v-a428fd16] {
  text-align: center;
  width: 292px;
  z-index: 1;
}
.activityBox-hot-summer-timer-tip[data-v-a428fd16] {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1.3px;
  margin-bottom: 16px;
  text-shadow: 0 1px 4px #141225, 0 1px 2px rgba(20, 18, 37, 0.25), 0 1px 10px #141225;
  text-transform: uppercase;
}
.activityBox-hot-summer-timer-box[data-v-a428fd16] {
  margin: 0 auto;
  height: 64px;
  position: relative;
  width: 271px;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: rgba(160, 149, 226, 0.4);
  height: 100%;
  width: 100%;
}
.homeReminder[data-v-a428fd16] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
}
.homeReminder > div[data-v-a428fd16] {
  position: relative;
  width: 60rem;
  margin: 10% auto;
}
@media (max-width: 960px) {
.homeReminder > div[data-v-a428fd16] {
    margin: 70% auto;
    position: relative;
    width: 100%;
    margin: 70% auto;
}
}
.homeReminder img[data-v-a428fd16]:nth-child(1) {
  width: 100%;
}
.homeReminder img[data-v-a428fd16]:nth-child(2) {
  width: 2rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
}
@media (max-width: 960px) {
.homeReminder img[data-v-a428fd16]:nth-child(2) {
    width: 2rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
}
}
.homeReminder img[data-v-a428fd16]:nth-child(2):hover {
  animation: boxBg-a428fd16 0.5s 2 alternate;
}
.content-box-title[data-v-a428fd16] {
  border-top: 1px solid #1e1b35;
  position: relative;
  width: 100%;
  padding: 44px 19%;
  margin: 0 auto;
}
.content-box-title p[data-v-a428fd16] {
  height: 20px;
  line-height: 20px !important;
  text-align: center;
  font-size: 35px !important;
}
@media (max-width: 1365px) {
.content-box-title[data-v-a428fd16] {
    width: 95%;
    padding: 44px 0;
    margin-left: 5%;
}
}
@media (max-width: 960px) {
.content-box-title p[data-v-a428fd16] {
    line-height: 20px !important;
    text-align: center;
    font-size: 25px !important;
}
}
@media (max-width: 767px) {
.content-box-title[data-v-a428fd16] {
    width: 98%;
    margin-left: 2%;
}
}
.content-box-list-tag[data-v-a428fd16] {
  background-color: #ffab57;
  color: #000;
  font-weight: bold;
  font-size: 20px;
}
.huodongtanchaunug-off[data-v-a428fd16] {
  top: 5%;
  right: 5%;
}
@media (max-width: 960px) {
.huodongtanchaunug-off[data-v-a428fd16] {
    top: 0;
    right: 2%;
}
.huodongtanchaunug-off img[data-v-a428fd16] {
    width: 34px !important;
}
}
.content-banner[data-v-a428fd16] {
  min-height: 188px;
}
@media (max-width: 1024px) {
.content-banner[data-v-a428fd16] {
    min-height: 140px;
}
}
@media (max-width: 767px) {
.content-banner .swiper-slide[data-v-a428fd16] {
    height: 260px;
}
.content-banner img[data-v-a428fd16] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
}
.swiper-box[data-v-a428fd16] {
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}
.swiper-box[data-v-a428fd16] .swiper-wrapper {
  align-items: center;
}
.list-box[data-v-a428fd16] {
  transform: translate3d(0, 0, 0);
}
.list-box .el-image[data-v-a428fd16], .list-box .image[data-v-a428fd16], .list-box image[data-v-a428fd16], .list-box img[data-v-a428fd16] {
  width: 100%;
  display: block;
}
.list-box.type_link[data-v-a428fd16] {
  cursor: pointer;
}
.swiper-button[data-v-a428fd16] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 42px;
  width: 48px;
  color: #e4dcfc;
  font-size: 19px;
  cursor: pointer;
  z-index: 1;
}
.swiper-button.swiper-prev-button[data-v-a428fd16] {
  left: 20px;
}
@media (max-width: 767px) {
.swiper-button.swiper-prev-button[data-v-a428fd16] {
    transform: translateY(-50%) scale(0.85);
    transform-origin: center left;
}
}
@media (max-width: 490px) {
.swiper-button.swiper-prev-button[data-v-a428fd16] {
    transform: translateY(-50%) scale(0.7);
    transform-origin: center left;
}
}
.swiper-button.swiper-next-button[data-v-a428fd16] {
  right: 20px;
}
@media (max-width: 767px) {
.swiper-button.swiper-next-button[data-v-a428fd16] {
    transform: translateY(-50%) scale(0.85);
    transform-origin: center right;
}
}
@media (max-width: 490px) {
.swiper-button.swiper-next-button[data-v-a428fd16] {
    transform: translateY(-50%) scale(0.7);
    transform-origin: center right;
}
}
.swiper-button i[data-v-a428fd16] {
  font-weight: 700;
}
.swiper-button[data-v-a428fd16]::before {
  content: "";
  position: absolute;
  background-color: rgba(120, 115, 175, 0.3019607843);
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.swiper-button[data-v-a428fd16]::after {
  content: "";
  position: absolute;
  background-color: rgba(120, 115, 175, 0.8);
  clip-path: polygon(12px 0, 0 50%, 12px 100%, 13px calc(100% - 1px), 1px 50%, 13px 1px, calc(100% - 13px) 1px, calc(100% - 1px) 50%, calc(100% - 13px) calc(100% - 1px), 12px calc(100% - 1px), 12px 100%, calc(100% - 12px) 100%, 100% 50%, calc(100% - 12px) 0);
  height: 100%;
  width: 100%;
}
.swiper-pagination-wrapper[data-v-a428fd16] {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  z-index: 1;
}
.swiper-pagination-wrapper .wrapper[data-v-a428fd16] {
  background: linear-gradient(180deg, #8471f7, #141225);
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  height: 28px;
  width: 140px;
}
.swiper-pagination-wrapper .wrapper .center-wrapper[data-v-a428fd16] {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(180deg, #141225 50%, #2b2650);
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.swiper-pagination-wrapper .wrapper .center-wrapper[data-v-a428fd16]::before, .swiper-pagination-wrapper .wrapper .center-wrapper[data-v-a428fd16]::after {
  content: "";
  position: absolute;
  width: 80px;
  height: 121px;
  background: radial-gradient(50% 50% at 50% 50%, #5c49d0 0, rgba(92, 73, 208, 0));
  filter: blur(10px);
  opacity: 0.6;
  transform: matrix(-0.64, -0.77, 0.45, -0.89, 0, 0);
}
.swiper-pagination-wrapper .wrapper .center-wrapper[data-v-a428fd16]::before {
  left: -24px;
  top: -87px;
}
.swiper-pagination-wrapper .wrapper .center-wrapper[data-v-a428fd16]::after {
  right: -24px;
}
.swiper-pagination-wrapper[data-v-a428fd16] .swiper-pagination {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  width: 140px;
}
.swiper-pagination-wrapper[data-v-a428fd16] .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  display: flex;
  box-sizing: content-box;
  height: 2px;
  padding: 5px;
  width: 30px;
  background: unset;
  border-radius: unset;
  text-align: left;
  border-radius: 6px;
}
.swiper-pagination-wrapper[data-v-a428fd16] .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 30px;
  height: 2px;
  border-radius: 6px;
  z-index: -1;
  transition: opacity 0.3s, background-color 0.3s, height 0.3s;
}
.swiper-pagination-wrapper[data-v-a428fd16] .swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  width: 30px;
  height: 2px;
  border-radius: 6px;
  background-color: rgba(165, 153, 245, 0.725);
  transition: opacity 0.3s, background-color 0.3s, height 0.3s;
}
.swiper-pagination-wrapper[data-v-a428fd16] .swiper-pagination .swiper-pagination-bullet-active::after {
  height: 4px;
  background-color: rgba(241, 81, 131, 0.4);
}
.swiper-pagination-wrapper[data-v-a428fd16] .swiper-pagination .swiper-pagination-bullet-active::before {
  height: 4px;
  background: #f15183;
  animation: width-0-a428fd16 7s linear forwards;
}
@keyframes width-0-a428fd16 {
0% {
    width: 100%;
}
100% {
    width: 0%;
}
}
.border-green[data-v-a428fd16] {
  border: 2px solid #48e082;
  box-shadow: 0px 0px 10px 2px #48e082;
}
.border-red[data-v-a428fd16] {
  border: 2px solid #ff4861;
  box-shadow: 0px 0px 10px 2px #ff4861;
}
.roll-btn[data-v-a428fd16] {
  border: 1px solid #ff4861 !important;
  background-color: #241118 !important;
}
.content-item-conter[data-v-a428fd16] {
  width: 120px;
  height: 120px;
  /*background-color: #18181e;*/
  border-radius: 50%;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  margin: 0 auto;
}
@media (max-width: 1400px) {
.content-item-conter[data-v-a428fd16] {
    width: 100px;
    height: 100px;
}
}
.content-item-conter-cover[data-v-a428fd16] {
  width: 100%;
}
.content-item-conter-user[data-v-a428fd16] {
  transition: all 0.5s;
  width: 60px;
  height: 60px;
  position: absolute;
  right: -30px;
  bottom: 10px;
  border-radius: 50%;
  overflow: hidden;
}
.content-item-conter-user img[data-v-a428fd16] {
  width: 100%;
  height: 100%;
}
.content-item-conter:hover .content-item-conter-user[data-v-a428fd16] {
  transform: scale(1.4) rotate(0deg) translateY(-10px);
}
.content-item-conter[data-v-a428fd16]:hover {
  /*transform:scale(1.1);*/
}
.content-hot[data-v-a428fd16] {
  background-image: linear-gradient(to right, rgb(255, 0, 0) 40%, rgb(145, 70, 255) 60%);
  border-radius: 20px;
}
.content-hot-bg2[data-v-a428fd16] {
  background-image: none;
  background-color: var(--pan-btn);
  margin: 2px;
  border-radius: 20px;
}
.banner-box[data-v-a428fd16] {
  width: 100%;
  background-size: 100% 100%;
  background-position: bottom;
}
.side-box[data-v-a428fd16] {
  width: 200px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
._kScYyx9h5jQ-[data-v-a428fd16] {
  position: absolute;
  opacity: 0.2;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
._kScYyx9h5jQ-[data-v-a428fd16] {
    display: none;
    opacity: 0;
    z-index: -1;
}
}
.content[data-v-a428fd16] {
  z-index: 99;
  min-height: 1888px;
}
@media (max-width: 1366px) {
.content[data-v-a428fd16] {
    width: 94%;
}
}
@media (max-width: 960px) {
.content[data-v-a428fd16] {
    width: 98%;
    margin-top: 0rem !important;
}
}
@media (max-width: 767px) {
.content[data-v-a428fd16] {
    width: 100%;
    margin-top: 0rem !important;
}
}
.content-banner[data-v-a428fd16] {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
.content-banner[data-v-a428fd16] {
    width: 100%;
}
}
.content-banner-box-img[data-v-a428fd16] {
  width: 100%;
  height: 100%;
}
@media (max-width: 1600px) {
.content-banner-box[data-v-a428fd16] {
    height: 260px;
}
}
@media (max-width: 1366px) {
.content-banner-box[data-v-a428fd16] {
    height: 220px;
}
}
@media (max-width: 1000px) {
.content-banner-box[data-v-a428fd16] {
    height: 180px;
}
}
@media (max-width: 760px) {
.content-banner-box[data-v-a428fd16] {
    height: 100px;
}
}
.content-roll[data-v-a428fd16] {
  width: 100%;
}
@media (max-width: 1200px) {
.content-roll[data-v-a428fd16] {
    overflow-x: scroll;
}
}
.content-roll-item[data-v-a428fd16] {
  transition: all 0.05s;
  /*@media (max-width: 1600px) {*/
  /*    width: 32%;*/
  /*}*/
  /*@media (max-width: 1366px) {*/
  /*    width: 48%;*/
  /*}*/
  /*@media (max-width: 760px) {*/
  /*    width: 48%;*/
  /*}*/
}
.content-roll-item-end[data-v-a428fd16] {
  background-color: #08080a;
  padding: 5px;
}
.content-roll-item a[data-v-a428fd16] {
  transition: all 0.5s;
  border: 1px solid transparent;
}
.content-roll-item:hover a[data-v-a428fd16] {
  box-shadow: transparent 0px 0px 0px 1px, rgba(8, 7, 10, 0.81) 0px 4px 19px;
}
.content-roll-item[data-v-a428fd16]:hover {
  background-color: var(--pan-main);
  background-image: none;
}
.content-roll-item:hover .content-roll-item-time[data-v-a428fd16] {
  transition: all 0.5s;
  color: var(--pan-main);
}
.content-roll-item-bg[data-v-a428fd16] {
  left: 20%;
  z-index: 0;
}
.content-activity[data-v-a428fd16] {
  margin-left: 20px;
}
.content-box-box0[data-v-a428fd16] {
  /*border: 2px solid;*/
  /*border-radius: 5px;*/
  /*border-image-source: linear-gradient(45deg,#191eff,#961cd7,#ff188b);*/
  /*border-image-slice: 1;*/
  /*border-image-repeat: stretch;*/
}
.content-box-con0[data-v-a428fd16] {
  /*padding-top: 20px;*/
  /*background-image: url("../../assets/image/index/box-1.jpg");*/
}
.content-box .content-box-list[data-v-a428fd16] {
  display: flex;
  margin: 40px auto 0;
  width: 80%;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1365px) {
.content-box .content-box-list[data-v-a428fd16] {
    width: 95%;
}
}
@media screen and (max-width: 767px) {
.content-box .content-box-list[data-v-a428fd16] {
    width: 100%;
    padding: 0 15px;
}
}
.content-box .content-box-list-img[data-v-a428fd16] {
  width: 125%;
}
@media (max-width: 1000px) {
.content-box .content-box-list-img[data-v-a428fd16] {
    width: 110%;
}
}
.content-box .content-box-list-item-new[data-v-a428fd16] {
  position: relative;
  transition: all 0.5s;
  width: 20%;
  /*&:hover &-money{*/
  /*    display: none;*/
  /*}*/
  /*&:hover &-open{*/
  /*    opacity: 1;*/
  /*}*/
}
.content-box .content-box-list-item-new .OneTime[data-v-a428fd16] {
  position: absolute;
  left: 50%;
  top: 10px;
  transform: translate(-50%);
  min-width: 27px;
  height: 16px;
  background: #cf3464;
  color: #141225;
  font-size: 12px;
  font-weight: 600;
  padding: 0 3px;
  margin-bottom: 1px;
  border-radius: 2px;
  background: linear-gradient(100.2deg, #b722ec, #f8a839);
  z-index: 1;
}
.content-box .content-box-list-item-new .tag[data-v-a428fd16] {
  position: absolute;
  left: 50%;
  top: 10px;
  transform: translate(-50%);
  min-width: 27px;
  height: 16px;
  line-height: 16px;
  background: #cf3464;
  color: #141225;
  font-size: 12px;
  font-weight: 600;
  padding: 0 3px;
  margin-bottom: 1px;
  border-radius: 2px;
  z-index: 1;
}
.content-box .content-box-list-item-new .tag.new[data-v-a428fd16] {
  background: linear-gradient(100.2deg, #ec2222, #f8a839);
}
.content-box .content-box-list-item-new .tag.hit[data-v-a428fd16] {
  background: linear-gradient(100.2deg, #b722ec, #f8a839);
}
.content-box .content-box-list-item-new .content-box-list-item-car[data-v-a428fd16] {
  height: auto;
  /*height: 360px;
    border-radius: 10px;
    box-shadow: transparent 0px 0px 0px 1px, rgb(8 7 10 / 81%) 0px 4px 19px;*/
  transition: all 0.5s;
  padding-bottom: 0 !important;
  /*@media (max-width: 1600px) {*/
  /*    height: 280px;*/
  /*}*/
  /*@media (max-width: 1366px) {*/
  /*    height: 250px;*/
  /*}*/
  /*@media (max-width: 1200px) {*/
  /*    height: 220px;*/
  /*}*/
  /*@media (max-width: 760px) {*/
  /*    height: 200px;*/
  /*}*/
}
@media screen and (max-width: 767px) {
.content-box .content-box-list-item-new .content-box-list-item-car[data-v-a428fd16] {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
}
.content-box .content-box-list-item-new .content-box-list-item-car-name[data-v-a428fd16] {
  color: #fbfffe;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
.content-box .content-box-list-item-new .content-box-list-item-car-name[data-v-a428fd16] {
    font-size: 12px;
    line-height: 14px;
}
}
.content-box .content-box-list-item-new-money[data-v-a428fd16] {
  margin: 20px auto 0 auto;
  border: 2px solid;
  -o-border-image: linear-gradient(to right, #5b75a8, #d57d1d) 1;
     border-image: linear-gradient(to right, #5b75a8, #d57d1d) 1;
  padding: 10px 0;
  width: 100px;
}
.content-box .content-box-list-item-new-money-open[data-v-a428fd16] {
  display: none;
}
.content-box .content-box-list-item-new:hover .content-box .content-box-list-item-new-car-name[data-v-a428fd16] {
  box-shadow: transparent 0px 0px 0px 1px, rgba(8, 7, 10, 0.81) 0px 4px 19px;
}
.content-box .content-box-list-item-new:hover .content-box .content-box-list-item-new-money-open[data-v-a428fd16] {
  display: block;
}
@media (max-width: 1365px) {
.content-box .content-box-list-item-new[data-v-a428fd16] {
    width: 25%;
}
.content-box .content-box-list-item-new .content-box-list-item-car-name[data-v-a428fd16],
  .content-box .content-box-list-item-new .beans[data-v-a428fd16] {
    font-size: 13px !important;
}
}
@media (max-width: 1024px) {
.content-box .content-box-list-item-new .content-box-list-item-car-name[data-v-a428fd16],
  .content-box .content-box-list-item-new .beans[data-v-a428fd16] {
    font-size: 12px !important;
}
}
@media (max-width: 760px) {
.content-box .content-box-list-item-new[data-v-a428fd16] {
    width: 33.33%;
}
.content-box .content-box-list-item-new .content-box-list-item-car-name[data-v-a428fd16],
  .content-box .content-box-list-item-new .beans[data-v-a428fd16] {
    font-size: 12px !important;
}
}
@media (max-width: 490px) {
.content-box .content-box-list-item-new[data-v-a428fd16] {
    width: 50%;
}
.content-box .content-box-list-item-new .content-box-list-item-car-name[data-v-a428fd16],
  .content-box .content-box-list-item-new .beans[data-v-a428fd16] {
    font-size: 11px !important;
}
}
.content-box .content-box-list-item-new-open[data-v-a428fd16] {
  width: 100px;
  margin: 0 auto;
  opacity: 0;
}
.content-box .content-box-list-item-new-open > div[data-v-a428fd16] {
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.content-box .content-box-list-item-new .box-yuan-hove[data-v-a428fd16],
.content-box .content-box-list-item-new .box-yuan-01[data-v-a428fd16] {
  transition: all 0.5s;
  opacity: 0;
}
@media (max-width: 1000px) {
.content-box .content-box-list-item-new .box-yuan-hove[data-v-a428fd16],
  .content-box .content-box-list-item-new .box-yuan-01[data-v-a428fd16] {
    display: none;
}
}
.content-box .content-box-list-item-new img[data-v-a428fd16] {
  transition: all 0.5s;
}
.content-box .content-box-list-item-new .box-image-wrapper[data-v-a428fd16] {
  overflow: hidden;
  width: calc(100% - 10px);
  border-radius: 8px;
  margin: 0 auto 5px;
  aspect-ratio: 1/1;
}
.content-box .content-box-list-item-new .box-cover-image[data-v-a428fd16] {
  transition: all 0.5s;
  animation: boxFloatGlow-a428fd16 3s ease-in-out infinite;
}
@media screen and (max-width: 767px) {
.content-box .content-box-list-item-new .box-cover-image[data-v-a428fd16] {
    animation: unset;
}
}
.content-box .content-box-list-item-new .box-cover-image[data-v-a428fd16] img {
  /* 强制浏览器压缩采样，降低内存占用 */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.content-box .content-box-list-item-new .box-weapon-image[data-v-a428fd16] {
  transition: all 0.5s;
}
.content-box .content-box-list-item-new .content-box-list-item-car[data-v-a428fd16]:hover {
  position: relative;
}
.content-box .content-box-list-item-new .content-box-list-item-car:hover .line[data-v-a428fd16] {
  opacity: 1;
  transform: translateY(0) translateZ(0);
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  visibility: visible;
}
.content-box .content-box-list-item-new .content-box-list-item-car:hover .beans[data-v-a428fd16] {
  background-color: rgb(32, 29, 55);
}
.content-box .content-box-list-item-new .content-box-list-item-car:hover video[data-v-a428fd16] {
  opacity: 1;
  visibility: visible;
}
.content-box .content-box-list-item-new .content-box-list-item-car:hover .box-weapon-image[data-v-a428fd16] {
  transform: scale(1.15);
}
.content-box .content-box-list-item-new .line[data-v-a428fd16] {
  background-color: #cf3464;
  display: flex;
  height: 1px;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  transition-duration: 0.25s;
  transition-property: opacity, transform, visibility;
  transition-timing-function: ease-out;
  visibility: hidden;
  width: calc(100% - 20px);
  z-index: 0;
}
.content-box .content-box-list-item-new .line[data-v-a428fd16]::after, .content-box .content-box-list-item-new .line[data-v-a428fd16]::before {
  background-color: #cf3464;
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  width: 14px;
}
.content-box .content-box-list-item-new .line[data-v-a428fd16]::before {
  right: 100%;
  transform-origin: right;
}
.content-box .content-box-list-item-new .line[data-v-a428fd16]::after {
  left: 100%;
  transform-origin: left;
}
.content-box .content-box-list-item-new .line-top[data-v-a428fd16] {
  top: 0;
  transform: translateY(-10px);
}
.content-box .content-box-list-item-new .line-top[data-v-a428fd16]::before {
  transform: rotate(-45deg);
}
.content-box .content-box-list-item-new .line-top[data-v-a428fd16]::after {
  transform: rotate(45deg);
}
.content-box .content-box-list-item-new .line-bottom[data-v-a428fd16] {
  bottom: 0;
  transform: translateY(10px);
}
.content-box .content-box-list-item-new .line-bottom[data-v-a428fd16]::before {
  transform: rotate(45deg);
}
.content-box .content-box-list-item-new .line-bottom[data-v-a428fd16]::after {
  transform: rotate(-45deg);
}
.content-box .content-box-list-item-new .beans[data-v-a428fd16] {
  align-items: center;
  background-color: #1c1a31;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #4af1b8;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 600;
  height: 38px;
  justify-content: center;
  margin-top: 18px;
  min-width: 108px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
@media screen and (max-width: 767px) {
.content-box .content-box-list-item-new .beans[data-v-a428fd16] {
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
    font-size: 12px;
    height: 28px;
    min-width: 78px;
    width: unset;
    margin-top: 13px;
}
}
.content-box .content-box-list-item-new .beans button[data-v-a428fd16] {
  display: none;
  height: 100%;
  background: rgb(147, 24, 24);
  color: white;
  width: 100%;
  height: 40px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: 5px;
}
@media (max-width: 1000px) {
.content-box .content-box-list-item-new .beans button[data-v-a428fd16] {
    height: 30px;
}
}
.content-box .content-box-list-item-new video[data-v-a428fd16] {
  opacity: 0;
  visibility: hidden;
  mix-blend-mode: screen;
  margin-top: -10px;
  width: 180px;
  height: 66px;
}
.content-box .content-box-list-item-new:hover img[data-v-a428fd16]:nth-child(2) {
  transform: translateY(-10px);
}
.content-box .content-box-list-item-new:hover .content-box .content-box-list-item-new-img img[data-v-a428fd16]:nth-child(2) {
  /*animation: boxBox .2s infinite alternate;*/
  /*animation-iteration-count:5;*/
}
.content-box .content-box-list-item-new:hover .content-box .content-box-list-item-new-img img[data-v-a428fd16]:nth-child(1) {
  transform: translateY(-20px);
}
@keyframes boxBg-a428fd16 {
to {
    transform: scale(0.8) rotate(0deg);
}
from {
    transform: scale(1.15) rotate(180deg);
}
}
@keyframes boxFloat-a428fd16 {
0%, 100% {
    transform: translateY(0px);
}
50% {
    transform: translateY(-6px);
}
}
@keyframes boxPulse-a428fd16 {
0%, 100% {
    transform: scale(1);
    opacity: 1;
}
50% {
    transform: scale(1.05);
    opacity: 0.9;
}
}
@keyframes boxRotate-a428fd16 {
0% {
    transform: rotateY(0deg);
}
100% {
    transform: rotateY(360deg);
}
}
@keyframes boxGlow-a428fd16 {
0%, 100% {
    filter: brightness(1) drop-shadow(0 0 3px rgba(234, 224, 224, 0.169));
}
50% {
    filter: brightness(1.2) drop-shadow(0 0 10px rgba(159, 125, 227, 0.432));
}
}
@keyframes boxSway-a428fd16 {
0%, 100% {
    transform: rotate(-2deg);
}
50% {
    transform: rotate(2deg);
}
}
@keyframes boxScale-a428fd16 {
0%, 100% {
    transform: scale(1);
}
25% {
    transform: scale(1.08);
}
75% {
    transform: scale(0.95);
}
}
@keyframes boxHalo-a428fd16 {
0% {
    box-shadow: 0 0 0 0 rgba(160, 131, 218, 0.509);
}
50% {
    box-shadow: 0 0 0 10px rgba(147, 112, 219, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(147, 112, 219, 0);
}
}
@keyframes boxFlip-a428fd16 {
0% {
    transform: perspective(1000px) rotateY(0deg);
}
50% {
    transform: perspective(1000px) rotateY(180deg);
}
100% {
    transform: perspective(1000px) rotateY(360deg);
}
}
@keyframes boxBrightness-a428fd16 {
0%, 100% {
    filter: brightness(1);
}
50% {
    filter: brightness(1.3);
}
}
@keyframes boxFloatGlow-a428fd16 {
0%, 100% {
    transform: translateY(0px);
    filter: brightness(1) drop-shadow(0 0 3px rgba(161, 127, 230, 0.347));
}
50% {
    transform: translateY(-6px);
    filter: brightness(1) drop-shadow(0 0 10px rgba(161, 127, 230, 0.347));
}
}
.drawerLeft .active[data-v-a428fd16] {
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  background-color: #3d3C45;
}
.active-hover[data-v-a428fd16] {
  background-color: #3d3C45;
}
.active-hover[data-v-a428fd16]:hover {
  color: #fff;
  background-color: var(--main-yellow) !important;
}
.header-phone-bottom-top-bg i[data-v-a428fd16] {
  width: 100% !important;
  height: 20px !important;
  left: 0 !important;
  top: -10px !important;
  background-repeat: no-repeat;
  background-size: 150% !important;
}
.header-phone-box[data-v-a428fd16] {
  display: none !important;
}
@media (max-width: 1000px) {
.header-phone-box[data-v-a428fd16] {
    width: 100%;
    padding: 5px 0;
    background: #000000;
    display: block !important;
    display: flex !important;
    margin-bottom: 10px;
}
}
.header-phone-left-nav-list-item[data-v-a428fd16] {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 5px auto;
}
.header-user[data-v-a428fd16],
.header-user-phone[data-v-a428fd16] {
  position: relative;
}
.header-user[data-v-a428fd16]::before,
.header-user-phone[data-v-a428fd16]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 24px;
  top: -8px;
  left: 0;
  right: 0;
  z-index: 9;
  background-size: 100%;
  background-repeat: no-repeat;
}
.header-user-phone[data-v-a428fd16]::before {
  top: -6px;
  height: 18px;
}
.activeDan[data-v-a428fd16] {
  position: relative;
}
.activeDan[data-v-a428fd16]::before {
  position: absolute;
  top: 10%;
  right: 10%;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: var(--main-yellow);
}
.header[data-v-a428fd16] {
  width: 100%;
  /*  panda  */
}
.header-phone-left[data-v-a428fd16] {
  display: none;
  height: 100%;
}
@media (max-width: 1200px) {
.header-phone-left[data-v-a428fd16] {
    display: flex;
}
}
.header-phone-left-nav[data-v-a428fd16] {
  bottom: 0;
  width: 100vw;
  z-index: 999;
  background-color: #101014;
}
.header-phone-left-nav-list[data-v-a428fd16] {
  display: flex;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.header-phone-left-nav-bg[data-v-a428fd16] {
  position: absolute;
  width: 100vw;
  height: calc(100vh - 80px);
  background: #000000;
  opacity: 0.8;
  z-index: -2;
  top: 80px;
  left: 0;
}
.header-phone-left span[data-v-a428fd16] {
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 2px;
  background: #fff;
  margin: 6px 20px;
  transition: all 0.5s;
}
.header-phone-left[data-v-a428fd16]:hover-nav {
  display: block;
}
.header-phone-left-active > div[data-v-a428fd16] {
  background-image: linear-gradient(0deg, var(--main-yellow), rgba(0, 0, 0, 0));
}
.header-phone-logo[data-v-a428fd16] {
  display: none;
}
@media (max-width: 1200px) {
.header-phone-logo[data-v-a428fd16] {
    display: block;
    margin: 0 auto;
}
}
.header-phone-box[data-v-a428fd16] {
  width: 100%;
  font-size: 12px;
}
.header-phone-box img[data-v-a428fd16] {
  width: 20px;
  height: 20px;
}
.header-phone-bottom[data-v-a428fd16] {
  background-color: #101014;
  padding: 10px 0;
}
.header-left[data-v-a428fd16] {
  width: 300px;
  height: 100%;
}
.header-left img[data-v-a428fd16] {
  height: 100%;
}
@media (max-width: 1200px) {
.header-left[data-v-a428fd16] {
    display: none;
}
}
.header-login[data-v-a428fd16] {
  background-size: 100% 100%;
  font-size: 14px;
  width: 140px;
  margin-right: 50px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
@media (max-width: 960px) {
.header-login[data-v-a428fd16] {
    width: 100px;
    height: 30px;
    font-size: 12px;
}
}
.header-user[data-v-a428fd16] {
  /*width: 250px;*/
}
.header-user[data-v-a428fd16]:hover-nav {
  display: block !important;
}
.header-user-phone:hover .header-user-nav[data-v-a428fd16] {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  top: 60px;
}
.header-user-phone:hover .header-user-phone-hover[data-v-a428fd16] {
  display: block;
}
.header-user-phone-title[data-v-a428fd16] {
  /*background:rgba(0, 0, 0, 0.5);*/
  border-radius: 5px;
  padding: 0 5px;
}
.header-user-phone-hover[data-v-a428fd16] {
  display: none;
  top: 100%;
  left: 0;
  background-color: #000;
  border: 1px solid #73737d;
  text-align: center;
}
.header-user-nav[data-v-a428fd16] {
  display: none;
  width: 250px;
  position: absolute;
  top: 60px;
  left: 0;
  text-align: center;
  padding: 20px 0;
  z-index: -1;
  background: rgba(42, 42, 42, 0.95);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.header-user-nav-active[data-v-a428fd16] {
  color: var(--main-yellow);
}
.header-user-nav-hove[data-v-a428fd16] {
  transition: all 0.5s;
}
.header-user-nav-hove[data-v-a428fd16]:hover {
  color: var(--main-yellow);
}
.header-user:hover .header-user-nav[data-v-a428fd16] {
  display: block;
}
.header-user-name[data-v-a428fd16] {
  padding: 0 10px;
  border-right: 0 !important;
  border-right: 0;
  overflow-y: hidden;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.header-user-money[data-v-a428fd16] {
  border-left: 0;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.header-user-name[data-v-a428fd16], .header-user-money[data-v-a428fd16] {
  font-size: 14px;
  margin-top: 4px;
  display: flex;
  align-items: center;
  /*border: 2px solid var(--main-yellow);*/
  /*line-height: 20px;*/
}
.header .header-top[data-v-a428fd16] {
  background-size: 100% 100%;
  height: 80px;
}
@media (max-width: 1000px) {
.header .header-top[data-v-a428fd16] {
    height: 70px;
    padding: 0 10px;
}
}
.header .header-top a[data-v-a428fd16] {
  height: 100% !important;
}
.header .header-top a.active[data-v-a428fd16] {
  background: rgba(32, 32, 32, 0.4549019608);
}
.header .header-top a.active span[data-v-a428fd16] {
  width: 100% !important;
  height: 4% !important;
  background: rgb(151, 13, 25);
  display: block !important;
}
.header .header-top a span[data-v-a428fd16] {
  width: 100% !important;
  height: 4% !important;
  background: rgb(151, 13, 25);
}
@media (max-width: 1000px) {
.header .header-top-logo[data-v-a428fd16] {
    height: 35px;
    margin-right: 0px;
}
}
.header .header-top-lang[data-v-a428fd16] {
  width: 80px;
  border-radius: 5px;
  padding: 10px 15px;
  background: var(--pan-bg);
  z-index: 10;
}
.header .header-top-lang:hover .header-top-hove-lang[data-v-a428fd16] {
  height: 100px !important;
  padding: 10px;
}
.header .header-top-lang .header-top-lang-down[data-v-a428fd16] {
  transition: all 0.5s;
}
.header .header-top-lang:hover .header-top-lang-down[data-v-a428fd16] {
  transform: rotate(180deg);
}
@media (max-width: 1000px) {
.header .header-top-lang[data-v-a428fd16] {
    width: 80px;
    padding: 5px 10px;
}
}
.header .header-top .login_egister[data-v-a428fd16] {
  width: 140px;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  border: 2px solid rgb(95, 16, 16);
}
@media (max-width: 1000px) {
.header .header-top .login_egister[data-v-a428fd16] {
    width: 80px;
    padding: 5px;
    font-size: 12px;
}
}
.header .header-top-hove-lang[data-v-a428fd16] {
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  padding: 0;
  background: var(--pan-bg);
  overflow: hidden;
  transition: all 0.5s;
  overflow-y: scroll;
}
.header-conter[data-v-a428fd16] {
  background-color: #23232d;
  width: 100%;
  position: relative;
  height: 100%;
}
.header-conter-bg i[data-v-a428fd16] {
  width: 90%;
  height: 50px;
  position: absolute;
  left: 20px;
  top: -25px;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: 70%;
}
.header-conter-nav[data-v-a428fd16] {
  width: 8rem;
  height: 96%;
  padding: 8px;
  margin-right: 2px;
  font-size: 18px;
  background-size: contain !important;
  transition: all 0.5s;
  background-repeat: no-repeat;
  border-radius: 4px;
}
@media (max-width: 1000px) {
.header-conter-nav[data-v-a428fd16] {
    width: 100px;
    height: 44px;
    line-height: 22px;
    font-size: 12px;
    display: none !important;
}
}
.header-conter-nav[data-v-a428fd16]:hover {
  color: #fff;
}
.header-conter-nav.active[data-v-a428fd16] {
  color: #000;
}
.header-conter-left[data-v-a428fd16] {
  font-size: 14px;
}
.header-conter-left img[data-v-a428fd16] {
  width: 25px;
}
@media (max-width: 1366px) {
.header-conter-left[data-v-a428fd16] {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 12px;
}
.header-conter-left img[data-v-a428fd16] {
    display: none;
}
}
.header-conter-vip[data-v-a428fd16] {
  width: 120px;
  font-size: 26px;
  color: var(--pan-main);
}
.header-conter-vip:hover .header-conter-vip-hove[data-v-a428fd16] {
  height: 150px;
  padding: 10px 20px;
}
.header-conter-vip-hove[data-v-a428fd16] {
  height: 0;
  overflow: hidden;
  width: 100%;
  left: 0;
  top: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 18px;
  transition: all 0.5s;
}
.header-conter-vip-hove img[data-v-a428fd16] {
  width: 20px;
}
@media (max-width: 1366px) {
.header-conter-vip-hove[data-v-a428fd16] {
    font-size: 16px;
}
}
@media (max-width: 1366px) {
.header-conter-vip[data-v-a428fd16] {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 18px;
}
}
.header-conter .active[data-v-a428fd16] {
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
}
@keyframes huxideng-a428fd16 {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
.immediatelyShopping[data-v-a428fd16] {
  width: 350px;
  left: calc(50% - 175px);
  top: 25%;
  z-index: 999;
  background-color: #c02932;
  border-radius: 10px;
}
.immediatelyShopping-list[data-v-a428fd16] {
  height: 300px;
  overflow: scroll;
}
.immediatelyShopping-list[data-v-a428fd16]::-webkit-scrollbar {
  display: none;
}
.immediatelyShopping-input[data-v-a428fd16] {
  width: 150px;
  margin: 10px auto;
  background-color: #fffad8;
  border-radius: 5px;
}
.immediatelyShopping-input input[data-v-a428fd16] {
  width: 140px;
}
.immediatelyShopping-item-img[data-v-a428fd16] {
  width: 87px;
  height: 80px;
}
.immediatelyShopping-pk[data-v-a428fd16] {
  width: 100%;
  margin: 5px auto;
  background-color: #bd3840;
  padding: 10px;
  border-radius: 5px;
}
@media (max-width: 767px) {
.immediatelyShopping[data-v-a428fd16] {
    width: 70%;
    left: 15%;
    top: calc(80px + 5%);
}
.immediatelyShopping-box-con-img[data-v-a428fd16] {
    width: 50%;
}
.immediatelyShopping-box-con img[data-v-a428fd16] {
    width: 100%;
}
.immediatelyShopping-box-con-dis[data-v-a428fd16] {
    margin-left: 20px !important;
    margin-top: 10px;
}
}
.content-section[data-v-a428fd16] {
  transition: background-color 0.3s ease;
  background: url(../img/section-bg.ef6984af.jpg);
  margin: 0 auto;
  max-width: 1920px;
  padding-bottom: 58px;
  position: relative;
  transition: padding 0.3s;
}
.content-section[data-v-a428fd16]:nth-child(1) {
  background: unset;
}
@media (max-width: 1023px) {
.content-section[data-v-a428fd16] {
    background: url(../img/section-bg-small-desktop.461aab91.jpg);
}
}
@media (max-width: 767px) {
.content-section[data-v-a428fd16] {
    padding-bottom: 15px;
}
}
.inner-title[data-v-a428fd16] {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 130px 0 0;
  position: relative;
}
@media (max-width: 490px) {
.inner-title[data-v-a428fd16] {
    padding-right: 80px;
}
}
.section-title__name[data-v-a428fd16] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 24px;
  font-weight: 700;
  margin-right: 20px;
  position: relative;
  text-transform: uppercase;
}
@media (max-width: 490px) {
.section-title__name[data-v-a428fd16] {
    font-size: 19px !important;
}
}
.section-title__name .el-icon-question[data-v-a428fd16] {
  color: #9793c7;
  font-size: 16px;
  cursor: help;
}
.section-title__name .el-icon-question:hover + .TypeName-tooltip[data-v-a428fd16] {
  visibility: visible;
  opacity: 1;
}
.section-title__name .TypeName-tooltip[data-v-a428fd16] {
  background: #282546;
  border-radius: 3px;
  color: #ede9e9;
  font-size: 12px;
  opacity: 0;
  padding: 12px 20px;
  position: absolute;
  transform: translateY(-50%);
  transition: opacity 0.3s;
  visibility: hidden;
  white-space: nowrap;
  z-index: 9;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
  left: 30%;
  bottom: 0%;
  transform: translate(20%, 100%);
  white-space: normal;
  width: 80%;
}
.section-toggler[data-v-a428fd16] {
  align-items: center;
  color: #716d9e;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.05em;
  position: absolute;
  right: 30px;
  text-transform: uppercase;
  top: 50%;
  transform: translateY(-50%);
  transition: color 0.3s;
  z-index: 1;
}
@media (max-width: 490px) {
.section-toggler[data-v-a428fd16] {
    right: 10px !important;
}
}
.arrow-icon[data-v-a428fd16] {
  background-color: #716d9e;
  display: inline-block;
  height: 6px;
  margin-left: 10px;
  -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 8"%3E%3Cpath d="M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z"/%3E%3C/svg%3E');
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: transform 0.3s, background-color 0.3s;
  width: 13px;
}
.arrow-icon1[data-v-a428fd16] {
  background-color: #716d9e;
  display: inline-block;
  height: 6px;
  margin-left: 10px;
  -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 8"%3E%3Cpath d="M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z"/%3E%3C/svg%3E');
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: transform 0.3s, background-color 0.3s;
  width: 13px;
  transform: rotate(180deg);
}

/* 初始状态（入场前/离场后） */
.fade-enter-from[data-v-a428fd16],
.fade-leave-to[data-v-a428fd16] {
  opacity: 0;
  transform: translateY(20px);
  /* 可选：添加位移效果 */
}

/* 过渡过程 */
.fade-enter-active[data-v-a428fd16],
.fade-leave-active[data-v-a428fd16] {
  transition: all 0.3s ease;
}

/* 入场结束状态（可省略，默认继承最终样式） */
.fade-enter-to[data-v-a428fd16] {
  opacity: 1;
  transform: translateY(0);
}
@font-face {
  font-family: "Nechao Sharp";
  /* 字体名称，需与使用时一致 */
  src: url(../fonts/Nechao-Sharp-1.2c8410f1.ttf) format("truetype");
  font-weight: normal;
  /* 根据实际字体属性设置 */
  font-style: normal;
  /* 根据实际字体属性设置 */
  font-display: swap;
  /* 优化字体加载体验 */
}
.title-number-large[data-v-a428fd16] {
  color: #746ea5;
  font-family: Nechao Sharp;
  letter-spacing: -0.05em;
  position: absolute;
  transition: top 0.3s, left 0.3s, font-size 0.3s;
  font-size: 96px;
  left: 15px;
  top: 45px;
  transform: rotate(180deg);
  writing-mode: vertical-rl;
}
@media (max-width: 1365px) {
.title-number-large[data-v-a428fd16] {
    display: none;
}
}
.is-hidden[data-v-a428fd16] {
  font-size: 40px;
}
.title-number-large .number[data-v-a428fd16] {
  opacity: 0.1;
}
.title-number-small[data-v-a428fd16] {
  color: #746ea5;
  font-family: Nechao Sharp;
  letter-spacing: -0.05em;
  position: absolute;
  transition: top 0.3s, left 0.3s, font-size 0.3s;
  font-size: 24px;
  right: 60px;
  top: 45px;
  transform: rotate(270deg);
  writing-mode: vertical-rl;
}
@media (max-width: 1365px) {
.title-number-small[data-v-a428fd16] {
    right: 120px;
}
}
@media (max-width: 767px) {
.title-number-small[data-v-a428fd16] {
    right: 110px;
}
}
@media (max-width: 490px) {
.title-number-small[data-v-a428fd16] {
    right: 80px;
}
}
.title-number-small .number[data-v-a428fd16] {
  opacity: 0.1;
}
.vitality-section-banner-block[data-v-a428fd16] {
  margin-bottom: 42px;
  position: relative;
}
.vitality-section-banner-block .background[data-v-a428fd16] {
  background: url(../img/banner.5562961d.png) no-repeat top;
  height: 648px;
  margin-bottom: -320px;
  width: 100%;
}
.vitality-section-banner[data-v-a428fd16] {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 58px;
  left: 50%;
  position: absolute;
  top: 147px;
  transform: translate(-50%);
}
.text-block[data-v-a428fd16] {
  align-items: center;
  display: flex;
  gap: 12px;
}
.main-page-h1[data-v-a428fd16] {
  font-size: 24px;
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}
@media (max-width: 490px) {
.main-page-h1[data-v-a428fd16] {
    font-size: 20px !important;
}
}
.case-entity-items-button[data-v-a428fd16] {
  position: absolute;
  left: 12px;
  top: 16px;
  /* 适中层级，避免遮挡全局弹窗/头像浮窗 */
  z-index: 5 !important;
}
@media screen and (max-width: 767px) {
.case-entity-items-button[data-v-a428fd16] {
    display: flex !important;
}
.case-entity-items-button .sq[data-v-a428fd16] {
    transform: scale(1.1);
}
}
.case-entity-items-button .sq[data-v-a428fd16] {
  background-color: #9793c7;
  display: inline-block;
  height: 18px;
  -webkit-mask-image: url(../img/sq.ac8e4944.svg);
  mask-image: url(../img/sq.ac8e4944.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 18px;
  pointer-events: none;
}
.case-entity-items-button .sq[data-v-a428fd16]:hover {
  transform: scale(1.1);
}
.case-entity-items[data-v-a428fd16] {
  align-items: center;
  background-color: #413e63;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  display: flex;
  height: 38px;
  justify-content: center;
  transition: background-color 0.3s, opacity 0.3s, visibility 0.3s;
  width: 44px;
  z-index: 1;
}
@media (max-width: 760px) {
.case-entity-items[data-v-a428fd16] {
    transform: scale(0.8);
    transform-origin: top left;
}
}
.case-entity-items[data-v-a428fd16]:after {
  background-color: #64608f;
  clip-path: polygon(12px 0, 0 50%, 12px 100%, 13px calc(100% - 1px), 1px 50%, 13px 1px, calc(100% - 13px) 1px, calc(100% - 1px) 50%, calc(100% - 13px) calc(100% - 1px), 12px calc(100% - 1px), 12px 100%, calc(100% - 12px) 100%, 100% 50%, calc(100% - 12px) 0);
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.3s;
  width: 100%;
}
.excite_levels[data-v-a428fd16] {
  position: absolute;
  display: flex;
  gap: 2px;
  max-width: 170px;
  width: 90%;
  padding: 7px 0;
  left: 50%;
  transform: translate(-50%);
  bottom: 7px;
  z-index: 3;
}
@media screen and (max-width: 660px) {
.excite_levels[data-v-a428fd16] {
    width: 80%;
}
}
.excite_levels[data-v-a428fd16]::after, .excite_levels[data-v-a428fd16]::before {
  position: absolute;
  content: "";
  top: 8px;
  width: 13px;
  height: 1px;
  background-color: rgba(94, 83, 143, 0.5019607843);
}
.excite_levels[data-v-a428fd16]::before {
  left: -12px;
  transform: rotate(49deg);
}
.excite_levels[data-v-a428fd16]::after {
  right: -12px;
  transform: rotate(-49deg);
}
.excite_levels .excite_level[data-v-a428fd16] {
  position: relative;
  width: 25%;
  height: 3px;
  background-color: rgba(65, 57, 92, 0.4);
  clip-path: polygon(2px 0, calc(100% - 2px) 0, 100% 2px, 100% 100%, 0 100%, 0 2px);
}
.excite_levels .excite_level.active.level-1[data-v-a428fd16] {
  background-image: linear-gradient(180deg, #c3ffc5, #6ecd72 50%, #3c9f40);
}
.excite_levels .excite_level.active.level-2[data-v-a428fd16] {
  background-image: linear-gradient(180deg, #ffffb8, #ffff3b 50%, #99990a);
}
.excite_levels .excite_level.active.level-3[data-v-a428fd16] {
  background-image: linear-gradient(180deg, #ffd3b3, #ff8d3b 50%, #9e4f16);
}
.excite_levels .excite_level.active.level-4[data-v-a428fd16] {
  background-image: linear-gradient(180deg, #ff8797, #ff2441 50%, #ac071c);
}
.excite_levels .level-current[data-v-a428fd16] {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: calc(100% + 13px);
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  background-color: #282546;
  border-radius: 3px;
  padding: 13px 26px;
  opacity: 0;
  visibility: hidden;
}
.excite_levels .level-current .level-1[data-v-a428fd16] {
  color: #6ecd72;
}
.excite_levels .level-current .level-2[data-v-a428fd16] {
  color: #ffff3b;
}
.excite_levels .level-current .level-3[data-v-a428fd16] {
  color: #ff8d3b;
}
.excite_levels .level-current .level-4[data-v-a428fd16] {
  color: #ff2441;
}
.excite_levels:hover .level-current[data-v-a428fd16] {
  opacity: 1;
  visibility: visible;
}
.loader-wrapper.absolute[data-v-a428fd16] {
  backdrop-filter: blur(2px);
  background-color: rgba(20, 18, 37, 0.5019607843);
  bottom: 0;
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 199;
}
.loader-wrapper[data-v-a428fd16] {
  align-items: center;
  display: flex;
  justify-content: center;
}
.loader[data-v-a428fd16] {
  height: 20px;
  margin: 0 auto;
  position: relative;
  width: 20px;
  z-index: 1;
}
.disco_drop_number[data-v-a428fd16] {
  align-items: center;
  background: linear-gradient(90deg, rgba(13, 11, 26, 0), #0d0b1a 52.08%, rgba(13, 11, 26, 0));
  color: #ffb973;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  height: 0px;
  justify-content: center;
  line-height: 20px;
  opacity: 1;
  position: relative;
  top: -14px;
  transition: opacity 0.3s, visibility 0.3s;
  width: 100%;
}

/* 环形加载动画 */
.ring-spinner[data-v-a428fd16] {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(59, 130, 246, 0.2);
  border-left-color: #3b82f6;
  border-radius: 50%;
  animation: spin-a428fd16 1s linear infinite;
  pointer-events: none;
}

/* 旋转动画关键帧 - 确保从0到360度完整旋转 */
@keyframes spin-a428fd16 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.gray-image[data-v-a428fd16] {
  /* 完全灰度：两种写法等价 */
  filter: grayscale(100%);
  /* 或 filter: grayscale(1); */
}
.display-unset[data-v-a428fd16] {
  display: unset;
}
[data-v-a428fd16] .rules-dialog-wrapper {
  margin: auto;
  width: unset !important;
  max-width: 870px;
}
@media screen and (max-width: 767px) {
[data-v-a428fd16] .rules-dialog-wrapper {
    display: unset;
}
}
[data-v-a428fd16] .rules-dialog-wrapper .el-dialog__header {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
[data-v-a428fd16] .rules-dialog-wrapper .el-dialog__header .el-dialog__headerbtn {
    right: 30px;
}
}
[data-v-a428fd16] .rules-dialog-wrapper .el-dialog__header .el-dialog__close:hover {
  color: #fff !important;
}
[data-v-a428fd16] .rules-dialog-wrapper .el-dialog__header [class*=" el-icon-"].el-icon-close:before,[data-v-a428fd16] .rules-dialog-wrapper .el-dialog__header [class^=el-icon-].el-icon-close:before {
  font-weight: 700;
  font-size: 22px;
}
[data-v-a428fd16] .rules-dialog-wrapper .el-dialog__body {
  padding: 0 !important;
}
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog {
  background-color: #141225;
  background-image: url(../img/D322_BIa.1ba14ad6.jpg) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  max-width: 870px;
  padding: 40px 80px 60px;
  line-height: 24px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog {
    padding: 30px 70px 40px;
}
}
@media screen and (max-width: 767px) {
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog {
    padding: 50px 20px 40px !important;
}
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog .logo {
    width: 140px !important;
}
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog p {
    font-size: 17px !important;
}
}
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog .dialog-title {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog .dialog-title {
    font-size: 22px;
}
}
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog .dialog-content {
  font-size: 16px;
  color: #9692b8;
  margin-top: 15px;
}
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog .dialog-content .prompt {
  margin-bottom: 35px;
  color: #47d9ee;
  text-align: center;
}
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog .dialog-content .gotoUrl {
  text-decoration: underline;
  text-transform: uppercase;
}
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog .dialog-content .gotoUrl:hover {
  color: #ff568a;
  cursor: pointer;
}
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog .dialog-content .gradient {
  background: linear-gradient(90deg, #3ab8ff 0, #fb2672 60%, #7e5bc8 90%, #b5ec40);
  -webkit-background-clip: text;
          background-clip: text;
  background-size: 200% auto;
  color: transparent;
}
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog .dialog-content .logo {
  position: absolute;
  bottom: 12px;
  right: 18px;
  width: 200px;
  opacity: 0.75;
}
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog .dialog-content p {
  position: relative;
  color: #9692b8;
  font-size: 20px;
  padding-left: 69px;
  margin-bottom: 30px;
}
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog .dialog-content p span {
  color: #6e5ef7;
  text-transform: uppercase;
  transition: color 0.3s;
}
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog .dialog-content button {
  content: "";
  position: absolute;
  top: -11px;
  left: 0;
  height: 52px;
  width: 52px;
  color: #8884a9;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  background: url(../img/DTk0WGq9.65741ffe.png) center -26px no-repeat;
}
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog .statement-tit {
  color: #fff !important;
}
[data-v-a428fd16] .rules-dialog-wrapper .rules-dialog .statement-text {
  color: #696687;
  font-style: italic;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper {
  max-width: 688px !important;
  width: 90% !important;
  min-height: 300px;
  box-shadow: unset !important;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .el-dialog__close::before {
  font-size: 28px !important;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive {
  text-align: center;
  padding: 23px 0 50px;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .title {
  color: #fff;
  font-size: 26px;
  padding-bottom: 35px;
  font-weight: 700;
  text-transform: uppercase;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .img-wrapper {
  position: relative;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .img-wrapper .bg {
  width: 77.5%;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .img-wrapper .tooltip {
  position: absolute;
  right: 27.5%;
  top: 22.5%;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .img-wrapper .tooltip .el-icon-question {
  color: #857ac9;
  background: #fff;
  font-size: 20px;
  border-radius: 50%;
  cursor: help;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .img-wrapper .tooltip .el-icon-question:hover + .TypeName-tooltip {
  visibility: visible;
  opacity: 1;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .img-wrapper .tooltip .TypeName-tooltip {
  background: #282546;
  border-radius: 3px;
  color: #ede9e9;
  font-size: 16px;
  text-align: left;
  opacity: 0;
  padding: 12px 20px;
  position: absolute;
  transform: translateY(-50%);
  transition: opacity 0.3s;
  visibility: hidden;
  white-space: nowrap;
  z-index: 9;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
  left: 0;
  bottom: 0%;
  transform: translate(-20%, 105%);
  white-space: normal;
  width: 234px;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .img-wrapper .cover {
  position: absolute;
  left: 50%;
  top: 47.5%;
  transform: translate(-50%, -50%);
  width: 50%;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .img-wrapper .button {
  position: absolute;
  left: 50%;
  bottom: 20%;
  transform: translateX(-50%);
  align-items: center;
  background-color: #786cc6;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  font-size: 18px;
  font-weight: 600;
  height: 42px;
  justify-content: center;
  margin-top: 18px;
  padding: 0 35px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  min-width: 150px;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .img-wrapper .button:hover {
  background-color: #9992dc;
}
@media screen and (max-width: 767px) {
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .title {
    font-size: 20px !important;
    padding-top: 7px;
    padding-bottom: 25px;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .TypeName-tooltip {
    width: 188px !important;
    font-size: 13px !important;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .button {
    min-width: 120px !important;
    height: 38px !important;
    font-size: 15px !important;
}
}
@media screen and (max-width: 430px) {
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .title {
    font-size: 16px !important;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .el-icon-question {
    font-size: 18px !important;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .TypeName-tooltip {
    width: 140px !important;
    font-size: 12px !important;
}
[data-v-a428fd16] .newcomer-exclusive-wrapper .newcomer-exclusive .button {
    bottom: 18% !important;
    min-width: 88px !important;
    height: 32px !important;
    font-size: 13px !important;
}
}
.bind-to-receive-benefits[data-v-a428fd16] {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 11;
  transition: opacity 0.8s;
}
@media screen and (max-width: 767px) {
.bind-to-receive-benefits[data-v-a428fd16] {
    bottom: 55px;
}
}
.bind-to-receive-benefits.opacity[data-v-a428fd16] {
  opacity: 0;
}
.bind-to-receive-benefits ._5HHxI5q-3KA-[data-v-a428fd16] {
  align-items: center;
  display: flex;
  filter: drop-shadow(0 20px 40px rgb(19, 17, 35));
  height: auto;
  justify-content: center;
  position: relative;
  transition: bottom 0.3s, opacity 0.3s;
  width: 100%;
  z-index: 3;
  bottom: 0;
}
.bind-to-receive-benefits ._7-T-zrIf2kI-[data-v-a428fd16] {
  background: linear-gradient(0deg, #151325, rgba(21, 19, 37, 0));
  bottom: 0;
  height: 283px;
  left: 0;
  opacity: 0.7;
  position: fixed;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
.bind-to-receive-benefits ._7-T-zrIf2kI-[data-v-a428fd16] {
    height: 200px;
}
}
.bind-to-receive-benefits ._01lDhSGzw8I-[data-v-a428fd16] {
  align-items: center;
  bottom: 55px;
  display: flex;
  justify-content: space-between;
  position: fixed;
  width: 1062px;
  z-index: 2;
}
@media screen and (max-width: 1439px) {
.bind-to-receive-benefits ._01lDhSGzw8I-[data-v-a428fd16] {
    transform: scale(0.75);
    transform-origin: center bottom;
}
}
@media screen and (max-width: 899px) {
.bind-to-receive-benefits ._01lDhSGzw8I-[data-v-a428fd16] {
    transform: scale(0.66);
    transform-origin: center bottom;
}
}
@media screen and (max-width: 767px) {
.bind-to-receive-benefits ._01lDhSGzw8I-[data-v-a428fd16] {
    transform: scale(1);
    width: 520px;
}
}
@media screen and (max-width: 550px) {
.bind-to-receive-benefits ._01lDhSGzw8I-[data-v-a428fd16] {
    transform: scale(0.9);
    transform-origin: center bottom;
}
}
@media screen and (max-width: 490px) {
.bind-to-receive-benefits ._01lDhSGzw8I-[data-v-a428fd16] {
    transform: scale(0.8);
    transform-origin: center bottom;
}
}
@media screen and (max-width: 430px) {
.bind-to-receive-benefits ._01lDhSGzw8I-[data-v-a428fd16] {
    transform: scale(0.75);
    transform-origin: center bottom;
}
}
@media screen and (max-width: 400px) {
.bind-to-receive-benefits ._01lDhSGzw8I-[data-v-a428fd16] {
    transform: scale(0.7);
    transform-origin: center bottom;
}
}
@media screen and (max-width: 374px) {
.bind-to-receive-benefits ._01lDhSGzw8I-[data-v-a428fd16] {
    transform: scale(0.66);
    transform-origin: center bottom;
}
}
@media screen and (max-width: 350px) {
.bind-to-receive-benefits ._01lDhSGzw8I-[data-v-a428fd16] {
    transform: scale(0.6);
    transform-origin: center bottom;
}
}
.bind-to-receive-benefits .modal-close-button[data-v-a428fd16] {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 9;
  pointer-events: unset;
}
.bind-to-receive-benefits .modal-close-button .close-icon[data-v-a428fd16] {
  background-color: var(--v120ca689);
  display: inline-block;
  height: var(--v4778152f);
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  transition: background-color 0.3s;
  width: var(--v4778152f);
  cursor: pointer;
}
.bind-to-receive-benefits .modal-close-button .close-icon[data-v-a428fd16]:hover {
  background-color: #fff;
}
.bind-to-receive-benefits ._BRUcBdyJlsg-[data-v-a428fd16] {
  bottom: 0px;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);
  height: 100%;
  left: calc(50% + 0px);
  mix-blend-mode: lighten;
  overflow: hidden;
  position: absolute;
  transform: translate(-50%);
  pointer-events: none;
  width: calc(100% - 2px);
}
.bind-to-receive-benefits ._BRUcBdyJlsg- ._2dk0eU06e30-[data-v-a428fd16] {
  height: 547px;
  left: 50%;
  position: absolute;
  top: calc(50% + 100px);
  transform: translate(-50%, -50%) rotate(180deg);
  width: 1648px;
}
@media screen and (max-width: 767px) {
.bind-to-receive-benefits ._BRUcBdyJlsg- ._2dk0eU06e30-[data-v-a428fd16] {
    height: 261px;
    top: calc(50% + 80px);
    width: 783px;
}
}
.bind-to-receive-benefits .bind-benefits-bg[data-v-a428fd16] {
  width: 100%;
  display: block;
}
@media screen and (max-width: 767px) {
.bind-to-receive-benefits .bind-benefits-bg[data-v-a428fd16] {
    display: none;
}
}
.bind-to-receive-benefits .bind-benefits-bg-767[data-v-a428fd16] {
  display: none;
}
@media screen and (max-width: 767px) {
.bind-to-receive-benefits .bind-benefits-bg-767[data-v-a428fd16] {
    display: block;
    width: 100%;
}
}
.bind-to-receive-benefits .bind-wrapper[data-v-a428fd16] {
  pointer-events: unset;
  position: absolute;
  inset: 0;
  height: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  margin-left: 10px;
}
.bind-to-receive-benefits .bind-wrapper .img[data-v-a428fd16] {
  position: relative;
  height: calc(100% + 10px);
  margin-top: -10px;
}
@media screen and (max-width: 767px) {
.bind-to-receive-benefits .bind-wrapper .img[data-v-a428fd16] {
    height: calc(88% + 0px);
    margin-top: 5px;
}
}
.bind-to-receive-benefits .bind-wrapper .img img[data-v-a428fd16] {
  width: 100%;
  height: 100%;
  aspect-ratio: 91/101;
}
.bind-to-receive-benefits .bind-wrapper .img i[data-v-a428fd16] {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(calc(-50% + 10px));
  font-size: 88px;
  color: #13d761;
}
@media screen and (max-width: 767px) {
.bind-to-receive-benefits .bind-wrapper .img i[data-v-a428fd16] {
    transform: translateX(calc(-50% + 8px));
    font-size: 77px;
}
}
.bind-to-receive-benefits .bind-wrapper .jia[data-v-a428fd16] {
  font-size: 40px;
  font-weight: 400;
  margin: 0 6px;
}
.bind-to-receive-benefits .bind-wrapper .text[data-v-a428fd16] {
  display: flex;
  align-items: self-end;
  gap: 6px;
  font-size: 27px;
  font-weight: 500;
  margin-left: 20px;
  padding-bottom: 10px;
  text-shadow: -2px 6px 3px rgb(0, 0, 0);
}
@media screen and (max-width: 767px) {
.bind-to-receive-benefits .bind-wrapper .text[data-v-a428fd16] {
    flex-direction: column;
    align-items: flex-start;
    font-size: 16px !important;
    gap: 3px;
    padding-bottom: 6px;
}
}
.bind-to-receive-benefits .bind-wrapper .text .n[data-v-a428fd16] {
  color: goldenrod;
  font-size: 40px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
.bind-to-receive-benefits .bind-wrapper .text .n[data-v-a428fd16] {
    font-size: 26px;
}
}
.bind-to-receive-benefits .bind-wrapper .text .a[data-v-a428fd16] {
  text-decoration: underline;
  cursor: pointer;
}
.bind-to-receive-benefits .bind-wrapper .text .a[data-v-a428fd16]:hover {
  color: #ff568a;
}
.bind-to-receive-benefits .bind-wrapper .reward[data-v-a428fd16] {
  position: absolute;
  right: 15px;
  bottom: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  padding: 5px 10px;
  font-weight: 600;
  background: #48c5a9;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  transition: transform 0.3s, color 0.3s;
}
.bind-to-receive-benefits .bind-wrapper .reward[data-v-a428fd16]:hover {
  transform: scale(1.075);
}
.bind-to-receive-benefits .bind-wrapper .reward.opacity[data-v-a428fd16] {
  opacity: 0.5;
  color: #ccc;
  transform: scale(1);
  cursor: default;
}
@media screen and (max-width: 767px) {
.bind-to-receive-benefits .bind-wrapper .reward[data-v-a428fd16] {
    font-size: 16px;
    bottom: 13px;
    right: 16px;
}
}
.weapon-inventory-list[data-v-36e90716] {
  flex: 0;
  display: flex;
  flex-direction: column;
  width: 50%;
  border-bottom: 1px solid #1c1a30;
  margin: 0 10px;
}
.weapon-inventory-list .heaher-wrapper[data-v-36e90716] {
  position: relative;
  align-items: center;
  background: url(../img/-AsJmqTV.a1aaecb5.png) no-repeat, #1c1a33;
  display: flex;
  flex: 0 0 auto;
  height: 90px;
}
@media screen and (max-width: 767px) {
.weapon-inventory-list .heaher-wrapper[data-v-36e90716] {
    width: 105.2631578947%;
    transform: scale(0.95);
    transform-origin: top left;
    margin-bottom: -4.5px;
}
.weapon-inventory-list .heaher-wrapper .header[data-v-36e90716] {
    padding: 0 20px !important;
}
.weapon-inventory-list .heaher-wrapper .header-title[data-v-36e90716] {
    font-size: 18px !important;
}
}
@media screen and (max-width: 490px) {
.weapon-inventory-list .heaher-wrapper[data-v-36e90716] {
    width: 125%;
    transform: scale(0.8);
    transform-origin: top left;
    margin-bottom: -18px;
}
.weapon-inventory-list .heaher-wrapper .header[data-v-36e90716] {
    padding: 0 15px !important;
}
}
.weapon-inventory-list .heaher-wrapper .header[data-v-36e90716] {
  align-items: center;
  display: flex;
  padding: 0 25px;
  width: 100%;
}
.weapon-inventory-list .heaher-wrapper .header .header-title[data-v-36e90716] {
  color: #b8bbd2;
  font-size: 20px;
  line-height: 26px;
}
.weapon-inventory-list .heaher-wrapper .header .header-kucun-sort[data-v-36e90716] {
  display: flex;
  align-items: center;
  background-color: #201d37;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  height: 38px;
  padding: 0 20px;
  transition: background 0.3s;
  margin-left: auto;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.weapon-inventory-list .heaher-wrapper .header .header-kucun-sort[data-v-36e90716]:hover {
  background-color: #282546;
}
.weapon-inventory-list .heaher-wrapper .header .header-kucun-sort .header-sort__text[data-v-36e90716] {
  color: #9793c7;
  font-size: 14px;
  font-weight: 700;
  margin-right: 35px;
}
.weapon-inventory-list .heaher-wrapper .header .header-kucun-sort .header-sort__icon[data-v-36e90716] {
  background-color: #9793c7;
  height: 5px;
  margin-left: auto;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  transition: transform 0.3s ease;
  width: 10px;
}
.weapon-inventory-list .heaher-wrapper .header .header-kucun-sort .header-sort__icon.active[data-v-36e90716] {
  transform: rotate(180deg);
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters[data-v-36e90716] {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .filters-button[data-v-36e90716] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1c1a30;
  clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 5px);
  height: 44px;
  margin: 0 10px;
  padding: 0 10px;
  transition: background 0.3s;
  width: 110px;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .filters-button .text[data-v-36e90716] {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: opacity 0.3s;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .filters-button .text .number[data-v-36e90716] {
  color: #cf3464;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .filters-button .arrow-icon[data-v-36e90716] {
  background-color: #9793ba;
  display: inline-block;
  height: 5px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  transition: transform 0.3s;
  width: 10px;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .filters-button[data-v-36e90716]:hover {
  background: #22203e;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .filters-button.active[data-v-36e90716] {
  background: #22203e;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .filters-button.active .text[data-v-36e90716] {
  opacity: 0.2;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .filters-button.active .arrow-icon[data-v-36e90716] {
  transform: rotate(180deg);
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .sort-price[data-v-36e90716] {
  align-items: center;
  cursor: pointer;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .sort-price .sort-price__text[data-v-36e90716] {
  color: #9793c7;
  font-size: 14px;
  font-weight: 700;
  margin-right: 12px;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .sort-price .sort-price__icon[data-v-36e90716] {
  background-color: #9793c7;
  height: 5px;
  margin-left: auto;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  transition: transform 0.3s ease;
  width: 10px;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .sort-price .sort-price__icon.active[data-v-36e90716] {
  transform: rotate(180deg);
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .header-sort-separate[data-v-36e90716] {
  background: #3b3857;
  height: 20px;
  margin: 0 20px;
  width: 1px;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .sort-cost[data-v-36e90716] {
  font-weight: 700;
  margin: 0 10px 0 0;
  position: relative;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .sort-cost .sort-cost__wrapper[data-v-36e90716] {
  display: flex;
  align-items: center;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .sort-cost .sort-cost__text[data-v-36e90716] {
  font-size: 14px;
  font-weight: 600;
  color: #9793c7;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .sort-cost .sort-cost__larger[data-v-36e90716] {
  color: #cf3464;
  margin-left: 6px;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .sort-cost .sort-cost__text-field[data-v-36e90716] {
  background-color: #19172d;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #757795;
  height: 38px;
  margin-left: 8px;
  position: relative;
  width: 100px;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .sort-cost .sort-cost__text-field[data-v-36e90716]::before {
  background-color: #282546;
  clip-path: polygon(12px 0, 0 50%, 12px 100%, 13px calc(100% - 1px), 1px 50%, 13px 1px, calc(100% - 13px) 1px, calc(100% - 1px) 50%, calc(100% - 13px) calc(100% - 1px), 12px calc(100% - 1px), 12px 100%, calc(100% - 12px) 100%, 100% 50%, calc(100% - 12px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .sort-cost .sort-cost__text-field-icon[data-v-36e90716] {
  font-size: 14px;
  left: 16px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .sort-cost .sort-item-cost__text-field-input[data-v-36e90716] {
  color: #dfe2e1;
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  height: 100%;
  padding-left: 35px;
  padding-right: 18px;
  text-align: right;
  width: 100%;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .sort-cost .sort-item-cost__text-field-input[data-v-36e90716]::-moz-placeholder {
  color: #9793c7;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .sort-cost .sort-item-cost__text-field-input[data-v-36e90716]::placeholder {
  color: #9793c7;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .header-sort-search[data-v-36e90716] {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: 1;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .header-sort-search .header-sort-search__icon[data-v-36e90716] {
  background-color: #4f4b78;
  height: 20px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m20 17.738-5.326-5.325A8 8 0 1 0 .001 8a8 8 0 0 0 12.41 6.674L17.739 20zM2.268 8.002A5.73 5.73 0 0 1 8 2.27a5.732 5.732 0 1 1 0 11.466 5.733 5.733 0 0 1-5.732-5.734'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m20 17.738-5.326-5.325A8 8 0 1 0 .001 8a8 8 0 0 0 12.41 6.674L17.739 20zM2.268 8.002A5.73 5.73 0 0 1 8 2.27a5.732 5.732 0 1 1 0 11.466 5.733 5.733 0 0 1-5.732-5.734'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  transition: background-color 0.3s;
  width: 20px;
}
.weapon-inventory-list .heaher-wrapper .header .header-shengji-sort__filters .text-filter[data-v-36e90716] {
  position: absolute;
  left: 0;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header[data-v-36e90716] {
  align-items: center;
  display: flex;
  height: 100%;
  position: relative;
  width: 100%;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .open-text-filter-button[data-v-36e90716] {
  align-items: center;
  border-right: 1px solid #1c1a30;
  cursor: pointer;
  display: flex;
  height: 38px;
  justify-content: center;
  width: 50px;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .open-text-filter-button .open-text-filter-button__icon[data-v-36e90716] {
  background-color: #9793c7;
  display: inline-block;
  height: 22px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m20 17.738-5.326-5.325A8 8 0 1 0 .001 8a8 8 0 0 0 12.41 6.674L17.739 20zM2.268 8.002A5.73 5.73 0 0 1 8 2.27a5.732 5.732 0 1 1 0 11.466 5.733 5.733 0 0 1-5.732-5.734'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m20 17.738-5.326-5.325A8 8 0 1 0 .001 8a8 8 0 0 0 12.41 6.674L17.739 20zM2.268 8.002A5.73 5.73 0 0 1 8 2.27a5.732 5.732 0 1 1 0 11.466 5.733 5.733 0 0 1-5.732-5.734'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  transition: background-color 0.3s;
  width: 22px;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .open-text-filter-button .open-text-filter-button__icon[data-v-36e90716]:hover {
  background-color: #7771b6;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters[data-v-36e90716] {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .checkbox-block[data-v-36e90716] {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .checkbox-block:hover .checkbox__hexagon-stroke[data-v-36e90716],
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .checkbox-block:hover .checkbox__hexagon-stroke[data-v-36e90716] {
  stroke: #747099;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .checkbox-block .checkbox[data-v-36e90716] {
  cursor: pointer;
  height: 26px;
  min-width: 26px;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .checkbox-block .checkbox.is-checked .checkbox__hexagon-stroke[data-v-36e90716] {
  fill: #1a2633;
  stroke: #4af1b8;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .checkbox-block .checkbox.is-checked .checkbox__hexagon-checkmark[data-v-36e90716] {
  fill: #4af1b8;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .checkbox-block .checkbox__input[data-v-36e90716] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  outline: none;
  width: 0;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .checkbox-block .checkbox__hexagon[data-v-36e90716] {
  height: 26px;
  position: relative;
  width: 26px;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .checkbox-block .checkbox__hexagon-background[data-v-36e90716] {
  fill: #1b192f;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .checkbox-block .checkbox__hexagon-stroke[data-v-36e90716] {
  fill: transparent;
  stroke: #3b3762;
  stroke-width: 2;
  transition: stroke 0.3s;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .checkbox-block .checkbox__hexagon-checkmark[data-v-36e90716] {
  fill: transparent;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .checkbox-block .checkbox-label[data-v-36e90716] {
  margin-left: 8px;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .checkbox-block .select-all__text[data-v-36e90716] {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .order-filter[data-v-36e90716] {
  display: flex;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .order-filter .order-filter__inner-wrap[data-v-36e90716] {
  align-items: center;
  cursor: pointer;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .order-filter .order-filter__inner-wrap:hover .order-filter__icon[data-v-36e90716] {
  background-color: #e4dcfc;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .order-filter .order-filter__inner-wrap:hover .order-filter__text[data-v-36e90716] {
  color: #e4dcfc;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .order-filter .order-filter__icon[data-v-36e90716] {
  background-color: #9793ba;
  height: 13px;
  margin-right: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'%3E%3Cpath fill-rule='evenodd' d='M3.028.215v9.707H.474l3.302 3.754 3.302-3.754H4.523V.215zM8.56.993v1.468h13.227V.993zm0 3.494v1.467h10.683V4.487zm0 3.493v1.467h8.14V7.98zm0 3.493v1.468h5.596v-1.468z' clip-rule='evenodd'/%3E%3Cpath d='M3.776 14 0 9.707h2.815V0h1.92v9.708h2.816zm-2.83-3.864 2.829 3.216 2.828-3.216H4.308V.43H3.241v9.707H.947m13.424 3.02H8.348v-1.897h6.022zm-5.597-.43h5.17v-1.038h-5.17zm8.14-3.064H8.347V7.765h8.565zm-8.14-.43h7.713V8.196H8.773zM19.456 6.17H8.347V4.272h11.109zm-10.683-.43H19.03V4.701H8.773zM22 2.675H8.347V.78H22zM8.773 2.246h12.8V1.208h-12.8z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'%3E%3Cpath fill-rule='evenodd' d='M3.028.215v9.707H.474l3.302 3.754 3.302-3.754H4.523V.215zM8.56.993v1.468h13.227V.993zm0 3.494v1.467h10.683V4.487zm0 3.493v1.467h8.14V7.98zm0 3.493v1.468h5.596v-1.468z' clip-rule='evenodd'/%3E%3Cpath d='M3.776 14 0 9.707h2.815V0h1.92v9.708h2.816zm-2.83-3.864 2.829 3.216 2.828-3.216H4.308V.43H3.241v9.707H.947m13.424 3.02H8.348v-1.897h6.022zm-5.597-.43h5.17v-1.038h-5.17zm8.14-3.064H8.347V7.765h8.565zm-8.14-.43h7.713V8.196H8.773zM19.456 6.17H8.347V4.272h11.109zm-10.683-.43H19.03V4.701H8.773zM22 2.675H8.347V.78H22zM8.773 2.246h12.8V1.208h-12.8z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  transform: rotate(0);
  transition: transform 0.3s, background-color 0.3s;
  width: 21px;
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .order-filter .order-filter__icon.active[data-v-36e90716] {
  transform: rotate(180deg);
}
.weapon-inventory-list .heaher-wrapper .user-inventory-header .other-filters .order-filter .order-filter__text[data-v-36e90716] {
  color: #9793c7;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  transition: color 0.3s;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header[data-v-36e90716] {
  align-items: center;
  display: flex;
  height: 100%;
  position: relative;
  width: 100%;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .open-text-filter-button[data-v-36e90716] {
  align-items: center;
  border-right: 1px solid #1c1a30;
  cursor: pointer;
  display: flex;
  height: 38px;
  justify-content: center;
  width: 50px;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .open-text-filter-button .open-text-filter-button__icon[data-v-36e90716] {
  background-color: #9793c7;
  display: inline-block;
  height: 22px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m20 17.738-5.326-5.325A8 8 0 1 0 .001 8a8 8 0 0 0 12.41 6.674L17.739 20zM2.268 8.002A5.73 5.73 0 0 1 8 2.27a5.732 5.732 0 1 1 0 11.466 5.733 5.733 0 0 1-5.732-5.734'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m20 17.738-5.326-5.325A8 8 0 1 0 .001 8a8 8 0 0 0 12.41 6.674L17.739 20zM2.268 8.002A5.73 5.73 0 0 1 8 2.27a5.732 5.732 0 1 1 0 11.466 5.733 5.733 0 0 1-5.732-5.734'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  transition: background-color 0.3s;
  width: 22px;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .open-text-filter-button:hover .open-text-filter-button__icon[data-v-36e90716] {
  background-color: #7771b6;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters[data-v-36e90716] {
  align-items: baseline;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filters-button[data-v-36e90716] {
  align-items: center;
  background: #1c1a30;
  clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 5px);
  display: flex;
  height: 44px;
  justify-content: space-between;
  margin: 0 10px 0 20px;
  padding: 0 20px;
  transition: background 0.3s;
  width: 206px;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filters-button .text[data-v-36e90716] {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  transition: opacity 0.3s;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filters-button .text .number[data-v-36e90716] {
  color: #cf3464;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filters-button .arrow-icon[data-v-36e90716] {
  background-color: #9793ba;
  display: inline-block;
  height: 5px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  transition: transform 0.3s;
  width: 10px;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filters-button[data-v-36e90716]:hover {
  background: #22203e;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filters-button.active[data-v-36e90716] {
  background: #22203e;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filters-button.active .text[data-v-36e90716] {
  opacity: 0.2;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filters-button.active .arrow-icon[data-v-36e90716] {
  transform: rotate(180deg);
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filter-cost[data-v-36e90716] {
  font-weight: 700;
  margin: 0 10px 0 0;
  position: relative;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filter-cost .filter-cost__wrapper[data-v-36e90716] {
  align-items: center;
  display: flex;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filter-cost .filter-cost__text[data-v-36e90716] {
  color: #9793c7;
  font-size: 14px;
  font-weight: 600;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filter-cost .filter-cost__larger[data-v-36e90716] {
  color: #cf3464;
  margin-left: 6px;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filter-cost .filter-cost__text-field[data-v-36e90716] {
  background-color: #19172d;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #757795;
  height: 38px;
  margin-left: 8px;
  position: relative;
  width: 100px;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filter-cost .filter-cost__text-field.active[data-v-36e90716] {
  color: #dfe2e1;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filter-cost .filter-cost__text-field[data-v-36e90716]::before {
  background-color: #282546;
  clip-path: polygon(12px 0, 0 50%, 12px 100%, 13px calc(100% - 1px), 1px 50%, 13px 1px, calc(100% - 13px) 1px, calc(100% - 1px) 50%, calc(100% - 13px) calc(100% - 1px), 12px calc(100% - 1px), 12px 100%, calc(100% - 12px) 100%, 100% 50%, calc(100% - 12px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filter-cost .filter-cost__text-field-icon[data-v-36e90716] {
  font-size: 14px;
  left: 16px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filter-cost input[data-v-36e90716] {
  background: transparent;
  color: #dfe2e1;
  font-size: 14px;
  font-weight: 700;
  height: 100%;
  padding-left: 35px;
  padding-right: 18px;
  text-align: right;
  width: 100%;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filter-cost input[data-v-36e90716]::-moz-placeholder {
  color: #9793c7;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .filter-cost input[data-v-36e90716]::placeholder {
  color: #9793c7;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .order-filter[data-v-36e90716] {
  display: flex;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .order-filter .order-filter__inner-wrap[data-v-36e90716] {
  align-items: center;
  cursor: pointer;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .order-filter .order-filter__inner-wrap:hover .order-filter__icon[data-v-36e90716] {
  background-color: #e4dcfc;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .order-filter .order-filter__inner-wrap:hover .order-filter__text[data-v-36e90716] {
  color: #e4dcfc;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .order-filter .order-filter__icon[data-v-36e90716] {
  background-color: #9793ba;
  height: 13px;
  margin-right: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'%3E%3Cpath fill-rule='evenodd' d='M3.028.215v9.707H.474l3.302 3.754 3.302-3.754H4.523V.215zM8.56.993v1.468h13.227V.993zm0 3.494v1.467h10.683V4.487zm0 3.493v1.467h8.14V7.98zm0 3.493v1.468h5.596v-1.468z' clip-rule='evenodd'/%3E%3Cpath d='M3.776 14 0 9.707h2.815V0h1.92v9.708h2.816zm-2.83-3.864 2.829 3.216 2.828-3.216H4.308V.43H3.241v9.707H.947m13.424 3.02H8.348v-1.897h6.022zm-5.597-.43h5.17v-1.038h-5.17zm8.14-3.064H8.347V7.765h8.565zm-8.14-.43h7.713V8.196H8.773zM19.456 6.17H8.347V4.272h11.109zm-10.683-.43H19.03V4.701H8.773zM22 2.675H8.347V.78H22zM8.773 2.246h12.8V1.208h-12.8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'%3E%3Cpath fill-rule='evenodd' d='M3.028.215v9.707H.474l3.302 3.754 3.302-3.754H4.523V.215zM8.56.993v1.468h13.227V.993zm0 3.494v1.467h10.683V4.487zm0 3.493v1.467h8.14V7.98zm0 3.493v1.468h5.596v-1.468z' clip-rule='evenodd'/%3E%3Cpath d='M3.776 14 0 9.707h2.815V0h1.92v9.708h2.816zm-2.83-3.864 2.829 3.216 2.828-3.216H4.308V.43H3.241v9.707H.947m13.424 3.02H8.348v-1.897h6.022zm-5.597-.43h5.17v-1.038h-5.17zm8.14-3.064H8.347V7.765h8.565zm-8.14-.43h7.713V8.196H8.773zM19.456 6.17H8.347V4.272h11.109zm-10.683-.43H19.03V4.701H8.773zM22 2.675H8.347V.78H22zM8.773 2.246h12.8V1.208h-12.8z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transform: rotate(0);
  transition: transform 0.3s, background-color 0.3s;
  width: 21px;
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .order-filter .order-filter__icon.active[data-v-36e90716] {
  transform: rotate(180deg);
}
.weapon-inventory-list .heaher-wrapper .market-items-inventory-header .other-filters .order-filter .order-filter__text[data-v-36e90716] {
  color: #9793c7;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  transition: color 0.3s;
}
.weapon-inventory-list .heaher-wrapper .text-filter[data-v-36e90716] {
  clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 5px);
  height: 52px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.weapon-inventory-list .heaher-wrapper .text-filter input[data-v-36e90716] {
  background: #000;
  color: #716d9e;
  font-size: 14px;
  height: 100%;
  padding: 0 40px 0 20px;
  text-transform: uppercase;
  width: 100%;
}
.weapon-inventory-list .heaher-wrapper .text-filter input[data-v-36e90716]::-moz-placeholder {
  color: #716d9e;
}
.weapon-inventory-list .heaher-wrapper .text-filter input[data-v-36e90716]::placeholder {
  color: #716d9e;
}
.weapon-inventory-list .heaher-wrapper .text-filter .close-icon[data-v-36e90716] {
  background-color: #9793ba;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  z-index: 1;
}
.weapon-inventory-list .heaher-wrapper.compound[data-v-36e90716] {
  height: 82px;
  background: unset;
}
.weapon-inventory-list .list-wrapper[data-v-36e90716] {
  position: relative;
  width: 599px;
  min-height: 506px;
}
.weapon-inventory-list .list-wrapper .filter-wrapper[data-v-36e90716] {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: hidden;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter-close[data-v-36e90716] {
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  color: #393655;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter[data-v-36e90716] {
  background: #22203e;
  border-radius: 0 0 4px 4px;
  height: 100%;
  padding: 35px 0 30px;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter_item-wrapper[data-v-36e90716] {
  overflow: auto;
  height: calc(100% - 62px);
  padding: 0 40px;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter_item-wrapper .filter_item[data-v-36e90716]:not(:nth-child(1)) {
  margin-top: 40px;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter_item-wrapper .item-title[data-v-36e90716] {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter_item-wrapper .item-content[data-v-36e90716] {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 10px;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter_item-wrapper .item[data-v-36e90716] {
  border: 1px solid #2c2a4d;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 44px;
  color: #9793c7;
  font-size: 14px;
  font-weight: 500;
  padding-left: 14px;
  position: relative;
  z-index: 1;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter_item-wrapper .item .filter__menu-item-icon[data-v-36e90716] {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  margin-right: 11px;
  min-width: 18px;
  position: relative;
  width: 18px;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter_item-wrapper .item .filter__menu-item-icon[data-v-36e90716]::before, .weapon-inventory-list .list-wrapper .filter-wrapper .filter_item-wrapper .item .filter__menu-item-icon[data-v-36e90716]::after {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter_item-wrapper .item .filter__menu-item-icon[data-v-36e90716]::before {
  background: #b0c3d9;
  height: 100%;
  width: 100%;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter_item-wrapper .item .filter__menu-item-icon[data-v-36e90716]::after {
  background: #31314f;
  height: calc(100% - 4px);
  width: calc(100% - 4px);
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter_item-wrapper .item .filter__menu-item-icon-checkbox[data-v-36e90716] {
  background: #b0c3d9;
  height: 12px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 4.095 17.986 2 7.554 12.848 2.014 7.05 0 9.145 7.554 17z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 4.095 17.986 2 7.554 12.848 2.014 7.05 0 9.145 7.554 17z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  width: 10px;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter_item-wrapper .item.active[data-v-36e90716] {
  color: #fff;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter_buttons[data-v-36e90716] {
  display: flex;
  justify-content: space-between;
  padding: 0 40px;
  margin-top: 24px;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter_buttons button[data-v-36e90716] {
  align-items: center;
  background-color: #504d6d;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #e0dfe9;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  min-width: 120px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: 169px;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter_buttons .clear .el-icon-close[data-v-36e90716] {
  font-weight: 700;
  margin-right: 4px;
}
.weapon-inventory-list .list-wrapper .filter-wrapper .filter_buttons .sure[data-v-36e90716] {
  background-color: #5c49d0;
}
.weapon-inventory-list .list-wrapper .list_loader[data-v-36e90716] {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2px);
}
.weapon-inventory-list .list-wrapper .list[data-v-36e90716] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  grid-gap: 5px;
  margin-top: 10px;
  width: 599px;
}
.weapon-inventory-list .list-wrapper .list .item[data-v-36e90716] {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #1c1a30;
  border-radius: 4px;
  height: 162px;
  padding-top: 3px;
  position: relative;
  text-align: center;
  width: 146px;
}
.weapon-inventory-list .list-wrapper .list .item .list-item__check-icon-wrapper[data-v-36e90716] {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
  left: 6px;
  position: absolute;
  top: 4px;
  z-index: 1;
}
.weapon-inventory-list .list-wrapper .list .item .list-item__check-icon-wrapper .check-icon[data-v-36e90716] {
  background-color: #33bb81;
  display: inline-block;
  height: 11px;
  margin-right: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 4.095 17.986 2 7.554 12.848 2.014 7.05 0 9.145 7.554 17z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 4.095 17.986 2 7.554 12.848 2.014 7.05 0 9.145 7.554 17z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  width: 15px;
}
.weapon-inventory-list .list-wrapper .list .item .list-item__check-icon-wrapper .number[data-v-36e90716] {
  color: #33bb81;
  font-size: 15px;
  font-weight: 700;
}
.weapon-inventory-list .list-wrapper .list .item .item__img[data-v-36e90716] {
  height: 84px;
  width: 117px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.weapon-inventory-list .list-wrapper .list .item .item__img img[data-v-36e90716] {
  width: 107px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.weapon-inventory-list .list-wrapper .list .item .item__price[data-v-36e90716] {
  bottom: 4px;
  color: #4af1b8;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
}
.weapon-inventory-list .list-wrapper .list .item .item__type[data-v-36e90716] {
  color: #e4dcfc;
  font-size: 10px;
  font-weight: 600;
  line-height: 7px;
}
.weapon-inventory-list .list-wrapper .list .item .item__name[data-v-36e90716] {
  display: -webkit-box;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  margin-top: 2px;
  overflow: hidden;
  width: 90%;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.weapon-inventory-list .list-wrapper .list .item .item__quality[data-v-36e90716] {
  color: #716d9e;
  font-size: 10px;
  font-weight: 500;
  line-height: 100%;
  margin-top: 2px;
  text-align: center;
}
.weapon-inventory-list .list-wrapper .list .item .item__selected[data-v-36e90716],
.weapon-inventory-list .list-wrapper .list .item .item__add-remove-state[data-v-36e90716] {
  border-radius: 4px;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 100%;
}
.weapon-inventory-list .list-wrapper .list .item .item__selected[data-v-36e90716] {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #46a67a;
}
.weapon-inventory-list .list-wrapper .list .item .item__add-remove-state[data-v-36e90716] {
  align-items: center;
  background: rgba(20, 17, 39, 0.9019607843);
  border: 1px solid #5c49d0;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.weapon-inventory-list .list-wrapper .list .item .item__add-remove-state .button-wrapper[data-v-36e90716] {
  background: rgba(92, 73, 208, 0.2);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  height: 46px;
  position: relative;
  transition: background 0.3s;
  width: 40px;
}
.weapon-inventory-list .list-wrapper .list .item .item__add-remove-state .inner-button[data-v-36e90716] {
  align-items: center;
  background: #5c49d0;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  display: flex;
  height: 32px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background 0.3s;
  width: 28px;
}
.weapon-inventory-list .list-wrapper .list .item .item__add-remove-state .inner-icon[data-v-36e90716] {
  animation: remove-animate-36e90716 0.3s both;
  background-color: #fff;
  display: inline-block;
  height: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  transform: rotate(0);
  width: 10px;
}
.weapon-inventory-list .list-wrapper .list .item .item__add-remove-state.added .inner-button[data-v-36e90716] {
  background: #504d6d;
}
.weapon-inventory-list .list-wrapper .list .item .item__add-remove-state.added .inner-icon[data-v-36e90716] {
  animation: add-animate-36e90716 0.3s both;
  transform: rotate(45deg);
}
@keyframes add-animate-36e90716 {
0% {
    transform: rotate(0);
}
to {
    transform: rotate(405deg);
}
}
@keyframes remove-animate-36e90716 {
0% {
    transform: rotate(405deg);
}
to {
    transform: rotate(0);
}
}
.weapon-inventory-list .list-wrapper .list .item .numeric[data-v-36e90716] {
  align-items: center;
  background-color: #151325;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  color: #dddcfc;
  display: flex;
  height: 34px;
  justify-content: space-between;
  padding: 5px;
  width: 104px;
}
.weapon-inventory-list .list-wrapper .list .item .numeric .minus-icon[data-v-36e90716],
.weapon-inventory-list .list-wrapper .list .item .numeric .plus-icon[data-v-36e90716] {
  display: inline-block;
  width: 10px;
  background-color: #dddcfc;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
}
.weapon-inventory-list .list-wrapper .list .item .numeric .minus-icon[data-v-36e90716] {
  height: 2px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Cpath d='M10 1.833V.167H0v1.666z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Cpath d='M10 1.833V.167H0v1.666z'/%3E%3C/svg%3E");
}
.weapon-inventory-list .list-wrapper .list .item .numeric .plus-icon[data-v-36e90716] {
  height: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
}
.weapon-inventory-list .list-wrapper .list .item .list-item__numeric-selection[data-v-36e90716] {
  background: #0f0c1b;
  bottom: 15px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  z-index: 2;
}
.weapon-inventory-list .list-wrapper .list .item .numeric__down[data-v-36e90716],
.weapon-inventory-list .list-wrapper .list .item .numeric__up[data-v-36e90716] {
  align-items: center;
  background-color: #1e1c31;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 7px 100%, 0 50%);
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  height: 24px;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 28px;
}
.weapon-inventory-list .list-wrapper .list .item .numeric__count[data-v-36e90716] {
  font-size: 15px;
  font-weight: 600;
}
.weapon-inventory-list .list-wrapper .list .item.selected .list-item__check-icon-wrapper[data-v-36e90716] {
  opacity: 1;
  visibility: visible;
}
.weapon-inventory-list .list-wrapper .list .item.selected .item__selected[data-v-36e90716] {
  opacity: 1;
  visibility: visible;
}
.weapon-inventory-list .list-wrapper .list .item:hover .item__add-remove-state[data-v-36e90716],
.weapon-inventory-list .list-wrapper .list .item:hover .list-item__numeric-selection[data-v-36e90716] {
  opacity: 1;
  visibility: visible;
}
.weapon-inventory-list .list-wrapper .items-list__empty-block[data-v-36e90716] {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.weapon-inventory-list .list-wrapper .items-list__empty-block .choose-items-empty[data-v-36e90716] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.weapon-inventory-list .list-wrapper .items-list__empty-block .choose-items-empty__text[data-v-36e90716] {
  color: #9692b8;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.weapon-inventory-list .list-wrapper .items-list__empty-block .choose-items-empty__sub-text[data-v-36e90716] {
  color: #605c7e;
  font-size: 14px;
  margin-top: 8px;
}
.weapon-inventory-list .list-wrapper .items-list__empty-block .buy-case-button[data-v-36e90716] {
  align-items: center;
  background-color: #cf3464;
  clip-path: polygon(17px 0, calc(100% - 17px) 0, 100% 50%, calc(100% - 17px) 100%, 17px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 18px;
  font-weight: 700;
  height: 58px;
  justify-content: center;
  margin: 35px auto 0;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: 230px;
  position: relative;
}
.weapon-inventory-list .list-wrapper .items-list__empty-block .button__content[data-v-36e90716] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.weapon-inventory-list .pagination-item__wrapper[data-v-36e90716] {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  height: 84px;
  justify-content: center;
}
.weapon-inventory-list .pagination-item__wrapper .pagination-item[data-v-36e90716] {
  display: flex;
  flex-direction: row;
  height: 30px;
  position: relative;
}
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-36e90716] {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 39px;
}
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__icon-arrow[data-v-36e90716] {
  transition: opacity 0.3s;
  background-color: #fff;
  height: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  width: 12px;
  z-index: 1;
}
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__icon-arrow.arrow_left[data-v-36e90716] {
  margin-right: 2px;
  transform: rotate(-90deg);
}
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__icon-arrow.arrow_right[data-v-36e90716] {
  margin-left: 2px;
  transform: rotate(90deg);
}
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-36e90716] {
  align-items: center;
  color: #cf3464;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  margin: 0 10px;
  min-width: 39px;
  padding: 0 10px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-36e90716]::after, .weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-36e90716]::before {
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-36e90716]::before {
  background: #2b192f;
  height: 100%;
  width: 100%;
}
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-36e90716]::after {
  background: #141225;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__current-page span[data-v-36e90716] {
  position: relative;
  z-index: 1;
}
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-36e90716] {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 39px;
}
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-36e90716]::after,
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-36e90716]::before,
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-36e90716]::after,
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-36e90716]::before {
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-36e90716]::before,
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-36e90716]::before {
  background: #282543;
  height: 100%;
  width: 100%;
}
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-36e90716]::after,
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-36e90716]::after {
  background: #1e1c35;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.weapon-inventory-list .pagination-item__wrapper .pagination-item .pagination-item__pages-info[data-v-36e90716] {
  color: #4f4b78;
  font-size: 13px;
  font-weight: 600;
  left: 100%;
  line-height: 30px;
  margin-left: 12px;
  position: absolute;
  top: 0;
  white-space: nowrap;
}
.lucky-container .center-title-block[data-v-70fe1f81] {
  text-align: center;
  margin: 54px auto 0;
}
.lucky-container .game-container-wrapper[data-v-70fe1f81] {
  margin-top: 10px;
}
.lucky-container .game-container-wrapper .how-it-works-button[data-v-70fe1f81] {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #9793c7;
  margin-bottom: 22px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 1px;
  transition: color 0.3s;
}
.lucky-container .game-container-wrapper .how-it-works-button .button__content[data-v-70fe1f81] {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  white-space-collapse: preserve;
}
.lucky-container .game-container-wrapper .how-it-works-button .button__content .info-icon[data-v-70fe1f81] {
  background-color: #9793c7;
  display: inline-block;
  height: 14px;
  margin-right: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 14px;
}
.lucky-container .game-container-wrapper .game-container[data-v-70fe1f81] {
  position: relative;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  margin-top: 60px;
  overflow: hidden;
  text-align: center;
}
.lucky-container .game-container-wrapper .game-container .sacrifice-selected-items[data-v-70fe1f81],
.lucky-container .game-container-wrapper .game-container .desired-selected-items[data-v-70fe1f81] {
  position: relative;
  border-bottom: 1px solid #1c1a30;
  padding: 25px 0 66px;
  width: 49%;
}
.lucky-container .game-container-wrapper .game-container .sacrifice-selected-items[data-v-70fe1f81]::before, .lucky-container .game-container-wrapper .game-container .sacrifice-selected-items[data-v-70fe1f81]::after,
.lucky-container .game-container-wrapper .game-container .desired-selected-items[data-v-70fe1f81]::before,
.lucky-container .game-container-wrapper .game-container .desired-selected-items[data-v-70fe1f81]::after {
  content: "";
  pointer-events: none;
  position: absolute;
}
.lucky-container .game-container-wrapper .game-container .sacrifice-selected-items[data-v-70fe1f81]::before,
.lucky-container .game-container-wrapper .game-container .desired-selected-items[data-v-70fe1f81]::before {
  height: 173px;
  top: 0;
  width: 498px;
}
.lucky-container .game-container-wrapper .game-container .sacrifice-selected-items[data-v-70fe1f81]::after,
.lucky-container .game-container-wrapper .game-container .desired-selected-items[data-v-70fe1f81]::after {
  background: url(../img/exchange-bg-lrb.8b7de1bd.png);
  bottom: 0;
  height: 97px;
  width: 427px;
}
.lucky-container .game-container-wrapper .game-container .counter[data-v-70fe1f81] {
  background-color: #141225;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 7px 100%, 0 50%);
  color: rgba(255, 255, 255, 0.2);
  font-size: 15px;
  font-weight: 600;
  height: 27px;
  line-height: 27px;
  margin: 0 auto;
  text-align: center;
  transition: color 0.3s;
  width: 76px;
}
.lucky-container .game-container-wrapper .game-container .counter.active[data-v-70fe1f81] {
  color: #e4ddfc;
}
.lucky-container .game-container-wrapper .game-container .title-text[data-v-70fe1f81] {
  font-size: 17px;
  font-weight: 500;
  margin-top: 20px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.lucky-container .game-container-wrapper .game-container .reset-button[data-v-70fe1f81] {
  color: #9793c7;
  font-size: 14px;
  font-weight: 600;
  left: 50%;
  position: absolute;
  text-transform: uppercase;
  top: 103px;
  transform: translate(-50%);
  transition: color 0.3s;
  z-index: 1;
}
.lucky-container .game-container-wrapper .game-container .reset-button .reset-icon[data-v-70fe1f81] {
  background-color: #9793c7;
  display: inline-block;
  height: 12px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 12px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper[data-v-70fe1f81] {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 233px;
  margin-top: 92px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state[data-v-70fe1f81] {
  position: relative;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state .item-empty-state__img[data-v-70fe1f81] {
  background: url(../img/B5AVPzcl.bd52a93e.svg) no-repeat;
  background-size: contain;
  width: 310px;
  height: 153px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state .item-empty-state__text[data-v-70fe1f81] {
  color: #9692b8;
  font-size: 14px;
  margin-top: 45px;
  opacity: 0.4;
  text-align: center;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item[data-v-70fe1f81] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 70%;
  align-items: flex-end;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__close[data-v-70fe1f81] {
  position: absolute;
  top: 0;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1c1932;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  cursor: pointer;
  height: 34px;
  transition: background 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 30px;
  z-index: 1;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__close .selected-item__close-icon[data-v-70fe1f81] {
  background-color: #4f4b78;
  height: 12px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 12px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__img[data-v-70fe1f81] {
  display: flex;
  align-items: center;
  width: 256px;
  height: 256px;
  background-position: 50% 30%;
  background-size: 90% auto;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__img img[data-v-70fe1f81] {
  width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info[data-v-70fe1f81] {
  bottom: -12px;
  left: 0;
  line-height: 100%;
  position: absolute;
  text-align: left;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation[data-v-70fe1f81] {
  left: 0px;
  position: absolute;
  bottom: 0px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-up[data-v-70fe1f81],
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-down[data-v-70fe1f81] {
  align-items: center;
  background: radial-gradient(50% 50% at 50% 50%, #2f2976 0, rgba(47, 41, 118, 0));
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  transform: rotate(90deg);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 34px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-up[data-v-70fe1f81]::before,
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-down[data-v-70fe1f81]::before {
  background-color: #2f2976;
  clip-path: polygon(9px 0, 0 50%, 9px 100%, 10px calc(100% - 3px), 3px 50%, 10px 3px, calc(100% - 10px) 3px, calc(100% - 3px) 50%, calc(100% - 10px) calc(100% - 3px), 9px calc(100% - 3px), 9px 100%, calc(100% - 9px) 100%, 100% 50%, calc(100% - 9px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-icon[data-v-70fe1f81] {
  background-color: #fff;
  height: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transform: rotate(-90deg);
  width: 12px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-down[data-v-70fe1f81] {
  padding-left: 3px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-down[data-v-70fe1f81]:not(:first-child) {
  margin-top: 12px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-down .item-info__navigation-icon[data-v-70fe1f81] {
  transform: rotate(-270deg);
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item.selected-item_right .selected-item__close[data-v-70fe1f81] {
  left: 10px;
  right: auto;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item.selected-item_right .item-info_right[data-v-70fe1f81] {
  position: absolute;
  right: 0;
  bottom: 0;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item.selected-item_right .item-info_right .item-info__navigation[data-v-70fe1f81] {
  bottom: 0px;
  right: 0px;
  left: auto;
  text-align: right;
}
.lucky-container .game-container-wrapper .game-container .refund[data-v-70fe1f81] {
  bottom: 135px;
  color: #9692b8;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
}
.lucky-container .game-container-wrapper .game-container .refund span[data-v-70fe1f81] {
  color: #26c897;
  font-weight: 600;
}
.lucky-container .game-container-wrapper .game-container .price-block[data-v-70fe1f81] {
  background-color: #141225;
  clip-path: polygon(17px 0, calc(100% - 17px) 0, 100% 50%, calc(100% - 17px) 100%, 17px 100%, 0 50%);
  font-size: 22px;
  height: 58px;
  line-height: 58px;
  margin: 16px auto 0;
  position: relative;
  text-align: center;
  width: 206px;
  color: #48c5a9;
  font-weight: 600;
}
.lucky-container .game-container-wrapper .game-container .price-block[data-v-70fe1f81]::before {
  background-color: #1c1a33;
  clip-path: polygon(17px 0, 0 50%, 17px 100%, 18px calc(100% - 2px), 2px 50%, 18px 2px, calc(100% - 18px) 2px, calc(100% - 2px) 50%, calc(100% - 18px) calc(100% - 2px), 17px calc(100% - 2px), 17px 100%, calc(100% - 17px) 100%, 100% 50%, calc(100% - 17px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.lucky-container .game-container-wrapper .top-triangle[data-v-70fe1f81] {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  height: 167px;
  width: 206px;
  background: url(../img/exchange-bg-c.60ab24d9.png);
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-70fe1f81]::before {
  background: url(../img/exchange-bg-lt.8c35639c.png);
  right: 11%;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-70fe1f81]::after {
  right: 19%;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper[data-v-70fe1f81] {
  bottom: 64px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  z-index: 1;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .hold-to-exchange-text[data-v-70fe1f81] {
  color: #9692b8;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.4em;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: -37px;
  left: 0;
  white-space: nowrap;
  width: 100%;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .top-error-text[data-v-70fe1f81] {
  border-radius: 8px;
  bottom: calc(100% + 24px);
  font-size: 13px;
  font-weight: 500;
  padding: 11px 15px;
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .top-error-text.warn[data-v-70fe1f81] {
  background-color: #1d1a30;
  color: #9793c7;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow[data-v-70fe1f81] {
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  height: 62px;
  width: 246px;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow .exchange-button[data-v-70fe1f81] {
  box-shadow: inset 0 0 18px rgba(38, 200, 151, 0.8);
  height: 62px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 246px;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow .exchange-button[data-v-70fe1f81]::before, .lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow .exchange-button[data-v-70fe1f81]::after {
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow .exchange-button[data-v-70fe1f81]::before {
  height: 100%;
  width: 100%;
  background: #26c897;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow .exchange-button[data-v-70fe1f81]::after {
  background: #141225;
  height: calc(100% - 4px);
  transition: background 0.3s;
  width: calc(100% - 4px);
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow .exchange-button .button__content[data-v-70fe1f81] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow .exchange-button .animated-bg[data-v-70fe1f81] {
  background: #26c897;
  height: 100%;
  position: absolute;
  transform: translate(-101%);
  transition: transform 0.2s;
  width: 100%;
  z-index: 1;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow .exchange-button .active-arrows-wrapper[data-v-70fe1f81] {
  height: 30px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: filter 0.3s, opacity 0.3s;
  white-space: nowrap;
  width: 116px;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow .exchange-button .active-arrows-wrapper .arrow[data-v-70fe1f81] {
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: blink-dot-70fe1f81;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAeCAYAAAAVdY8wAAABUklEQVR42mNgGHDAaGxszArCBFVKqBiKiqgbSonr6XHjVSinayMoZmajL2FqrU3QVClHR2spZ2cXEVdXKbwKxX19FaWCfSNlg30DCJoqmxgcKZMcni+VHGGIV6FCQYKCbEFii2xBfLVMYSEnXsXytZlFcvWZMxUbc33xh0BHobbChJJ1ihOKFustKsEfXIrzaicqzas7rLKgLhmvQrUV7abKa9puKq9tO62ybRIfXsUqu/o3qu2e8E5t78QKvApVD00+qXZ48g/1w1PycCta3xWssrnrocrm7qN4TVOaX79WeWH9caWFDT64w7G3yFGpv3g9MIhm4A/H2vRG+er0qfK16ZY4FclkRurJZsfWyGTG5eI1TTo8MFQ2IjBJJiFYFbdpPk7SEm5untKebk54TZM0stCUtrIykLF0F8KdvBQcOMR0zMVBeYdgTgRiJig9JAEAoYxZJjC+zZgAAAAASUVORK5CYII=");
  display: inline-block;
  height: 30px;
  width: 10px;
}
@keyframes blink-dot-70fe1f81 {
0% {
    opacity: 0.2;
}
20% {
    opacity: 1;
}
to {
    opacity: 0.2;
}
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow .exchange-button .inactive-text[data-v-70fe1f81] {
  color: #9692b8;
  opacity: 0.4;
  width: 100%;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow .exchange-button.inactive[data-v-70fe1f81] {
  box-shadow: inset 0 0 18px rgba(43, 41, 70, 0.8);
  pointer-events: none;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow .exchange-button.inactive .active-arrows-wrapper[data-v-70fe1f81] {
  filter: grayscale(0.7);
  opacity: 0.1;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow .exchange-button.inactive .active-arrows-wrapper .arrow[data-v-70fe1f81] {
  animation: none !important;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow .exchange-button.inactive[data-v-70fe1f81]::before {
  background: #2b2946;
  height: 100%;
  width: 100%;
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .button-wrapper-for-shadow .exchange-button.inactive[data-v-70fe1f81]::after {
  background: #141225;
  height: calc(100% - 4px);
  width: calc(100% - 4px);
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .bottom-text[data-v-70fe1f81] {
  display: flex;
  flex-direction: column;
  left: 50%;
  position: absolute;
  text-align: center;
  top: calc(100% + 10px);
  transform: translate(-50%);
}
.lucky-container .game-container-wrapper .exchange-button-wrapper .bottom-text span[data-v-70fe1f81] {
  color: #504b7d;
  font-size: 13px;
  line-height: 13px;
  white-space: nowrap;
}
.lucky-container .game-container-wrapper .desired-selected-items[data-v-70fe1f81]::before {
  background: url(../img/exchange-bg-rt.6fbd226b.png);
  left: 11%;
}
.lucky-container .game-container-wrapper .desired-selected-items[data-v-70fe1f81]::after {
  left: 19%;
  transform: scaleX(-1);
}
.lucky-container .choose-items-wrapper[data-v-70fe1f81] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  padding: 0 20px 20px;
  max-width: 100vw;
}
.shopping-index[data-v-66e388c7] {
  background: url(../img/dailyCases-bg.a13e73a8.jpg) no-repeat;
  background-size: contain;
  background-position: center top;
}
@media (min-width: 960px) {
.shopping-index[data-v-66e388c7] {
    width: 100%;
}
}
.shopping-index .page-title[data-v-66e388c7] {
  position: relative;
  padding-top: 54px;
}
.shopping-index .page-title .center-title-block[data-v-66e388c7] {
  padding: 0 44px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: 44px;
  padding-right: 44px;
  text-align: center;
}
.shopping-index .page-title .usage-rules[data-v-66e388c7] {
  position: absolute;
  right: 44px;
  top: 20px;
}
@media screen and (max-width: 1279px) {
.shopping-index .page-title .usage-rules[data-v-66e388c7] {
    display: block !important;
    margin: 15px auto 24px;
    position: relative !important;
    right: unset;
    top: unset;
}
}
.shopping-index .page-title[data-v-66e388c7] .el-dialog {
  margin: auto;
  width: unset !important;
  max-width: 870px;
}
.shopping-index .page-title[data-v-66e388c7] .el-dialog .el-dialog__header {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
.shopping-index .page-title[data-v-66e388c7] .el-dialog .el-dialog__header .el-dialog__headerbtn {
    right: 30px;
}
}
@media screen and (max-width: 490px) {
.shopping-index .page-title[data-v-66e388c7] .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 15px;
    right: 15px;
}
}
.shopping-index .page-title[data-v-66e388c7] .el-dialog .el-dialog__header .el-dialog__close:hover {
  color: #fff !important;
}
.shopping-index .page-title[data-v-66e388c7] .el-dialog .el-dialog__header [class*=" el-icon-"].el-icon-close:before,
.shopping-index .page-title[data-v-66e388c7] .el-dialog .el-dialog__header [class^=el-icon-].el-icon-close:before {
  font-weight: 700;
  font-size: 22px;
}
.shopping-index .page-title[data-v-66e388c7] .el-dialog .el-dialog__body {
  padding: 0 !important;
}
.shopping-index .page-title[data-v-66e388c7] .el-dialog .usage-rules-dialog {
  background-color: #141225;
  background-image: url(../img/D322_BIa.1ba14ad6.jpg) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  max-width: 870px;
  padding: 40px 116px 60px;
  line-height: 24px;
  width: 95vw;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
.shopping-index .page-title[data-v-66e388c7] .el-dialog .usage-rules-dialog {
    padding: 30px 70px 40px;
}
}
@media screen and (max-width: 767px) {
.shopping-index .page-title[data-v-66e388c7] .el-dialog .usage-rules-dialog {
    padding: 20px 30px;
}
}
@media screen and (max-width: 490px) {
.shopping-index .page-title[data-v-66e388c7] .el-dialog .usage-rules-dialog {
    padding: 20px 30px;
}
}
.shopping-index .page-title[data-v-66e388c7] .el-dialog .usage-rules-dialog .dialog-title {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.shopping-index .page-title[data-v-66e388c7] .el-dialog .usage-rules-dialog .dialog-title {
    font-size: 22px;
}
}
.shopping-index .page-title[data-v-66e388c7] .el-dialog .usage-rules-dialog .dialog-content {
  font-size: 16px;
  color: #9692b8;
  margin-top: 20px;
}
.shopping-index .page-title[data-v-66e388c7] .el-dialog .usage-rules-dialog .dialog-content .gradient {
  background: linear-gradient(90deg, #3ab8ff 0, #fb2672 60%, #7e5bc8 90%, #b5ec40);
  -webkit-background-clip: text;
          background-clip: text;
  background-size: 200% auto;
  color: transparent;
}
.shopping-index .page-title[data-v-66e388c7] .el-dialog .usage-rules-dialog .statement-tit {
  color: #fff !important;
}
.shopping-index .page-title[data-v-66e388c7] .el-dialog .usage-rules-dialog .statement-text {
  color: #696687;
  font-style: italic;
}
.shopping-index .page-title .shopping__explain-text[data-v-66e388c7] {
  color: #9692b8;
  font-size: 18px;
  margin: 20px auto 0;
  max-width: 765px;
  text-align: center;
}
@media screen and (max-width: 767px) {
.shopping-index .page-title .shopping__explain-text[data-v-66e388c7] {
    font-size: 12px;
    margin: 7px auto 0;
    padding: 0 30px;
}
}
.shopping-index .page-title .shopping__explain-text .open-notification-settings-img[data-v-66e388c7] {
  margin-bottom: -5px;
  margin-left: 3px;
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
.shopping-index .page-title .shopping__explain-text .open-notification-settings-img[data-v-66e388c7] {
    width: 14px;
}
}
.shopping-index .page-title .shopping__explain-text .open-notification-settings-button[data-v-66e388c7] {
  color: #ff3a70;
  font-size: 18px;
  text-decoration: underline;
  transition: color 0.3s;
}
@media screen and (max-width: 767px) {
.shopping-index .page-title .shopping__explain-text .open-notification-settings-button[data-v-66e388c7] {
    font-size: 12px;
}
}
.shopping-index .page-title .shopping__add-to-battle-button-block[data-v-66e388c7] {
  margin: 0 60px;
  text-align: center;
}
.shopping-index .page-title .shopping__add-to-battle-button-block .shopping__add-to-battle-button-wrapper[data-v-66e388c7] {
  display: inline-block;
  margin-top: 30px;
  position: relative;
}
.shopping-index .page-title .shopping__add-to-battle-button-block .shopping__add-to-battle-button-wrapper:not(:has(.tooltip:hover)):hover .disabled-tooltip[data-v-66e388c7] {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 767px) {
.shopping-index .page-title .shopping__add-to-battle-button-block .shopping__add-to-battle-button-wrapper[data-v-66e388c7] {
    margin-top: 20px;
}
}
.shopping-index .page-title .shopping__add-to-battle-button-block .shopping__battle-info-tooltip[data-v-66e388c7] {
  background-color: #4f4b78;
  position: absolute;
  right: -20px;
  top: -10px;
}
.shopping-index .page-title .shopping__add-to-battle-button-block .shopping__battle-info-tooltip .tooltip__question-icon[data-v-66e388c7] {
  color: #fff;
}
.shopping-index .page-title .shopping__add-to-battle-button-block .shopping__add-to-battle-button[data-v-66e388c7] {
  align-items: center;
  background-color: #28172d;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 18px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  height: 58px;
  justify-content: center;
  min-width: 291px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: unset;
}
.shopping-index .page-title .shopping__add-to-battle-button-block .shopping__add-to-battle-button.disabled[data-v-66e388c7] {
  background-color: #19172d;
  color: #4f4b78;
  opacity: 1;
}
.shopping-index .page-title .shopping__add-to-battle-button-block .shopping__add-to-battle-button.disabled .fist-icon[data-v-66e388c7] {
  background-color: #4f4b78 !important;
}
@media screen and (max-width: 767px) {
.shopping-index .page-title .shopping__add-to-battle-button-block .shopping__add-to-battle-button[data-v-66e388c7] {
    clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
    font-size: 12px;
    height: 38px;
    min-width: 201px;
    width: unset;
}
}
.shopping-index .page-title .shopping__add-to-battle-button-block .button__content[data-v-66e388c7] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.shopping-index .page-title .shopping__add-to-battle-button-block .button__content .fist-icon[data-v-66e388c7] {
  background-color: #fff;
  display: inline-block;
  height: 20px;
  margin-right: 7px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  width: 20px;
}
.shopping-index .shopping__items-wrapper[data-v-66e388c7] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  width: 1384px;
  max-width: 100%;
  min-height: 800px;
  gap: 15px;
  padding-left: 44px;
  padding-right: 44px;
  margin: 45px auto 0;
}
@media screen and (max-width: 767px) {
.shopping-index .shopping__items-wrapper[data-v-66e388c7] {
    gap: 5px;
    margin: 37px auto 0;
    padding-left: 15px;
    padding-right: 15px;
}
}
.shopping-index .shopping__items-wrapper .shopping__item-wrapper[data-v-66e388c7] {
  align-items: center;
  display: flex;
  height: 350px;
  position: relative;
  width: 234px;
}
@media screen and (max-width: 767px) {
.shopping-index .shopping__items-wrapper .shopping__item-wrapper[data-v-66e388c7] {
    height: 209px;
    width: 140px;
}
}
.shopping-index .shopping__items-wrapper .shopping__item-wrapper[data-v-66e388c7]::before, .shopping-index .shopping__items-wrapper .shopping__item-wrapper[data-v-66e388c7]::after {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 236 12'%3E%3Cpath stroke='%232c2a44' d='M1 11.065 11.131 1.003 224.87 1 235 11.203'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  height: 12px;
  position: absolute;
  transition: background 0.3s;
  width: 234px;
}
@media screen and (max-width: 767px) {
.shopping-index .shopping__items-wrapper .shopping__item-wrapper[data-v-66e388c7]::before, .shopping-index .shopping__items-wrapper .shopping__item-wrapper[data-v-66e388c7]::after {
    height: 8px;
    width: 142px;
}
}
.shopping-index .shopping__items-wrapper .shopping__item-wrapper[data-v-66e388c7]::before {
  top: 0;
}
.shopping-index .shopping__items-wrapper .shopping__item-wrapper[data-v-66e388c7]::after {
  bottom: 0;
  transform: scale(-1);
}
.shopping-index .shopping__items-wrapper .shopping__item-wrapper[data-v-66e388c7]:hover::before, .shopping-index .shopping__items-wrapper .shopping__item-wrapper[data-v-66e388c7]:hover::after {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 236 12'%3E%3Cpath stroke='%23cf3464' d='M1 11.065 11.131 1.003 224.87 1 235 11.203'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.shopping-index .shopping__items-wrapper .shopping__item[data-v-66e388c7] {
  align-items: center;
  clip-path: polygon(10px 0px, calc(100% - 10px) 0px, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0px calc(100% - 10px), 0px 10px);
  display: flex;
  flex-direction: column;
  height: 342px;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
.shopping-index .shopping__items-wrapper .shopping__item[data-v-66e388c7] {
    clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px);
    height: 205px;
}
}
.shopping-index .shopping__items-wrapper .shopping__item[data-v-66e388c7]::before, .shopping-index .shopping__items-wrapper .shopping__item[data-v-66e388c7]::after {
  content: "";
  position: absolute;
  transition: opacity 0.3s;
}
.shopping-index .shopping__items-wrapper .shopping__item[data-v-66e388c7]::before {
  height: 302px;
  left: 50%;
  opacity: 0.3;
  top: -200px;
  transform: translate(-50%);
  width: 234px;
  z-index: -1;
}
@media screen and (max-width: 767px) {
.shopping-index .shopping__items-wrapper .shopping__item[data-v-66e388c7]::before {
    height: 180px;
    top: -100px;
    width: 140px;
}
}
.shopping-index .shopping__items-wrapper .shopping__item[data-v-66e388c7]::after {
  background: linear-gradient(rgb(28, 26, 49) 0px, rgba(20, 18, 37, 0) 10.81%, rgba(20, 18, 37, 0) 88.87%, rgb(28, 26, 49));
  height: 100%;
  width: 100%;
  z-index: -2;
}
.shopping-index .shopping__items-wrapper .shopping__item.active[data-v-66e388c7]::before {
  background: radial-gradient(50% 50% at 50% 50%, #cf3464 0, rgba(207, 52, 100, 0));
}
.shopping-index .shopping__items-wrapper .shopping__item .shopping__item-image[data-v-66e388c7] {
  width: 234px;
  height: 234px;
}
@media screen and (max-width: 767px) {
.shopping-index .shopping__items-wrapper .shopping__item .shopping__item-image[data-v-66e388c7] {
    width: 140px;
    height: 140px;
}
}
.shopping-index .shopping__items-wrapper .shopping__item .shopping__item-image img[data-v-66e388c7] {
  width: 100%;
  height: 100%;
}
.shopping-index .shopping__items-wrapper .shopping__item .shopping__item-level[data-v-66e388c7] {
  color: rgb(251, 255, 254);
  font-weight: 600;
  margin-top: -25px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.shopping-index .shopping__items-wrapper .shopping__item .shopping__item-level[data-v-66e388c7] {
    font-size: 10px;
    margin-top: -16px;
}
}
.shopping-index .shopping__items-wrapper .shopping__item .shopping__item-text[data-v-66e388c7] {
  color: rgb(74, 241, 184);
  font-weight: 600;
  margin-top: 10px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.shopping-index .shopping__items-wrapper .shopping__item .shopping__item-text[data-v-66e388c7] {
    font-size: 8px;
    margin-top: 5px;
}
}
.shopping-index .shopping__items-wrapper .shopping__item .shopping__item-lock[data-v-66e388c7] {
  align-items: center;
  background-color: rgb(28, 26, 49);
  clip-path: polygon(11px 0px, calc(100% - 11px) 0px, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0px 50%);
  color: rgb(79, 75, 120);
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  margin-top: 18px;
  min-width: unset;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 112px;
  padding: 0px 15px;
  transition: color 0.3s, background-color 0.3s;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
.shopping-index .shopping__items-wrapper .shopping__item .shopping__item-lock[data-v-66e388c7] {
    margin-top: 12px;
    clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 7px 100%, 0 50%);
    font-size: 9px;
    height: 26px;
    min-width: unset;
    width: 78px;
}
}
.shopping-index .shopping__items-wrapper .shopping__item .shopping__item-lock .lock-icon[data-v-66e388c7] {
  background-color: rgb(79, 75, 120);
  display: inline-block;
  height: 12px;
  margin-right: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.488 20H3.853q-.853.002-.852-.858v-9.77c0-.557.293-.848.845-.85q.447.002.895 0c.268 0 .362-.093.363-.37.002-.85.005-1.7 0-2.55a5.6 5.6 0 0 1 .58-2.574C6.704.99 8.761-.165 11.032.019c2.09.17 3.962 1.74 4.63 3.882a6 6 0 0 1 .265 1.81q.002 1.197 0 2.393c.001.31.077.387.378.389.312.001.623-.003.934.001.477.007.76.3.76.781v9.89c0 .53-.299.834-.818.835zm.019-11.477h3.405c.292 0 .381-.09.381-.391.002-.792.007-1.583-.002-2.374a5 5 0 0 0-.07-.845C13.748 2.3 10.992.903 8.71 2.194 7.37 2.951 6.8 4.185 6.763 5.7c-.02.804-.004 1.608-.004 2.413 0 .327.083.411.401.411z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.488 20H3.853q-.853.002-.852-.858v-9.77c0-.557.293-.848.845-.85q.447.002.895 0c.268 0 .362-.093.363-.37.002-.85.005-1.7 0-2.55a5.6 5.6 0 0 1 .58-2.574C6.704.99 8.761-.165 11.032.019c2.09.17 3.962 1.74 4.63 3.882a6 6 0 0 1 .265 1.81q.002 1.197 0 2.393c.001.31.077.387.378.389.312.001.623-.003.934.001.477.007.76.3.76.781v9.89c0 .53-.299.834-.818.835zm.019-11.477h3.405c.292 0 .381-.09.381-.391.002-.792.007-1.583-.002-2.374a5 5 0 0 0-.07-.845C13.748 2.3 10.992.903 8.71 2.194 7.37 2.951 6.8 4.185 6.763 5.7c-.02.804-.004 1.608-.004 2.413 0 .327.083.411.401.411z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  opacity: 0.5;
  width: 12px;
  -webkit-mask-position: center center;
          mask-position: center center;
}
@media screen and (max-width: 767px) {
.shopping-index .shopping__items-wrapper .shopping__item .shopping__item-lock .lock-icon[data-v-66e388c7] {
    height: 10px;
    width: 7px;
}
}
.shopping-index .shopping__items-wrapper .shopping__item .shopping__item-lock .text[data-v-66e388c7] {
  opacity: 0.5;
}
.shopping-index .shopping__items-wrapper .shopping__item .open-case-button[data-v-66e388c7] {
  align-items: center;
  background-color: #cf3464;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #fff;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  margin-top: 18px;
  min-width: unset;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: 166px;
  z-index: 1;
}
.shopping-index .shopping__items-wrapper .shopping__item .open-case-button[data-v-66e388c7]:hover {
  background-color: #f15183;
}
@media screen and (max-width: 767px) {
.shopping-index .shopping__items-wrapper .shopping__item .open-case-button[data-v-66e388c7] {
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
    font-size: 12px;
    height: 28px;
    min-width: unset;
    width: 115px;
    margin-top: 12px;
}
}
.weapon-item[data-v-596e833c] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.weapon-name[data-v-596e833c] {
  padding: 10px 0;
}
.dura_alias[data-v-596e833c] {
  position: relative;
  padding-left: 10px;
  line-height: 1.2;
}
.dura_alias[data-v-596e833c]::before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: var(--pan-bottom);
  position: absolute;
  left: 0;
}
.rounded .img[data-v-596e833c] {
  transition: all 0.5s;
}
.rounded:hover .img[data-v-596e833c] {
  transform: scale(1.1) rotate(-8deg);
}
.rounded .integral[data-v-596e833c] {
  padding: 5px 15px;
}
@media screen and (max-width: 490px) {
.rounded .integral[data-v-596e833c] {
    padding: 2px 5px;
}
.rounded .integral img[data-v-596e833c] {
    width: 18px !important;
    margin-right: 0px !important;
}
.rounded .integral div[data-v-596e833c] {
    font-size: 11px !important;
}
}
.gif-png[data-v-596e833c] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 70%;
  height: 110px;
}
.gif-png img[data-v-596e833c] {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.gif-png .gif[data-v-596e833c] {
  display: none;
  width: 100%;
  height: 100%;
}
.gif-png:hover .gif[data-v-596e833c] {
  display: block;
}
.gif-png:hover .png[data-v-596e833c] {
  display: none;
}
.text-name[data-v-596e833c] {
  display: flex;
  align-items: center;
  background-color: rgba(57, 54, 74, 0.66);
  height: 100%;
}
@charset "UTF-8";
@media screen and (max-width: 1365px) {
.decorated-title .decorated-title__label[data-v-4d79ad74] {
    min-width: 165px !important;
    height: 50px !important;
}
.decorated-title .decorated-title__label-inner[data-v-4d79ad74] {
    min-width: 160px !important;
    height: 46px !important;
    font-size: 18px !important;
}
.content-top-qiang .type_List .type_item[data-v-4d79ad74] {
    font-size: 15px !important;
}
.content-top-qiang .type_List .type_item img[data-v-4d79ad74] {
    height: 16px;
}
}
@media screen and (max-width: 1023px) {
.content[data-v-4d79ad74] {
    width: 100% !important;
    padding: 0 25px !important;
}
.content-top-qiang[data-v-4d79ad74] {
    gap: 20px;
    justify-content: unset !important;
    flex-direction: row;
    flex-wrap: wrap;
}
.weapon[data-v-4d79ad74] {
    width: 200px !important;
}
}
@media screen and (max-width: 767px) {
.content-top-qiang .type_List .type_item[data-v-4d79ad74] {
    font-size: 13px !important;
}
.sortSearch-wrapper[data-v-4d79ad74] {
    margin-bottom: 35px !important;
}
.sortSearch-wrapper .sort-search > div[data-v-4d79ad74],
  .sortSearch-wrapper .sort-search .filter-button[data-v-4d79ad74] {
    margin-right: 0 !important;
}
.search_input[data-v-4d79ad74] {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(calc(100% + 7.5px));
    width: 100%;
}
.search_input input[data-v-4d79ad74] {
    width: 85%;
}
.weapon[data-v-4d79ad74] {
    width: 48% !important;
}
.filter-wrapper[data-v-4d79ad74] {
    padding: 10px 0px !important;
    font-size: 11px !important;
}
.filter-wrapper .filter-list[data-v-4d79ad74] {
    gap: 5px !important;
}
.filter-wrapper .filter-list .filter-tab[data-v-4d79ad74] {
    min-width: 76px !important;
    font-size: 11px !important;
    margin-bottom: 0 !important;
    padding: 0 10px !important;
}
}
@media screen and (max-width: 490px) {
.content[data-v-4d79ad74] {
    width: 100% !important;
    padding: 0 15px !important;
}
.decorated-title .decorated-title__label[data-v-4d79ad74] {
    min-width: 120px !important;
    height: 44px !important;
    clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 13px 100%, 0 50%) !important;
}
.decorated-title .decorated-title__label-inner[data-v-4d79ad74] {
    min-width: 136px !important;
    height: 40px !important;
    font-size: 15px !important;
    clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%) !important;
}
.decorated-title .decorated-title__decor[data-v-4d79ad74]::after {
    height: 8px !important;
}
.content-top-qiang .type_List .type_item[data-v-4d79ad74] {
    font-size: 13px !important;
}
.content-top-qiang .type_List .type_item img[data-v-4d79ad74] {
    height: 13px;
}
.sortSearch-wrapper[data-v-4d79ad74] {
    font-size: 12px;
}
.sortSearch-wrapper img[data-v-4d79ad74] {
    margin-right: 0 !important;
}
.sort-search[data-v-4d79ad74] {
    font-size: 12px !important;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 5px;
}
.sort-search .sort-icon[data-v-4d79ad74] {
    width: 16px !important;
    height: 10px !important;
}
.sort-search .price[data-v-4d79ad74] {
    width: 75px;
    margin-right: 5px !important;
    padding: 6px 8px !important;
}
.sort-search .mx-2[data-v-4d79ad74] {
    margin: 0 5px !important;
}
.sort-search input[data-v-4d79ad74] {
    font-size: 11px !important;
    width: 96px !important;
}
.sort-search .py-2[data-v-4d79ad74] {
    padding: 6px 8px !important;
}
.sort-search .py-3[data-v-4d79ad74] {
    padding: 14.25px 0px !important;
}
.sort-search .search_input input[data-v-4d79ad74] {
    width: 80% !important;
}
.sort-search .el-icon-search[data-v-4d79ad74] {
    display: flex;
    align-items: center;
    height: 28px !important;
    margin-top: 0 !important;
}
.sort-search .el-icon-search[data-v-4d79ad74]::before {
    font-size: 13px !important;
}
.filter-wrapper .d-flex[data-v-4d79ad74] {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 10px;
}
.filter-wrapper .d-flex.mt-3[data-v-4d79ad74] {
    margin-top: 0px !important;
}
.filter-wrapper .d-flex .quality[data-v-4d79ad74] {
    font-size: 12px;
}
.filter-wrapper .d-flex .filter-list[data-v-4d79ad74] {
    margin-left: 12px;
    gap: 4px !important;
}
.filter-wrapper .d-flex .filter-list .filter-tab[data-v-4d79ad74] {
    padding: 0 8px !important;
}
.weapon[data-v-4d79ad74] .text-overflow-1 {
    word-break: break-word;
    -webkit-line-clamp: 2;
}
.gif-png[data-v-4d79ad74] {
    width: 60% !important;
}
}
@media screen and (max-width: 400px) {
.sort-search[data-v-4d79ad74] {
    transform: scale(0.9);
    transform-origin: left top;
    width: 111.1111111111%;
}
.sort-search > div[data-v-4d79ad74] {
    width: 111.1111111111%;
}
}
.content[data-v-4d79ad74] {
  position: relative;
  padding: 0 44px;
  margin: auto;
  overflow: hidden;
  background-image: url(../img/shop-bg.b7e52f60.jpg);
  background-position: top left;
  background-size: 100%;
  background-repeat: no-repeat;
}
/**title */
.decorated-title[data-v-4d79ad74] {
  align-items: center;
  display: flex;
  margin: 30px 0 66px;
}
@media screen and (max-width: 767px) {
.decorated-title[data-v-4d79ad74] {
    margin: 30px 0;
}
}
.decorated-title.is-gray .decorated-title__decor[data-v-4d79ad74]:first-of-type,
.decorated-title.is-gray .decorated-title__decor[data-v-4d79ad74]:first-of-type::after {
  background: linear-gradient(270deg, #5a5587, rgba(28, 26, 49, 0));
}
.decorated-title.is-gray .decorated-title__label[data-v-4d79ad74] {
  background: #5a5587;
}
.decorated-title.is-gray .decorated-title__label-inner[data-v-4d79ad74] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206' height='56' fill='none' viewBox='0 0 206 56'%3E%3Cmask id='a' width='206' height='56' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%231c1a31' d='M0 28 16.316 0h173.368L206 28l-16.316 28H16.316z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath stroke='url(%23b)' stroke-width='2' d='m-250-312.996 500 500'/%3E%3Cpath stroke='url(%23c)' stroke-width='40' d='m-155-132 500 500' opacity='.1'/%3E%3Cpath stroke='url(%23d)' stroke-width='40' d='m40-132 500 500' opacity='.1'/%3E%3Cpath stroke='url(%23e)' stroke-width='10' d='m-250-335.996 500 500'/%3E%3Cellipse cx='423.5' cy='272.391' fill='url(%23f)' opacity='.2' rx='423.5' ry='272.391' transform='rotate(-134.196 178.28 -59.25)scale(1 -1)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='84' x2='84' y1='-144.996' y2='187.004' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235a5587'/%3E%3Cstop offset='1' stop-color='%23262340' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='179' x2='179' y1='36' y2='368' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235a5587'/%3E%3Cstop offset='.818' stop-color='%23262340' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='374' x2='374' y1='36' y2='368' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235a5587'/%3E%3Cstop offset='.818' stop-color='%23262340' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='84' x2='84' y1='-167.996' y2='164.004' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235a5587'/%3E%3Cstop offset='1' stop-color='%23262340' stop-opacity='0'/%3E%3C/linearGradient%3E%3CradialGradient id='f' cx='0' cy='0' r='1' gradientTransform='matrix(0 272.391 -423.5 0 423.5 272.391)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235a5587'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
  color: #fff;
}
.decorated-title.is-gray .decorated-title__decor[data-v-4d79ad74]:last-of-type,
.decorated-title.is-gray .decorated-title__decor[data-v-4d79ad74]:last-of-type::after {
  background: linear-gradient(270deg, rgba(28, 26, 49, 0), #5a5587);
}
.decorated-title .decorated-title__decor[data-v-4d79ad74] {
  flex-shrink: 1;
  height: 1px;
  position: relative;
  width: 100%;
  z-index: 1;
  background: linear-gradient(270deg, #343150, rgba(28, 26, 49, 0));
  right: -12px;
}
.decorated-title .decorated-title__decor[data-v-4d79ad74]::after {
  content: "";
  height: 12px;
  max-width: 260px;
  opacity: 0.4;
  position: absolute;
  top: 4px;
  width: 100%;
}
.decorated-title .decorated-title__decor[data-v-4d79ad74]:first-of-type {
  background: linear-gradient(270deg, #343150, rgba(28, 26, 49, 0));
  right: -12px;
}
.decorated-title .decorated-title__decor[data-v-4d79ad74]:first-of-type::after {
  background: linear-gradient(270deg, #343150 37%, rgba(28, 26, 49, 0));
  right: 0;
}
.decorated-title .decorated-title__decor[data-v-4d79ad74]:last-of-type {
  background: linear-gradient(90deg, #343150, rgba(28, 26, 49, 0));
  left: -12px;
}
.decorated-title .decorated-title__decor[data-v-4d79ad74]:last-of-type::after {
  background: linear-gradient(90deg, #343150 37%, rgba(28, 26, 49, 0));
  left: 0;
}
.decorated-title .decorated-title__label[data-v-4d79ad74] {
  align-items: center;
  background-color: #b5ec40;
  clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 600;
  height: 56px;
  justify-content: center;
  min-width: 206px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
  z-index: 2;
  padding: 0;
}
.decorated-title .decorated-title__label-inner[data-v-4d79ad74] {
  align-items: center;
  background-color: #17152a;
  clip-path: polygon(15px 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0 50%);
  color: #b5ec40;
  cursor: pointer;
  display: inline-flex;
  font-size: 20px;
  font-weight: 600;
  height: 52px;
  justify-content: center;
  letter-spacing: -1px;
  margin-inline: 3px;
  min-width: 201px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
  background-image: url(../img/Co3DeVHI.fa196f69.png);
  background-position: 50%;
  background-size: cover;
  cursor: auto;
}
.usage-rules[data-v-4d79ad74] {
  display: flex;
  flex: 0;
  justify-content: center;
  position: absolute;
  top: 78px;
  right: 66px;
}
@media screen and (max-width: 1024px) {
.usage-rules[data-v-4d79ad74] {
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
    font-size: 13px;
    height: 36px;
    min-width: 155px;
    width: unset;
}
}
@media screen and (max-width: 767px) {
.usage-rules[data-v-4d79ad74] {
    right: unset;
    position: relative;
    top: 0;
}
}
[data-v-4d79ad74] .usage-rules-dialog-wrapper {
  max-width: 870px !important;
}
[data-v-4d79ad74] .usage-rules-dialog-wrapper .usage-rules-dialog .dialog-content p {
  position: relative;
  color: #9692b8;
  padding-left: 69px;
  margin-bottom: 45px;
}
[data-v-4d79ad74] .usage-rules-dialog-wrapper .usage-rules-dialog .dialog-content p .color_fff {
  color: #fefefe;
}
[data-v-4d79ad74] .usage-rules-dialog-wrapper .usage-rules-dialog .dialog-content p span {
  color: #6e5ef7;
  transition: color 0.3s;
}
[data-v-4d79ad74] .usage-rules-dialog-wrapper .usage-rules-dialog .dialog-content p .gotoUrl {
  text-decoration: underline;
  text-transform: uppercase;
}
[data-v-4d79ad74] .usage-rules-dialog-wrapper .usage-rules-dialog .dialog-content p .gotoUrl:hover {
  color: #ff568a;
  cursor: pointer;
}
[data-v-4d79ad74] .usage-rules-dialog-wrapper .usage-rules-dialog .dialog-content button {
  content: "";
  position: absolute;
  top: -11px;
  left: 0;
  height: 52px;
  width: 52px;
  color: #8884a9;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  background: url(../img/DTk0WGq9.65741ffe.png) center -26px no-repeat;
}
[data-v-4d79ad74] .usage-rules-dialog-wrapper .usage-rules-dialog img {
  position: relative;
  top: 6px;
  width: 24px;
  height: 24px;
}

/**类型 */
.content-top-qiang[data-v-4d79ad74] {
  justify-content: space-between;
  color: #fff;
  margin-block: 20px;
  min-height: 50px;
}
.content-top-qiang .type_List[data-v-4d79ad74] {
  display: flex;
  font-size: 14px;
}
.content-top-qiang .type_item[data-v-4d79ad74] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.content-top-qiang .type_item img[data-v-4d79ad74] {
  height: 20px;
  margin-right: 10px;
  filter: brightness(0) invert(0.7);
}
.content-top-qiang .active .type_item[data-v-4d79ad74] {
  color: #df4b7b;
}
/**排序、搜索 */
.sortSearch-wrapper[data-v-4d79ad74] {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.sortSearch-wrapper .cursor-pointer[data-v-4d79ad74] {
  margin-right: 10px;
}
.sortSearch-wrapper .sort-search[data-v-4d79ad74] {
  display: flex;
  font-size: 14px;
}
.sortSearch-wrapper .sort-search .div-bg[data-v-4d79ad74] {
  color: #fff;
  background-color: #403d4d;
  border-radius: 10px;
  box-sizing: border-box;
}
.sortSearch-wrapper .sort-search .div-bg input[data-v-4d79ad74] {
  margin-left: 8px;
}
.sortSearch-wrapper .sort-search .div-bg input[data-v-4d79ad74]::-moz-placeholder {
  color: #6a7180;
}
.sortSearch-wrapper .sort-search .div-bg input[data-v-4d79ad74]::placeholder {
  color: #6a7180;
}
.sortSearch-wrapper .sort-search .div-bg .el-icon-search[data-v-4d79ad74] {
  cursor: pointer;
}
.sortSearch-wrapper .sort-search .price[data-v-4d79ad74] {
  display: flex;
  align-items: baseline;
  padding: 6px 12px;
}
.sortSearch-wrapper .sort-search .filter[data-v-4d79ad74] {
  color: #fff;
}
.sortSearch-wrapper .sort-search .sort-icon[data-v-4d79ad74] {
  background-color: #9793ba;
  height: 13px;
  margin-right: 6px;
  margin-top: 2px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'%3E%3Cpath fill-rule='evenodd' d='M3.028.215v9.707H.474l3.302 3.754 3.302-3.754H4.523V.215zM8.56.993v1.468h13.227V.993zm0 3.494v1.467h10.683V4.487zm0 3.493v1.467h8.14V7.98zm0 3.493v1.468h5.596v-1.468z' clip-rule='evenodd'/%3E%3Cpath d='M3.776 14 0 9.707h2.815V0h1.92v9.708h2.816zm-2.83-3.864 2.829 3.216 2.828-3.216H4.308V.43H3.241v9.707H.947m13.424 3.02H8.348v-1.897h6.022zm-5.597-.43h5.17v-1.038h-5.17zm8.14-3.064H8.347V7.765h8.565zm-8.14-.43h7.713V8.196H8.773zM19.456 6.17H8.347V4.272h11.109zm-10.683-.43H19.03V4.701H8.773zM22 2.675H8.347V.78H22zM8.773 2.246h12.8V1.208h-12.8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'%3E%3Cpath fill-rule='evenodd' d='M3.028.215v9.707H.474l3.302 3.754 3.302-3.754H4.523V.215zM8.56.993v1.468h13.227V.993zm0 3.494v1.467h10.683V4.487zm0 3.493v1.467h8.14V7.98zm0 3.493v1.468h5.596v-1.468z' clip-rule='evenodd'/%3E%3Cpath d='M3.776 14 0 9.707h2.815V0h1.92v9.708h2.816zm-2.83-3.864 2.829 3.216 2.828-3.216H4.308V.43H3.241v9.707H.947m13.424 3.02H8.348v-1.897h6.022zm-5.597-.43h5.17v-1.038h-5.17zm8.14-3.064H8.347V7.765h8.565zm-8.14-.43h7.713V8.196H8.773zM19.456 6.17H8.347V4.272h11.109zm-10.683-.43H19.03V4.701H8.773zM22 2.675H8.347V.78H22zM8.773 2.246h12.8V1.208h-12.8z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transform: rotate(0);
  transition: transform 0.3s, background-color 0.3s;
  width: 21px;
}
.sortSearch-wrapper .sort-search .sort-icon.active[data-v-4d79ad74] {
  transform: rotate(180deg);
}

/**筛选、列表 */
.content-list-wrapper[data-v-4d79ad74] {
  background-color: rgba(53, 50, 70, 0.175);
  border-radius: 10px;
  padding-bottom: 50px;
}
.content-list-wrapper .filter-wrapper[data-v-4d79ad74] {
  padding: 40px 100px 40px 20px;
}
.content-list-wrapper .filter-wrapper .quality[data-v-4d79ad74] {
  flex: 0 0 auto;
  min-width: 55px;
  line-height: 25px;
}
@media screen and (max-width: 490px) {
.content-list-wrapper .filter-wrapper .quality[data-v-4d79ad74] {
    line-height: 14px;
}
}
.content-list-wrapper .filter-wrapper .filter-list[data-v-4d79ad74] {
  display: flex;
  flex-wrap: wrap;
}
.content-list-wrapper .filter-wrapper .filter-tab[data-v-4d79ad74] {
  min-width: 90px;
  height: 24px;
  line-height: 25px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  padding: 0 15px;
  text-transform: uppercase;
}
.content-list-wrapper .filter-wrapper .filter-tab.active[data-v-4d79ad74] {
  background-color: #806cf5;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  color: #fff;
  cursor: default;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.content-list-wrapper .filter-wrapper .filter-tab.disabled[data-v-4d79ad74] {
  color: #cbc;
  opacity: 0.5;
  cursor: none;
  pointer-events: none;
}
.content-list-wrapper .list-wrapper[data-v-4d79ad74] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 0 15px;
  gap: 10px;
}
.content-list-wrapper .list-wrapper .weapon[data-v-4d79ad74] {
  width: 222px;
  cursor: pointer;
}
.content-list-wrapper .list-wrapper .weapon .weapon-item[data-v-4d79ad74] {
  background-color: #201d3a;
  border: 1.5px solid rgba(92, 73, 208, 0.2);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
}
.content-list-wrapper .list-wrapper .weapon .weapon-item[data-v-4d79ad74]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(92, 73, 208, 0.1) 0%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 0;
}
.content-list-wrapper .list-wrapper .weapon .weapon-item[data-v-4d79ad74]:hover {
  border-color: #5c49d0;
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(92, 73, 208, 0.3);
}
.content-list-wrapper .list-wrapper .weapon .weapon-item[data-v-4d79ad74]:hover::before {
  opacity: 1;
}
.content-list-wrapper .list-wrapper .weapon .weapon-item[data-v-4d79ad74]:hover .text-name {
  background-color: #806cf5;
}
.content-list-wrapper .list-wrapper .loader-wrapper[data-v-4d79ad74] {
  position: absolute;
  inset: 0;
  z-index: 1;
  backdrop-filter: blur(2px);
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
/**翻页 */
.pagination-item__wrapper[data-v-4d79ad74] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 84px;
  padding-top: 50px;
}
.pagination-item__wrapper .pagination-item[data-v-4d79ad74] {
  display: flex;
  flex-direction: row;
  height: 30px;
  position: relative;
}
.pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-4d79ad74] {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 39px;
}
.pagination-item__wrapper .pagination-item .pagination-item__icon-arrow[data-v-4d79ad74] {
  transition: opacity 0.3s;
  background-color: #fff;
  height: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 12px;
  z-index: 1;
}
.pagination-item__wrapper .pagination-item .pagination-item__icon-arrow.arrow_left[data-v-4d79ad74] {
  margin-right: 2px;
  transform: rotate(-90deg);
}
.pagination-item__wrapper .pagination-item .pagination-item__icon-arrow.arrow_right[data-v-4d79ad74] {
  margin-left: 2px;
  transform: rotate(90deg);
}
.pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-4d79ad74] {
  align-items: center;
  color: #cf3464;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  margin: 0 10px;
  min-width: 39px;
  padding: 0 10px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-4d79ad74]::after, .pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-4d79ad74]::before {
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-4d79ad74]::before {
  background: #2b192f;
  height: 100%;
  width: 100%;
}
.pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-4d79ad74]::after {
  background: #141225;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.pagination-item__wrapper .pagination-item .pagination-item__current-page span[data-v-4d79ad74] {
  position: relative;
  z-index: 1;
}
.pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-4d79ad74] {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 39px;
}
.pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-4d79ad74]::after,
.pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-4d79ad74]::before,
.pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-4d79ad74]::after,
.pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-4d79ad74]::before {
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-4d79ad74]::before,
.pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-4d79ad74]::before {
  background: #282543;
  height: 100%;
  width: 100%;
}
.pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-4d79ad74]::after,
.pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-4d79ad74]::after {
  background: #1e1c35;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.pagination-item__wrapper .pagination-item .pagination-item__pages-info[data-v-4d79ad74] {
  color: #4f4b78;
  font-size: 13px;
  font-weight: 600;
  left: 100%;
  line-height: 30px;
  margin-left: 12px;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

/**购买弹窗 */
.el-dialog__wrapper[data-v-4d79ad74] {
  background: rgba(4, 3, 20, 0.6);
  backdrop-filter: blur(1px);
  overflow: hidden !important;
  display: flex;
}
[data-v-4d79ad74] .el-dialog {
  background-color: #201d3a !important;
  width: 90vw !important;
  max-width: 688px;
  overflow: hidden;
  position: relative;
  margin-top: 0 !important;
  border-radius: 20px;
}
[data-v-4d79ad74] .el-dialog .el-dialog__headerbtn {
  top: 10px;
  right: 10px;
}
[data-v-4d79ad74] .el-dialog .el-dialog__body {
  height: 100%;
}
@media screen and (max-width: 490px) {
[data-v-4d79ad74] .el-dialog p {
    padding-left: 50px !important;
}
[data-v-4d79ad74] .el-dialog button {
    transform: scale(0.75);
    transform-origin: left top;
}
}
.weapon-dialog-content[data-v-4d79ad74] {
  position: relative;
  padding-bottom: 25px;
}
.weapon-dialog-content .icon-3d[data-v-4d79ad74] {
  position: absolute;
  top: 15px;
  left: 18px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.weapon-dialog-content .weapon-wrapper[data-v-4d79ad74] {
  display: flex;
  gap: 15px;
  color: #fff;
  padding: 50px 15px 0;
}
.weapon-dialog-content .weapon-wrapper .weapon-img[data-v-4d79ad74] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 253px;
  background-image: url(../img/buy-bg.7f5ba6aa.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.weapon-dialog-content .weapon-wrapper .weapon-img img[data-v-4d79ad74] {
  width: 288px;
  -o-object-fit: contain;
     object-fit: contain;
}
.weapon-dialog-content .weapon-wrapper .weapon-info[data-v-4d79ad74] {
  width: 100%;
}
.weapon-dialog-content .weapon-wrapper .info_1[data-v-4d79ad74] {
  padding: 0 15px;
  border-radius: 4px;
  background-color: rgba(57, 54, 74, 0.66);
}
.weapon-dialog-content .weapon-wrapper .name[data-v-4d79ad74] {
  display: flex;
  justify-content: space-between;
  font-size: 17px;
  padding: 30px 0;
  flex-wrap: wrap;
}
.weapon-dialog-content .weapon-wrapper .quality[data-v-4d79ad74] {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-top: 1px solid #464451;
}
.weapon-dialog-content .weapon-wrapper .info_2[data-v-4d79ad74] {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  background-color: rgba(57, 54, 74, 0.66);
  padding: 20px 15px 14px;
  margin-top: 15px;
  border-radius: 4px;
}
.weapon-dialog-content .weapon-wrapper .info_2 span[data-v-4d79ad74] {
  font-weight: 700;
  color: #4af1cc;
}
.weapon-dialog-content .buy-button[data-v-4d79ad74] {
  width: 200px;
  height: 45px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  background-color: #806cf5;
  border-radius: 10px;
  margin: 24px auto 0;
  cursor: pointer;
}
.gif-png[data-v-4d79ad74] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 60%;
  height: 210px;
  margin: 0 auto;
}
.gif-png img[data-v-4d79ad74] {
  width: 70%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.gif-png .gif[data-v-4d79ad74] {
  display: none;
  width: 55%;
}
.gif-png:hover .gif[data-v-4d79ad74] {
  display: block;
}
.gif-png:hover .png[data-v-4d79ad74] {
  display: none;
}
.active[data-v-4d79ad74] {
  position: relative;
}
.immediatelyShopping[data-v-4d79ad74] {
  width: 600px;
  left: calc(50% - 300px);
  top: 25%;
}
@media (max-width: 1200px) {
.immediatelyShopping[data-v-4d79ad74] {
    width: 95%;
    left: 2.5%;
    top: 10vh;
}
.immediatelyShopping-box[data-v-4d79ad74] {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.immediatelyShopping-box-con-img[data-v-4d79ad74] {
    width: 50%;
}
.immediatelyShopping-box-con img[data-v-4d79ad74] {
    width: 100%;
}
.immediatelyShopping-box-con-dis[data-v-4d79ad74] {
    margin-left: 20px !important;
    margin-top: 10px;
}
}
@media (max-width: 960px) {
.immediatelyShopping-box-con[data-v-4d79ad74] {
    flex-wrap: wrap;
    justify-content: center;
}
.immediatelyShopping-box-con-img[data-v-4d79ad74] {
    width: 50%;
}
}
.icon-size[data-v-4d79ad74] {
  font-weight: bold;
  font-size: 14px !important;
}
.icon-zhuan[data-v-4d79ad74] {
  font-weight: bold;
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
[data-v-4d79ad74] .login_egister {
    width: 100vw !important;
    transform: scale(0.95);
}
[data-v-4d79ad74] .login_egister .gif-png {
    width: 54% !important;
    height: 189px !important;
}
}
@media screen and (max-width: 550px) {
[data-v-4d79ad74] .login_egister {
    transform: scale(0.9);
}
[data-v-4d79ad74] .login_egister .gif-png {
    width: 48% !important;
    height: 168px !important;
}
}
@media screen and (max-width: 490px) {
[data-v-4d79ad74] .login_egister {
    transform: scale(0.9);
}
}
@media screen and (max-width: 420px) {
[data-v-4d79ad74] .login_egister .gif-png {
    width: 45% !important;
}
[data-v-4d79ad74] .login_egister .gif-png img {
    width: 100% !important;
}
[data-v-4d79ad74] .login_egister .weapon-info {
    transform: scale(0.8);
    transform-origin: top left;
    margin-bottom: -50px;
}
[data-v-4d79ad74] .login_egister .weapon-info .info_1,[data-v-4d79ad74] .login_egister .weapon-info .info_2 {
    width: 125% !important;
}
}
.display-unset[data-v-4d79ad74] {
  display: unset;
  overflow-y: scroll !important;
}
.lucky-container .upgrade-top-block[data-v-2b24a57e] {
  align-items: center;
  display: flex;
  flex-grow: 1;
  height: 70px;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
.lucky-container .upgrade-top-block[data-v-2b24a57e] {
    height: 20px;
}
}
@media screen and (max-width: 768px) {
.lucky-container .upgrade-top-block[data-v-2b24a57e] {
    height: 0px;
}
}
.lucky-container .how-it-works-button[data-v-2b24a57e] {
  margin-top: 25px;
  width: 100%;
  display: flex;
  justify-content: center;
  color: #9793c7;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 1px;
  transition: color 0.3s;
}
.lucky-container .how-it-works-button .button__content[data-v-2b24a57e] {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  white-space-collapse: preserve;
}
.lucky-container .how-it-works-button .button__content .info-icon[data-v-2b24a57e] {
  background-color: #9793c7;
  display: inline-block;
  height: 14px;
  margin-right: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  transition: background-color 0.3s;
  width: 14px;
}
@media screen and (max-width: 490px) {
.lucky-container .how-it-works-button[data-v-2b24a57e] {
    margin-top: 10px;
    font-size: 12px;
}
.lucky-container .how-it-works-button .info-icon[data-v-2b24a57e] {
    width: 12px;
    height: 12px;
}
}
.lucky-container .usage-rules-dialog .dialog-content p[data-v-2b24a57e] {
  position: relative;
  color: #9692b8;
  padding-left: 69px;
  margin-bottom: 45px;
}
.lucky-container .usage-rules-dialog .dialog-content p span[data-v-2b24a57e] {
  color: #ff568a;
  text-transform: uppercase;
}
.lucky-container .usage-rules-dialog .dialog-content button[data-v-2b24a57e] {
  content: "";
  position: absolute;
  top: -11px;
  left: 0;
  height: 52px;
  width: 52px;
  color: #8884a9;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  background: url(../img/DTk0WGq9.65741ffe.png) center -26px no-repeat;
}
@media screen and (max-width: 1365px) {
.lucky-container .lucky-content[data-v-2b24a57e] {
    transform: scale(0.9);
    width: 111.1111111111%;
    transform-origin: left top;
    margin-bottom: -123px;
}
}
@media screen and (max-width: 1250px) {
.lucky-container .lucky-content[data-v-2b24a57e] {
    transform: scale(0.8);
    width: 125%;
    margin-bottom: -246px;
}
}
.lucky-container .game-container-wrapper .game-container[data-v-2b24a57e] {
  background: url(../img/Bj0KUzpO.c8fd26eb.png) no-repeat;
  background-position: center -16px;
  display: flex;
  height: 497px;
  justify-content: center;
  margin: 0 auto;
  max-width: 1292px;
  padding-top: 26px;
  margin-bottom: 58px;
  position: relative;
  width: 100%;
}
.lucky-container .game-container-wrapper .game-container[data-v-2b24a57e]::after, .lucky-container .game-container-wrapper .game-container[data-v-2b24a57e]::before {
  background: url(../img/DzsQBxUJ.715823cb.png) no-repeat;
  bottom: 0;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: background 0.3s;
  width: 436px;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
.lucky-container .game-container-wrapper .game-container[data-v-2b24a57e]::after, .lucky-container .game-container-wrapper .game-container[data-v-2b24a57e]::before {
    width: 0;
}
}
.lucky-container .game-container-wrapper .game-container[data-v-2b24a57e]::before {
  left: -315px;
}
.lucky-container .game-container-wrapper .game-container[data-v-2b24a57e]::after {
  right: -315px;
  transform: scaleX(-1);
}
.lucky-container .game-container-wrapper .game-container .sacrifice-selected-items[data-v-2b24a57e],
.lucky-container .game-container-wrapper .game-container .desired-selected-items[data-v-2b24a57e] {
  position: relative;
  display: block;
  padding-top: 15px;
  z-index: 1;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper[data-v-2b24a57e] {
  height: 280px;
  width: 360px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state[data-v-2b24a57e] {
  padding-top: 60px;
  position: relative;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state .item-empty-state__img[data-v-2b24a57e] {
  background: url(../img/B5AVPzcl.bd52a93e.svg) no-repeat;
  background-size: contain;
  height: 180px;
  width: 360px;
  margin: 0 auto;
}
@media screen and (max-width: 1365px) {
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state .item-empty-state__img[data-v-2b24a57e] {
    height: 150px;
    width: 300px;
}
}
@media screen and (max-width: 1024px) {
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state .item-empty-state__img[data-v-2b24a57e] {
    height: 120px;
    width: 240px;
}
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state .item-empty-state__text[data-v-2b24a57e] {
  align-items: center;
  color: #4f4b78;
  display: flex;
  flex-direction: column;
  margin: 10px auto;
  width: 160px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item[data-v-2b24a57e] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__close[data-v-2b24a57e] {
  position: absolute;
  top: 0;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #24203f;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  cursor: pointer;
  height: 34px;
  transition: background 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 30px;
  z-index: 1;
}
@media screen and (max-width: 765px) {
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__close[data-v-2b24a57e] {
    width: 39px;
    height: 44px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__close .selected-item__close-icon[data-v-2b24a57e] {
    width: 14px !important;
    height: 14px !important;
}
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__close[data-v-2b24a57e]:hover {
  background: #341d37;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__close .selected-item__close-icon[data-v-2b24a57e] {
  background-color: #4f4b78;
  height: 12px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  transition: background-color 0.3s;
  width: 12px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__img[data-v-2b24a57e] {
  display: flex;
  align-items: center;
  width: 320px;
  height: 320px;
  background-position: 50% 50%;
  background-size: 90% auto;
  background-repeat: no-repeat;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__img img[data-v-2b24a57e] {
  width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__price[data-v-2b24a57e] {
  position: absolute;
  align-items: center;
  bottom: 15px;
  color: #4af1b8;
  display: flex;
  height: 34px;
  padding: 0 15px;
  right: -10px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__price[data-v-2b24a57e]::before {
  background-color: #22203d;
  clip-path: polygon(11px 0, 0 50%, 11px 100%, 12px calc(100% - 1px), 1px 50%, 12px 1px, calc(100% - 12px) 1px, calc(100% - 1px) 50%, calc(100% - 12px) calc(100% - 1px), 11px calc(100% - 1px), 11px 100%, calc(100% - 11px) 100%, 100% 50%, calc(100% - 11px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__price .price[data-v-2b24a57e] {
  font-size: 14px;
  font-weight: 700;
  margin-right: 4px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info[data-v-2b24a57e] {
  bottom: -12px;
  left: 0;
  line-height: 100%;
  position: absolute;
  text-align: left;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info .item-info__wrapper-type[data-v-2b24a57e] {
  color: #c4c5cf;
  font-size: 14px;
  font-weight: 600;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info .item-info__name[data-v-2b24a57e] {
  color: #e7e6f1;
  font-size: 15px;
  font-weight: 600;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info .item-info__quality[data-v-2b24a57e] {
  color: #777a99;
  font-size: 11px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation[data-v-2b24a57e] {
  left: -50px;
  position: absolute;
  bottom: -3px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-up[data-v-2b24a57e],
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-down[data-v-2b24a57e] {
  align-items: center;
  background: radial-gradient(50% 50% at 50% 50%, #2f2976 0, rgba(47, 41, 118, 0));
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  transform: rotate(90deg);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 34px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-up[data-v-2b24a57e]::before,
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-down[data-v-2b24a57e]::before {
  background-color: #2f2976;
  clip-path: polygon(9px 0, 0 50%, 9px 100%, 10px calc(100% - 3px), 3px 50%, 10px 3px, calc(100% - 10px) 3px, calc(100% - 3px) 50%, calc(100% - 10px) calc(100% - 3px), 9px calc(100% - 3px), 9px 100%, calc(100% - 9px) 100%, 100% 50%, calc(100% - 9px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-icon[data-v-2b24a57e] {
  background-color: #fff;
  height: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  transform: rotate(-90deg);
  width: 12px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-down[data-v-2b24a57e] {
  padding-left: 3px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-down[data-v-2b24a57e]:not(:first-child) {
  margin-top: 12px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-down .item-info__navigation-icon[data-v-2b24a57e] {
  transform: rotate(-270deg);
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item.selected-item_right .selected-item__close[data-v-2b24a57e] {
  left: 10px;
  right: auto;
}
@media screen and (max-width: 1024px) {
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item.selected-item_right .selected-item__close[data-v-2b24a57e] {
    left: unset;
    right: 10px;
}
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item.selected-item_right .selected-item__price[data-v-2b24a57e] {
  left: -10px;
  right: auto;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item.selected-item_right .item-info[data-v-2b24a57e] {
  bottom: -5px;
  left: auto;
  right: 0;
  text-align: right;
}
@media screen and (max-width: 600px) {
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper[data-v-2b24a57e] {
    width: 300px;
}
}
@media screen and (max-width: 490px) {
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper[data-v-2b24a57e] {
    width: 260px;
}
}
@media screen and (max-width: 1024px) {
.lucky-container .game-container-wrapper .game-container[data-v-2b24a57e] {
    margin-top: 365px;
    transform-origin: center top;
    padding-top: 0;
    margin-bottom: 0px;
}
}
@media screen and (max-width: 768px) {
.lucky-container .game-container-wrapper .game-container[data-v-2b24a57e] {
    margin-top: 290px;
    transform: scale(0.8);
    margin-bottom: -88px;
}
}
@media screen and (max-width: 600px) {
.lucky-container .game-container-wrapper .game-container[data-v-2b24a57e] {
    margin-top: 270px;
    transform: scale(0.75);
    margin-bottom: -120px;
}
}
@media screen and (max-width: 430px) {
.lucky-container .game-container-wrapper .game-container[data-v-2b24a57e] {
    margin-top: 245px;
    transform: scale(0.68);
    margin-bottom: -150px;
}
}
@media screen and (max-width: 374px) {
.lucky-container .game-container-wrapper .game-container[data-v-2b24a57e] {
    margin-top: 230px;
    transform: scale(0.64);
    margin-bottom: -175px;
}
}
@media screen and (max-width: 350px) {
.lucky-container .game-container-wrapper .game-container[data-v-2b24a57e] {
    margin-top: 215px;
    transform: scale(0.6);
    margin-bottom: -200px;
}
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2b24a57e] {
  text-align: center;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .sacrifice-selected-items__buttons[data-v-2b24a57e] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  margin-top: 30px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .sacrifice-selected-items__buttons .button_empty-state[data-v-2b24a57e] {
  align-items: center;
  background-color: #282546;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
  color: #9793c7;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  min-width: 146px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: unset;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .sacrifice-selected-items__buttons .button_empty-state[data-v-2b24a57e]:not(:first-child) {
  margin-left: 10px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .sacrifice-selected-items__buttons .button_empty-state[data-v-2b24a57e]:hover {
  color: #fff;
  background-color: #4f4b78;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .sacrifice-selected-items__buttons .button_empty-state .button__content[data-v-2b24a57e] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
@media screen and (max-width: 1024px) {
.lucky-container .game-container-wrapper .sacrifice-selected-items .sacrifice-selected-items__buttons .button_empty-state[data-v-2b24a57e] {
    min-width: 131px;
    font-size: 13px;
}
}
@media screen and (max-width: 490px) {
.lucky-container .game-container-wrapper .sacrifice-selected-items .sacrifice-selected-items__buttons .button_empty-state[data-v-2b24a57e] {
    min-width: 117px;
}
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .button_discard-items[data-v-2b24a57e] {
  position: relative;
  align-items: center;
  background-color: #5c49d0;
  clip-path: polygon(17px 0, calc(100% - 17px) 0, 100% 50%, calc(100% - 17px) 100%, 17px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  height: 58px;
  justify-content: center;
  margin-top: 30px;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: 260px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .button_discard-items .button__content[data-v-2b24a57e] {
  display: flex;
  align-items: center;
  flex-direction: row;
  white-space-collapse: preserve;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .button_discard-items .button_discard-items__icon[data-v-2b24a57e] {
  background-color: #fff;
  height: 13px;
  margin-right: 12px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  width: 13px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .info-selected-shadow[data-v-2b24a57e] {
  filter: drop-shadow(0 8px 5px rgba(0, 0, 0, 0.2));
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .info-selected-shadow .info-selected[data-v-2b24a57e] {
  background-color: #141225;
  box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.2);
  clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%);
  height: 58px;
  margin: 29px auto 0;
  position: relative;
  width: 256px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .info-selected-shadow .info-selected[data-v-2b24a57e]::before {
  background-color: #1c1a33;
  clip-path: polygon(16px 0, 0 50%, 16px 100%, 17px calc(100% - 2px), 2px 50%, 17px 2px, calc(100% - 17px) 2px, calc(100% - 2px) 50%, calc(100% - 17px) calc(100% - 2px), 16px calc(100% - 2px), 16px 100%, calc(100% - 16px) 100%, 100% 50%, calc(100% - 16px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .info-selected-shadow .info-selected .info-selected__nothing-selected[data-v-2b24a57e] {
  align-items: center;
  color: #4f4b78;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .info-selected-shadow .info-selected__content[data-v-2b24a57e] {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: stretch;
  padding: 0 22px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .info-selected-shadow .info-selected__content .info-selected__content-count[data-v-2b24a57e] {
  color: #dfddef;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .info-selected-shadow .info-selected__content .info-selected__content-bucks[data-v-2b24a57e] {
  color: #dfddef;
  font-weight: 600;
  margin-left: auto;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .info-selected-shadow .info-selected__content .info-selected__content-price[data-v-2b24a57e] {
  color: #30e0fa;
  font-size: 17px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2b24a57e] {
    order: 1;
    margin-right: 20px;
}
}
.lucky-container .game-container-wrapper .game-roulette-manager[data-v-2b24a57e] {
  padding: 0 45px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette[data-v-2b24a57e] {
  height: 327px;
  margin-top: 10.5px;
  position: relative;
  width: 329px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette[data-v-2b24a57e]::before {
  background: url(../img/DfzXdiMI.7772b7d6.png) no-repeat;
  content: "";
  height: 327px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background 0.3s;
  width: 329px;
  z-index: 1;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette.upgrading[data-v-2b24a57e]::before {
  animation-direction: alternate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: glow-d6a53773;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background[data-v-2b24a57e] {
  background: url(../img/CsAyxf2j.7b4c2999.svg) no-repeat 50%;
  height: 601px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: -137px;
  transform: translate(-50%);
  transition: background 0.3s;
  width: 603px;
  z-index: 0;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__state[data-v-2b24a57e] {
  position: relative;
  top: 28px;
  z-index: 0;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__video-wrapper[data-v-2b24a57e] {
  clip-path: polygon(82px 0, calc(100% - 82px) 0, 100% 82px, 100% calc(100% - 82px), calc(100% - 82px) 100%, 82px 100%, 0 calc(100% - 82px), 0 82px);
  margin: 0 auto;
  max-height: 272px;
  max-width: 282px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__video-wrapper video[data-v-2b24a57e] {
  max-width: 100%;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .roulette-progress[data-v-2b24a57e] {
  bottom: 0;
  left: 1px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .chance__figure-container[data-v-2b24a57e] {
  height: 304px;
  left: 12px;
  position: absolute;
  top: -16px;
  width: 304px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-container[data-v-2b24a57e] {
  align-items: center;
  bottom: 0;
  clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
  display: flex;
  height: 253px;
  justify-content: center;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateZ(0);
  width: 260px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-container .arrow-container__arrow[data-v-2b24a57e] {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='100' fill='none' viewBox='0 0 14 100'%3E%3Cpath fill='url(%23a)' d='M5.25 0h3.5L14 100H0z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='7' x2='7' y1='2.97' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.292' stop-color='%23ff0e65'/%3E%3Cstop offset='1' stop-color='%237b66fc' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat;
  height: 239px;
  position: relative;
  transform: rotate(0);
  width: 14px;
  will-change: transform;
  transition: transform 0.5s;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-container .arrow-container__arrow .arrow-container__track[data-v-2b24a57e] {
  background: linear-gradient(155.58deg, rgba(242, 53, 121, 0.6) 4.76%, rgba(44, 21, 90, 0) 0);
  height: 170px;
  position: absolute;
  right: 7px;
  top: -32px;
  transform: scaleX(-1);
  width: 140px;
  will-change: background;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-container .arrow-container__arrow.animate[data-v-2b24a57e] {
  animation: rotateArrow-2b24a57e 12s cubic-bezier(0.35, 0.8, 0.35, 1);
  animation-fill-mode: forwards;
}
@keyframes rotateArrow-2b24a57e {
0% {
    transform: rotate(0);
}
to {
    transform: var(--94c69902);
}
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info[data-v-2b24a57e] {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateZ(0);
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info .risky-info__value[data-v-2b24a57e] {
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  transform: translateZ(0);
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info .risky-info__hint[data-v-2b24a57e] {
  color: #dfddef;
  font-size: 14px;
  margin-top: 7px;
  opacity: 0.5;
  text-transform: uppercase;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points[data-v-2b24a57e] {
  color: #e1dde9;
  font-size: 15px;
  font-weight: 700;
  margin: 30px auto 0;
  max-width: 320px;
  min-height: 32px;
  text-align: center;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .getPoints[data-v-2b24a57e] {
  align-items: center;
  color: #e1dde9;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: -0.75px;
  text-align: center;
  text-transform: uppercase;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .getPoints span[data-v-2b24a57e] {
  color: #f39b49;
  margin-left: 10px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .getPoints img[data-v-2b24a57e] {
  width: 25px;
  height: 25px;
  margin-left: 5px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .minimum-amount-text[data-v-2b24a57e] {
  color: #4f4b78;
  font-size: 13px;
  letter-spacing: -0.65px;
  max-width: 244px;
  text-align: center;
  margin: 0 auto;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container[data-v-2b24a57e] {
  margin: 20px auto 0;
  padding: 19px 0 39px;
  position: relative;
  width: 298px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar[data-v-2b24a57e] {
  border-radius: 10px;
  height: 16px;
  padding: 2px;
  position: relative;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-bar_background[data-v-2b24a57e] {
  background: #1c1a33;
  border-radius: 10px;
  height: 16px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-bar_background .slider-bar_background-left[data-v-2b24a57e],
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-bar_background .slider-bar_background-right[data-v-2b24a57e] {
  background: linear-gradient(0, rgba(92, 73, 208, 0), rgba(92, 73, 208, 0.7019607843) 50%, rgba(92, 73, 208, 0));
  bottom: 0;
  display: block;
  height: 14px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 5px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill[data-v-2b24a57e],
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap[data-v-2b24a57e] {
  border-radius: 10px;
  position: relative;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap[data-v-2b24a57e] {
  align-items: center;
  background: #141225;
  display: flex;
  height: 100%;
  padding: 0 4px;
  width: 100%;
  z-index: 2;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill_bg[data-v-2b24a57e] {
  background: linear-gradient(90deg, #141226, #6068ff 48.92%, #141226);
  box-shadow: inset 0 4px 4px #000;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill_bg-icon[data-v-2b24a57e] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='276' height='6' fill='none' viewBox='0 0 276 6'%3E%3Cpath stroke='url(%23a)' stroke-dasharray='2 1' stroke-width='6' d='M0 3h276' opacity='.1'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-1.801' x2='276.02' y1='3.75' y2='3.75' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23282546'/%3E%3Cstop offset='.305' stop-color='%2359f'/%3E%3Cstop offset='.75' stop-color='%23b455ff'/%3E%3Cstop offset='1' stop-color='%23282546'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 6px;
  position: absolute;
  width: 100%;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill[data-v-2b24a57e], .lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill_wrap[data-v-2b24a57e] {
  border-radius: 10px;
  position: relative;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill[data-v-2b24a57e] {
  background: linear-gradient(270deg, #a460ff, #59f 86.26%);
  box-shadow: 0 0 8px rgba(110, 42, 255, 0.2);
  height: 6px;
  transition: width 0.8s;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill .percentage[data-v-2b24a57e] {
  position: absolute;
  top: -12px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill .percentage[data-v-2b24a57e]:not(.fullWidth) {
  left: 50%;
  transform: translate(-50%);
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill .percentage .risky-info[data-v-2b24a57e] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  inset: 0 0 0 5px;
  position: absolute;
  transform: translateZ(0);
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill .percentage .risky-info__value[data-v-2b24a57e] {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.65px;
  line-height: 100%;
  text-align: center;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill .percentage .risky-info__hint[data-v-2b24a57e] {
  display: none;
  color: #dfddef;
  font-size: 14px;
  margin-top: 7px;
  opacity: 0.5;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
.lucky-container .game-container-wrapper .game-roulette-manager[data-v-2b24a57e] {
    order: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
}
}
.lucky-container .game-container-wrapper .desired-selected-items[data-v-2b24a57e] {
  text-align: center;
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade[data-v-2b24a57e] {
  align-items: center;
  background-color: #cf3464;
  clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  height: 58px;
  justify-content: center;
  margin-top: 30px;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  min-width: 260px;
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade .button__content[data-v-2b24a57e] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade .button__content .button_upgrade__icon[data-v-2b24a57e] {
  background-color: #fff;
  height: 12px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M0 6.885 1.089 8.35l6.725-5.059 6.725 5.06 1.089-1.467L7.814.995zm0 5.514 1.089 1.467 6.725-5.06 6.725 5.06 1.089-1.467-7.814-5.89z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M0 6.885 1.089 8.35l6.725-5.059 6.725 5.06 1.089-1.467L7.814.995zm0 5.514 1.089 1.467 6.725-5.06 6.725 5.06 1.089-1.467-7.814-5.89z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  width: 15px;
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade[data-v-2b24a57e]:disabled {
  background: #0b0911;
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade:disabled .button_upgrade__icon[data-v-2b24a57e],
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade:disabled .button_upgrade__text[data-v-2b24a57e] {
  opacity: 0.1;
}
.lucky-container .game-container-wrapper .desired-selected-items .scale-price[data-v-2b24a57e] {
  display: flex;
  justify-content: center;
  margin-top: 35px;
}
.lucky-container .game-container-wrapper .desired-selected-items .scale-price .scale-price__button[data-v-2b24a57e] {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #e4dcfc;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  height: 42px;
  position: relative;
  transition: color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 55px;
}
.lucky-container .game-container-wrapper .desired-selected-items .scale-price .scale-price__button[data-v-2b24a57e]::before {
  background-color: #22203d;
  content: "";
  height: 42px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='43' fill='none' viewBox='0 0 75 43'%3E%3Cpath stroke='%2322203d' stroke-width='2' d='M1.748 41.5 25.572 1h47.68L49.428 41.5z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='43' fill='none' viewBox='0 0 75 43'%3E%3Cpath stroke='%2322203d' stroke-width='2' d='M1.748 41.5 25.572 1h47.68L49.428 41.5z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  position: absolute;
  transition: background-color 0.4s;
  width: 75px;
}
.lucky-container .game-container-wrapper .desired-selected-items .scale-price .scale-price__button[data-v-2b24a57e]:hover::before {
  background-color: #d895ff;
}
@media screen and (max-width: 1024px) {
.lucky-container .game-container-wrapper .desired-selected-items[data-v-2b24a57e] {
    order: 2;
    margin-left: 20px;
}
.lucky-container .game-container-wrapper .desired-selected-items .scale-price[data-v-2b24a57e] {
    zoom: 0.93;
}
}
.lucky-container .center-title-block[data-v-2b24a57e] {
  text-align: center;
  margin: 10px 0;
}
.lucky-container .choose-items-wrapper[data-v-2b24a57e] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  padding: 0 20px 20px;
}
.lucky-container .choose-items-wrapper .inventory-UpgradeItems[data-v-2b24a57e] {
  display: none;
  width: 100%;
  background: #1c1a33;
}
.lucky-container .choose-items-wrapper .inventory-UpgradeItems .tab[data-v-2b24a57e] {
  width: 50%;
  height: 44px;
  line-height: 50px;
  text-align: center;
  color: #908faf;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.lucky-container .choose-items-wrapper .inventory-UpgradeItems .tab.active[data-v-2b24a57e] {
  background: #211e39;
}
@media screen and (max-width: 1024px) {
.lucky-container .choose-items-wrapper[data-v-2b24a57e] {
    width: 80%;
    display: block;
    margin: 0 auto;
}
.lucky-container .choose-items-wrapper .inventory-UpgradeItems[data-v-2b24a57e] {
    display: flex;
}
.lucky-container .choose-items-wrapper .weapon-inventory-list[data-v-2b24a57e] {
    display: none;
    margin: 0;
}
.lucky-container .choose-items-wrapper .weapon-inventory-list[data-v-2b24a57e] .list-wrapper {
    width: 100%;
}
.lucky-container .choose-items-wrapper .weapon-inventory-list[data-v-2b24a57e] .list-wrapper .list {
    width: 100%;
}
.lucky-container .choose-items-wrapper .weapon-inventory-list[data-v-2b24a57e] .list-wrapper .list .item {
    width: unset;
}
.lucky-container .choose-items-wrapper .weapon-inventory-list.active[data-v-2b24a57e] {
    display: flex;
    width: 100%;
}
}
@media screen and (max-width: 768px) {
.lucky-container .choose-items-wrapper[data-v-2b24a57e] {
    width: 90%;
}
}
@media screen and (max-width: 490px) {
.lucky-container .choose-items-wrapper[data-v-2b24a57e] {
    width: 100%;
}
.lucky-container .choose-items-wrapper .weapon-inventory-list[data-v-2b24a57e] .list-wrapper .list {
    grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 767px) {
[data-v-2b24a57e] .el-dialog {
    width: 90% !important;
}
}
@media screen and (max-width: 490px) {
[data-v-2b24a57e] .el-dialog {
    width: 95% !important;
}
[data-v-2b24a57e] .el-dialog .usage-rules-dialog p {
    padding-left: 50px !important;
}
[data-v-2b24a57e] .el-dialog .usage-rules-dialog button {
    transform: scale(0.75);
    transform-origin: left top;
}
}
.lucky-container .upgrade-top-block[data-v-2be5f75c] {
  align-items: center;
  display: flex;
  flex-grow: 1;
  height: 70px;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.lucky-container .game-container-wrapper[data-v-2be5f75c] {
  margin-top: 25px;
}
.lucky-container .game-container-wrapper .how-it-works-button[data-v-2be5f75c] {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #9793c7;
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 1px;
  transition: color 0.3s;
  margin-bottom: 12px;
}
.lucky-container .game-container-wrapper .how-it-works-button .button__content[data-v-2be5f75c] {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  white-space-collapse: preserve;
  cursor: pointer;
}
.lucky-container .game-container-wrapper .how-it-works-button .button__content .info-icon[data-v-2be5f75c] {
  background-color: #9793c7;
  display: inline-block;
  height: 14px;
  margin-right: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 14px;
}
.lucky-container .game-container-wrapper .how-it-works-button .button__content[data-v-2be5f75c]:hover {
  color: #e4dcfc;
}
.lucky-container .game-container-wrapper .how-it-works-button .button__content:hover .info-icon[data-v-2be5f75c] {
  background-color: #e4dcfc;
}
.lucky-container .game-container-wrapper .usage-rules-dialog .dialog-content p[data-v-2be5f75c] {
  position: relative;
  color: #9692b8;
  padding-left: 69px;
  margin-bottom: 45px;
}
.lucky-container .game-container-wrapper .usage-rules-dialog .dialog-content p span[data-v-2be5f75c] {
  color: #ff568a;
  text-transform: uppercase;
}
.lucky-container .game-container-wrapper .usage-rules-dialog .dialog-content button[data-v-2be5f75c] {
  content: "";
  position: absolute;
  top: -11px;
  left: 0;
  height: 52px;
  width: 52px;
  color: #8884a9;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  background: url(../img/DTk0WGq9.65741ffe.png) center -26px no-repeat;
}
.lucky-container .game-container-wrapper .game-container[data-v-2be5f75c] {
  background: url(../img/Bj0KUzpO.c8fd26eb.png) no-repeat;
  background-position: center -16px;
  display: flex;
  height: 475px;
  justify-content: center;
  margin: 0 auto;
  max-width: 1292px;
  padding-top: 26px;
  margin-bottom: 58px;
  position: relative;
  width: 100%;
}
.lucky-container .game-container-wrapper .game-container[data-v-2be5f75c]::after, .lucky-container .game-container-wrapper .game-container[data-v-2be5f75c]::before {
  background: url(../img/DzsQBxUJ.715823cb.png) no-repeat;
  bottom: 0;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: background 0.3s;
  width: 436px;
  z-index: 0;
}
.lucky-container .game-container-wrapper .game-container[data-v-2be5f75c]::before {
  left: -315px;
}
.lucky-container .game-container-wrapper .game-container[data-v-2be5f75c]::after {
  right: -315px;
  transform: scaleX(-1);
}
.lucky-container .game-container-wrapper .game-container .sacrifice-selected-items[data-v-2be5f75c],
.lucky-container .game-container-wrapper .game-container .desired-selected-items[data-v-2be5f75c] {
  position: relative;
  display: block;
  padding-top: 15px;
  z-index: 1;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper[data-v-2be5f75c] {
  height: 280px;
  width: 360px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state[data-v-2be5f75c] {
  padding-top: 60px;
  position: relative;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state .item-empty-state__img[data-v-2be5f75c] {
  background: url(../img/B5AVPzcl.bd52a93e.svg) no-repeat;
  background-size: contain;
  height: 180px;
  width: 360px;
  width: 100% !important;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state .item-empty-state__text[data-v-2be5f75c] {
  align-items: center;
  color: #4f4b78;
  display: flex;
  flex-direction: column;
  margin: 10px auto;
  width: 160px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item[data-v-2be5f75c] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__close[data-v-2be5f75c] {
  position: absolute;
  top: 0;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1c1932;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  cursor: pointer;
  height: 34px;
  transition: background 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 30px;
  z-index: 1;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__close[data-v-2be5f75c]:hover {
  background: #341d37;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__close .selected-item__close-icon[data-v-2be5f75c] {
  background-color: #4f4b78;
  height: 12px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 12px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__img[data-v-2be5f75c] {
  display: flex;
  align-items: center;
  width: 320px;
  height: 320px;
  background-position: 50% 50%;
  background-size: 90% auto;
  background-repeat: no-repeat;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__img img[data-v-2be5f75c] {
  width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__price[data-v-2be5f75c] {
  position: absolute;
  align-items: center;
  bottom: 15px;
  color: #4af1b8;
  display: flex;
  height: 34px;
  padding: 0 15px;
  right: -10px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__price[data-v-2be5f75c]::before {
  background-color: #22203d;
  clip-path: polygon(11px 0, 0 50%, 11px 100%, 12px calc(100% - 1px), 1px 50%, 12px 1px, calc(100% - 12px) 1px, calc(100% - 1px) 50%, calc(100% - 12px) calc(100% - 1px), 11px calc(100% - 1px), 11px 100%, calc(100% - 11px) 100%, 100% 50%, calc(100% - 11px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__price .price[data-v-2be5f75c] {
  font-size: 14px;
  font-weight: 700;
  margin-right: 4px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info[data-v-2be5f75c] {
  bottom: -12px;
  left: 0;
  line-height: 100%;
  position: absolute;
  text-align: left;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info .item-info__wrapper-type[data-v-2be5f75c] {
  color: #c4c5cf;
  font-size: 14px;
  font-weight: 600;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info .item-info__name[data-v-2be5f75c] {
  color: #e7e6f1;
  font-size: 15px;
  font-weight: 600;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info .item-info__quality[data-v-2be5f75c] {
  color: #777a99;
  font-size: 11px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation[data-v-2be5f75c] {
  left: -60px;
  position: absolute;
  bottom: -3px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-up[data-v-2be5f75c],
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-down[data-v-2be5f75c] {
  align-items: center;
  background: radial-gradient(50% 50% at 50% 50%, #2f2976 0, rgba(47, 41, 118, 0));
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  transform: rotate(90deg);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 34px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-up[data-v-2be5f75c]::before,
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-down[data-v-2be5f75c]::before {
  background-color: #2f2976;
  clip-path: polygon(9px 0, 0 50%, 9px 100%, 10px calc(100% - 3px), 3px 50%, 10px 3px, calc(100% - 10px) 3px, calc(100% - 3px) 50%, calc(100% - 10px) calc(100% - 3px), 9px calc(100% - 3px), 9px 100%, calc(100% - 9px) 100%, 100% 50%, calc(100% - 9px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-icon[data-v-2be5f75c] {
  background-color: #fff;
  height: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transform: rotate(-90deg);
  width: 12px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-down[data-v-2be5f75c] {
  padding-left: 3px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-down[data-v-2be5f75c]:not(:first-child) {
  margin-top: 12px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info__navigation .item-info__navigation-down .item-info__navigation-icon[data-v-2be5f75c] {
  transform: rotate(-270deg);
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item.selected-item_right .selected-item__close[data-v-2be5f75c] {
  left: 10px;
  right: auto;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item.selected-item_right .selected-item__price[data-v-2be5f75c] {
  left: -10px;
  right: auto;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item.selected-item_right .item-info[data-v-2be5f75c] {
  bottom: -5px;
  left: auto;
  right: 0;
  text-align: right;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] {
  text-align: center;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 80px;
  width: 360px;
  height: 280px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .el-input {
  align-items: center;
  background-color: #282546;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
  color: #9793c7;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  min-width: 100%;
  padding: 0 80px 0 10px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .el-input input {
  cursor: default !important;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .el-input .el-input__inner {
  background-color: #282546 !important;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper {
  width: 100%;
  border: 1px solid #37406c;
  border-radius: 10px;
  height: 8px;
  margin-bottom: 10px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper .myPrice-slider_bar {
  position: relative;
  height: 100%;
  background: #5c49d0;
  border-radius: 10px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper .myPrice-slider_button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(8px, -50%);
  width: 16px;
  height: 16px;
  border: 2px solid #5c49d0;
  background: #fff;
  border-radius: 50%;
  cursor: grab;
  touch-action: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper .myPrice-slider_button:active {
  cursor: grabbing;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .el-slider {
  width: 100% !important;
  margin-bottom: 8px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .el-slider .el-slider__runway {
  height: 8px;
  background-color: transparent !important;
  border: 1px solid #37406c;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .el-slider .el-slider__stop {
  background-color: #5c689f !important;
  width: 8px;
  height: 8px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .el-slider .el-slider__bar {
  height: 8px;
  background-color: #5c49d0 !important;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .el-slider .el-slider__button {
  border: 2px solid #5c49d0 !important;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .el-slider .el-slider__marks-text {
  font-size: 11px !important;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .balance-integral[data-v-2be5f75c] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 66px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .balance-img[data-v-2be5f75c] {
  width: 24px;
  height: 24px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .integral-img[data-v-2be5f75c] {
  width: 30px;
  height: 30px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price[data-v-2be5f75c] {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price .scale-price__button[data-v-2be5f75c] {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #e4dcfc;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  height: 42px;
  position: relative;
  transition: color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 55px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price .scale-price__button[data-v-2be5f75c]::before {
  background-color: #22203d;
  content: "";
  height: 42px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='43' fill='none' viewBox='0 0 75 43'%3E%3Cpath stroke='%2322203d' stroke-width='2' d='M1.748 41.5 25.572 1h47.68L49.428 41.5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='43' fill='none' viewBox='0 0 75 43'%3E%3Cpath stroke='%2322203d' stroke-width='2' d='M1.748 41.5 25.572 1h47.68L49.428 41.5z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  position: absolute;
  transition: background-color 0.4s;
  width: 75px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price .scale-price__button[data-v-2be5f75c]:hover::before {
  background-color: #8b5cff;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price .scale-price__button.scale-price__button--active[data-v-2be5f75c] {
  color: #fff;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price .scale-price__button.scale-price__button--active[data-v-2be5f75c]::before {
  background-color: #8b5cff;
}
.lucky-container .game-container-wrapper .game-roulette-manager[data-v-2be5f75c] {
  padding: 0 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex: 1;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center[data-v-2be5f75c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  position: relative;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette[data-v-2be5f75c] {
  height: 327px;
  margin: 10.5px auto 0;
  position: relative;
  width: 329px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background[data-v-2be5f75c] {
  width: 350px;
  height: 350px;
  border-radius: 50%;
  border: 1px solid rgba(92, 73, 208, 0.4);
  left: 164px;
  top: 160px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  transition: all 0.3s;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background-slider[data-v-2be5f75c] {
  width: 333px;
  height: 333px;
  border-radius: 50%;
  background: transparent;
  border: 25px solid rgba(148, 128, 202, 0.132);
  left: 164px;
  top: 160px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  transition: all 0.3s;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background-circle2[data-v-2be5f75c] {
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(143, 181, 238, 0.123) 0%, rgba(97, 68, 119, 0.155) 50%, transparent 70%);
  border: 1px solid rgba(85, 153, 255, 0.3);
  left: 164px;
  top: 160px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  position: absolute;
  z-index: 0;
  transition: all 0.3s;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__state[data-v-2be5f75c] {
  position: relative;
  top: 28px;
  z-index: 0;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__video-wrapper[data-v-2be5f75c] {
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  max-height: 268px;
  max-width: 268px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__video-wrapper video[data-v-2be5f75c] {
  max-width: 100%;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .roulette-progress[data-v-2be5f75c] {
  bottom: 0;
  left: 1px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  --progress-offset-y: 132px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .chance__figure-container[data-v-2be5f75c] {
  width: 357px;
  height: 357px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, calc(-50% + var(--progress-offset-y, 0px)));
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .roulette-progress__hit-area[data-v-2be5f75c] {
  position: absolute;
  inset: 0;
  cursor: grab;
  z-index: 120;
  pointer-events: auto;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .roulette-progress__hit-area.is-dragging[data-v-2be5f75c] {
  cursor: grabbing;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-mask[data-v-2be5f75c] {
  position: absolute;
  left: var(--arrow-mask-left, 50%);
  top: calc(50% + var(--arrow-mask-offset, 132px));
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 5;
  width: var(--arrow-mask-size, 250px);
  height: var(--arrow-mask-size, 250px);
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
  background: var(--arrow-mask-bg, transparent);
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-mask .arrow-container[data-v-2be5f75c] {
  pointer-events: auto;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-container[data-v-2be5f75c] {
  align-items: center;
  clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
  display: flex;
  height: 253px;
  justify-content: center;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: calc(50% + 0px);
  transform: translate(-50%, -50%);
  width: 260px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-container .arrow-container__arrow[data-v-2be5f75c] {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='100' fill='none' viewBox='0 0 14 100'%3E%3Cpath fill='url(%23a)' d='M5.25 0h3.5L14 100H0z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='7' x2='7' y1='2.97' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.292' stop-color='%23ff0e65'/%3E%3Cstop offset='1' stop-color='%237b66fc' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat;
  height: 239px;
  position: relative;
  transform: var(--94c69902, rotate(0));
  width: 14px;
  will-change: transform;
  transition: none;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-container .arrow-container__arrow .arrow-container__track[data-v-2be5f75c] {
  background: linear-gradient(155.58deg, rgba(242, 53, 121, 0.6) 4.76%, rgba(44, 21, 90, 0) 0);
  height: 170px;
  position: absolute;
  right: 7px;
  top: -32px;
  transform: scaleX(-1);
  width: 140px;
  will-change: background;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-container .arrow-container__arrow.animate[data-v-2be5f75c] {
  transition: none;
  animation: rotateArrow-2be5f75c 12s cubic-bezier(0.35, 0.8, 0.35, 1);
  animation-fill-mode: forwards;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-container .arrow-container__arrow.reset-transition[data-v-2be5f75c] {
  transition: transform 0.5s;
}
@keyframes rotateArrow-2be5f75c {
0% {
    transform: rotate(0);
}
to {
    transform: var(--94c69902);
}
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info[data-v-2be5f75c] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: calc(50% + 155px);
  transform: translate(-50%, -50%);
  z-index: 10;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info .risky-info__value[data-v-2be5f75c] {
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  transform: translateZ(0);
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info .risky-info__hint[data-v-2be5f75c] {
  color: #dfddef;
  font-size: 14px;
  margin-top: 7px;
  opacity: 0.5;
  text-transform: uppercase;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info .risky-info__roll[data-v-2be5f75c] {
  margin-top: 8px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points[data-v-2be5f75c] {
  color: #e1dde9;
  font-size: 15px;
  font-weight: 700;
  margin: 20px auto 0;
  max-width: 300px;
  min-height: 32px;
  text-align: center;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .getPoints[data-v-2be5f75c] {
  align-items: center;
  color: #e1dde9;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: -0.75px;
  text-align: center;
  text-transform: uppercase;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .getPoints span[data-v-2be5f75c] {
  color: #f39b49;
  margin-left: 10px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .getPoints img[data-v-2be5f75c] {
  width: 25px;
  height: 25px;
  margin-left: 5px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .reminder[data-v-2be5f75c] {
  font-size: 13px;
  margin-top: 5px;
  color: #6760ac;
  letter-spacing: -0.25px;
  font-weight: 700;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container[data-v-2be5f75c] {
  margin: 0 auto;
  padding: 19px 0 39px;
  position: relative;
  width: 300px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar[data-v-2be5f75c] {
  border-radius: 10px;
  height: 16px;
  padding: 2px;
  position: relative;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-bar_background[data-v-2be5f75c] {
  background: #1c1a33;
  border-radius: 10px;
  height: 16px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-bar_background .slider-bar_background-left[data-v-2be5f75c],
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-bar_background .slider-bar_background-right[data-v-2be5f75c] {
  background: linear-gradient(0, rgba(92, 73, 208, 0), rgba(92, 73, 208, 0.7019607843) 50%, rgba(92, 73, 208, 0));
  bottom: 0;
  display: block;
  height: 14px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 5px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill[data-v-2be5f75c],
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap[data-v-2be5f75c] {
  border-radius: 10px;
  position: relative;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap[data-v-2be5f75c] {
  align-items: center;
  background: #141225;
  display: flex;
  height: 100%;
  padding: 0 4px;
  width: 100%;
  box-sizing: border-box;
  z-index: 2;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill_bg[data-v-2be5f75c] {
  background: linear-gradient(90deg, #141226, #6068ff 48.92%, #141226);
  box-shadow: inset 0 4px 4px #000;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: calc(100% - 8px);
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill_bg-icon[data-v-2be5f75c] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='276' height='6' fill='none' viewBox='0 0 276 6'%3E%3Cpath stroke='url(%23a)' stroke-dasharray='2 1' stroke-width='6' d='M0 3h276' opacity='.1'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-1.801' x2='276.02' y1='3.75' y2='3.75' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23282546'/%3E%3Cstop offset='.305' stop-color='%2359f'/%3E%3Cstop offset='.75' stop-color='%23b455ff'/%3E%3Cstop offset='1' stop-color='%23282546'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 6px;
  position: absolute;
  width: 100%;
  width: calc(100% - 8px);
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill[data-v-2be5f75c], .lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill_wrap[data-v-2be5f75c] {
  border-radius: 10px;
  position: relative;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill[data-v-2be5f75c] {
  background: linear-gradient(270deg, #a460ff, #59f 86.26%);
  box-shadow: 0 0 8px rgba(110, 42, 255, 0.2);
  height: 6px;
  transition: width 0.8s, left 0.8s;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill.slider-fill_dragging[data-v-2be5f75c] {
  transition: none;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill .percentage[data-v-2be5f75c] {
  position: absolute;
  top: -12px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill .percentage[data-v-2be5f75c]:not(.fullWidth) {
  left: 50%;
  transform: translate(-50%);
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill .percentage .risky-info[data-v-2be5f75c] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  inset: 0 0 0 5px;
  position: absolute;
  transform: translateZ(0);
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill .percentage .risky-info__value[data-v-2be5f75c] {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.65px;
  line-height: 100%;
  text-align: center;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill .percentage .risky-info__hint[data-v-2be5f75c] {
  display: none;
  color: #dfddef;
  font-size: 14px;
  margin-top: 7px;
  opacity: 0.5;
  text-transform: uppercase;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill .slider-drag-container[data-v-2be5f75c] {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 100%;
  width: 100%;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill .slider-drag-container .slider-drag[data-v-2be5f75c] {
  cursor: grab;
  padding: 13px 24px 12px;
  touch-action: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill .slider-drag-container .slider-drag[data-v-2be5f75c]:active {
  cursor: grabbing;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill_wrap .slider-fill .slider-drag-container .slider-drag .drag-move-icon[data-v-2be5f75c] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='15' fill='none' viewBox='0 0 44 15'%3E%3Cpath fill='%236069ff' d='M11 4h22v1H11zM11 7h22v1H11zM11 10h22v1H11z' opacity='.8'/%3E%3Cpath stroke='url(%23a)' d='M5 14 1 7.5 5 1'/%3E%3Cpath stroke='url(%23b)' d='m39 14 4-6.5L39 1'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='3' x2='3' y1='1' y2='14' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2332357c' stop-opacity='0'/%3E%3Cstop offset='.489' stop-color='%236f74ff'/%3E%3Cstop offset='1' stop-color='%2332357c' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='41' x2='41' y1='1' y2='14' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2332357c' stop-opacity='0'/%3E%3Cstop offset='.489' stop-color='%236f74ff'/%3E%3Cstop offset='1' stop-color='%2332357c' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 13px;
  width: 54px;
}
.lucky-container .game-container-wrapper .desired-selected-items[data-v-2be5f75c] {
  text-align: center;
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade[data-v-2be5f75c] {
  align-items: center;
  background-color: #cf3464;
  clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 15px;
  font-weight: 700;
  height: 58px;
  justify-content: center;
  margin-top: 30px;
  min-width: 200px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade .button__content[data-v-2be5f75c] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade .button__content .button_upgrade__icon[data-v-2be5f75c] {
  background-color: #fff;
  height: 12px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M0 6.885 1.089 8.35l6.725-5.059 6.725 5.06 1.089-1.467L7.814.995zm0 5.514 1.089 1.467 6.725-5.06 6.725 5.06 1.089-1.467-7.814-5.89z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M0 6.885 1.089 8.35l6.725-5.059 6.725 5.06 1.089-1.467L7.814.995zm0 5.514 1.089 1.467 6.725-5.06 6.725 5.06 1.089-1.467-7.814-5.89z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 15px;
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade[data-v-2be5f75c]:disabled {
  background: #0b0911;
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade:disabled .button_upgrade__icon[data-v-2be5f75c],
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade:disabled .button_upgrade__text[data-v-2be5f75c] {
  opacity: 0.1;
}
.lucky-container .upgrade-result-layer[data-v-2be5f75c] {
  position: fixed;
  inset: 0;
  z-index: 3000;
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(6px);
}
.lucky-container .upgrade-result[data-v-2be5f75c] {
  pointer-events: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  height: 350px;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, #352764 0%, rgba(53, 39, 100, 0.6470588235) 50%, #352764 100%);
  border-radius: 12px;
  box-shadow: 0 0 20px rgb(104, 89, 177);
  padding: 32px 32px 24px;
  box-sizing: border-box;
}
.lucky-container .upgrade-result__close[data-v-2be5f75c] {
  position: absolute;
  top: 16px;
  right: 20px;
  cursor: pointer;
}
.lucky-container .upgrade-result__close .close-circle[data-v-2be5f75c] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #212125;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.lucky-container .upgrade-result__close .close-line[data-v-2be5f75c] {
  position: absolute;
  width: 14px;
  height: 2px;
  background: #ffffff;
  border-radius: 1px;
}
.lucky-container .upgrade-result__close .close-line--1[data-v-2be5f75c] {
  transform: rotate(45deg);
}
.lucky-container .upgrade-result__close .close-line--2[data-v-2be5f75c] {
  transform: rotate(-45deg);
}
.lucky-container .upgrade-result__close[data-v-2be5f75c]:hover {
  transform: scale(1.05);
}
.lucky-container .upgrade-result__title[data-v-2be5f75c] {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 28px;
}
.lucky-container .upgrade-result__box[data-v-2be5f75c] {
  margin: 0 auto 32px;
  width: 260px;
  height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.lucky-container .upgrade-result__frame[data-v-2be5f75c] {
  width: 190px;
  height: 140px;
  margin-top: 40px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: 50% 50%;
  background-size: 90% auto;
  background-repeat: no-repeat;
  position: relative;
}
.lucky-container .upgrade-result__weapon[data-v-2be5f75c] {
  max-width: 80%;
  max-height: 80%;
  transform: translate(0px, 0px);
  display: block;
}
.lucky-container .upgrade-result__item-name[data-v-2be5f75c] {
  position: absolute;
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
  padding: 2px 8px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background: rgba(29, 26, 39, 0.432);
  border-radius: 4px;
  white-space: nowrap;
}
.lucky-container .upgrade-result__footer[data-v-2be5f75c] {
  display: flex;
  justify-content: space-between;
  margin: -25px 0 0;
}
.lucky-container .upgrade-result__footer .btn-rect[data-v-2be5f75c] {
  height: 38px;
  padding: 0 16px;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: #ffffff;
}
.lucky-container .upgrade-result__footer .btn-continue[data-v-2be5f75c] {
  background: #555a6a;
}
.lucky-container .upgrade-result__footer .btn-dissolve[data-v-2be5f75c] {
  background: #23b26b;
}
.lucky-container .upgrade-result__footer .btn-rect[data-v-2be5f75c]:hover {
  filter: brightness(1.1);
}
.lucky-container .center-title-block[data-v-2be5f75c] {
  text-align: center;
  margin: 10px 0;
}
.lucky-container .center-title-block .center-title__text[data-v-2be5f75c] {
  font-size: 28px;
}
.lucky-container .choose-items-wrapper[data-v-2be5f75c] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  padding: 0 44px 20px;
  width: 100%;
}
.lucky-container .choose-items-wrapper[data-v-2be5f75c] .weapon-inventory-list {
  flex: 1 1 auto;
}
.lucky-container .choose-items-wrapper[data-v-2be5f75c] .weapon-inventory-list .list-wrapper {
  width: 100%;
}
.lucky-container .choose-items-wrapper[data-v-2be5f75c] .weapon-inventory-list .list-wrapper .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.lucky-container .choose-items-wrapper[data-v-2be5f75c] .weapon-inventory-list .list-wrapper .list .item {
  width: calc(12.5% - 4.625px);
}
@media screen and (max-width: 1365px) {
.lucky-container .game-container-wrapper .game-container[data-v-2be5f75c] {
    max-width: 1150px;
    height: 450px;
    padding: 20px 10px 0;
}
.lucky-container .game-container-wrapper .game-container[data-v-2be5f75c]::before, .lucky-container .game-container-wrapper .game-container[data-v-2be5f75c]::after {
    width: 380px;
}
.lucky-container .game-container-wrapper .game-container[data-v-2be5f75c]::before {
    left: -280px;
}
.lucky-container .game-container-wrapper .game-container[data-v-2be5f75c]::after {
    right: -280px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper[data-v-2be5f75c] {
    height: 260px;
    width: 340px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item__img[data-v-2be5f75c] {
    width: 300px;
    height: 300px;
}
.lucky-container .game-container-wrapper .game-container .selected-item .selected-item__close[data-v-2be5f75c] {
    right: 10px !important;
    left: auto !important;
}
.lucky-container .game-container-wrapper .game-roulette-manager[data-v-2be5f75c] {
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex: 1;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette[data-v-2be5f75c] {
    height: 327px;
    width: 329px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background[data-v-2be5f75c] {
    width: 350px;
    height: 350px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background-slider[data-v-2be5f75c] {
    width: 333px;
    height: 333px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background-circle2[data-v-2be5f75c] {
    width: 270px;
    height: 270px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info .risky-info__value[data-v-2be5f75c] {
    font-size: 36px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info .risky-info__hint[data-v-2be5f75c] {
    font-size: 14px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container[data-v-2be5f75c] {
    width: 300px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] {
    max-width: 330px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice {
    width: 100%;
    height: 280px;
    gap: 80px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .el-input {
    font-size: 14px;
    height: 44px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper {
    height: 8px;
    margin-bottom: 10px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper .myPrice-slider_bar {
    border-radius: 10px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper .myPrice-slider_button {
    width: 15px;
    height: 15px;
    border-width: 2px;
    transform: translate(7px, -50%);
    top: 50%;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price[data-v-2be5f75c] {
    max-width: 330px;
    margin-top: 40px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price .scale-price__button[data-v-2be5f75c] {
    font-size: 15px;
    height: 42px;
    width: 55px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price .scale-price__button[data-v-2be5f75c]::before {
    height: 42px;
    width: 75px;
}
.lucky-container .game-container-wrapper .desired-selected-items .selected-item-wrapper[data-v-2be5f75c] {
    width: 300px;
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade[data-v-2be5f75c] {
    height: 54px;
    font-size: 13px;
}
.lucky-container .center-title-block .center-title__text[data-v-2be5f75c] {
    font-size: 26px;
}
.lucky-container .choose-items-wrapper[data-v-2be5f75c] {
    width: 111.1111111111%;
    transform: scale(0.9);
    transform-origin: top left;
    margin-bottom: -80px;
    padding: 0 30px 20px;
}
.lucky-container .upgrade-result[data-v-2be5f75c] {
    width: 550px;
    height: 320px;
    padding: 28px 28px 22px;
}
.lucky-container .upgrade-result__title[data-v-2be5f75c] {
    font-size: 22px;
    margin-bottom: 24px;
}
.lucky-container .upgrade-result__box[data-v-2be5f75c] {
    width: 240px;
    height: 170px;
    margin-bottom: 28px;
}
.lucky-container .upgrade-result__frame[data-v-2be5f75c] {
    width: 180px;
    height: 130px;
    margin-top: 35px;
}
}
@media screen and (max-width: 1023px) {
.lucky-container[data-v-2be5f75c] {
    padding-top: 0;
    margin-top: 0;
}
.lucky-container .upgrade-top-block[data-v-2be5f75c] {
    height: 0;
    display: none;
}
.lucky-container .game-container-wrapper[data-v-2be5f75c] {
    margin-top: 0;
}
.lucky-container .game-container-wrapper .how-it-works-button[data-v-2be5f75c] {
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 0;
}
.lucky-container .game-container-wrapper .how-it-works-button .button__content .info-icon[data-v-2be5f75c] {
    width: 13px;
    height: 13px;
}
.lucky-container .game-container-wrapper .game-container[data-v-2be5f75c] {
    max-width: 100%;
    height: auto;
    min-height: 400px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    margin-bottom: 40px;
}
.lucky-container .game-container-wrapper .game-container[data-v-2be5f75c]::before, .lucky-container .game-container-wrapper .game-container[data-v-2be5f75c]::after {
    display: none;
}
.lucky-container .game-container-wrapper .game-container .game-roulette-manager[data-v-2be5f75c] {
    flex: 0 0 100%;
}
.lucky-container .game-container-wrapper .game-container .sacrifice-selected-items[data-v-2be5f75c],
  .lucky-container .game-container-wrapper .game-container .desired-selected-items[data-v-2be5f75c] {
    flex: 0 0 50%;
    padding-top: 0;
    margin: 0 auto;
}
.lucky-container .game-container-wrapper .game-container .sacrifice-selected-items[data-v-2be5f75c] {
    margin-top: 0;
    margin-bottom: 20px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper[data-v-2be5f75c] {
    height: 240px;
    width: 320px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state[data-v-2be5f75c] {
    padding-top: 50px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state .item-empty-state__img[data-v-2be5f75c] {
    height: 160px;
    width: 320px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__img[data-v-2be5f75c] {
    width: 280px;
    height: 280px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__price[data-v-2be5f75c] {
    font-size: 13px;
    height: 30px;
    padding: 0 12px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info .item-info__wrapper-type[data-v-2be5f75c] {
    font-size: 13px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info .item-info__name[data-v-2be5f75c] {
    font-size: 14px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info .item-info__quality[data-v-2be5f75c] {
    font-size: 10px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] {
    order: 2;
    max-width: 300px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice {
    height: 180px;
    gap: 50px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .el-input {
    font-size: 14px;
    height: 44px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper {
    height: 8px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper .myPrice-slider_bar {
    border-radius: 10px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper .myPrice-slider_button {
    width: 16px;
    height: 16px;
    border-width: 2px;
    transform: translate(8px, -50%);
    top: 50%;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price[data-v-2be5f75c] {
    margin-top: 40px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price .scale-price__button[data-v-2be5f75c] {
    font-size: 15px;
    height: 42px;
    width: 55px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price .scale-price__button[data-v-2be5f75c]::before {
    height: 42px;
    width: 75px;
}
.lucky-container .game-container-wrapper .game-roulette-manager[data-v-2be5f75c] {
    order: 1;
    padding: 0 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    margin-top: 10px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette[data-v-2be5f75c] {
    height: 327px;
    transform: scale(0.85);
    transform-origin: center top;
    margin: 10.5px auto -60px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background[data-v-2be5f75c] {
    width: 350px;
    height: 350px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background-slider[data-v-2be5f75c] {
    width: 333px;
    height: 333px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background-circle2[data-v-2be5f75c] {
    width: 270px;
    height: 270px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__state[data-v-2be5f75c] {
    top: 28px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .chance__figure-container[data-v-2be5f75c] {
    width: 357px;
    height: 357px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-container[data-v-2be5f75c] {
    height: 253px;
    width: 260px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-container .arrow-container__arrow[data-v-2be5f75c] {
    height: 239px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info[data-v-2be5f75c] {
    top: calc(50% + 155px);
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info .risky-info__value[data-v-2be5f75c] {
    font-size: 36px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info .risky-info__hint[data-v-2be5f75c] {
    font-size: 14px;
    margin-top: 7px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points[data-v-2be5f75c] {
    font-size: 15px;
    margin: 20px auto 0;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .getPoints[data-v-2be5f75c] {
    font-size: 15px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .getPoints img[data-v-2be5f75c] {
    width: 25px;
    height: 25px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container[data-v-2be5f75c] {
    width: 300px;
    padding: 19px 0 39px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-fill .percentage .risky-info__value[data-v-2be5f75c] {
    font-size: 13px;
}
.lucky-container .game-container-wrapper .desired-selected-items[data-v-2be5f75c] {
    order: 3;
    max-width: 315px;
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade[data-v-2be5f75c] {
    height: 50px;
    font-size: 13px;
    margin-top: 25px;
}
.lucky-container .center-title-block[data-v-2be5f75c] {
    margin: 8px 0;
}
.lucky-container .center-title-block .center-title__text[data-v-2be5f75c] {
    font-size: 24px;
}
.lucky-container .choose-items-wrapper[data-v-2be5f75c] {
    width: 117.6470588235%;
    transform: scale(0.85);
    margin-bottom: -120px;
    padding: 0 20px 20px;
}
.lucky-container .choose-items-wrapper[data-v-2be5f75c] .item {
    width: calc(16.6666666667% - 5.1666666667px) !important;
}
.lucky-container .upgrade-result[data-v-2be5f75c] {
    width: 90% !important;
    max-width: 500px;
    height: auto !important;
    min-height: 300px;
    padding: 24px 20px 20px;
}
.lucky-container .upgrade-result__title[data-v-2be5f75c] {
    font-size: 20px;
    margin-bottom: 20px;
}
.lucky-container .upgrade-result__box[data-v-2be5f75c] {
    width: 220px;
    height: 150px;
    margin-bottom: 24px;
}
.lucky-container .upgrade-result__frame[data-v-2be5f75c] {
    width: 160px;
    height: 120px;
    margin-top: 30px;
}
.lucky-container .upgrade-result__item-name[data-v-2be5f75c] {
    font-size: 12px;
}
.lucky-container .upgrade-result__footer[data-v-2be5f75c] {
    gap: 120px;
    margin-top: -20px;
}
}
@media screen and (max-width: 767px) {
.lucky-container[data-v-2be5f75c] {
    padding-top: 0;
    margin-top: 0;
}
.lucky-container .upgrade-top-block[data-v-2be5f75c] {
    height: 0;
    display: none;
}
.lucky-container .game-container-wrapper[data-v-2be5f75c] {
    margin-top: 0;
}
.lucky-container .game-container-wrapper .how-it-works-button[data-v-2be5f75c] {
    font-size: 12px;
    padding-bottom: 0;
}
.lucky-container .game-container-wrapper .how-it-works-button .button__content .info-icon[data-v-2be5f75c] {
    width: 12px;
    height: 12px;
    margin-right: 5px;
}
.lucky-container .game-container-wrapper .game-container[data-v-2be5f75c] {
    padding: 0 10px;
    margin-bottom: 30px;
}
.lucky-container .game-container-wrapper .game-container .sacrifice-selected-items[data-v-2be5f75c],
  .lucky-container .game-container-wrapper .game-container .desired-selected-items[data-v-2be5f75c] {
    flex: unset;
    max-width: 100%;
    max-width: 330px;
    width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.lucky-container .game-container-wrapper .game-container .sacrifice-selected-items[data-v-2be5f75c] {
    margin-bottom: 30px !important;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper[data-v-2be5f75c] {
    height: 220px;
    width: 100%;
    max-width: 300px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state[data-v-2be5f75c] {
    padding-top: 40px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state .item-empty-state__img[data-v-2be5f75c] {
    height: 140px;
    width: 100%;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state .item-empty-state__text[data-v-2be5f75c] {
    font-size: 13px;
    width: 140px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__close[data-v-2be5f75c] {
    height: 30px;
    width: 28px;
    right: 8px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__close .selected-item__close-icon[data-v-2be5f75c] {
    width: 11px;
    height: 11px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__img[data-v-2be5f75c] {
    width: 260px;
    height: 260px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__price[data-v-2be5f75c] {
    font-size: 12px;
    height: 28px;
    padding: 0 10px;
    bottom: 12px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info[data-v-2be5f75c] {
    bottom: -10px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info .item-info__wrapper-type[data-v-2be5f75c] {
    font-size: 12px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info .item-info__name[data-v-2be5f75c] {
    font-size: 13px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info .item-info__quality[data-v-2be5f75c] {
    font-size: 9px;
}
.lucky-container .game-container-wrapper .game-roulette-manager[data-v-2be5f75c] {
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex: 1;
    margin-top: 20px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette[data-v-2be5f75c] {
    height: 327px;
    width: 329px;
    transform: scale(0.8);
    margin: 10.5px auto -66px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background[data-v-2be5f75c] {
    width: 350px;
    height: 350px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background-slider[data-v-2be5f75c] {
    width: 333px;
    height: 333px;
    border-width: 25px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background-circle2[data-v-2be5f75c] {
    width: 270px;
    height: 270px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__state[data-v-2be5f75c] {
    top: 28px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .chance__figure-container[data-v-2be5f75c] {
    width: 357px;
    height: 357px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-container[data-v-2be5f75c] {
    height: 253px;
    width: 260px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-container .arrow-container__arrow[data-v-2be5f75c] {
    height: 239px;
    width: 14px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info[data-v-2be5f75c] {
    top: calc(50% + 155px);
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info .risky-info__value[data-v-2be5f75c] {
    font-size: 36px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info .risky-info__hint[data-v-2be5f75c] {
    font-size: 14px;
    margin-top: 7px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points[data-v-2be5f75c] {
    font-size: 15px;
    margin: 20px auto 0;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .getPoints[data-v-2be5f75c] {
    font-size: 15px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .getPoints span[data-v-2be5f75c] {
    margin-left: 10px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .getPoints img[data-v-2be5f75c] {
    width: 25px;
    height: 25px;
    margin-left: 5px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container[data-v-2be5f75c] {
    width: 300px;
    padding: 19px 0 39px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar[data-v-2be5f75c] {
    height: 16px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-fill[data-v-2be5f75c] {
    height: 6px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-fill .percentage[data-v-2be5f75c] {
    top: -12px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-fill .percentage .risky-info__value[data-v-2be5f75c] {
    font-size: 13px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-fill .slider-drag-container .slider-drag[data-v-2be5f75c] {
    padding: 13px 24px 12px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-fill .slider-drag-container .slider-drag .drag-move-icon[data-v-2be5f75c] {
    height: 13px;
    width: 54px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .el-input {
    font-size: 14px;
    height: 44px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper {
    height: 8px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper .myPrice-slider_bar {
    border-radius: 10px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper .myPrice-slider_button {
    width: 14px;
    height: 14px;
    border-width: 2px;
    transform: translate(7px, -50%);
    top: 50%;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price[data-v-2be5f75c] {
    margin-top: 40px;
    gap: 0;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price .scale-price__button[data-v-2be5f75c] {
    font-size: 15px;
    height: 42px;
    width: 55px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price .scale-price__button[data-v-2be5f75c]::before {
    height: 42px;
    width: 75px;
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade[data-v-2be5f75c] {
    height: 46px;
    font-size: 13px;
    margin-top: 20px;
    clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade .button__content .button_upgrade__icon[data-v-2be5f75c] {
    width: 11px;
    height: 11px;
    margin-right: 6px;
}
.lucky-container .center-title-block[data-v-2be5f75c] {
    margin: 6px 0;
}
.lucky-container .center-title-block .center-title__text[data-v-2be5f75c] {
    font-size: 20px;
}
.lucky-container .choose-items-wrapper[data-v-2be5f75c] {
    padding: 0 15px 15px;
}
.lucky-container .choose-items-wrapper[data-v-2be5f75c] .item {
    width: calc(25% - 4px) !important;
}
.lucky-container .upgrade-result[data-v-2be5f75c] {
    width: 95% !important;
    max-width: 450px;
    height: auto !important;
    min-height: 280px;
    padding: 20px 16px 16px;
}
.lucky-container .upgrade-result__close[data-v-2be5f75c] {
    top: 12px;
    right: 16px;
}
.lucky-container .upgrade-result__close .close-circle[data-v-2be5f75c] {
    width: 26px;
    height: 26px;
}
.lucky-container .upgrade-result__close .close-line[data-v-2be5f75c] {
    width: 12px;
    height: 1.5px;
}
.lucky-container .upgrade-result__title[data-v-2be5f75c] {
    font-size: 18px;
    margin-bottom: 16px;
}
.lucky-container .upgrade-result__box[data-v-2be5f75c] {
    width: 180px;
    height: 130px;
    margin-bottom: 20px;
}
.lucky-container .upgrade-result__frame[data-v-2be5f75c] {
    width: 140px;
    height: 100px;
    margin-top: 25px;
}
.lucky-container .upgrade-result__item-name[data-v-2be5f75c] {
    font-size: 11px;
    padding: 2px 6px;
}
.lucky-container .upgrade-result__footer[data-v-2be5f75c] {
    flex-direction: row;
    gap: 10px;
    margin-top: 0;
}
}
@media screen and (max-width: 490px) {
.lucky-container[data-v-2be5f75c] {
    padding-top: 0;
    margin-top: 0;
}
.lucky-container .upgrade-top-block[data-v-2be5f75c] {
    height: 0;
    display: none;
}
.lucky-container .game-container-wrapper[data-v-2be5f75c] {
    margin-top: 0;
}
.lucky-container .game-container-wrapper .how-it-works-button[data-v-2be5f75c] {
    font-size: 11px;
    margin: 10px 0 0;
}
.lucky-container .game-container-wrapper .how-it-works-button .button__content .info-icon[data-v-2be5f75c] {
    width: 11px;
    height: 11px;
    margin-right: 4px;
}
.lucky-container .game-container-wrapper .game-container[data-v-2be5f75c] {
    padding: 0 8px;
    margin-bottom: 25px;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}
.lucky-container .game-container-wrapper .game-container .sacrifice-selected-items[data-v-2be5f75c],
  .lucky-container .game-container-wrapper .game-container .desired-selected-items[data-v-2be5f75c] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 90% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
}
.lucky-container .game-container-wrapper .game-container .sacrifice-selected-items .myPrice[data-v-2be5f75c] {
    height: 120px !important;
    gap: 30px;
    margin-bottom: 15px !important;
}
.lucky-container .game-container-wrapper .game-container .sacrifice-selected-items .scale-price[data-v-2be5f75c] {
    display: none !important;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper[data-v-2be5f75c] {
    height: 200px;
    max-width: 280px;
    width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state[data-v-2be5f75c] {
    padding-top: 35px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state .item-empty-state__img[data-v-2be5f75c] {
    height: 120px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .item-empty-state .item-empty-state__text[data-v-2be5f75c] {
    font-size: 12px;
    width: 120px;
    margin: 8px auto;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item[data-v-2be5f75c] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__close[data-v-2be5f75c] {
    height: 28px;
    width: 26px;
    right: 6px;
    top: 0;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__close .selected-item__close-icon[data-v-2be5f75c] {
    width: 10px;
    height: 10px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__img[data-v-2be5f75c] {
    width: 240px !important;
    height: 240px;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__price[data-v-2be5f75c] {
    font-size: 11px;
    height: 26px;
    padding: 0 8px;
    bottom: 10px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .selected-item__price .price[data-v-2be5f75c] {
    font-size: 11px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info[data-v-2be5f75c] {
    bottom: -8px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info .item-info__wrapper-type[data-v-2be5f75c] {
    font-size: 11px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info .item-info__name[data-v-2be5f75c] {
    font-size: 12px;
}
.lucky-container .game-container-wrapper .game-container .selected-item-wrapper .selected-item .item-info .item-info__quality[data-v-2be5f75c] {
    font-size: 8px;
}
.lucky-container .game-container-wrapper .game-container .desired-selected-items[data-v-2be5f75c] {
    flex-direction: column-reverse !important;
    gap: 30px;
}
.lucky-container .game-container-wrapper .game-roulette-manager[data-v-2be5f75c] {
    padding: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex: 1;
    margin-top: 15px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center[data-v-2be5f75c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    position: relative;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette[data-v-2be5f75c] {
    transform: scale(0.75);
    margin: 10.5px auto -88px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background[data-v-2be5f75c] {
    width: 350px;
    height: 350px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background-slider[data-v-2be5f75c] {
    width: 333px;
    height: 333px;
    border-width: 25px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__background-circle2[data-v-2be5f75c] {
    width: 270px;
    height: 270px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .game-roulette__state[data-v-2be5f75c] {
    top: 28px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .chance__figure-container[data-v-2be5f75c] {
    width: 357px;
    height: 357px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-container[data-v-2be5f75c] {
    height: 253px;
    width: 260px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .arrow-container .arrow-container__arrow[data-v-2be5f75c] {
    height: 239px;
    width: 14px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info[data-v-2be5f75c] {
    top: calc(50% + 155px);
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info .risky-info__value[data-v-2be5f75c] {
    font-size: 36px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .game-roulette .risky-info .risky-info__hint[data-v-2be5f75c] {
    font-size: 14px;
    margin-top: 7px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points[data-v-2be5f75c] {
    font-size: 15px;
    margin: 20px auto 0;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .getPoints[data-v-2be5f75c] {
    font-size: 15px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .getPoints span[data-v-2be5f75c] {
    margin-left: 10px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .event-points .getPoints img[data-v-2be5f75c] {
    width: 25px;
    height: 25px;
    margin-left: 5px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container[data-v-2be5f75c] {
    width: 280px;
    padding: 19px 0 39px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar[data-v-2be5f75c] {
    height: 16px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-fill[data-v-2be5f75c] {
    height: 6px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-fill .percentage[data-v-2be5f75c] {
    top: -12px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-fill .percentage .risky-info__value[data-v-2be5f75c] {
    font-size: 13px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-fill .slider-drag-container .slider-drag[data-v-2be5f75c] {
    padding: 13px 24px 12px;
}
.lucky-container .game-container-wrapper .game-roulette-manager .game-container-center .slider-container .slider-bar .slider-fill .slider-drag-container .slider-drag .drag-move-icon[data-v-2be5f75c] {
    height: 13px;
    width: 54px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice {
    width: 90%;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .el-input {
    font-size: 14px;
    height: 44px;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .el-input ::v-deep .el-input__inner {
    text-align: center !important;
    width: 100% !important;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: 8px;
    margin: 0 auto 10px !important;
    border-radius: 10px;
    display: block !important;
    position: relative !important;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper .myPrice-slider_bar {
    border-radius: 10px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper .myPrice-slider_button {
    width: 14px;
    height: 14px;
    border-width: 1.5px;
    transform: translate(6px, -50%);
    top: 50%;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items[data-v-2be5f75c] .myPrice .myPrice-slider_wrapper .myPrice-slider_button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price[data-v-2be5f75c] {
    margin-top: 40px;
    gap: 0;
    flex-wrap: wrap;
    justify-content: center !important;
    width: 100% !important;
    display: flex !important;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price .scale-price__button[data-v-2be5f75c] {
    font-size: 15px;
    height: 42px;
    width: 55px;
}
.lucky-container .game-container-wrapper .sacrifice-selected-items .scale-price .scale-price__button[data-v-2be5f75c]::before {
    height: 42px;
    width: 75px;
}
.lucky-container .game-container-wrapper .desired-selected-items[data-v-2be5f75c] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
}
.lucky-container .game-container-wrapper .desired-selected-items .selected-item-wrapper[data-v-2be5f75c] {
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.lucky-container .game-container-wrapper .desired-selected-items .selected-item[data-v-2be5f75c] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.lucky-container .game-container-wrapper .desired-selected-items .selected-item .selected-item__img[data-v-2be5f75c] {
    margin: 0 auto !important;
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade[data-v-2be5f75c] {
    height: 42px;
    font-size: 12px;
    margin: 18px auto 0 !important;
    display: flex !important;
    justify-content: center !important;
    clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
}
.lucky-container .game-container-wrapper .desired-selected-items .button_upgrade .button__content .button_upgrade__icon[data-v-2be5f75c] {
    width: 10px;
    height: 10px;
    margin-right: 5px;
}
.lucky-container .center-title-block[data-v-2be5f75c] {
    margin: 5px 0;
}
.lucky-container .center-title-block .center-title__text[data-v-2be5f75c] {
    font-size: 18px;
}
.lucky-container .choose-items-wrapper[data-v-2be5f75c] {
    margin-top: 12px;
    width: 125%;
    transform: scale(0.8);
    margin-bottom: -160px;
    padding: 0 10px 12px;
}
.lucky-container .choose-items-wrapper[data-v-2be5f75c] .item {
    width: calc(25% - 4px) !important;
}
.lucky-container .upgrade-result[data-v-2be5f75c] {
    width: 95% !important;
    max-width: 400px;
    height: auto !important;
    min-height: 260px;
    padding: 18px 14px 14px;
}
.lucky-container .upgrade-result__close[data-v-2be5f75c] {
    top: 10px;
    right: 14px;
}
.lucky-container .upgrade-result__close .close-circle[data-v-2be5f75c] {
    width: 24px;
    height: 24px;
}
.lucky-container .upgrade-result__close .close-line[data-v-2be5f75c] {
    width: 11px;
    height: 1.5px;
}
.lucky-container .upgrade-result__title[data-v-2be5f75c] {
    font-size: 16px;
    margin-bottom: 14px;
}
.lucky-container .upgrade-result__box[data-v-2be5f75c] {
    width: 160px;
    height: 110px;
    margin-bottom: 18px;
}
.lucky-container .upgrade-result__frame[data-v-2be5f75c] {
    width: 120px;
    height: 90px;
    margin-top: 20px;
}
.lucky-container .upgrade-result__item-name[data-v-2be5f75c] {
    font-size: 10px;
    padding: 2px 5px;
}
.lucky-container .upgrade-result__footer .btn-rect[data-v-2be5f75c] {
    height: 32px;
    padding: 0 10px;
    font-size: 11px;
    margin-top: 20px;
}
}
.gif-png[data-v-2be5f75c] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 70%;
  height: 110px;
}
.gif-png img[data-v-2be5f75c] {
  width: 100%;
}
.gif-png .gif[data-v-2be5f75c] {
  display: none;
}
.gif-png:hover .gif[data-v-2be5f75c] {
  display: block;
}
.gif-png:hover .png[data-v-2be5f75c] {
  display: none;
}
@media screen and (max-width: 767px) {
[data-v-2be5f75c] .el-dialog {
    width: 90% !important;
}
}
@media screen and (max-width: 490px) {
[data-v-2be5f75c] .el-dialog {
    width: 95% !important;
}
[data-v-2be5f75c] .el-dialog .usage-rules-dialog p {
    padding-left: 50px !important;
}
[data-v-2be5f75c] .el-dialog .usage-rules-dialog button {
    transform: scale(0.75);
    transform-origin: left top;
}
}
[data-v-2be5f75c] .el-tooltip__popper {
  padding: 6px !important;
  margin-bottom: 8px !important;
}
.page-pvp-index[data-v-bcde6cae] {
  background-image: url(../img/PVP-bg.48072a8a.jpg);
  background-position: top left;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 54px;
  position: relative;
}
.page-pvp-index .button__content[data-v-bcde6cae] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.page-pvp-index .battles-wrap[data-v-bcde6cae] {
  margin: 0 auto;
  max-width: 1500px;
  padding: 0 20px;
  position: relative;
}
.page-pvp-index .center-title-block[data-v-bcde6cae] {
  text-align: center;
}
.page-pvp-index .feast-points-info[data-v-bcde6cae] {
  color: #7f79af;
  font-size: 12px;
  letter-spacing: 0.16em;
  margin: 20px auto 0;
  max-width: 350px;
  text-align: center;
  text-transform: uppercase;
}
.page-pvp-index .feast-points-info img[data-v-bcde6cae] {
  height: 20px;
  position: relative;
  top: 6px;
  width: 20px;
  margin: 0 3px;
}
.page-pvp-index .tabs-create[data-v-bcde6cae] {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin: 55px auto 0;
  max-width: 1780px;
}
.page-pvp-index .tabs-create .tabs[data-v-bcde6cae] {
  align-items: center;
  display: flex;
  gap: 40px;
  height: 37px;
}
.page-pvp-index .tabs-create .tab[data-v-bcde6cae] {
  align-items: baseline;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  display: inline-flex;
  padding: 0 0 14px;
  position: relative;
  transition: border 0.3s;
}
.page-pvp-index .tabs-create .tab .icon[data-v-bcde6cae] {
  display: inline-block;
  height: 21px;
  position: relative;
  top: 3px;
  transition: background-color 0.3s;
  width: 21px;
  background-color: #79779a;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.page-pvp-index .tabs-create .tab .icon-l[data-v-bcde6cae] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
}
.page-pvp-index .tabs-create .tab .icon-r[data-v-bcde6cae] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.045 10.938c-.234 0-.468.01-.7-.003-.176-.009-.236.071-.258.23a7.76 7.76 0 0 1-1.38 3.502c-1.362 1.91-3.202 3.063-5.529 3.418-.166.026-.248.082-.243.268.011.46-.005.92.006 1.38.006.207-.071.27-.272.265A23 23 0 0 0 9.331 20c-.222.008-.28-.079-.274-.285.011-.453-.005-.906.007-1.36.005-.183-.074-.245-.242-.268-3.437-.47-6.28-3.213-6.867-6.624q-.09-.524-.618-.524c-.36 0-.722-.005-1.083.003-.176.003-.258-.046-.254-.24Q.015 10 0 9.299c-.004-.192.075-.244.253-.24.467.007.934-.005 1.401.005.176.004.234-.073.257-.231.52-3.548 3.21-6.298 6.762-6.902.452-.077.382-.068.386-.456Q9.066.86 9.058.243c-.003-.166.045-.246.229-.243q.711.013 1.422 0c.183-.003.232.075.23.241-.006.468.006.935-.005 1.402-.004.185.075.246.242.269 3.438.47 6.283 3.216 6.867 6.624q.09.523.617.523c.362 0 .723.008 1.084-.003.197-.006.259.07.254.262q-.017.679 0 1.359c.006.211-.077.273-.274.263-.226-.012-.453-.003-.68-.003zM3.68 9.988c-.003 3.487 2.817 6.323 6.292 6.33 3.5.007 6.341-2.812 6.346-6.298.005-3.5-2.814-6.336-6.303-6.34-3.498-.005-6.333 2.818-6.335 6.308'/%3E%3Cpath d='M13.658 9.994c.004 1.994-1.648 3.67-3.648 3.657-2.05-.015-3.645-1.6-3.662-3.66C6.33 7.993 8.004 6.34 10 6.342s3.652 1.654 3.657 3.653'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.045 10.938c-.234 0-.468.01-.7-.003-.176-.009-.236.071-.258.23a7.76 7.76 0 0 1-1.38 3.502c-1.362 1.91-3.202 3.063-5.529 3.418-.166.026-.248.082-.243.268.011.46-.005.92.006 1.38.006.207-.071.27-.272.265A23 23 0 0 0 9.331 20c-.222.008-.28-.079-.274-.285.011-.453-.005-.906.007-1.36.005-.183-.074-.245-.242-.268-3.437-.47-6.28-3.213-6.867-6.624q-.09-.524-.618-.524c-.36 0-.722-.005-1.083.003-.176.003-.258-.046-.254-.24Q.015 10 0 9.299c-.004-.192.075-.244.253-.24.467.007.934-.005 1.401.005.176.004.234-.073.257-.231.52-3.548 3.21-6.298 6.762-6.902.452-.077.382-.068.386-.456Q9.066.86 9.058.243c-.003-.166.045-.246.229-.243q.711.013 1.422 0c.183-.003.232.075.23.241-.006.468.006.935-.005 1.402-.004.185.075.246.242.269 3.438.47 6.283 3.216 6.867 6.624q.09.523.617.523c.362 0 .723.008 1.084-.003.197-.006.259.07.254.262q-.017.679 0 1.359c.006.211-.077.273-.274.263-.226-.012-.453-.003-.68-.003zM3.68 9.988c-.003 3.487 2.817 6.323 6.292 6.33 3.5.007 6.341-2.812 6.346-6.298.005-3.5-2.814-6.336-6.303-6.34-3.498-.005-6.333 2.818-6.335 6.308'/%3E%3Cpath d='M13.658 9.994c.004 1.994-1.648 3.67-3.648 3.657-2.05-.015-3.645-1.6-3.662-3.66C6.33 7.993 8.004 6.34 10 6.342s3.652 1.654 3.657 3.653'/%3E%3C/svg%3E");
}
.page-pvp-index .tabs-create .tab .name[data-v-bcde6cae] {
  color: #79779a;
  font-size: 20px;
  font-weight: 600;
  line-height: 1em;
  margin-left: 12px;
  transition: color 0.3s;
}
.page-pvp-index .tabs-create .tab:hover .icon[data-v-bcde6cae] {
  background-color: #fff !important;
}
.page-pvp-index .tabs-create .tab:hover .name[data-v-bcde6cae] {
  color: #fff;
}
.page-pvp-index .tabs-create .tab-active[data-v-bcde6cae] {
  border-bottom: 2px solid #f5115c;
}
.page-pvp-index .tabs-create .tab-active .icon[data-v-bcde6cae] {
  background-color: #fff !important;
}
.page-pvp-index .tabs-create .tab-active .name[data-v-bcde6cae] {
  color: #fff;
}
.page-pvp-index .tabs-create .my-stats-button[data-v-bcde6cae] {
  align-items: center;
  background-color: #1c1a2e;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  margin-left: 38px;
  min-width: 154px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.page-pvp-index .tabs-create .my-stats-button[data-v-bcde6cae]::before {
  background-color: rgba(92, 89, 117, 0.231372549);
  clip-path: polygon(12px 0, 0 50%, 12px 100%, 13px calc(100% - 1px), 1px 50%, 13px 1px, calc(100% - 13px) 1px, calc(100% - 1px) 50%, calc(100% - 13px) calc(100% - 1px), 12px calc(100% - 1px), 12px 100%, calc(100% - 12px) 100%, 100% 50%, calc(100% - 12px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.page-pvp-index .tabs-create .my-stats-button .stats-icon[data-v-bcde6cae] {
  background-color: #fff;
  display: inline-block;
  height: 20px;
  margin-right: 7px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.585 12.633H1v7.366h4.585zM11.866 9.693H7.28v10.308h4.585zM18.143 14.845H13.56V20h4.584zM9.502 0l1.39 2.963L14 3.438l-2.251 2.306L12.282 9l-2.78-1.539L6.718 9l.533-3.256L5 3.438l3.108-.475z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.585 12.633H1v7.366h4.585zM11.866 9.693H7.28v10.308h4.585zM18.143 14.845H13.56V20h4.584zM9.502 0l1.39 2.963L14 3.438l-2.251 2.306L12.282 9l-2.78-1.539L6.718 9l.533-3.256L5 3.438l3.108-.475z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 20px;
}
.page-pvp-index .tabs-create .create-battle-button[data-v-bcde6cae] {
  align-items: center;
  background-color: #5c49d0;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  min-width: 240px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.page-pvp-index .tabs-create .create-battle-button .plus-icon[data-v-bcde6cae] {
  background-color: #fff;
  height: 12px;
  margin-right: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 12px;
}
.page-pvp-index .battle-list-options-panel[data-v-bcde6cae] {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1490196078);
  display: flex;
  justify-content: space-between;
  margin: 45px auto;
  max-width: 1782px;
  min-height: 90px;
  padding: 0 40px;
  position: relative;
  background-color: rgba(11, 10, 21, 0.6901960784);
  border-radius: 15px;
  z-index: 1;
}
.page-pvp-index .battle-list-options-panel[data-v-bcde6cae]::before {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.page-pvp-index .battle-list-options-panel .left-block[data-v-bcde6cae],
.page-pvp-index .battle-list-options-panel .right-block[data-v-bcde6cae] {
  align-items: center;
  display: flex;
}
.page-pvp-index .battle-list-options-panel .left-block .crazy-mode[data-v-bcde6cae] {
  align-items: center;
  display: flex;
  position: relative;
}
.page-pvp-index .battle-list-options-panel .left-block .tooltip[data-v-bcde6cae] {
  background: #191827;
  border-radius: 50%;
  cursor: help;
  height: 20px;
  margin-left: 15px;
  position: relative;
  text-align: center;
  width: 20px;
}
.page-pvp-index .battle-list-options-panel .left-block .tooltip__custom[data-v-bcde6cae] {
  background: unset;
  height: unset;
  margin-left: unset;
  width: unset;
}
.page-pvp-index .battle-list-options-panel .left-block .crazy-mode__icon[data-v-bcde6cae],
.page-pvp-index .battle-list-options-panel .left-block .crazy-mode__icon.active[data-v-bcde6cae] {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.page-pvp-index .battle-list-options-panel .left-block .crazy-mode__icon[data-v-bcde6cae] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 34 34'%3E%3Cpath fill='%239793c7' d='M9.9 18.65c1.68.93 3.28 1.809 4.95 2.726-.931.382-1.792.586-2.693.573-.253 0-.465-.063-.637-.254-.75-.841-1.286-1.822-1.62-3.045M18.15 21.379c1.674-.923 3.236-1.78 4.95-2.729-.345 1.37-.923 2.345-1.725 3.177-.152.167-.355.116-.547.116-.893.012-1.745-.231-2.678-.564'/%3E%3Cpath fill='%239793c7' d='M7.63 20.229S3.3 14.514 3.3 6.036c5.76 1.584 5.122-4.25 14.36-2.88 2.542.38.236-1.977-.983-2.656 8.126.464 8.41 9.656 13.023 6.31-.213 4.537-1.443 9.978-4.258 13.49.745-5.036-3.064-13.394-8.942-8.358-8.185-6.263-8.87 8.287-8.87 8.287M8.25 23.6s3.049 6.525 8.307 6.525c5.22 0 8.193-6.525 8.193-6.525s-2.68 9.9-8.18 9.9c-5.526-.013-8.32-9.9-8.32-9.9'/%3E%3C/svg%3E");
  cursor: help;
  height: 25px;
  margin-right: 14px;
  width: 25px;
}
.page-pvp-index .battle-list-options-panel .left-block .crazy-mode__icon.active[data-v-bcde6cae] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fbf9f8' d='M6 11c1.018.564 1.988 1.096 3 1.652-.564.232-1.086.355-1.632.348a.48.48 0 0 1-.386-.155A4.46 4.46 0 0 1 6 11M11 12.654c1.014-.56 1.961-1.08 3-1.654-.209.83-.56 1.42-1.045 1.926-.092.1-.215.07-.332.07-.541.007-1.057-.14-1.623-.342'/%3E%3Cpath fill='%2313d761' d='M4.624 11.957S2 8.493 2 3.355c3.491.96 3.104-2.576 8.703-1.746 1.54.231.143-1.198-.595-1.609C15.032.281 15.204 5.852 18 3.824c-.129 2.75-.875 6.047-2.58 8.176.451-3.052-1.857-8.118-5.42-5.066-4.96-3.795-5.376 5.023-5.376 5.023'/%3E%3Cpath fill='%23ee1160' d='M5 14s1.848 3.954 5.035 3.954C13.199 17.954 15 14 15 14s-1.624 6-4.958 6C6.694 19.992 5 14 5 14'/%3E%3C/svg%3E");
}
.page-pvp-index .battle-list-options-panel .left-block .crazy-mode__icon:hover + .tooltip__text[data-v-bcde6cae] {
  opacity: 1;
  visibility: visible;
}
.page-pvp-index .battle-list-options-panel .left-block .tooltip__text[data-v-bcde6cae] {
  background: #282546;
  border-radius: 4px;
  color: #dddcfc;
  font-size: 14px;
  left: -90px;
  margin-top: 10px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  text-align: initial;
  top: 23px;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 200px;
  z-index: 10;
  font-size: 12px;
  line-height: 1.3em;
  padding: 12px 20px;
  top: 29px;
  transform: translate(74px);
  width: 220px;
}
.page-pvp-index .battle-list-options-panel .left-block .tooltip__text[data-v-bcde6cae]::before {
  border-color: transparent transparent #282546;
  border-style: solid;
  border-width: 0 7.5px 10px;
  content: "";
  height: 0;
  left: calc(50% - 8px);
  position: absolute;
  top: -10px;
  width: 0;
  transform: translate(-84px);
}
.page-pvp-index .battle-list-options-panel .left-block .switcher[data-v-bcde6cae] {
  text-transform: uppercase;
  align-items: center;
  cursor: pointer;
  display: flex;
}
.page-pvp-index .battle-list-options-panel .left-block .switcher .option-text[data-v-bcde6cae] {
  font-size: 15px;
  margin-right: 6px;
}
.page-pvp-index .battle-list-options-panel .left-block .switcher .option-text[data-v-bcde6cae] {
  color: #dddcfc;
  font-weight: 600;
}
.page-pvp-index .battle-list-options-panel .left-block .switcher .marker[data-v-bcde6cae] {
  background: #141225;
  display: block;
  position: relative;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  height: 28px;
  width: 50px;
  margin-left: 16px;
}
.page-pvp-index .battle-list-options-panel .left-block .switcher .marker[data-v-bcde6cae]::before {
  background: #43415a;
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.3s, left 0.3s;
  height: 16px;
  left: 7px;
  width: 18px;
}
.page-pvp-index .battle-list-options-panel .left-block .switcher.is_selected .marker[data-v-bcde6cae]::before {
  left: calc(100% - 24px);
  background: #05f4ff;
}
.page-pvp-index .battle-list-options-panel .left-block .separator[data-v-bcde6cae] {
  background-color: #191728;
  height: 58px;
  margin: 0 24px;
  width: 1px;
}
.page-pvp-index .battle-list-options-panel .left-block .checkbox-block[data-v-bcde6cae] {
  align-items: center;
  cursor: pointer;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.page-pvp-index .battle-list-options-panel .left-block .checkbox-block .checkbox[data-v-bcde6cae] {
  display: flex;
  align-content: center;
  cursor: pointer;
  height: 26px;
  min-width: 26px;
  order: 1;
}
.page-pvp-index .battle-list-options-panel .left-block .checkbox-block .checkbox .checkbox__hexagon[data-v-bcde6cae] {
  height: 26px;
  position: relative;
  width: 26px;
}
.page-pvp-index .battle-list-options-panel .left-block .checkbox-block .checkbox .checkbox__hexagon-background[data-v-bcde6cae] {
  fill: #1b192f;
}
.page-pvp-index .battle-list-options-panel .left-block .checkbox-block .checkbox .checkbox__hexagon-stroke[data-v-bcde6cae] {
  fill: transparent;
  stroke: #3b3762;
  stroke-width: 2;
  transition: stroke 0.3s;
}
.page-pvp-index .battle-list-options-panel .left-block .checkbox-block .checkbox .checkbox__hexagon-checkmark[data-v-bcde6cae] {
  fill: transparent;
}
.page-pvp-index .battle-list-options-panel .left-block .checkbox-block .checkbox-label[data-v-bcde6cae] {
  order: 0;
}
.page-pvp-index .battle-list-options-panel .left-block .checkbox-block .checkbox-label .enough-balance-label[data-v-bcde6cae] {
  color: #737e95;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  margin-right: 10px;
  text-transform: uppercase;
}
.page-pvp-index .battle-list-options-panel .left-block .checkbox-block.is_selected .checkbox__hexagon .checkbox__hexagon-stroke[data-v-bcde6cae] {
  fill: #1a2633;
  stroke: #4af1b8;
}
.page-pvp-index .battle-list-options-panel .left-block .checkbox-block.is_selected .checkbox__hexagon .checkbox__hexagon-checkmark[data-v-bcde6cae] {
  fill: #4af1b8;
}
.page-pvp-index .battle-list-options-panel .right-block[data-v-bcde6cae] {
  align-items: center;
  display: flex;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8-[data-v-bcde6cae] {
  position: relative;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- ._YNRTMd-cUII-[data-v-bcde6cae] {
  align-items: center;
  cursor: pointer;
  display: flex;
  color: #6f6d88;
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
  text-transform: uppercase;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- ._5vs6F-Cap7E-[data-v-bcde6cae] {
  color: #6f6d88;
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
  text-transform: uppercase;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- .select-label[data-v-bcde6cae] {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- .select-label__filter-icon[data-v-bcde6cae] {
  background-color: #6f6d88;
  height: 14px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'%3E%3Cpath fill-rule='evenodd' d='M3.028.215v9.707H.474l3.302 3.754 3.302-3.754H4.523V.215zM8.56.993v1.468h13.227V.993zm0 3.494v1.467h10.683V4.487zm0 3.493v1.467h8.14V7.98zm0 3.493v1.468h5.596v-1.468z' clip-rule='evenodd'/%3E%3Cpath d='M3.776 14 0 9.707h2.815V0h1.92v9.708h2.816zm-2.83-3.864 2.829 3.216 2.828-3.216H4.308V.43H3.241v9.707H.947m13.424 3.02H8.348v-1.897h6.022zm-5.597-.43h5.17v-1.038h-5.17zm8.14-3.064H8.347V7.765h8.565zm-8.14-.43h7.713V8.196H8.773zM19.456 6.17H8.347V4.272h11.109zm-10.683-.43H19.03V4.701H8.773zM22 2.675H8.347V.78H22zM8.773 2.246h12.8V1.208h-12.8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'%3E%3Cpath fill-rule='evenodd' d='M3.028.215v9.707H.474l3.302 3.754 3.302-3.754H4.523V.215zM8.56.993v1.468h13.227V.993zm0 3.494v1.467h10.683V4.487zm0 3.493v1.467h8.14V7.98zm0 3.493v1.468h5.596v-1.468z' clip-rule='evenodd'/%3E%3Cpath d='M3.776 14 0 9.707h2.815V0h1.92v9.708h2.816zm-2.83-3.864 2.829 3.216 2.828-3.216H4.308V.43H3.241v9.707H.947m13.424 3.02H8.348v-1.897h6.022zm-5.597-.43h5.17v-1.038h-5.17zm8.14-3.064H8.347V7.765h8.565zm-8.14-.43h7.713V8.196H8.773zM19.456 6.17H8.347V4.272h11.109zm-10.683-.43H19.03V4.701H8.773zM22 2.675H8.347V.78H22zM8.773 2.246h12.8V1.208h-12.8z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 22px;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- .select-label__text[data-v-bcde6cae] {
  color: #6f6d88;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  margin-left: 12px;
  text-transform: uppercase;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- ._KvIn-rBxZ8U-[data-v-bcde6cae] {
  align-items: center;
  display: flex;
  margin-left: 20px;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- ._oEATxRVVUtM-[data-v-bcde6cae] {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
  text-transform: uppercase;
  transition: color 0.2s;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- ._oEATxRVVUtM-[data-v-bcde6cae]:hover {
  color: #6f6d88;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- ._EpIYEmvkUCY-[data-v-bcde6cae] {
  align-self: center;
  background-color: #9793ba;
  display: inline-block;
  height: 5px;
  margin-bottom: 1px;
  margin-left: 12px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: transform 0.2s;
  width: 10px;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- ._Zy48nTL-RMo-[data-v-bcde6cae] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: -25px;
  background-color: #22203e;
  border-radius: 4px;
  min-width: 220px;
  height: 0px;
  overflow: hidden;
  transform: translateY(100%);
  transition: height 0.2s;
}
@media screen and (max-width: 490px) {
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- ._Zy48nTL-RMo-[data-v-bcde6cae] {
    transform: translateY(100%) scale(0.8);
    transform-origin: top right;
    bottom: -15px;
}
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- ._Zy48nTL-RMo-.active[data-v-bcde6cae] {
  height: 137px;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- ._Zy48nTL-RMo- ._9ErYe2HWsx0-[data-v-bcde6cae] {
  width: 100%;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- ._Zy48nTL-RMo- ._Hhnq2dUCKow-[data-v-bcde6cae] {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 11px 18px;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- ._Zy48nTL-RMo- ._Hhnq2dUCKow- ._-2Ch4OXzmOk-[data-v-bcde6cae] {
  color: #9793c7;
  font-size: 14px;
  transition: color 0.2s;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- ._Zy48nTL-RMo- ._Hhnq2dUCKow-._pZ7Z-alq91Q- ._-2Ch4OXzmOk-[data-v-bcde6cae], .page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- ._Zy48nTL-RMo- ._Hhnq2dUCKow-:hover ._-2Ch4OXzmOk-[data-v-bcde6cae] {
  color: #fff;
}
.page-pvp-index .battle-list-options-panel .right-block ._j9eHVRiAml8- ._Zy48nTL-RMo- ._Hhnq2dUCKow-._pZ7Z-alq91Q- ._rdlqoNYwFso-[data-v-bcde6cae] {
  background-color: #fff;
  display: inline-block;
  height: 14px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 4.095 17.986 2 7.554 12.848 2.014 7.05 0 9.145 7.554 17z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 4.095 17.986 2 7.554 12.848 2.014 7.05 0 9.145 7.554 17z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 14px;
}
.page-pvp-index .battle-list-options-panel .right-block .separator[data-v-bcde6cae] {
  background-color: #191728;
  height: 58px;
  margin: 0 24px;
  width: 1px;
}
.page-pvp-index .battle-list-options-panel .right-block .reset-filters-button[data-v-bcde6cae] {
  align-items: center;
  background-color: #1c1a31;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
  color: #9793c7;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  min-width: 134px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.page-pvp-index .battle-list-options-panel .right-block .reset-filters-button[data-v-bcde6cae]:hover {
  color: #fff;
  background-color: #201d37;
}
@media screen and (min-width: 768px) {
.page-pvp-index .battle-list-options-panel .right-block .reset-filters-button[data-v-bcde6cae] {
    min-width: 115px;
}
}
.page-pvp-index .battles-list-block[data-v-bcde6cae] {
  margin-top: 30px;
}
.page-pvp-index .battles-list-block .battles-table-header[data-v-bcde6cae] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
.page-pvp-index .battles-list-block .battles-table-header[data-v-bcde6cae] {
    display: none;
}
}
.page-pvp-index .battles-list-block .battles-table-header .battles-table-header__cell[data-v-bcde6cae] {
  color: #38364f;
  font-feature-settings: "kern" off;
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
  text-align: center;
  text-transform: uppercase;
  width: var(--width);
}
.page-pvp-index .battles-list-block .battles-table[data-v-bcde6cae] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 888px;
  margin-bottom: 123px;
}
.page-pvp-index .battles-list-block .battles-table .battle-item[data-v-bcde6cae] {
  background-color: #1c1a2f;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: space-between;
  padding: 4px 0;
  position: relative;
  transition: transform 0.3s, background 0.3s, opacity 0.3s;
  width: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.page-pvp-index .battles-list-block .battles-table .battle-item.opacity[data-v-bcde6cae]:not(:hover) {
  opacity: 0.4;
}
.page-pvp-index .battles-list-block .battles-table .battle-item.opacity:not(:hover) .battle-case .battle-case__img[data-v-bcde6cae] {
  filter: grayscale(1);
  transition: filter 0.3s;
}
.page-pvp-index .battles-list-block .battles-table .battle-item.start_ineligible[data-v-bcde6cae] {
  margin-top: 60px;
}
.page-pvp-index .battles-list-block .battles-table .battle-item.start_ineligible .ineligible[data-v-bcde6cae] {
  position: absolute;
  left: 0;
  top: -30px;
  color: #d0ccff;
  cursor: default;
  line-height: 1em;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  filter: grayscale(1);
}
.page-pvp-index .battles-list-block .battles-table .battle-item.best-battle[data-v-bcde6cae] {
  background-color: #221d39;
}
.page-pvp-index .battles-list-block .battles-table .battle-item.best-battle[data-v-bcde6cae]::after {
  border: 1px solid #8455e8;
  content: "";
  height: calc(100% + 4px);
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 4px);
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell[data-v-bcde6cae] {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  min-width: 124px;
  position: relative;
  transition: background-color 0.3s;
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell.status1[data-v-bcde6cae] {
  background: linear-gradient(90deg, rgba(74, 241, 184, 0.1019607843), rgba(74, 241, 184, 0));
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell.status1 .live-circle[data-v-bcde6cae] {
  animation: glow-animation-bcde6cae 2s infinite alternate;
  border: 1px solid rgba(74, 241, 184, 0.2);
  border-radius: 50%;
  height: 10px;
  width: 10px;
  left: 7px;
  top: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell.status1 .live-circle span[data-v-bcde6cae] {
  background-color: #4af1b8;
  border-radius: 50%;
  box-shadow: 0 0 8px #4af1b8;
  height: 4px;
  width: 4px;
}
@keyframes glow-animation-bcde6cae {
to {
    opacity: 0;
}
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell.status1 .status-text[data-v-bcde6cae] {
  color: #4af1b8;
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell.status1 .depth.depth-2[data-v-bcde6cae] {
  display: block !important;
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell .status-text[data-v-bcde6cae] {
  position: absolute;
  top: 3px;
  font-size: 10px;
  font-weight: 600;
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell .battle-rounds-cell__rounds-text[data-v-bcde6cae] {
  bottom: 3px;
  color: #38364f;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  text-transform: uppercase;
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell .battle-rounds-cell__private-text[data-v-bcde6cae] {
  color: #4af1b8;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  text-transform: uppercase;
  top: 15px;
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-bcde6cae] {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-bcde6cae]::after, .page-pvp-index .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-bcde6cae]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='62' fill='none' viewBox='0 0 18 62'%3E%3Cg stroke='%238e8ab8' opacity='.1'%3E%3Cpath d='m1 1 11.905 6.714m0 14.976L17 25M12.778 7.483v15.493M1 61l11.905-6.714m0-14.976L17 37m-4.222 17.517V39.024'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
  height: 62px;
  position: absolute;
  width: 18px;
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-bcde6cae]::before {
  left: -14px;
  transform: scale(-1);
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-bcde6cae]::after {
  right: -14px;
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell .depths[data-v-bcde6cae] {
  height: 80px;
  margin: 0 auto;
  position: relative;
  width: 70px;
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell .depth[data-v-bcde6cae] {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell .depth.depth-1[data-v-bcde6cae] {
  background: linear-gradient(180deg, #171528, #161425);
  height: 100%;
  width: 100%;
  z-index: 1;
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell .depth.depth-2[data-v-bcde6cae] {
  background: linear-gradient(180deg, #4af1b8, #24233e);
  display: none;
  height: 76%;
  width: 76%;
  z-index: 2;
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell .depth.depth-3[data-v-bcde6cae] {
  background: linear-gradient(180deg, #17162b, #2c2a46);
  height: 70%;
  width: 70%;
  z-index: 3;
}
.page-pvp-index .battles-list-block .battles-table .battle-rounds-cell .depth.depth-4[data-v-bcde6cae] {
  align-items: center;
  background: linear-gradient(180deg, #19182d, #201e37);
  color: #e8e4f7;
  display: flex;
  font-size: 19px;
  font-weight: 700;
  height: 54%;
  justify-content: center;
  width: 52%;
  z-index: 4;
}
.page-pvp-index .battles-list-block .battles-table .scenario-cell-wrapper[data-v-bcde6cae] {
  flex: 1;
  overflow: hidden;
  position: relative;
  --case-width: 160px;
}
.page-pvp-index .battles-list-block .battles-table .scenario-cell-wrapper .cases-list-block[data-v-bcde6cae] {
  background-color: #181629;
  height: 100%;
  position: relative;
  transition: background-color 0.3s;
  white-space: nowrap;
  transition: transform 0.5s;
}
.page-pvp-index .battles-list-block .battles-table .scenario-cell-wrapper .battle-case[data-v-bcde6cae] {
  background-color: #181629;
  border-right: 1px solid #141225;
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: opacity 0.3s, background-color 0.3s;
  width: 160px;
}
.page-pvp-index .battles-list-block .battles-table .scenario-cell-wrapper .battle-case.no-active .battle-case__img[data-v-bcde6cae] {
  filter: grayscale(1);
  opacity: 0.2;
}
.page-pvp-index .battles-list-block .battles-table .scenario-cell-wrapper .battle-case.no-active .battle-case__name[data-v-bcde6cae] {
  filter: grayscale(1);
  opacity: 0.2;
}
.page-pvp-index .battles-list-block .battles-table .scenario-cell-wrapper .item_ceil[data-v-bcde6cae] {
  position: absolute;
  top: -4px;
  left: 0;
  width: var(--case-width);
  height: 16px;
  margin: 0 auto;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAgCAYAAABU1PscAAADFUlEQVR4AdWVNZg9NRTFg1RsRYPT4NDg0ODyZpK37htZxxqcBnd3p8GhwalwOvxNMk9qqKigL9//nsxmN/91353zfb/v5t5Jbs59yhZLp/ZBzV17PwJvbD3CxtKaj4corfl4iNKaj4corfl4iNKaj4corfl4iNKaj4corfl4iNKaj4fYl+bbrH1Iux2xOI9qhruHtmoePULf9dzL1tKDV7QPN5W8Yx6Td1QQV0Cl9vHNmsfZhV7fehb3j+9+8MGfD2fr0fVd/x4xdnXjaE934+gh8ccxAOtJioCe0brl6zp1z238lc+fDX3BZLyO7hq6orgLnthGJKv1I3XSPEV22lN1UjtFdxOJZ6EWw90r6zdffxm9C2qLo2co6n0TeWGb0djVvx09zt25YJT/ea4U9pxR5LT2kUAt7CFzb605gKi/GfqFHiD0DvfIa4u+eJfZVjRVaZwoRXaZruaX6oQIkfD1pHZQXQn3zsqfeXpGeyb8udCnhrM+oh5y9J7qaZzItkMTvHGyTK0wEXEuF+Va2I8XmzfCfhSfV5WMK17ny/VCHR8dtp2a4tlZOnHDitdGECeEG9YCuUPuI54BLRrDZPrThQGyT7EXzxCxf7zTjYxR1CDqNU4ouovthKRonWOq+YxJsxmZ5jN04bSkNcAamLk6IPNfGyI8R9TCziJiH9bxGfTFd4DtpMY7WxfRxbdokd9iuL0VKAI5wDoQ9gGZzK0DlIfz4ZwR+cVsN4QvmkndvZIwEYrn9wCZZsUzURD2ksl74v0ShHUlu4ztplSaX625e3IxZPgpMuoJtfl1QkS1gEyya9heSPGMa2Ff0yInighU6l5FHqInpdzXkCMW4JeH7aVkUu/R3L4HVJq9X0T3PtAJ6iszVrG9bD+o+Am0n2vuPGT+M025Qh4Q9gvUwnP8fLL9pPHUaSXs92TwO+Oj/Q4gV2nIXZFXnWb7UXO//b8GFOIisIftZ2me3UQmm4bbphauoTlB0VBN8/wmVgb5Pypu/wHK4/5GjZVJWti7NM//owH+Hxf5XayMwj+yqeb3sB3UAYIwqeyR8/hGAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 24px 100%;
  background-position: center center;
  z-index: 1;
  transition: transform 0.5s;
}
.page-pvp-index .battles-list-block .battles-table .scenario-cell-wrapper .item_ceil_1[data-v-bcde6cae] {
  transform: translateX(0);
}
.page-pvp-index .battles-list-block .battles-table .scenario-cell-wrapper .item_ceil_2[data-v-bcde6cae] {
  transform: translateX(calc(var(--case-width) * 1));
}
.page-pvp-index .battles-list-block .battles-table .scenario-cell-wrapper .item_ceil_3[data-v-bcde6cae] {
  transform: translateX(calc(var(--case-width) * 2));
}
.page-pvp-index .battles-list-block .battles-table .scenario-cell-wrapper .item_ceil_4[data-v-bcde6cae] {
  transform: translateX(calc(var(--case-width) * 3));
}
.page-pvp-index .battles-list-block .battles-table .scenario-cell-wrapper .battle-case__multiplier[data-v-bcde6cae] {
  background-color: #5c49d0;
  clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
  font-size: 9px;
  font-weight: 700;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  width: 28px;
  z-index: 1;
}
.page-pvp-index .battles-list-block .battles-table .scenario-cell-wrapper .battle-case__img[data-v-bcde6cae] {
  height: 110px;
  margin: 0 auto;
  min-height: 104px;
  -o-object-fit: contain;
  object-fit: contain;
  transition: opacity 0.3s, transform 0.3s, filter 0.3s;
  width: 110px;
}
.page-pvp-index .battles-list-block .battles-table .scenario-cell-wrapper .battle-case__name[data-v-bcde6cae] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #e9e9e9;
  font-size: 12px;
  font-weight: 600;
  line-height: 11px;
  overflow: hidden;
  padding: 0 6px;
  text-align: center;
  transition: color 0.3s, opacity 0.3s;
  white-space: normal;
}
.page-pvp-index .battles-list-block .battles-table .scenario-cell-wrapper .scenario-cell-details-button[data-v-bcde6cae] {
  background: #23203c;
  box-shadow: -17px 0 17px #181629;
  color: #c4bee1;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  height: 100%;
  line-height: 38px;
  position: absolute;
  right: -1px;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  transition: background 0.3s;
  writing-mode: vertical-lr;
  z-index: 2;
}
.page-pvp-index .battles-list-block .battles-table .scenario-cell-wrapper .scenario-cell-details-button[data-v-bcde6cae]:hover {
  background-color: #36325d;
}
.page-pvp-index .battles-list-block .battles-table .battle-cost-cell[data-v-bcde6cae] {
  align-items: center;
  background-color: #161428;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 112px;
  text-align: center;
  transition: background-color 0.3s;
}
.page-pvp-index .battles-list-block .battles-table .battle-cost-cell.battle-cost-cell.with-exclusive-drops[data-v-bcde6cae] {
  background-image: url(../img/CMh8PB0Q.83429995.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.page-pvp-index .battles-list-block .battles-table .battle-cost-cell .mode-text[data-v-bcde6cae] {
  display: none;
}
.page-pvp-index .battles-list-block .battles-table .battle-cost-cell .cost[data-v-bcde6cae] {
  align-items: center;
  color: #4af1b8;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  justify-content: center;
}
.page-pvp-index .battles-list-block .battles-table .battle-cost-cell .exclusive-drops-icon[data-v-bcde6cae] {
  display: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 28'%3E%3Cpath stroke='%23ff55b3' d='m26.207 19.044-7.15 7.134H8.943l-7.15-7.134V8.956l7.15-7.134h10.112l7.15 7.134z'/%3E%3Cpath fill='%23ff55b3' d='M15.043 1.041 14 0l-1.035 1.033-.017.015v2.65l.017-.016L14 2.65l1.042 1.042.008.006V1.048zM12.957 26.959 14 28l1.035-1.033.017-.015v-2.65l-.017.016L14 25.35l-1.042-1.042-.008-.006v2.65z'/%3E%3Cpath fill='%236a42ff' d='M10.09 9.538V0L8.57 5.095 0 13.999l8.57 8.906 1.52 5.093V18.46l-1.454 2.825-5.96-6.194 3.719-1.092-3.72-1.091 5.961-6.195zm-8.455 4.471-.01-.01.01-.01zM28 14l-8.57-8.907L17.909 0v9.538l1.454-2.825 5.96 6.195-3.718 1.091 3.719 1.092-5.961 6.194-1.454-2.825v9.538l1.52-5.093L27.999 14zm-1.635-.01.01.01-.01.01z'/%3E%3Cpath fill='%236a42ff' d='m14 9.348-4.475 4.464 4.474 4.465 4.475-4.465z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 14px;
  margin-right: 3px;
  width: 14px;
}
.page-pvp-index .battles-list-block .battles-table .battle-players-cell[data-v-bcde6cae] {
  align-items: center;
  background-color: #161428;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 2px;
  position: relative;
  transition: background-color 0.3s;
  width: 150px;
  min-width: 150px;
}
.page-pvp-index .battles-list-block .battles-table .battle-players-cell.game_mode-2[data-v-bcde6cae] {
  background-image: url(../img/CkTz9_7M.debf90e3.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.page-pvp-index .battles-list-block .battles-table .battle-players-cell.game_mode-2 .mode-text[data-v-bcde6cae] {
  bottom: 10px;
  color: #13d761;
}
.page-pvp-index .battles-list-block .battles-table .battle-players-cell.game_mode-3[data-v-bcde6cae] {
  background-image: url(../img/B6lI7twR.2d409d69.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.page-pvp-index .battles-list-block .battles-table .battle-players-cell.game_mode-3 .mode-text[data-v-bcde6cae] {
  bottom: 10px;
  color: #66b5ba;
}
.page-pvp-index .battles-list-block .battles-table .battle-players-cell .players-quantity[data-v-bcde6cae] {
  color: #737e95;
  font-size: 12px;
  font-weight: 600;
  line-height: 11px;
  position: absolute;
  top: 14px;
}
.page-pvp-index .battles-list-block .battles-table .battle-players-cell .players-quantity.full[data-v-bcde6cae] {
  color: #cf3464;
}
.page-pvp-index .battles-list-block .battles-table .battle-players-cell .users-list[data-v-bcde6cae] {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.page-pvp-index .battles-list-block .battles-table .battle-players-cell .users-list__avatar[data-v-bcde6cae] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2px;
  position: relative;
}
.page-pvp-index .battles-list-block .battles-table .battle-players-cell .users-list__avatar .vs[data-v-bcde6cae] {
  display: none;
  font-size: 12px;
}
.page-pvp-index .battles-list-block .battles-table .battle-players-cell .users-list__win-indicator[data-v-bcde6cae] {
  background: #28253d;
  border-radius: 50%;
  bottom: -3px;
  height: 10px;
  position: absolute;
  right: 10px;
  width: 10px;
  z-index: 1;
}
.page-pvp-index .battles-list-block .battles-table .battle-players-cell .users-list__win-indicator[data-v-bcde6cae]::before {
  background: #4af1b8;
  border-radius: 50%;
  bottom: 2px;
  content: "";
  height: 6px;
  position: absolute;
  right: 2px;
  width: 6px;
}
.page-pvp-index .battles-list-block .battles-table .battle-players-cell .users-list__win-text[data-v-bcde6cae] {
  bottom: -15px;
  color: #43405e;
  font-size: 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  justify-content: center;
}
.page-pvp-index .battles-list-block .battles-table .battle-players-cell .mode-text[data-v-bcde6cae] {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
}
.page-pvp-index .battles-list-block .battles-table .battle-win-sum-cell[data-v-bcde6cae] {
  align-items: center;
  background-color: #161428;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 2px;
  min-width: 90px;
  text-align: center;
  transition: background-color 0.3s;
}
@media screen and (max-width: 767px) {
.page-pvp-index .battles-list-block .battles-table .battle-win-sum-cell[data-v-bcde6cae] {
    background-color: transparent;
}
}
.page-pvp-index .battles-list-block .battles-table .battle-win-sum-cell .cost[data-v-bcde6cae] {
  font-size: 15px;
  font-weight: 700;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper[data-v-bcde6cae] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 194px;
  padding: 0 18px;
  transition: background-color 0.3s;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button[data-v-bcde6cae] {
  align-items: center;
  background-color: #28172d;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  min-width: 120px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 100%;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button[data-v-bcde6cae]::before {
  background-color: #cf3464;
  clip-path: polygon(12px 0, 0 50%, 12px 100%, 13px calc(100% - 1px), 1px 50%, 13px 1px, calc(100% - 13px) 1px, calc(100% - 1px) 50%, calc(100% - 13px) calc(100% - 1px), 12px calc(100% - 1px), 12px 100%, calc(100% - 12px) 100%, 100% 50%, calc(100% - 12px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button.game_mode-2[data-v-bcde6cae] {
  background-color: #18292f;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button.game_mode-2[data-v-bcde6cae]::before {
  background-color: #13d761;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button.game_mode-2 .crazy-mode-icon[data-v-bcde6cae] {
  display: inline-block;
  height: 23px;
  margin-right: 8px;
  width: 23px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fbf9f8' d='M6 11c1.018.564 1.988 1.096 3 1.652-.564.232-1.086.355-1.632.348a.48.48 0 0 1-.386-.155A4.46 4.46 0 0 1 6 11M11 12.654c1.014-.56 1.961-1.08 3-1.654-.209.83-.56 1.42-1.045 1.926-.092.1-.215.07-.332.07-.541.007-1.057-.14-1.623-.342'/%3E%3Cpath fill='%2313d761' d='M4.624 11.957S2 8.493 2 3.355c3.491.96 3.104-2.576 8.703-1.746 1.54.231.143-1.198-.595-1.609C15.032.281 15.204 5.852 18 3.824c-.129 2.75-.875 6.047-2.58 8.176.451-3.052-1.857-8.118-5.42-5.066-4.96-3.795-5.376 5.023-5.376 5.023'/%3E%3Cpath fill='%23ee1160' d='M5 14s1.848 3.954 5.035 3.954C13.199 17.954 15 14 15 14s-1.624 6-4.958 6C6.694 19.992 5 14 5 14'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button.game_mode-3[data-v-bcde6cae] {
  background-color: #18292f;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button.game_mode-3[data-v-bcde6cae]::before {
  background-color: #66b5ba;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button.game_mode-3 .sharing-mode-icon[data-v-bcde6cae] {
  display: inline-block;
  height: 23px;
  margin-right: 8px;
  width: 23px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23fff' d='M13.994 21.578q-3.78.002-7.56-.001c-.755-.001-1.291-.36-1.452-.952-.223-.826.392-1.576 1.334-1.602.634-.017 1.27-.012 1.904-.001.221.004.348-.072.457-.253q1.915-3.151 3.843-6.297a.94.94 0 0 0 .146-.519 100 100 0 0 1 0-2.084c.008-.666.377-1.169.956-1.33.89-.248 1.698.365 1.714 1.314.012.694.007 1.39 0 2.083-.002.2.046.374.152.547 1.271 2.071 2.541 4.143 3.799 6.221.146.242.312.33.6.32.605-.02 1.21-.016 1.814 0 .543.014.975.238 1.225.715.233.445.184.883-.107 1.287-.303.42-.755.552-1.265.552h-7.56m.004-2.56c.705 0 1.41-.005 2.115.003.253.004.27-.065.15-.26a495 495 0 0 1-2.1-3.445c-.116-.19-.186-.218-.314-.006q-1.051 1.74-2.12 3.468c-.122.199-.062.244.155.242.704-.006 1.41-.002 2.114-.001'/%3E%3Cpath fill='%2366b5ba' d='M13.991 2.8c2.707-.005 4.917 1.945 5.18 4.558.1 1.01-.113 1.952-.585 2.851-.101.193-.195.256-.413.116-.569-.364-1.15-.712-1.735-1.052-.186-.11-.214-.198-.108-.39.788-1.435-.029-3.146-1.673-3.525-1.596-.368-3.14.762-3.19 2.328-.014.432.025.85.238 1.236.085.154.04.242-.105.331-.586.358-1.17.717-1.747 1.089-.19.122-.27.064-.371-.103-1.422-2.352-.535-5.45 1.941-6.781a5.4 5.4 0 0 1 2.568-.658M28 19.714c-.015 3.458-2.588 5.708-5.673 5.457-.648-.053-1.26-.24-1.849-.511-.23-.105-.23-.208-.1-.396q.556-.794 1.076-1.609c.128-.203.232-.247.476-.136.94.429 1.85.331 2.676-.265.863-.623 1.177-1.488.966-2.486-.203-.968-.85-1.602-1.843-1.884a2.43 2.43 0 0 0-1.817.166c-.225.115-.329.07-.452-.125a38 38 0 0 0-1.053-1.588c-.165-.233-.097-.34.13-.468 1.65-.923 3.846-.78 5.406.38 1.35 1.004 2.035 2.334 2.056 3.465zM.002 20.325c-.033-2.555 1.893-4.69 4.442-5.025 1.083-.142 2.076.102 3.03.575.224.112.286.22.13.446a44 44 0 0 0-1.085 1.637c-.117.183-.217.189-.412.098-1.727-.808-3.734.374-3.758 2.206-.024 1.802 1.941 3.044 3.657 2.292.292-.128.417-.073.57.166q.495.779 1.038 1.528c.16.223.112.315-.127.43C4.547 26.1.926 24.483.134 21.386a3.8 3.8 0 0 1-.13-1.062z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button.status1[data-v-bcde6cae] {
  background-color: #282546;
  color: #9793c7;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button.status1[data-v-bcde6cae]::before {
  content: unset;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button.status1 .default-mode-icon[data-v-bcde6cae] {
  background-color: #9793c7;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3C5.455 3 1.573 5.903 0 10c1.573 4.097 5.455 7 10 7 4.546 0 8.427-2.903 10-7-1.573-4.097-5.454-7-10-7m0 11.667c-2.51 0-4.545-2.091-4.545-4.667S7.49 5.333 10 5.333 14.546 7.424 14.546 10 12.509 14.667 10 14.667M10 7.2c-1.51 0-2.727 1.25-2.727 2.8S8.49 12.8 10 12.8c1.51 0 2.727-1.25 2.727-2.8S11.51 7.2 10 7.2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3C5.455 3 1.573 5.903 0 10c1.573 4.097 5.455 7 10 7 4.546 0 8.427-2.903 10-7-1.573-4.097-5.454-7-10-7m0 11.667c-2.51 0-4.545-2.091-4.545-4.667S7.49 5.333 10 5.333 14.546 7.424 14.546 10 12.509 14.667 10 14.667M10 7.2c-1.51 0-2.727 1.25-2.727 2.8S8.49 12.8 10 12.8c1.51 0 2.727-1.25 2.727-2.8S11.51 7.2 10 7.2'/%3E%3C/svg%3E");
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button .link[data-v-bcde6cae] {
  display: flex;
  align-items: center;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button .default-mode-icon[data-v-bcde6cae] {
  background-color: #fff;
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  margin-right: 4px;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button[data-v-bcde6cae]:hover {
  background-color: #532140;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button:hover.game_mode-2[data-v-bcde6cae] {
  background-color: #174c39;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button:hover.game_mode-3[data-v-bcde6cae] {
  background-color: #2d4554;
}
.page-pvp-index .battles-list-block .battles-table .buttons-cell-wrapper .battle-cell-button:hover.status1[data-v-bcde6cae] {
  background-color: #4f4b78;
  color: #fff;
}
.page-pvp-index .load-more[data-v-bcde6cae] {
  display: flex;
  justify-content: center;
  margin-top: 35px;
}
.page-pvp-index .load-more .load-more__button[data-v-bcde6cae] {
  align-items: center;
  background-color: #1c1a31;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  padding: 0 20px;
  min-width: unset;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.page-pvp-index .load-more .load-more__button.more_loading .spin-arrow[data-v-bcde6cae] {
  animation: rotate-center-bcde6cae 1s infinite;
}
@keyframes rotate-center-bcde6cae {
0% {
    transform: rotate(0);
}
to {
    transform: rotate(-1turn);
}
}
.page-pvp-index .load-more .spin-arrow[data-v-bcde6cae] {
  background-color: #fff;
  display: inline-block;
  height: 14px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M11.505 1A8.494 8.494 0 0 1 20 9.5c0 4.696-3.8 8.5-8.495 8.5v-1.817c1.78 0 3.453-.69 4.716-1.966A6.64 6.64 0 0 0 18.18 9.5a6.64 6.64 0 0 0-1.958-4.717 6.63 6.63 0 0 0-4.716-1.966c-1.779 0-3.452.69-4.716 1.965A6.65 6.65 0 0 0 4.958 8.3h3.526l-4.242 4.845L0 8.3h3.126C3.716 4.166 7.242 1 11.506 1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M11.505 1A8.494 8.494 0 0 1 20 9.5c0 4.696-3.8 8.5-8.495 8.5v-1.817c1.78 0 3.453-.69 4.716-1.966A6.64 6.64 0 0 0 18.18 9.5a6.64 6.64 0 0 0-1.958-4.717 6.63 6.63 0 0 0-4.716-1.966c-1.779 0-3.452.69-4.716 1.965A6.65 6.65 0 0 0 4.958 8.3h3.526l-4.242 4.845L0 8.3h3.126C3.716 4.166 7.242 1 11.506 1'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 14px;
}
[data-v-bcde6cae] .el-dialog.box-preview {
  background-color: #141225 !important;
  height: 88vh;
  width: 90vw !important;
  max-height: 827px;
  max-width: 1120px;
  overflow: hidden;
  position: relative;
}
[data-v-bcde6cae] .el-dialog.box-preview .el-dialog__body {
  height: 100%;
}
@media screen and (max-width: 767px) {
[data-v-bcde6cae] .el-dialog.box-preview {
    width: 95vw !important;
}
}
.battles-statistic-dialog[data-v-bcde6cae] {
  min-width: 500px;
  min-height: 500px;
  background-color: #141225;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  padding: 32px 0 30px;
  position: relative;
}
.battles-statistic-dialog[data-v-bcde6cae]::after, .battles-statistic-dialog[data-v-bcde6cae]::before {
  background-image: url(../img/D-LG4Aws.ae20c980.png);
  content: "";
  height: 104px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 137px;
}
.battles-statistic-dialog[data-v-bcde6cae]::before {
  left: 0;
}
.battles-statistic-dialog[data-v-bcde6cae]::after {
  right: 0;
  transform: scaleX(-1);
}
.battles-statistic-dialog .profile-battle-statistic[data-v-bcde6cae] {
  display: flex;
  height: 101px;
  margin: 32px auto 43px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.battles-statistic-dialog .profile-battle-statistic[data-v-bcde6cae]::after, .battles-statistic-dialog .profile-battle-statistic[data-v-bcde6cae]::before {
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.battles-statistic-dialog .profile-battle-statistic[data-v-bcde6cae]::before {
  background: #272443;
  height: 100%;
  width: 100%;
}
.battles-statistic-dialog .profile-battle-statistic[data-v-bcde6cae]::after {
  background: linear-gradient(180deg, #141225, #1b192d 108.47%);
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.battles-statistic-dialog .profile-battle-statistic.is-modal[data-v-bcde6cae] {
  flex-direction: column;
  height: auto;
  margin: 0;
  padding: 0;
}
.battles-statistic-dialog .profile-battle-statistic.is-modal[data-v-bcde6cae]::after, .battles-statistic-dialog .profile-battle-statistic.is-modal[data-v-bcde6cae]::before {
  content: none;
}
.battles-statistic-dialog .profile-battle-statistic .my-stats-text[data-v-bcde6cae] {
  font-size: 24px;
  font-weight: 600;
  margin-top: 19px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
@media screen and (max-width: 767px) {
.battles-statistic-dialog .profile-battle-statistic .my-stats-text[data-v-bcde6cae] {
    font-size: 20px;
    margin-top: 10px;
}
}
.battles-statistic-dialog .profile-battle-statistic .main-statistic-block[data-v-bcde6cae] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: 100%;
  padding: 0 12px;
  position: relative;
  width: 34%;
  z-index: 1;
}
.battles-statistic-dialog .profile-battle-statistic .main-statistic-block[data-v-bcde6cae]::after {
  background: linear-gradient(180deg, #272344, rgba(15, 14, 28, 0.4));
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
}
.battles-statistic-dialog .profile-battle-statistic .main-statistic-block.is-modal[data-v-bcde6cae] {
  border-bottom: 1px solid #272443;
  height: unset;
  padding: 49px 50px 110px;
  width: unset;
}
@media screen and (max-width: 767px) {
.battles-statistic-dialog .profile-battle-statistic .main-statistic-block.is-modal[data-v-bcde6cae] {
    padding: 24px 12px 92px;
}
}
.battles-statistic-dialog .profile-battle-statistic .main-statistic-block.is-modal[data-v-bcde6cae]::after {
  content: none;
}
.battles-statistic-dialog .profile-battle-statistic .secondary-statistic-block[data-v-bcde6cae] {
  display: grid;
  grid-template-columns: 1fr 122px 1fr;
  padding: 0 12px;
  position: relative;
  width: 48%;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
.battles-statistic-dialog .profile-battle-statistic .secondary-statistic-block[data-v-bcde6cae] {
    grid-template-columns: 1fr 100px 1fr;
}
}
.battles-statistic-dialog .profile-battle-statistic .secondary-statistic-block.is-modal[data-v-bcde6cae] {
  grid-template-columns: 1fr;
  margin-top: 40px;
  padding: 0 80px;
  width: unset;
}
@media screen and (max-width: 767px) {
.battles-statistic-dialog .profile-battle-statistic .secondary-statistic-block.is-modal[data-v-bcde6cae] {
    margin-top: 20px;
    padding: 0 30px;
}
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block[data-v-bcde6cae] {
  align-items: center;
  display: flex;
  height: 38px;
  justify-content: center;
  margin-top: -19px;
  position: relative;
  width: 34px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block[data-v-bcde6cae]::after, .battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block[data-v-bcde6cae]::before {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block[data-v-bcde6cae]::before {
  background: linear-gradient(#272443, #564f96);
  height: 100%;
  width: 100%;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block[data-v-bcde6cae]::after {
  background: #141225;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon[data-v-bcde6cae] {
  display: inline-block;
  height: 16px;
  opacity: 0.7;
  width: 16px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-battle-count[data-v-bcde6cae],
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-wins[data-v-bcde6cae],
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-win-ratio[data-v-bcde6cae],
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-winstreak[data-v-bcde6cae],
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-crown[data-v-bcde6cae],
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-last-battles[data-v-bcde6cae] {
  background-color: #b89fff;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-battle-count[data-v-bcde6cae] {
  height: 17px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  width: 17px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-wins[data-v-bcde6cae] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.995 1.754c0-.182-.005-.359-.005-.547v-.142h-2.715L17.405 0H2.642l.148 1.07H0v1.043C.017 3.33.12 4.926.74 6.429c.751 1.817 2.072 2.82 3.927 2.984.052.006.131.052.16.103a6.65 6.65 0 0 0 2.772 2.363c.096.046.108.069.108.165-.006.28-.006.564-.006.838v.729c-.011.74-.176 1.491-.507 2.294-.096.228-.187.29-.426.28-.427-.023-.849-.018-1.298-.012-.182 0-.37.006-.564.006h-.142v2.403H3.398V20h13.319v-1.435H15.35c-.017-.228-.012-.456-.012-.672 0-.205.006-.416-.01-.626V16.19h-.018l.023-.051-.274.051h-1.132v-.006h-.341c-.16 0-.314-.005-.467.006-.114.012-.16-.017-.194-.13-.045-.126-.091-.257-.142-.377a8 8 0 0 1-.222-.632c-.24-.803-.228-1.646-.21-2.466.005-.205.005-.415.005-.62a.3.3 0 0 1 .08-.074 6.8 6.8 0 0 0 2.743-2.358.3.3 0 0 1 .188-.114c1.713-.165 2.971-1.048 3.745-2.637.512-1.053.78-2.243.865-3.86.029-.394.023-.77.017-1.168M6.244 18.542v-.905h7.638v.905zm2.874-5.672c-.005-.154-.005-.319-.011-.478h1.787c-.028 1.167-.006 2.488.512 3.764H8.691c.035-.142.069-.29.109-.433.113-.461.233-.94.29-1.418.051-.478.04-.962.028-1.435M3 2.523c.08.478.159.968.227 1.446.194 1.259.393 2.557.746 3.833-.672-.222-1.195-.65-1.588-1.31-.438-.729-.695-1.577-.837-2.75-.034-.302-.057-.604-.085-.929-.006-.097-.017-.193-.023-.29zM6.955 9.76c-.95-.849-1.553-1.902-1.787-3.12-.239-1.231-.432-2.444-.643-3.731-.08-.478-.16-.974-.24-1.47h11.459c-.023.149-.04.297-.063.44-.063.443-.12.865-.194 1.292-.045.256-.085.507-.125.763-.148.877-.296 1.788-.49 2.67-.398 1.823-1.394 3.139-2.948 3.913-1.662.82-3.517.535-4.969-.757m11.447-5.615c-.171 1.15-.473 1.97-.98 2.654-.358.49-.808.82-1.365 1.002.387-1.412.614-2.859.836-4.26.052-.33.108-.672.16-1.008h1.525c-.011.137-.028.268-.04.405-.04.41-.08.808-.136 1.207'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.995 1.754c0-.182-.005-.359-.005-.547v-.142h-2.715L17.405 0H2.642l.148 1.07H0v1.043C.017 3.33.12 4.926.74 6.429c.751 1.817 2.072 2.82 3.927 2.984.052.006.131.052.16.103a6.65 6.65 0 0 0 2.772 2.363c.096.046.108.069.108.165-.006.28-.006.564-.006.838v.729c-.011.74-.176 1.491-.507 2.294-.096.228-.187.29-.426.28-.427-.023-.849-.018-1.298-.012-.182 0-.37.006-.564.006h-.142v2.403H3.398V20h13.319v-1.435H15.35c-.017-.228-.012-.456-.012-.672 0-.205.006-.416-.01-.626V16.19h-.018l.023-.051-.274.051h-1.132v-.006h-.341c-.16 0-.314-.005-.467.006-.114.012-.16-.017-.194-.13-.045-.126-.091-.257-.142-.377a8 8 0 0 1-.222-.632c-.24-.803-.228-1.646-.21-2.466.005-.205.005-.415.005-.62a.3.3 0 0 1 .08-.074 6.8 6.8 0 0 0 2.743-2.358.3.3 0 0 1 .188-.114c1.713-.165 2.971-1.048 3.745-2.637.512-1.053.78-2.243.865-3.86.029-.394.023-.77.017-1.168M6.244 18.542v-.905h7.638v.905zm2.874-5.672c-.005-.154-.005-.319-.011-.478h1.787c-.028 1.167-.006 2.488.512 3.764H8.691c.035-.142.069-.29.109-.433.113-.461.233-.94.29-1.418.051-.478.04-.962.028-1.435M3 2.523c.08.478.159.968.227 1.446.194 1.259.393 2.557.746 3.833-.672-.222-1.195-.65-1.588-1.31-.438-.729-.695-1.577-.837-2.75-.034-.302-.057-.604-.085-.929-.006-.097-.017-.193-.023-.29zM6.955 9.76c-.95-.849-1.553-1.902-1.787-3.12-.239-1.231-.432-2.444-.643-3.731-.08-.478-.16-.974-.24-1.47h11.459c-.023.149-.04.297-.063.44-.063.443-.12.865-.194 1.292-.045.256-.085.507-.125.763-.148.877-.296 1.788-.49 2.67-.398 1.823-1.394 3.139-2.948 3.913-1.662.82-3.517.535-4.969-.757m11.447-5.615c-.171 1.15-.473 1.97-.98 2.654-.358.49-.808.82-1.365 1.002.387-1.412.614-2.859.836-4.26.052-.33.108-.672.16-1.008h1.525c-.011.137-.028.268-.04.405-.04.41-.08.808-.136 1.207'/%3E%3C/svg%3E");
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-win-ratio[data-v-bcde6cae] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23b89fff' stroke-width='1.2' d='M.6 16.785V7.15h4.149v9.635zM7.924 16.784V2.6h4.149v14.184zM15.252 16.785V9.734h4.149v7.05z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23b89fff' stroke-width='1.2' d='M.6 16.785V7.15h4.149v9.635zM7.924 16.784V2.6h4.149v14.184zM15.252 16.785V9.734h4.149v7.05z'/%3E%3C/svg%3E");
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-winstreak[data-v-bcde6cae] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.93.835V.138c0-.044-.025-.096.015-.122.06-.04.11.004.154.03q.406.236.803.48c1.187.728 2.338 1.486 3.35 2.397.942.85 1.715 1.792 2.094 2.952.393 1.207.264 2.402-.125 3.588-.379 1.16-.962 2.24-1.625 3.291-.035.057-.14.122-.065.188.055.052.16.013.24-.005.513-.1.961-.322 1.39-.57.758-.441 1.431-.969 2.079-1.522.204-.175.22-.166.32.07 1.39 3.321-.634 7.084-4.323 8.487-4.76 1.814-10.17-.671-11.092-5.14-.518-2.524.36-4.695 2.503-6.452.892-.728 1.83-1.416 2.562-2.28.937-1.103 1.526-2.323 1.695-3.692.04-.336.035-.667.025-1.003m6.68 13.528c-.663.279-1.281.475-1.954.514-.753.048-1.396-.152-1.89-.658-.633-.654-.687-1.447-.174-2.25.638-.994 1.236-2.005 1.6-3.112.409-1.247.314-2.442-.518-3.553-.484-.645-1.092-1.186-1.75-1.692-.184-.144-.194 0-.23.1-.358 1.038-.927 1.988-1.66 2.86-.787.938-1.75 1.727-2.741 2.49-1.695 1.303-2.408 2.934-2.004 4.882.483 2.363 2.821 4.142 5.733 4.137 1.71 0 3.165-.584 4.322-1.7.593-.566.997-1.225 1.266-2.018'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.93.835V.138c0-.044-.025-.096.015-.122.06-.04.11.004.154.03q.406.236.803.48c1.187.728 2.338 1.486 3.35 2.397.942.85 1.715 1.792 2.094 2.952.393 1.207.264 2.402-.125 3.588-.379 1.16-.962 2.24-1.625 3.291-.035.057-.14.122-.065.188.055.052.16.013.24-.005.513-.1.961-.322 1.39-.57.758-.441 1.431-.969 2.079-1.522.204-.175.22-.166.32.07 1.39 3.321-.634 7.084-4.323 8.487-4.76 1.814-10.17-.671-11.092-5.14-.518-2.524.36-4.695 2.503-6.452.892-.728 1.83-1.416 2.562-2.28.937-1.103 1.526-2.323 1.695-3.692.04-.336.035-.667.025-1.003m6.68 13.528c-.663.279-1.281.475-1.954.514-.753.048-1.396-.152-1.89-.658-.633-.654-.687-1.447-.174-2.25.638-.994 1.236-2.005 1.6-3.112.409-1.247.314-2.442-.518-3.553-.484-.645-1.092-1.186-1.75-1.692-.184-.144-.194 0-.23.1-.358 1.038-.927 1.988-1.66 2.86-.787.938-1.75 1.727-2.741 2.49-1.695 1.303-2.408 2.934-2.004 4.882.483 2.363 2.821 4.142 5.733 4.137 1.71 0 3.165-.584 4.322-1.7.593-.566.997-1.225 1.266-2.018'/%3E%3C/svg%3E");
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-crown[data-v-bcde6cae] {
  height: 18px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.003 15.86H3.846c-.501 0-.699-.158-.806-.639-.476-2.08-.953-4.168-1.422-6.248-.04-.165-.098-.265-.28-.315a1.92 1.92 0 0 1-1.314-2.12C.18 5.6.985 4.912 1.914 4.92A1.91 1.91 0 0 1 3.78 6.562c.041.323.025.646-.107.945-.049.116-.024.182.074.24q1.31.843 2.606 1.699c.115.074.148.025.197-.075.658-1.4 1.324-2.792 1.981-4.193.099-.199.19-.406.288-.605.05-.1.041-.157-.041-.232-.567-.522-.773-1.176-.575-1.93.197-.746.698-1.202 1.438-1.368.814-.182 1.66.224 2.055.97a1.914 1.914 0 0 1-.378 2.279c-.123.116-.14.19-.074.348a489 489 0 0 1 2.22 4.69c.073.157.123.19.279.083.813-.54 1.636-1.078 2.458-1.608.164-.1.205-.182.14-.39-.23-.762-.075-1.45.517-1.996.6-.547 1.307-.68 2.047-.34.723.331 1.11.92 1.118 1.723a1.874 1.874 0 0 1-1.365 1.848c-.148.042-.205.116-.238.257a785 785 0 0 1-1.504 6.33c-.107.44-.305.598-.765.598-2.038.024-4.093.024-6.148.024M2.909 8.757c.016.091.016.14.033.182.41 1.782.814 3.563 1.225 5.353.065.282.065.282.361.282 3.65 0 7.308 0 10.957.008.214 0 .305-.058.354-.273a415 415 0 0 1 1.093-4.59c.074-.3.14-.597.206-.904-.1.008-.157.066-.214.1-1.069.695-2.13 1.391-3.198 2.08-.41.264-.822.148-1.019-.283-.847-1.781-1.685-3.563-2.532-5.344-.04-.083-.057-.174-.14-.232-.057.033-.073.09-.098.14-.855 1.799-1.702 3.605-2.556 5.403-.222.473-.625.589-1.06.307-.65-.423-1.291-.845-1.933-1.26-.485-.323-.97-.63-1.48-.97m7.727-5.842c0-.307-.296-.605-.609-.605-.312 0-.608.298-.608.605 0 .323.28.605.592.613.329.009.616-.281.625-.613M1.906 6.24a.615.615 0 0 0-.616.605.623.623 0 0 0 .608.596c.32 0 .6-.281.608-.596a.606.606 0 0 0-.6-.605m16.26 0a.61.61 0 0 0-.626.596c0 .324.28.597.6.605.321 0 .609-.273.609-.596a.587.587 0 0 0-.584-.605M10.03 18.378H3.815c-.394 0-.674-.257-.682-.63-.008-.406.263-.654.707-.654h12.322c.468 0 .748.232.748.638s-.272.646-.74.646z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.003 15.86H3.846c-.501 0-.699-.158-.806-.639-.476-2.08-.953-4.168-1.422-6.248-.04-.165-.098-.265-.28-.315a1.92 1.92 0 0 1-1.314-2.12C.18 5.6.985 4.912 1.914 4.92A1.91 1.91 0 0 1 3.78 6.562c.041.323.025.646-.107.945-.049.116-.024.182.074.24q1.31.843 2.606 1.699c.115.074.148.025.197-.075.658-1.4 1.324-2.792 1.981-4.193.099-.199.19-.406.288-.605.05-.1.041-.157-.041-.232-.567-.522-.773-1.176-.575-1.93.197-.746.698-1.202 1.438-1.368.814-.182 1.66.224 2.055.97a1.914 1.914 0 0 1-.378 2.279c-.123.116-.14.19-.074.348a489 489 0 0 1 2.22 4.69c.073.157.123.19.279.083.813-.54 1.636-1.078 2.458-1.608.164-.1.205-.182.14-.39-.23-.762-.075-1.45.517-1.996.6-.547 1.307-.68 2.047-.34.723.331 1.11.92 1.118 1.723a1.874 1.874 0 0 1-1.365 1.848c-.148.042-.205.116-.238.257a785 785 0 0 1-1.504 6.33c-.107.44-.305.598-.765.598-2.038.024-4.093.024-6.148.024M2.909 8.757c.016.091.016.14.033.182.41 1.782.814 3.563 1.225 5.353.065.282.065.282.361.282 3.65 0 7.308 0 10.957.008.214 0 .305-.058.354-.273a415 415 0 0 1 1.093-4.59c.074-.3.14-.597.206-.904-.1.008-.157.066-.214.1-1.069.695-2.13 1.391-3.198 2.08-.41.264-.822.148-1.019-.283-.847-1.781-1.685-3.563-2.532-5.344-.04-.083-.057-.174-.14-.232-.057.033-.073.09-.098.14-.855 1.799-1.702 3.605-2.556 5.403-.222.473-.625.589-1.06.307-.65-.423-1.291-.845-1.933-1.26-.485-.323-.97-.63-1.48-.97m7.727-5.842c0-.307-.296-.605-.609-.605-.312 0-.608.298-.608.605 0 .323.28.605.592.613.329.009.616-.281.625-.613M1.906 6.24a.615.615 0 0 0-.616.605.623.623 0 0 0 .608.596c.32 0 .6-.281.608-.596a.606.606 0 0 0-.6-.605m16.26 0a.61.61 0 0 0-.626.596c0 .324.28.597.6.605.321 0 .609-.273.609-.596a.587.587 0 0 0-.584-.605M10.03 18.378H3.815c-.394 0-.674-.257-.682-.63-.008-.406.263-.654.707-.654h12.322c.468 0 .748.232.748.638s-.272.646-.74.646z'/%3E%3C/svg%3E");
  width: 18px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block .icon-last-battles[data-v-bcde6cae] {
  -webkit-mask-image: url(../img/TVx6oCPs.1d081c2c.svg);
  mask-image: url(../img/TVx6oCPs.1d081c2c.svg);
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.is-modal[data-v-bcde6cae] {
  margin-top: 0;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.crown-wins[data-v-bcde6cae]::after, .battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.crown-wins[data-v-bcde6cae]::before {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.crown-wins[data-v-bcde6cae]::before {
  background: linear-gradient(#272443, #ffd231, #564f96);
  height: 100%;
  width: 100%;
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.crown-wins[data-v-bcde6cae]::after {
  background: #141225;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.battles-statistic-dialog .profile-battle-statistic .battle-statistic-icon-block.crown-wins .icon[data-v-bcde6cae] {
  background-color: #ffd231;
  opacity: 1;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item[data-v-bcde6cae] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .last-battles[data-v-bcde6cae] {
  font-weight: 600;
  margin-top: 12px;
  text-transform: uppercase;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .last-battles .win[data-v-bcde6cae] {
  color: #26c897;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .last-battles .lose[data-v-bcde6cae] {
  color: #f31a5b;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .number[data-v-bcde6cae] {
  background: linear-gradient(180deg, #e5e0fb, #7c4eff);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 20px;
  font-weight: 600;
  -webkit-text-fill-color: transparent;
  margin-top: 8px;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .number.crown-color[data-v-bcde6cae] {
  background: linear-gradient(180deg, #e5e0fb, #f3dd8c 42.19%, #7c4eff);
  background-clip: text;
  -webkit-background-clip: text;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .text[data-v-bcde6cae] {
  color: #9692b8;
  font-size: 11px;
  margin-top: 7px;
  text-align: center;
  text-transform: uppercase;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal[data-v-bcde6cae] {
  border-bottom: 1px solid #1d1a32;
  flex-direction: row;
  padding: 10px 0;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal[data-v-bcde6cae]:last-of-type {
  border: none;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal .last-battles[data-v-bcde6cae] {
  margin-top: 0;
  order: 2;
  text-align: center;
  width: 40%;
}
@media screen and (max-width: 1023px) {
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal .last-battles[data-v-bcde6cae] {
    font-size: 14px;
}
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal .number[data-v-bcde6cae] {
  margin-top: 0;
  order: 2;
  text-align: center;
  width: 40%;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal .text[data-v-bcde6cae] {
  margin-top: 0;
  order: 1;
  padding: 8px;
  text-align: left;
  width: calc(60% - 34px);
}
@media screen and (max-width: 1023px) {
.battles-statistic-dialog .profile-battle-statistic .statistic-item .number[data-v-bcde6cae] {
    font-size: 23px;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .text[data-v-bcde6cae] {
    font-size: 11px;
}
}
@media screen and (max-width: 767px) {
.battles-statistic-dialog .profile-battle-statistic .statistic-item .number[data-v-bcde6cae] {
    font-size: 20px;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item .text[data-v-bcde6cae] {
    font-size: 10px;
}
.battles-statistic-dialog .profile-battle-statistic .statistic-item.is-modal[data-v-bcde6cae] {
    padding: 8px 0;
}
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons[data-v-bcde6cae] {
  bottom: -11px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  white-space: nowrap;
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons button[data-v-bcde6cae] {
  background-color: #1b192f;
  border-radius: 50%;
  color: #b6b5d8;
  font-size: 14px;
  font-size: 12px;
  font-weight: 700;
  height: 28px;
  margin: 0 6px;
  text-transform: uppercase;
  transition: background-color 0.3s, color 0.3s;
  width: 28px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons button[data-v-bcde6cae]:hover {
  background-color: #2c2948;
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons button.large[data-v-bcde6cae] {
  border-radius: 40px;
  width: 48px;
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons button.active[data-v-bcde6cae] {
  background-color: #2c2948;
  color: #fff;
  pointer-events: none;
}
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons.is-modal[data-v-bcde6cae] {
  bottom: 35px;
}
@media screen and (max-width: 767px) {
.battles-statistic-dialog .profile-battle-statistic .battle-type-buttons button[data-v-bcde6cae] {
    margin: 0 3px;
}
}
.box-preview-dialog[data-v-bcde6cae] {
  height: 100%;
  color: #fff;
}
.box-preview-dialog .preview-dialog-title[data-v-bcde6cae] {
  position: relative;
  align-items: center;
  border-bottom: 1px solid #1d1a32;
  display: flex;
  height: 125px;
  justify-content: space-between;
  padding: 0 70px;
}
.box-preview-dialog .preview-dialog-title .rounds-quantity-block[data-v-bcde6cae] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  flex-direction: row;
}
.box-preview-dialog .preview-dialog-title .rounds-hexagon[data-v-bcde6cae] {
  background: linear-gradient(180deg, #17162b, #2c2a46);
  height: 42px;
  position: relative;
  width: 37px;
}
.box-preview-dialog .preview-dialog-title .inner-hexagon[data-v-bcde6cae] {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(22, 20, 39, 0.4);
  color: #e8e4f7;
  height: 34px;
  line-height: 34px;
  width: 30px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.box-preview-dialog .preview-dialog-title .rounds-text[data-v-bcde6cae] {
  margin: 0 0 0 8px;
  font-size: 14px;
  font-weight: 600;
}
.box-preview-dialog .preview-dialog-title .price[data-v-bcde6cae] {
  font-size: 13px;
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
}
.box-preview-dialog .preview-dialog-title .price p[data-v-bcde6cae] {
  display: block;
  color: #00efba;
  font-size: 16px;
  margin-top: 6px;
}
.box-preview-dialog .preview-dialog-content[data-v-bcde6cae] {
  height: calc(100% - 125px);
  padding-top: 25px;
}
.box-preview-dialog .preview-dialog-content .simplebar-content-wrapper[data-v-bcde6cae] {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  scrollbar-width: none;
  width: auto;
  overflow: auto;
}
.box-preview-dialog .preview-dialog-content .simplebar-content[data-v-bcde6cae] {
  display: grid;
  grid-template-columns: repeat(auto-fill, 188px);
  justify-content: center;
  grid-gap: 10px;
  padding: 0 20px 125px;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block[data-v-bcde6cae] {
  position: relative;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block:hover .hover-block[data-v-bcde6cae] {
  opacity: 1;
  visibility: visible;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block:hover .hover-block .view-drops-button[data-v-bcde6cae]:hover {
  background-color: #4f4b78;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__empty-case[data-v-bcde6cae] {
  background: #171528;
  border-radius: 4px;
  height: 237px;
}
.box-preview-dialog .preview-dialog-content .battle-case[data-v-bcde6cae] {
  background-color: #1a182d;
  border-radius: 4px;
  height: 237px;
  position: relative;
  text-align: center;
  width: 188px;
  font-size: 14px;
  font-weight: 600;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__multiplier[data-v-bcde6cae] {
  background-color: #5c49d0;
  clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%, 0 50%);
  color: #c3c2df;
  font-size: 15px;
  font-weight: 700;
  height: 22px;
  left: 50%;
  line-height: 22px;
  min-width: 42px;
  position: absolute;
  text-align: center;
  top: 10px;
  transform: translate(-50%);
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap[data-v-bcde6cae] {
  display: flex;
  height: 160px;
  justify-content: center;
  padding-top: 10px;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap img[data-v-bcde6cae] {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__name[data-v-bcde6cae] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #dddcfc;
  margin-top: -5px;
  overflow: hidden;
  white-space: normal;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__price[data-v-bcde6cae] {
  align-items: center;
  color: #00efba;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  text-transform: uppercase;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__event-points[data-v-bcde6cae] {
  align-items: center;
  color: #ffb973;
  display: flex;
  margin-left: 6px;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__event-points img[data-v-bcde6cae] {
  height: auto;
  margin-left: 3px;
  width: 22px;
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-bcde6cae] {
  position: absolute;
  display: flex;
  gap: 2px;
  width: 80%;
  padding: 7px 0;
  left: 50%;
  transform: translate(-50%);
  bottom: 7px;
  z-index: 3;
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-bcde6cae]::after, .box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-bcde6cae]::before {
  position: absolute;
  content: "";
  top: 8px;
  width: 13px;
  height: 1px;
  background-color: rgba(94, 83, 143, 0.5019607843);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-bcde6cae]::before {
  left: -12px;
  transform: rotate(49deg);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-bcde6cae]::after {
  right: -12px;
  transform: rotate(-49deg);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level[data-v-bcde6cae] {
  position: relative;
  width: 25%;
  height: 3px;
  background-color: rgba(65, 57, 92, 0.4);
  clip-path: polygon(2px 0, calc(100% - 2px) 0, 100% 2px, 100% 100%, 0 100%, 0 2px);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-1[data-v-bcde6cae] {
  background-image: linear-gradient(180deg, #c3ffc5, #6ecd72 50%, #3c9f40);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-2[data-v-bcde6cae] {
  background-image: linear-gradient(180deg, #ffffb8, #ffff3b 50%, #99990a);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-3[data-v-bcde6cae] {
  background-image: linear-gradient(180deg, #ffd3b3, #ff8d3b 50%, #9e4f16);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-4[data-v-bcde6cae] {
  background-image: linear-gradient(180deg, #ff8797, #ff2441 50%, #ac071c);
}
.box-preview-dialog .preview-dialog-content .hover-block[data-v-bcde6cae] {
  align-items: center;
  background-color: rgba(21, 19, 39, 0.7019607843);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 3;
}
.box-preview-dialog .preview-dialog-content .hover-block .view-drops-button[data-v-bcde6cae] {
  align-items: center;
  background-color: #282546;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.box-preview-dialog .preview-dialog-content .hover-block .view-drops-button__text[data-v-bcde6cae] {
  max-width: 140px;
}
.box-preview-dialog .preview-dialog-content .simplebar-footer-wrapper[data-v-bcde6cae] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 140px;
  z-index: 10;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__gradient[data-v-bcde6cae] {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0, #0f0e1a);
  pointer-events: none;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__buttons[data-v-bcde6cae] {
  position: absolute;
  bottom: 60px;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button[data-v-bcde6cae] {
  align-items: center;
  background-color: #28172d;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 18px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 17px;
  font-weight: 700;
  height: 62px;
  justify-content: center;
  min-width: 272px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button[data-v-bcde6cae]::before {
  background-color: transparent;
  clip-path: polygon(18px 0, 0 50%, 18px 100%, 19px calc(100% - 1px), 1px 50%, 19px 1px, calc(100% - 19px) 1px, calc(100% - 1px) 50%, calc(100% - 19px) calc(100% - 1px), 18px calc(100% - 1px), 18px 100%, calc(100% - 18px) 100%, 100% 50%, calc(100% - 18px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button .eye-icon[data-v-bcde6cae] {
  background-color: #494767;
  height: 20px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3C5.455 3 1.573 5.903 0 10c1.573 4.097 5.455 7 10 7 4.546 0 8.427-2.903 10-7-1.573-4.097-5.454-7-10-7m0 11.667c-2.51 0-4.545-2.091-4.545-4.667S7.49 5.333 10 5.333 14.546 7.424 14.546 10 12.509 14.667 10 14.667M10 7.2c-1.51 0-2.727 1.25-2.727 2.8S8.49 12.8 10 12.8c1.51 0 2.727-1.25 2.727-2.8S11.51 7.2 10 7.2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3C5.455 3 1.573 5.903 0 10c1.573 4.097 5.455 7 10 7 4.546 0 8.427-2.903 10-7-1.573-4.097-5.454-7-10-7m0 11.667c-2.51 0-4.545-2.091-4.545-4.667S7.49 5.333 10 5.333 14.546 7.424 14.546 10 12.509 14.667 10 14.667M10 7.2c-1.51 0-2.727 1.25-2.727 2.8S8.49 12.8 10 12.8c1.51 0 2.727-1.25 2.727-2.8S11.51 7.2 10 7.2'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 20px;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button .favorite-button-gray[data-v-bcde6cae] {
  background: transparent;
  cursor: pointer;
  display: flex;
  position: relative;
  width: 20px;
  height: 17px;
  min-width: 20px;
  margin-right: 10px;
  transition: opacity 0.3s;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%239793c7' stroke-width='1.5' d='M4.896 2.25h.006a4.08 4.08 0 0 1 3.466 1.901l.628.986.634-.983A4.13 4.13 0 0 1 13.1 2.25c2.204.011 4.021 1.774 4.143 4.019l.007.218c-.001 1.037-.469 2.137-1.266 3.247-.793 1.104-1.866 2.153-2.964 3.069a32 32 0 0 1-4.016 2.828h-.002L9 15.63a32.44 32.44 0 0 1-4.019-2.853c-1.099-.921-2.173-1.972-2.966-3.074C1.215 8.593.75 7.501.75 6.483c0-2.277 1.754-4.114 3.934-4.227z'/%3E%3C/svg%3E") 50%/cover no-repeat;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button .favorite-button-gray.favor-image[data-v-bcde6cae] {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 21'%3E%3Cpath fill='%23e0386f' d='M18.2.267a6.833 6.833 0 0 1 6.8 6.8c0 6.866-12.5 13.666-12.5 13.666S0 13.833 0 7.067a6.8 6.8 0 0 1 6.8-6.8 6.73 6.73 0 0 1 5.7 3.066A6.8 6.8 0 0 1 18.2.267'/%3E%3C/svg%3E") 50%/cover no-repeat;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button.add-to-templates-button[data-v-bcde6cae] {
  background: #1c1a31;
  margin-right: 10px;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button.watch-battle-button[data-v-bcde6cae] {
  background: #1c1a31;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button.join-battle-button[data-v-bcde6cae] {
  margin-left: 10px;
  width: unset;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button.join-battle-button[data-v-bcde6cae]::before {
  background: #cf3464;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button.join-battle-button .default-mode-icon[data-v-bcde6cae] {
  background-color: #fff;
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 16px;
  margin-right: 8px;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button.join-battle-button.game_mode-2[data-v-bcde6cae] {
  background-color: #18292f;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button.join-battle-button.game_mode-2[data-v-bcde6cae]::before {
  background: #13d761;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button.join-battle-button.game_mode-2 .crazy-mode-icon[data-v-bcde6cae] {
  display: inline-block;
  height: 23px;
  margin-right: 8px;
  width: 23px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fbf9f8' d='M6 11c1.018.564 1.988 1.096 3 1.652-.564.232-1.086.355-1.632.348a.48.48 0 0 1-.386-.155A4.46 4.46 0 0 1 6 11M11 12.654c1.014-.56 1.961-1.08 3-1.654-.209.83-.56 1.42-1.045 1.926-.092.1-.215.07-.332.07-.541.007-1.057-.14-1.623-.342'/%3E%3Cpath fill='%2313d761' d='M4.624 11.957S2 8.493 2 3.355c3.491.96 3.104-2.576 8.703-1.746 1.54.231.143-1.198-.595-1.609C15.032.281 15.204 5.852 18 3.824c-.129 2.75-.875 6.047-2.58 8.176.451-3.052-1.857-8.118-5.42-5.066-4.96-3.795-5.376 5.023-5.376 5.023'/%3E%3Cpath fill='%23ee1160' d='M5 14s1.848 3.954 5.035 3.954C13.199 17.954 15 14 15 14s-1.624 6-4.958 6C6.694 19.992 5 14 5 14'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button.join-battle-button.game_mode-3[data-v-bcde6cae] {
  background-color: #18292f;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button.join-battle-button.game_mode-3[data-v-bcde6cae]::before {
  background: #66b5ba;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button.join-battle-button.game_mode-3 .sharing-mode-icon[data-v-bcde6cae] {
  display: inline-block;
  height: 23px;
  margin-right: 8px;
  width: 23px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23fff' d='M13.994 21.578q-3.78.002-7.56-.001c-.755-.001-1.291-.36-1.452-.952-.223-.826.392-1.576 1.334-1.602.634-.017 1.27-.012 1.904-.001.221.004.348-.072.457-.253q1.915-3.151 3.843-6.297a.94.94 0 0 0 .146-.519 100 100 0 0 1 0-2.084c.008-.666.377-1.169.956-1.33.89-.248 1.698.365 1.714 1.314.012.694.007 1.39 0 2.083-.002.2.046.374.152.547 1.271 2.071 2.541 4.143 3.799 6.221.146.242.312.33.6.32.605-.02 1.21-.016 1.814 0 .543.014.975.238 1.225.715.233.445.184.883-.107 1.287-.303.42-.755.552-1.265.552h-7.56m.004-2.56c.705 0 1.41-.005 2.115.003.253.004.27-.065.15-.26a495 495 0 0 1-2.1-3.445c-.116-.19-.186-.218-.314-.006q-1.051 1.74-2.12 3.468c-.122.199-.062.244.155.242.704-.006 1.41-.002 2.114-.001'/%3E%3Cpath fill='%2366b5ba' d='M13.991 2.8c2.707-.005 4.917 1.945 5.18 4.558.1 1.01-.113 1.952-.585 2.851-.101.193-.195.256-.413.116-.569-.364-1.15-.712-1.735-1.052-.186-.11-.214-.198-.108-.39.788-1.435-.029-3.146-1.673-3.525-1.596-.368-3.14.762-3.19 2.328-.014.432.025.85.238 1.236.085.154.04.242-.105.331-.586.358-1.17.717-1.747 1.089-.19.122-.27.064-.371-.103-1.422-2.352-.535-5.45 1.941-6.781a5.4 5.4 0 0 1 2.568-.658M28 19.714c-.015 3.458-2.588 5.708-5.673 5.457-.648-.053-1.26-.24-1.849-.511-.23-.105-.23-.208-.1-.396q.556-.794 1.076-1.609c.128-.203.232-.247.476-.136.94.429 1.85.331 2.676-.265.863-.623 1.177-1.488.966-2.486-.203-.968-.85-1.602-1.843-1.884a2.43 2.43 0 0 0-1.817.166c-.225.115-.329.07-.452-.125a38 38 0 0 0-1.053-1.588c-.165-.233-.097-.34.13-.468 1.65-.923 3.846-.78 5.406.38 1.35 1.004 2.035 2.334 2.056 3.465zM.002 20.325c-.033-2.555 1.893-4.69 4.442-5.025 1.083-.142 2.076.102 3.03.575.224.112.286.22.13.446a44 44 0 0 0-1.085 1.637c-.117.183-.217.189-.412.098-1.727-.808-3.734.374-3.758 2.206-.024 1.802 1.941 3.044 3.657 2.292.292-.128.417-.073.57.166q.495.779 1.038 1.528c.16.223.112.315-.127.43C4.547 26.1.926 24.483.134 21.386a3.8 3.8 0 0 1-.13-1.062z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button[data-v-bcde6cae]:hover {
  background-color: #201d37;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button:hover.join-battle-button[data-v-bcde6cae] {
  background-color: #532140;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button:hover.join-battle-button.game_mode-2[data-v-bcde6cae] {
  background-color: #174c39;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button:hover.join-battle-button.game_mode-3[data-v-bcde6cae] {
  background-color: #2d4554;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-started-text[data-v-bcde6cae] {
  align-items: center;
  bottom: 20px;
  color: #f14a68;
  display: flex;
  font-size: 14px;
  justify-content: center;
  position: absolute;
  width: 100%;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-started-text .exclaim-icon[data-v-bcde6cae] {
  background-color: #f14a68;
  display: inline-block;
  height: 20px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transform: rotate(180deg);
  width: 20px;
}
@keyframes dim-main-modal-bcde6cae {
0% {
    background-color: transparent;
}
to {
    background-color: rgba(14, 12, 27, 0.7490196078);
}
}
.boxDetail-wrapper[data-v-bcde6cae] {
  animation: dim-main-modal-bcde6cae 0.5s;
  background-color: rgba(14, 12, 27, 0.7490196078);
  display: flex;
  height: 100%;
  justify-content: flex-end;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 101;
}
.boxDetail-wrapper .el-dialog__headerbtn[data-v-bcde6cae] {
  z-index: 101;
}
.boxDetail-wrapper .el-dialog__headerbtn .el-dialog__close[data-v-bcde6cae] {
  font-weight: 700;
}
.boxDetail-wrapper .el-dialog__headerbtn .el-dialog__close[data-v-bcde6cae]::before {
  font-size: 22px;
}
.boxDetail-wrapper .el-dialog__headerbtn:hover .el-dialog__close[data-v-bcde6cae] {
  color: #FFF;
}
.boxDetail-wrapper .boxDetail__inner-block[data-v-bcde6cae] {
  animation: show-inner-modal-bcde6cae 0.5s;
  background-color: #141225;
  height: 100%;
  max-height: 955px;
  position: relative;
  width: 80%;
  z-index: 100;
}
@keyframes show-inner-modal-bcde6cae {
0% {
    transform: translate(100%);
}
to {
    transform: translate(0);
}
}
.boxDetail-wrapper .case-items-block__case-main-info[data-v-bcde6cae] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.boxDetail-wrapper .case-items-block__case-main-info .image-block[data-v-bcde6cae] {
  align-items: center;
  display: flex;
  height: 120px;
  justify-content: center;
  margin-top: 10px;
  width: 120px;
}
.boxDetail-wrapper .case-items-block__case-main-info .image-block img[data-v-bcde6cae] {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
}
.boxDetail-wrapper .case-items-block__case-main-info .case-title[data-v-bcde6cae] {
  font-size: 14px;
  font-weight: 700;
  margin-top: -6px;
  color: #fff;
  text-transform: uppercase;
}
.boxDetail-wrapper .case-items-block__case-main-info .case-price[data-v-bcde6cae] {
  color: #4af1b8;
  font-size: 16px;
  font-weight: 600;
  margin-top: 7px;
  text-transform: uppercase;
}
.boxDetail-wrapper .boxDetail-list-wrapper[data-v-bcde6cae] {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  max-width: 100%;
  overflow: auto;
  position: relative;
  scrollbar-width: none;
  width: auto;
  height: calc(100% - 190px);
  margin-top: 22px;
}
.boxDetail-wrapper .boxDetail-list[data-v-bcde6cae] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 1384px;
  max-width: 100%;
  gap: 10px;
  padding: 0;
  padding-bottom: 35px;
}
.boxDetail-wrapper .case-item[data-v-bcde6cae] {
  border-radius: 4px;
  content-visibility: auto;
  height: 237px;
  padding-bottom: 12px;
  position: relative;
  width: 206px;
  background-position: 50% 22%;
  background-repeat: no-repeat;
  background-size: 66%;
  text-align: center;
}
.boxDetail-wrapper .case-item .img-wrapper[data-v-bcde6cae] {
  margin: 30px auto 14px;
  width: 120px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.boxDetail-wrapper .case-item .img-wrapper img[data-v-bcde6cae] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.boxDetail-wrapper .case-item .info_p[data-v-bcde6cae] {
  font-weight: 700;
  position: absolute;
  right: 20px;
  text-align: right;
  top: 20px;
}
.boxDetail-wrapper .case-item .info_p p[data-v-bcde6cae]:first-child {
  color: #9c9daf;
  font-size: 8px;
  text-transform: uppercase;
}
.boxDetail-wrapper .case-item .info_p p[data-v-bcde6cae]:last-child {
  color: #827fff;
  font-size: 12px;
}
.boxDetail-wrapper .case-item .info_1[data-v-bcde6cae] {
  color: #e4dcfc;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.boxDetail-wrapper .case-item .info_2[data-v-bcde6cae] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  color: #fff;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 600;
  margin-top: 2px;
  overflow: hidden;
}
.boxDetail-wrapper .case-item .info_3[data-v-bcde6cae] {
  color: #716d9e;
  font-size: 11px;
  font-weight: 500;
  margin-top: 2px;
}
.boxDetail-wrapper .case-item .info_4[data-v-bcde6cae] {
  bottom: 9px;
  color: #4af1b8;
  font-size: 14px;
  font-weight: 600;
  left: 0;
  margin-top: 8px;
  position: absolute;
  width: 100%;
  text-align: center;
}
.boxDetail-wrapper .case-item .gif-png[data-v-bcde6cae] {
  width: 90%;
  height: 100%;
  max-height: calc(100% - 30px);
}
@media screen and (max-width: 1023px) {
.boxDetail-wrapper .case-item .gif-png[data-v-bcde6cae] {
    width: 100%;
}
}
.boxDetail-wrapper .case-item .skins-info[data-v-bcde6cae] {
  display: flex;
  flex-direction: column;
  position: absolute;
  background-color: rgba(29, 27, 49, 0.95);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
  padding: 16px 10px;
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: 60%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row[data-v-bcde6cae] {
  display: flex;
  justify-content: center;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row.head[data-v-bcde6cae] {
  margin-bottom: 10px;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row.head .table-cell[data-v-bcde6cae] {
  color: #9793c7;
  font-size: 10px;
  font-weight: 700;
  overflow: hidden;
  padding: 0 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row .price-and-quality[data-v-bcde6cae] {
  flex-basis: 40%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row .odds[data-v-bcde6cae] {
  flex-basis: 40%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link[data-v-bcde6cae] {
  border-bottom: 1px solid transparent;
  display: flex;
  width: 100%;
  color: #fff;
  justify-content: center;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link .table-cell[data-v-bcde6cae] {
  font-size: 9px;
  font-weight: 600;
  padding: 0 1px;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link .quality[data-v-bcde6cae] {
  text-transform: uppercase;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link .price[data-v-bcde6cae] {
  color: #26c897;
}
.boxDetail-wrapper .case-item .skins-info .gif[data-v-bcde6cae] {
  width: 100%;
  margin: 12px auto 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.boxDetail-wrapper .case-item:hover .skins-info[data-v-bcde6cae] {
  opacity: 1;
  visibility: visible;
}
.boxDetail-wrapper .case-items-block__bottom-gradient[data-v-bcde6cae] {
  background: linear-gradient(180deg, transparent, #141225);
  bottom: 0;
  height: 100px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.gif-png[data-v-bcde6cae] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 70%;
  height: 110px;
}
.gif-png img[data-v-bcde6cae] {
  width: 100%;
}
.common-user-avatar[data-v-bcde6cae] {
  align-items: center;
  background-color: #141225;
  border: 2px solid;
  border-radius: 50%;
  color: #141225;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  height: 30px;
  justify-content: center;
  width: 30px;
  padding: 3px;
  position: relative;
}
.common-user-avatar[data-v-bcde6cae]::after, .common-user-avatar[data-v-bcde6cae]::before {
  animation-duration: 1.4s;
  animation-iteration-count: 3;
  border: 2px solid;
  border-radius: 50%;
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.common-user-avatar[data-v-bcde6cae]::before {
  height: 118%;
  width: 118%;
}
.common-user-avatar[data-v-bcde6cae]::after {
  height: 135%;
  width: 135%;
}
.common-user-avatar .common-user-avatar__img[data-v-bcde6cae] {
  border-radius: 100%;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.common-user-avatar .common-user-avatar__img img[data-v-bcde6cae] {
  height: calc(100% + 2px);
  margin-left: -1px;
  margin-top: -1px;
  width: calc(100% + 2px);
}
.common-user-avatar .common-user-avatar__crown[data-v-bcde6cae] {
  bottom: 105%;
  display: flex;
  position: absolute;
}
.common-user-avatar .common-user-avatar__crown.is-hidden[data-v-bcde6cae] {
  opacity: 0;
  pointer-events: none;
}
.common-user-avatar.level-color-2[data-v-bcde6cae], .common-user-avatar.level-color-2[data-v-bcde6cae]:after, .common-user-avatar.level-color-2[data-v-bcde6cae]:before {
  border-color: #7e5bc8;
}
.common-user-avatar .size-30[data-v-bcde6cae] {
  padding: 2px;
}
.common-user-avatar .size-30 .common-user-avatar__crown[data-v-bcde6cae] {
  bottom: 115%;
}
@media screen and (max-width: 1365px) {
.battle-item[data-v-bcde6cae] {
    --scale: 0.87;
    width: calc(100% / var(--scale)) !important;
    transform: translateZ(0) scale(var(--scale)) !important;
    transform-origin: top left;
    margin-bottom: calc(-140px * (1 - var(--scale)));
}
}
@media screen and (max-width: 1199px) {
.battle-item[data-v-bcde6cae] {
    --scale: 0.8;
}
}
@media screen and (max-width: 1023px) {
.tabs-create .icon[data-v-bcde6cae] {
    width: 17px !important;
    height: 17px !important;
}
.tabs-create .name[data-v-bcde6cae] {
    font-size: 16px !important;
}
.tabs-create .my-stats-button[data-v-bcde6cae] {
    min-width: 134px !important;
    height: 32px !important;
    font-size: 11px !important;
    margin-left: 20px !important;
}
.tabs-create .my-stats-button .stats-icon[data-v-bcde6cae] {
    width: 14px !important;
    height: 14px !important;
    margin-right: 4px !important;
}
.tabs-create .create-battle-button[data-v-bcde6cae] {
    min-width: 180px !important;
    height: 40px !important;
    font-size: 14px !important;
    clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%) !important;
}
.battle-list-options-panel[data-v-bcde6cae] {
    min-height: 60px !important;
    padding: 0 10px !important;
}
.battle-list-options-panel .option-text[data-v-bcde6cae],
  .battle-list-options-panel .enough-balance-label[data-v-bcde6cae],
  .battle-list-options-panel .select-label__text[data-v-bcde6cae],
  .battle-list-options-panel ._oEATxRVVUtM-[data-v-bcde6cae] {
    font-size: 13px !important;
}
.battle-list-options-panel .checkbox[data-v-bcde6cae],
  .battle-list-options-panel .checkbox__hexagon[data-v-bcde6cae] {
    height: 22px !important;
    min-width: 22px !important;
}
.battle-list-options-panel .crazy-mode__icon[data-v-bcde6cae] {
    margin-right: 10px !important;
}
.battle-list-options-panel .marker[data-v-bcde6cae] {
    margin-left: 5px !important;
}
.battle-list-options-panel .separator[data-v-bcde6cae] {
    margin: 0 10px !important;
}
.battle-list-options-panel ._KvIn-rBxZ8U-[data-v-bcde6cae] {
    margin-left: 10px !important;
}
.battle-list-options-panel .select-label__filter-icon[data-v-bcde6cae] {
    width: 17px !important;
    height: 11px;
}
.battle-list-options-panel .select-label__text[data-v-bcde6cae] {
    margin-left: 6px !important;
}
.battle-list-options-panel .reset-filters-button[data-v-bcde6cae] {
    min-width: 88px !important;
}
.battles-table-header__cell[data-v-bcde6cae] {
    width: var(--r-width) !important;
}
.battles-table .battle-item[data-v-bcde6cae] {
    height: 100px !important;
    --scale: 0.9;
    margin-bottom: calc(-100px * (1 - var(--scale)));
}
.battles-table .battle-rounds-cell[data-v-bcde6cae] {
    min-width: 94px !important;
}
.battles-table .battle-rounds-cell .battles-rounds-hexagon .status-text[data-v-bcde6cae],
  .battles-table .battle-rounds-cell .battles-rounds-hexagon .battle-rounds-cell__rounds-text[data-v-bcde6cae] {
    font-size: 9px !important;
}
.battles-table .battle-rounds-cell .battles-rounds-hexagon .depths[data-v-bcde6cae] {
    height: 50px !important;
    width: 42px !important;
}
.battles-table .battle-rounds-cell .battles-rounds-hexagon .depths .depth-4[data-v-bcde6cae] {
    font-size: 15px !important;
}
.battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-bcde6cae]::before, .battles-table .battle-rounds-cell .battles-rounds-hexagon[data-v-bcde6cae]::after {
    height: 40px !important;
    width: 15px !important;
}
.battles-table .scenario-cell-wrapper[data-v-bcde6cae] {
    --case-width: 88px !important;
}
.battles-table .scenario-cell-wrapper .battle-case__multiplier[data-v-bcde6cae] {
    top: 6px !important;
    right: 6px !important;
}
.battles-table .scenario-cell-wrapper .cases-list-block .battle-case[data-v-bcde6cae] {
    width: var(--case-width) !important;
}
.battles-table .scenario-cell-wrapper .cases-list-block .battle-case .battle-case__img[data-v-bcde6cae] {
    width: 80px !important;
    height: 75px !important;
    min-height: 75px !important;
}
.battles-table .scenario-cell-wrapper .battle-case__name[data-v-bcde6cae] {
    font-size: 9px !important;
}
.battles-table .scenario-cell-wrapper .scenario-cell-details-button[data-v-bcde6cae] {
    line-height: 30px !important;
    font-size: 10px !important;
}
.battles-table .battle-cost-cell[data-v-bcde6cae] {
    min-width: 90px !important;
}
.battles-table .battle-cost-cell .cost[data-v-bcde6cae] {
    font-size: 12px !important;
}
.battles-table .battle-players-cell[data-v-bcde6cae] {
    min-width: 130px !important;
}
.battles-table .battle-players-cell .players-quantity[data-v-bcde6cae] {
    top: 5px !important;
    font-size: 10px !important;
}
.battles-table .battle-players-cell.game_mode-3 .mode-text[data-v-bcde6cae] {
    bottom: 3px !important;
}
.battles-table .battle-players-cell.game_mode-2 .mode-text[data-v-bcde6cae] {
    bottom: 3px !important;
}
.battles-table .battle-players-cell[data-v-bcde6cae] .common-user-avatar {
    width: 26px !important;
    height: 26px !important;
    padding: 1px !important;
}
.battles-table .buttons-cell-wrapper[data-v-bcde6cae] {
    min-width: 140px !important;
    padding: 0 13px !important;
}
.battles-table .buttons-cell-wrapper .battle-cell-button[data-v-bcde6cae] {
    min-width: 100px !important;
    height: 38px !important;
    font-size: 12px !important;
    clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%) !important;
}
.battles-table .buttons-cell-wrapper .battle-cell-button .default-mode-icon[data-v-bcde6cae] {
    width: 14px !important;
    height: 14px !important;
}
.battles-table .buttons-cell-wrapper .battle-cell-button .crazy-mode-icon[data-v-bcde6cae],
  .battles-table .buttons-cell-wrapper .battle-cell-button .sharing-mode-icon[data-v-bcde6cae] {
    width: 18px !important;
    height: 18px !important;
}
.battles-table .buttons-cell-wrapper .battle-cell-button[data-v-bcde6cae]::after {
    clip-path: polygon(9px 0, 0 50%, 9px 100%, 10px calc(100% - 1px), 1px 50%, 10px 1px, calc(100% - 10px) 1px, calc(100% - 1px) 50%, calc(100% - 10px) calc(100% - 1px), 9px calc(100% - 1px), 9px 100%, calc(100% - 9px) 100%, 100% 50%, calc(100% - 9px) 0) !important;
}
.box-preview .preview-dialog-title[data-v-bcde6cae] {
    transform: scale(0.85);
    transform-origin: top left;
    width: 117.6470588235% !important;
    height: 106.25px !important;
}
.box-preview .simplebar-content[data-v-bcde6cae] {
    grid-template-columns: repeat(auto-fill, 150px) !important;
}
.box-preview .battle-case[data-v-bcde6cae] {
    width: 150px !important;
    height: 200px !important;
}
.box-preview .battle-case .battle-case__multiplier[data-v-bcde6cae] {
    top: 6px !important;
    height: 18px !important;
    line-height: 18px !important;
    min-width: 36px !important;
    font-size: 12px !important;
    clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
}
.box-preview .battle-case .battle-case__img-wrap[data-v-bcde6cae] {
    height: 140px !important;
}
.box-preview .battle-case .battle-case__name[data-v-bcde6cae] {
    font-size: 13px;
}
.box-preview .view-drops-button[data-v-bcde6cae] {
    height: 30px !important;
    font-size: 10px !important;
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
}
.box-preview .battle-details-modal__buttons .battle-details-modal__button[data-v-bcde6cae] {
    min-width: 160px !important;
    height: 40px !important;
    font-size: 13px !important;
    clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 13px 100%, 0 50%) !important;
}
.box-preview .battle-details-modal__buttons .battle-details-modal__button[data-v-bcde6cae]::before {
    clip-path: polygon(13px 0, 0 50%, 13px 100%, 14px calc(100% - 1px), 1px 50%, 14px 1px, calc(100% - 14px) 1px, calc(100% - 1px) 50%, calc(100% - 14px) calc(100% - 1px), 13px calc(100% - 1px), 13px 100%, calc(100% - 13px) 100%, 100% 50%, calc(100% - 13px) 0) !important;
}
.box-preview .battle-details-modal__buttons .battle-details-modal__button .eye-icon[data-v-bcde6cae] {
    width: 16px !important;
    height: 16px !important;
}
.box-preview .battle-details-modal__buttons .battle-details-modal__button .default-mode-icon[data-v-bcde6cae] {
    width: 14px !important;
    height: 14px !important;
}
.box-preview .battle-details-modal__buttons .battle-details-modal__button .crazy-mode-icon[data-v-bcde6cae],
  .box-preview .battle-details-modal__buttons .battle-details-modal__button .sharing-mode-icon[data-v-bcde6cae] {
    width: 18px !important;
    height: 18px !important;
}
.box-preview .case-item[data-v-bcde6cae] {
    height: 200px !important;
    width: 150px !important;
}
.box-preview .case-item .info_p[data-v-bcde6cae] {
    top: 10px !important;
    right: 10px !important;
}
.box-preview .case-item .img-wrapper[data-v-bcde6cae] {
    margin: 20px auto 10px !important;
    width: 110px !important;
}
.box-preview .case-item .info_1[data-v-bcde6cae] {
    font-size: 11px !important;
}
.box-preview .case-item .info_2[data-v-bcde6cae] {
    font-size: 12px !important;
}
.box-preview .case-item .info_3[data-v-bcde6cae] {
    font-size: 10px !important;
}
.box-preview .case-item .info_4[data-v-bcde6cae] {
    font-size: 12px !important;
}
}
@media screen and (max-width: 849px) {
.battle-item[data-v-bcde6cae] {
    --scale: 0.83 !important;
}
}
@media screen and (max-width: 767px) {
[data-v-bcde6cae] .battles-statistic-dialog-wrapper {
    width: 90vw !important;
}
[data-v-bcde6cae] .battles-statistic-dialog-wrapper .battles-statistic-dialog {
    min-width: 230px !important;
}
.battles-wrap[data-v-bcde6cae] {
    padding: 0 30px !important;
}
.box-preview .preview-dialog-title[data-v-bcde6cae] {
    transform: scale(0.75) !important;
    width: 133.3333333333% !important;
    transform-origin: left center !important;
    padding: 0 60px !important;
}
.box-preview .preview-dialog-title .rounds-quantity-block[data-v-bcde6cae] {
    gap: 5px;
    flex-direction: column !important;
}
.box-preview .preview-dialog-title .rounds-quantity-block .rounds-text[data-v-bcde6cae] {
    margin-left: 0px !important;
}
.tabs-create[data-v-bcde6cae] {
    width: 100%;
}
.tabs-create .tabs[data-v-bcde6cae] {
    position: relative;
    width: 100%;
}
.tabs-create .tabs .my-stats-button[data-v-bcde6cae] {
    margin-left: auto !important;
}
.tabs-create .tabs .my-stats-button[data-v-bcde6cae] {
    position: absolute;
    top: -42px;
    right: 10px;
}
.create-battle-button[data-v-bcde6cae] {
    position: fixed;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
.battle-list-options-panel[data-v-bcde6cae] {
    flex-direction: column;
    gap: 15px;
    padding: 5px 10px !important;
    min-height: 120px !important;
    justify-content: unset !important;
}
.battle-list-options-panel .left-block[data-v-bcde6cae] {
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 10px;
}
.battle-list-options-panel .right-block[data-v-bcde6cae] {
    justify-content: space-between;
}
.battle-list-options-panel .right-block .reset-filters-button[data-v-bcde6cae] {
    position: absolute;
    bottom: 0;
    right: 0;
}
.battle-list-options-panel .separator[data-v-bcde6cae] {
    display: none;
}
.battles-table .battle-item[data-v-bcde6cae] {
    height: 200px !important;
    padding-top: 45px !important;
    border-radius: 0 10px 0 0;
    flex-wrap: wrap;
    --scale: 1 !important;
}
.battles-table .battle-item.status1[data-v-bcde6cae] {
    background: radial-gradient(50% 44px at 50% 0, rgba(74, 241, 185, 0.1) 0, rgba(74, 241, 184, 0));
}
.battles-table .battle-item .scenario-cell-wrapper[data-v-bcde6cae] {
    height: 100px !important;
}
.battles-table .battle-item .battle-rounds-cell[data-v-bcde6cae],
  .battles-table .battle-item .battle-cost-cell[data-v-bcde6cae] {
    position: absolute !important;
}
.battles-table .battle-item .battle-rounds-cell[data-v-bcde6cae] {
    height: 44px;
    top: 0px;
    left: 0px;
    width: 50%;
    padding-left: 12px;
    justify-content: flex-start !important;
    min-width: unset !important;
    background: unset !important;
}
.battles-table .battle-item .battle-rounds-cell .battles-rounds-hexagon[data-v-bcde6cae]::before, .battles-table .battle-item .battle-rounds-cell .battles-rounds-hexagon[data-v-bcde6cae]::after {
    content: unset !important;
}
.battles-table .battle-item .battle-rounds-cell .depths[data-v-bcde6cae] {
    height: 30px !important;
    width: 26px !important;
}
.battles-table .battle-item .battle-rounds-cell .depths .depth-1[data-v-bcde6cae] {
    height: 90% !important;
    width: 90% !important;
    z-index: 2 !important;
    background: linear-gradient(180deg, #17162b, #2c2a46) !important;
}
.battles-table .battle-item .battle-rounds-cell .depths .depth-2[data-v-bcde6cae] {
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
}
.battles-table .battle-item .battle-rounds-cell .depths .depth-4[data-v-bcde6cae] {
    font-size: 11px !important;
    height: 84% !important;
    width: 77% !important;
}
.battles-table .battle-item .battle-rounds-cell .status-text[data-v-bcde6cae] {
    position: absolute;
    top: 50% !important;
    right: 0;
    transform: translate(50%, -50%);
}
.battles-table .battle-item .battle-rounds-cell .live-circle[data-v-bcde6cae] {
    position: absolute;
    top: 50% !important;
    left: unset !important;
    right: 15px !important;
    transform: translateY(-50%);
}
.battles-table .battle-item .battle-rounds-cell .battle-rounds-cell__rounds-text[data-v-bcde6cae] {
    font-size: 12px !important;
    position: unset !important;
    padding-left: 8px !important;
}
.battles-table .battle-item .battle-cost-cell[data-v-bcde6cae] {
    width: unset;
    top: 8px;
    right: 12px;
    min-width: unset !important;
    min-height: 28px;
    transform-origin: top right;
    align-items: flex-end !important;
}
.battles-table .battle-item .battle-cost-cell.with-exclusive-drops[data-v-bcde6cae] {
    background: unset !important;
}
.battles-table .battle-item .battle-cost-cell .exclusive-drops-icon[data-v-bcde6cae] {
    display: inline-block !important;
}
.battles-table .battle-item .battle-cost-cell .cost[data-v-bcde6cae] {
    font-size: 11px !important;
}
.battles-table .battle-item .battle-cost-cell .mode-text[data-v-bcde6cae] {
    font-size: 9px;
    display: block !important;
    text-transform: uppercase;
}
.battles-table .battle-item .battle-cost-cell.game_mode-2 .mode-text[data-v-bcde6cae] {
    color: #13d761;
}
.battles-table .battle-item .battle-cost-cell.game_mode-3 .mode-text[data-v-bcde6cae] {
    color: #66b5ba;
}
.battles-table .battle-item .scenario-cell-wrapper[data-v-bcde6cae] {
    flex: 0 0 auto !important;
    width: 100%;
}
.battles-table .battle-item .battle-case__name[data-v-bcde6cae] {
    margin-top: -6px;
}
.battles-table .battle-item .battle-players-cell[data-v-bcde6cae] {
    justify-content: space-between !important;
    flex-direction: row !important;
    width: 90px !important;
    min-width: 100px !important;
    background-color: transparent !important;
    padding-left: 10px;
    background-image: unset !important;
}
.battles-table .battle-item .battle-players-cell .players-quantity[data-v-bcde6cae] {
    display: none;
}
.battles-table .battle-item .battle-players-cell .mode-text[data-v-bcde6cae] {
    display: none;
}
.battles-table .battle-item .users-list__avatar[data-v-bcde6cae] {
    margin: 0 !important;
    margin-right: 5px !important;
}
.battles-table .battle-item .users-list__avatar .users-list__win-indicator[data-v-bcde6cae] {
    left: 5px !important;
    right: unset;
}
.battles-table .battle-item .users-list__avatar .users-list__win-text[data-v-bcde6cae] {
    left: 0px !important;
    bottom: -17px !important;
    width: 22px !important;
}
.battles-table .battle-item .users-list__avatar:not(:last-child) .vs[data-v-bcde6cae] {
    display: block !important;
    font-size: 10px !important;
    margin-left: 5px !important;
}
.battles-table .battle-item .buttons-cell-wrapper[data-v-bcde6cae] {
    width: unset;
}
}
@media screen and (max-width: 490px) {
.battles-wrap[data-v-bcde6cae] {
    padding: 0 15px !important;
}
.center-title__text[data-v-bcde6cae] {
    font-size: 17px !important;
}
.feast-points-info[data-v-bcde6cae] {
    font-size: 11px !important;
    margin-top: 10px !important;
}
.tabs[data-v-bcde6cae] {
    gap: 25px !important;
}
.tabs .tab[data-v-bcde6cae] {
    padding-bottom: 10px !important;
}
.tabs .icon[data-v-bcde6cae] {
    width: 14px !important;
    height: 14px !important;
}
.tabs .name[data-v-bcde6cae] {
    font-size: 12px !important;
    margin-left: 8px !important;
}
.battle-list-options-panel[data-v-bcde6cae] {
    margin: 30px 0 20px !important;
}
.battle-list-options-panel .crazy-mode__icon[data-v-bcde6cae] {
    width: 16px !important;
    height: 16px !important;
}
.battle-list-options-panel .option-text[data-v-bcde6cae],
  .battle-list-options-panel .enough-balance-label[data-v-bcde6cae] {
    font-size: 11px !important;
}
.battle-list-options-panel .marker[data-v-bcde6cae] {
    width: 40px !important;
    height: 23px !important;
    clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%) !important;
    margin-left: 0px !important;
}
.battle-list-options-panel .marker[data-v-bcde6cae]::before {
    width: 14px !important;
    height: 12px !important;
}
.battle-list-options-panel .enough-balance-label[data-v-bcde6cae] {
    margin-right: 6px !important;
}
.battle-list-options-panel .checkbox[data-v-bcde6cae],
  .battle-list-options-panel .checkbox__hexagon[data-v-bcde6cae] {
    min-width: 16px !important;
    height: 16px !important;
}
.battle-list-options-panel .select-label__text[data-v-bcde6cae],
  .battle-list-options-panel ._oEATxRVVUtM-[data-v-bcde6cae] {
    font-size: 11px !important;
}
.battle-list-options-panel ._EpIYEmvkUCY-[data-v-bcde6cae] {
    margin-left: 4px !important;
}
.battle-list-options-panel .reset-filters-button[data-v-bcde6cae] {
    height: 30px !important;
    min-width: 60px !important;
    font-size: 12px !important;
    clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%) !important;
}
.battles-table .scenario-cell-wrapper[data-v-bcde6cae] {
    --case-width: 80px !important;
}
.battles-table .users-list[data-v-bcde6cae] {
    transform: scale(0.85);
    transform-origin: left center;
    margin-top: -12px;
}
.battles-table .users-list__avatar[data-v-bcde6cae] {
    margin-right: 5px !important;
}
.battles-table .users-list__avatar:not(:last-child) .vs[data-v-bcde6cae] {
    margin-left: 5px !important;
}
.battles-table .buttons-cell-wrapper[data-v-bcde6cae] {
    width: unset !important;
    min-width: 130px !important;
    padding: 0 10px 0 0 !important;
    transform: scale(0.9);
    transform-origin: right center;
}
.simplebar-content[data-v-bcde6cae] {
    padding: 0 10px 125px !important;
}
[data-v-bcde6cae] .box-preview .case-item {
    height: 200px !important;
    width: 130px !important;
}
[data-v-bcde6cae] .box-preview .el-dialog__headerbtn {
    top: 15px !important;
    right: 15px !important;
}
[data-v-bcde6cae] .box-preview .el-dialog__headerbtn .el-icon::before {
    font-size: 18px !important;
}
[data-v-bcde6cae] .box-preview .preview-dialog-title {
    padding: 0 50px !important;
}
}
@charset "UTF-8";
.battles-lobby-page[data-v-29092bc1] {
  background-image: url(../img/BuboWOuY.2fc1279b.jpg);
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 54px;
  position: relative;
  z-index: -20; /* 降低整体层级，避免遮挡头像弹窗 */
  overflow: visible;
}
@media screen and (max-width: 1920px) {
._CJ3fh4wuzmU-[data-v-29092bc1] {
    max-width: 1920px;
}
}
._CJ3fh4wuzmU-[data-v-29092bc1] {
  margin: 0 auto;
}
.battles-wrap[data-v-29092bc1] {
  margin: 0 auto;
  max-width: 1500px;
  padding: 0 20px;
  position: relative;
}
.default-title-block[data-v-29092bc1] {
  max-width: 100%;
  text-align: center;
}
.default-title[data-v-29092bc1],
.default-title__text[data-v-29092bc1] {
  display: inline-block;
  position: relative;
}
.default-title__text[data-v-29092bc1]:before {
  left: 0;
}
.default-title__text[data-v-29092bc1]:after,
.default-title__text[data-v-29092bc1]:before {
  background-color: #6f52f0;
  border-radius: 50%;
  box-shadow: 0 0 20px #6f52f0, 0 0 20px #6f52f0;
  content: "";
  height: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
}
.feast-points-info[data-v-29092bc1] {
  color: #7f79af;
  font-size: 12px;
  letter-spacing: 0.16em;
  margin: 20px auto 0;
  max-width: 320px;
  text-align: center;
  text-transform: uppercase;
}
._MtYSD-aiagM-[data-v-29092bc1] {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin: 55px auto 0;
  max-width: 1780px;
}
._aWU1gepLI-Q-[data-v-29092bc1] {
  align-items: center;
  display: flex;
  gap: 40px;
  height: 37px;
}
._K960L1S3vtY-._iF-foSc0BY4-[data-v-29092bc1] {
  border-bottom: 2px solid #f5115c;
}
._K960L1S3vtY-[data-v-29092bc1] {
  align-items: baseline;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  display: inline-flex;
  padding: 0 0 14px;
  position: relative;
  transition: border 0.3s;
}
._K960L1S3vtY-._iF-foSc0BY4- ._QWgfaWfu1tE-[data-v-29092bc1],
._K960L1S3vtY-:hover ._QWgfaWfu1tE-[data-v-29092bc1] {
  background-color: #fff;
}
._QWgfaWfu1tE-._KLshnMEkNVU-[data-v-29092bc1],
._QWgfaWfu1tE-._v0p-82bDQU8-[data-v-29092bc1] {
  background-color: #79779a;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
._QWgfaWfu1tE-._KLshnMEkNVU-[data-v-29092bc1] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
}
._QWgfaWfu1tE-[data-v-29092bc1] {
  display: inline-block;
  height: 21px;
  position: relative;
  top: 3px;
  transition: background-color 0.3s;
  width: 21px;
}
._K960L1S3vtY-._iF-foSc0BY4- ._axVm5cIK2rw-[data-v-29092bc1],
._K960L1S3vtY-:hover ._axVm5cIK2rw-[data-v-29092bc1] {
  color: #fff;
}
._axVm5cIK2rw-[data-v-29092bc1] {
  color: #79779a;
  font-size: 20px;
  font-weight: 600;
  line-height: 1em;
  margin-left: 12px;
  transition: color 0.3s;
}
._QWgfaWfu1tE-._yjAZ8G1DIAs-[data-v-29092bc1] {
  background-color: #79779a;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.045 10.938c-.234 0-.468.01-.7-.003-.176-.009-.236.071-.258.23a7.76 7.76 0 0 1-1.38 3.502c-1.362 1.91-3.202 3.063-5.529 3.418-.166.026-.248.082-.243.268.011.46-.005.92.006 1.38.006.207-.071.27-.272.265A23 23 0 0 0 9.331 20c-.222.008-.28-.079-.274-.285.011-.453-.005-.906.007-1.36.005-.183-.074-.245-.242-.268-3.437-.47-6.28-3.213-6.867-6.624q-.09-.524-.618-.524c-.36 0-.722-.005-1.083.003-.176.003-.258-.046-.254-.24Q.015 10 0 9.299c-.004-.192.075-.244.253-.24.467.007.934-.005 1.401.005.176.004.234-.073.257-.231.52-3.548 3.21-6.298 6.762-6.902.452-.077.382-.068.386-.456Q9.066.86 9.058.243c-.003-.166.045-.246.229-.243q.711.013 1.422 0c.183-.003.232.075.23.241-.006.468.006.935-.005 1.402-.004.185.075.246.242.269 3.438.47 6.283 3.216 6.867 6.624q.09.523.617.523c.362 0 .723.008 1.084-.003.197-.006.259.07.254.262q-.017.679 0 1.359c.006.211-.077.273-.274.263-.226-.012-.453-.003-.68-.003zM3.68 9.988c-.003 3.487 2.817 6.323 6.292 6.33 3.5.007 6.341-2.812 6.346-6.298.005-3.5-2.814-6.336-6.303-6.34-3.498-.005-6.333 2.818-6.335 6.308'/%3E%3Cpath d='M13.658 9.994c.004 1.994-1.648 3.67-3.648 3.657-2.05-.015-3.645-1.6-3.662-3.66C6.33 7.993 8.004 6.34 10 6.342s3.652 1.654 3.657 3.653'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M19.045 10.938c-.234 0-.468.01-.7-.003-.176-.009-.236.071-.258.23a7.76 7.76 0 0 1-1.38 3.502c-1.362 1.91-3.202 3.063-5.529 3.418-.166.026-.248.082-.243.268.011.46-.005.92.006 1.38.006.207-.071.27-.272.265A23 23 0 0 0 9.331 20c-.222.008-.28-.079-.274-.285.011-.453-.005-.906.007-1.36.005-.183-.074-.245-.242-.268-3.437-.47-6.28-3.213-6.867-6.624q-.09-.524-.618-.524c-.36 0-.722-.005-1.083.003-.176.003-.258-.046-.254-.24Q.015 10 0 9.299c-.004-.192.075-.244.253-.24.467.007.934-.005 1.401.005.176.004.234-.073.257-.231.52-3.548 3.21-6.298 6.762-6.902.452-.077.382-.068.386-.456Q9.066.86 9.058.243c-.003-.166.045-.246.229-.243q.711.013 1.422 0c.183-.003.232.075.23.241-.006.468.006.935-.005 1.402-.004.185.075.246.242.269 3.438.47 6.283 3.216 6.867 6.624q.09.523.617.523c.362 0 .723.008 1.084-.003.197-.006.259.07.254.262q-.017.679 0 1.359c.006.211-.077.273-.274.263-.226-.012-.453-.003-.68-.003zM3.68 9.988c-.003 3.487 2.817 6.323 6.292 6.33 3.5.007 6.341-2.812 6.346-6.298.005-3.5-2.814-6.336-6.303-6.34-3.498-.005-6.333 2.818-6.335 6.308'/%3E%3Cpath d='M13.658 9.994c.004 1.994-1.648 3.67-3.648 3.657-2.05-.015-3.645-1.6-3.662-3.66C6.33 7.993 8.004 6.34 10 6.342s3.652 1.654 3.657 3.653'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
._QWgfaWfu1tE-[data-v-29092bc1] {
  display: inline-block;
  height: 21px;
  position: relative;
  top: 3px;
  transition: background-color 0.3s;
  width: 21px;
}
.my-stats-button[data-v-29092bc1] {
  align-items: center;
  background-color: #1c1a2e;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  margin-left: 38px;
  min-width: unset;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 154px;
}
.app-button[data-v-29092bc1] {
  position: relative;
}
button[data-v-29092bc1] {
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  font-family: Montserrat, sans-serif;
  outline: 0;
  padding: 0;
}
.my-stats-button[data-v-29092bc1]:before {
  background-color: rgba(92, 89, 117, 0.231372549);
  clip-path: polygon(12px 0, 0 50%, 12px 100%, 13px calc(100% - 1px), 1px 50%, 13px 1px, calc(100% - 13px) 1px, calc(100% - 1px) 50%, calc(100% - 13px) calc(100% - 1px), 12px calc(100% - 1px), 12px 100%, calc(100% - 12px) 100%, 100% 50%, calc(100% - 12px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.button__content[data-v-29092bc1] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.my-stats-button .stats-icon[data-v-29092bc1] {
  background-color: #fff;
  display: inline-block;
  height: 20px;
  margin-right: 7px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.585 12.633H1v7.366h4.585zM11.866 9.693H7.28v10.308h4.585zM18.143 14.845H13.56V20h4.584zM9.502 0l1.39 2.963L14 3.438l-2.251 2.306L12.282 9l-2.78-1.539L6.718 9l.533-3.256L5 3.438l3.108-.475z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.585 12.633H1v7.366h4.585zM11.866 9.693H7.28v10.308h4.585zM18.143 14.845H13.56V20h4.584zM9.502 0l1.39 2.963L14 3.438l-2.251 2.306L12.282 9l-2.78-1.539L6.718 9l.533-3.256L5 3.438l3.108-.475z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 20px;
}
.create-battle-button[data-v-29092bc1] {
  align-items: center;
  background-color: #5c49d0;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  min-width: 240px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.create-battle-button .plus-icon[data-v-29092bc1] {
  background-color: #fff;
  height: 12px;
  margin-right: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 12px;
}
.battle-list-options-panel[data-v-29092bc1] {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1490196078);
  display: flex;
  justify-content: space-between;
  margin: 45px auto;
  max-width: 1782px;
  min-height: 90px;
  padding: 0 40px;
  position: relative;
  z-index: -10; /* 进一步降低层级，避免遮挡头像弹窗 */
}
.battle-list-options-panel[data-v-29092bc1]:before {
  background-color: #0b0a15;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -11; /* 隐藏在更下层 */
}
.battle-list-options-panel .left-block[data-v-29092bc1],
.battle-list-options-panel .right-block[data-v-29092bc1] {
  align-items: center;
  display: flex;
}
.crazy-mode[data-v-29092bc1] {
  align-items: center;
  display: flex;
  position: relative;
}
.tooltip__custom[data-v-29092bc1] {
  background: unset;
  height: unset;
  margin-left: unset;
  width: unset;
}
.tooltip[data-v-29092bc1] {
  background: #191827;
  border-radius: 50%;
  cursor: help;
  height: 20px;
  margin-left: 15px;
  position: relative;
  text-align: center;
  width: 20px;
}
.crazy-mode__icon[data-v-29092bc1],
.crazy-mode__icon.active[data-v-29092bc1] {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.crazy-mode__icon[data-v-29092bc1] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 34 34'%3E%3Cpath fill='%239793c7' d='M9.9 18.65c1.68.93 3.28 1.809 4.95 2.726-.931.382-1.792.586-2.693.573-.253 0-.465-.063-.637-.254-.75-.841-1.286-1.822-1.62-3.045M18.15 21.379c1.674-.923 3.236-1.78 4.95-2.729-.345 1.37-.923 2.345-1.725 3.177-.152.167-.355.116-.547.116-.893.012-1.745-.231-2.678-.564'/%3E%3Cpath fill='%239793c7' d='M7.63 20.229S3.3 14.514 3.3 6.036c5.76 1.584 5.122-4.25 14.36-2.88 2.542.38.236-1.977-.983-2.656 8.126.464 8.41 9.656 13.023 6.31-.213 4.537-1.443 9.978-4.258 13.49.745-5.036-3.064-13.394-8.942-8.358-8.185-6.263-8.87 8.287-8.87 8.287M8.25 23.6s3.049 6.525 8.307 6.525c5.22 0 8.193-6.525 8.193-6.525s-2.68 9.9-8.18 9.9c-5.526-.013-8.32-9.9-8.32-9.9'/%3E%3C/svg%3E");
  cursor: help;
  height: 25px;
  margin-right: 14px;
  width: 25px;
}
.crazy-mode .tooltip__text[data-v-29092bc1] {
  font-size: 12px;
  line-height: 1.3em;
  padding: 12px 20px;
  top: 29px;
  transform: translate(74px);
  width: 220px;
}
.tooltip__text[data-v-29092bc1] {
  background: #282546;
  border-radius: 4px;
  color: #dddcfc;
  font-size: 14px;
  left: -90px;
  margin-top: 10px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  text-align: initial;
  top: 23px;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 200px;
  z-index: 10;
}
.crazy-mode .tooltip__text[data-v-29092bc1]:before {
  transform: translate(-84px);
}
.tooltip__text[data-v-29092bc1]:before {
  border-color: transparent transparent #282546;
  border-style: solid;
  border-width: 0 7.5px 10px;
  content: "";
  height: 0;
  left: calc(50% - 8px);
  position: absolute;
  top: -10px;
  width: 0;
}
.switcher[data-v-29092bc1] {
  text-transform: uppercase;
}
.switcher label[data-v-29092bc1] {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.crazy-mode .switcher .option-text[data-v-29092bc1] {
  color: #dddcfc;
  font-weight: 600;
}
.switcher .option-text[data-v-29092bc1] {
  font-size: var(--a8b5298a);
  margin-right: 6px;
}
.switcher label > input + *[data-v-29092bc1] {
  margin: 0;
}
.crazy-mode .switcher .marker[data-v-29092bc1] {
  margin-left: 16px;
}
.switcher.size-regular .marker[data-v-29092bc1] {
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  height: 28px;
  width: 50px;
}
.switcher .marker[data-v-29092bc1] {
  background: var(--50d2435a);
  display: block;
  position: relative;
}
.switcher:not(.two-options) input:not(:checked) ~ .marker[data-v-29092bc1]:before {
  background: #43415a;
}
.switcher.size-regular .marker[data-v-29092bc1]:before {
  height: 16px;
  left: 7px;
  width: 18px;
}
.switcher .marker[data-v-29092bc1]:before {
  background: var(--59fafe50);
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.3s, left 0.3s;
}
.separator[data-v-29092bc1] {
  background-color: #191728;
  height: 58px;
  margin: 0 24px;
  width: 1px;
}
.checkbox-block[data-v-29092bc1] {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.checkbox-block.left .checkbox-element[data-v-29092bc1],
.checkbox-block.top .checkbox-element[data-v-29092bc1] {
  order: 1;
}
@media screen and (max-width: 1365px) {
.checkbox[data-v-29092bc1] {
    height: var(--9b8ce428);
    min-width: var(--9b8ce428);
}
}
.checkbox[data-v-29092bc1] {
  cursor: pointer;
  height: var(--ae7f87dc);
  min-width: var(--ae7f87dc);
}
.checkbox__hexagon[data-v-29092bc1] {
  height: var(--ae7f87dc);
  position: relative;
  width: var(--ae7f87dc);
}
.enough-balance-label[data-v-29092bc1] {
  color: #737e95;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  margin-right: 10px;
  text-transform: uppercase;
}
.battle-list-options-panel .left-block[data-v-29092bc1],
.battle-list-options-panel .right-block[data-v-29092bc1] {
  align-items: center;
  display: flex;
}
._j9eHVRiAml8-[data-v-29092bc1] {
  position: relative;
}
._YNRTMd-cUII-[data-v-29092bc1] {
  align-items: center;
  cursor: pointer;
  display: flex;
}
._5vs6F-Cap7E-[data-v-29092bc1] {
  color: #6f6d88;
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
  text-transform: uppercase;
}
.select-label[data-v-29092bc1] {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.select-label__filter-icon[data-v-29092bc1] {
  background-color: #6f6d88;
  height: 14px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'%3E%3Cpath fill-rule='evenodd' d='M3.028.215v9.707H.474l3.302 3.754 3.302-3.754H4.523V.215zM8.56.993v1.468h13.227V.993zm0 3.494v1.467h10.683V4.487zm0 3.493v1.467h8.14V7.98zm0 3.493v1.468h5.596v-1.468z' clip-rule='evenodd'/%3E%3Cpath d='M3.776 14 0 9.707h2.815V0h1.92v9.708h2.816zm-2.83-3.864 2.829 3.216 2.828-3.216H4.308V.43H3.241v9.707H.947m13.424 3.02H8.348v-1.897h6.022zm-5.597-.43h5.17v-1.038h-5.17zm8.14-3.064H8.347V7.765h8.565zm-8.14-.43h7.713V8.196H8.773zM19.456 6.17H8.347V4.272h11.109zm-10.683-.43H19.03V4.701H8.773zM22 2.675H8.347V.78H22zM8.773 2.246h12.8V1.208h-12.8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 14'%3E%3Cpath fill-rule='evenodd' d='M3.028.215v9.707H.474l3.302 3.754 3.302-3.754H4.523V.215zM8.56.993v1.468h13.227V.993zm0 3.494v1.467h10.683V4.487zm0 3.493v1.467h8.14V7.98zm0 3.493v1.468h5.596v-1.468z' clip-rule='evenodd'/%3E%3Cpath d='M3.776 14 0 9.707h2.815V0h1.92v9.708h2.816zm-2.83-3.864 2.829 3.216 2.828-3.216H4.308V.43H3.241v9.707H.947m13.424 3.02H8.348v-1.897h6.022zm-5.597-.43h5.17v-1.038h-5.17zm8.14-3.064H8.347V7.765h8.565zm-8.14-.43h7.713V8.196H8.773zM19.456 6.17H8.347V4.272h11.109zm-10.683-.43H19.03V4.701H8.773zM22 2.675H8.347V.78H22zM8.773 2.246h12.8V1.208h-12.8z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 22px;
}
.select-label__text[data-v-29092bc1] {
  color: #6f6d88;
  font-size: 14px;
  font-weight: 700;
  line-height: 1em;
  margin-left: 12px;
  text-transform: uppercase;
}
._KvIn-rBxZ8U-[data-v-29092bc1] {
  align-items: center;
  display: flex;
  margin-left: 20px;
}
._oEATxRVVUtM-[data-v-29092bc1] {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
  text-transform: uppercase;
  transition: color 0.2s;
}
._EpIYEmvkUCY-[data-v-29092bc1] {
  align-self: center;
  background-color: #9793ba;
  display: inline-block;
  height: 5px;
  margin-bottom: 1px;
  margin-left: 12px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: transform 0.2s;
  width: 10px;
}
@media screen and (min-width: 768px) {
.reset-filters-button[data-v-29092bc1] {
    min-width: 115px;
}
}
.reset-filters-button[data-v-29092bc1] {
  align-items: center;
  background-color: #1c1a31;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
  color: #9793c7;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  min-width: 134px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.app-button[data-v-29092bc1] {
  position: relative;
}
button[data-v-29092bc1] {
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  font-family: Montserrat, sans-serif;
  outline: 0;
  padding: 0;
}
.button__content[data-v-29092bc1] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.battles-table-header[data-v-29092bc1] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
.battles-table-header__cell[data-v-29092bc1] {
  color: #38364f;
  font-feature-settings: "kern" off;
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
  text-align: center;
  text-transform: uppercase;
}
.battles-list[data-v-29092bc1] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.battle-item[data-v-29092bc1] {
  background-color: #1c1a2f;
  cursor: pointer;
  display: flex;
  height: 140px;
  justify-content: space-between;
  padding: 4px 0;
  position: relative;
  transition: transform 0.3s, background 0.3s, opacity 0.3s;
  width: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.battle-item-mobile-status[data-v-29092bc1] {
  display: none;
  height: 30px;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 100%;
}
.battle-item-mobile-status .text[data-v-29092bc1] {
  align-items: center;
  display: flex;
  font-size: 9px;
  font-weight: 600;
  justify-content: center;
  line-height: 30px;
  text-transform: uppercase;
}
.battle-item-mobile-status .status-circle[data-v-29092bc1] {
  margin-right: 6px;
}
.live-circle[data-v-29092bc1] {
  align-items: center;
  animation: glow-animation 2s infinite alternate;
  border: 1px solid rgba(74, 241, 184, 0.2);
  border-radius: 50%;
  display: flex;
  height: 10px;
  justify-content: center;
  width: 10px;
}
.battle-rounds-cell[data-v-29092bc1] {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  min-width: 124px;
  position: relative;
  transition: background-color 0.3s;
}
.battle-rounds-cell__live-circle[data-v-29092bc1] {
  left: 7px;
  position: absolute;
  top: 4px;
}
.live-circle[data-v-29092bc1] {
  align-items: center;
  animation: glow-animation 2s infinite alternate;
  border: 1px solid rgba(74, 241, 184, 0.2);
  border-radius: 50%;
  display: flex;
  height: 10px;
  justify-content: center;
  width: 10px;
}
.button__content[data-v-f9a9b052] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.battle-create-block[data-v-f9a9b052] {
  background-image: url(../img/PVP-bg.48072a8a.jpg);
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 54px;
  position: relative;
  padding-left: 44px;
  padding-right: 44px;
}
.battle-create[data-v-f9a9b052] {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 1920px;
}
@media screen and (min-width: 1921px) {
.battle-create[data-v-f9a9b052] {
    padding-left: 0;
    padding-right: 0;
    width: 1832px;
}
}
.battle-create-header[data-v-f9a9b052] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 42px;
  position: relative;
}
.battle-create-header .battle-back-button[data-v-f9a9b052] {
  align-items: center;
  background-color: #242142;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #9793c7;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  height: 38px;
  justify-content: center;
  min-width: 210px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.battle-create-header .battle-back-button[data-v-f9a9b052]:hover {
  background-color: #2e2b4e;
}
.battle-create-header .battle-back-button__icon[data-v-f9a9b052] {
  display: inline-block;
  background-color: #525279;
  height: 7px;
  margin-right: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transform: rotate(-90deg);
  width: 14px;
}
.battle-create-header .rounds-quantity-block[data-v-f9a9b052] {
  left: 50%;
  position: absolute;
  top: -6px;
  transform: translate(-50%);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.battle-create-header .rounds-hexagon[data-v-f9a9b052] {
  position: relative;
  height: 42px;
  width: 37px;
  background: linear-gradient(180deg, #17162b, #2c2a46);
}
.battle-create-header .inner-hexagon[data-v-f9a9b052] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 34px;
  width: 30px;
  line-height: 34px;
  text-align: center;
  color: #e8e4f7;
  font-size: 15px;
  font-weight: 600;
  background: rgba(22, 20, 39, 0.4);
}
.battle-create-header .rounds-text[data-v-f9a9b052] {
  font-size: 14px;
  font-weight: 600;
  margin-top: 6px;
  text-transform: uppercase;
}
.battle-create-header .clear-all-button[data-v-f9a9b052] {
  display: inline-flex;
  align-items: center;
  color: #9793c7;
  font-size: 15px;
  font-weight: 600;
  margin-right: 30px;
  text-transform: uppercase;
  transition: color 0.3s;
}
.battle-create-header .clear-all-button[data-v-f9a9b052]:hover {
  color: #e4dcfc;
}
.battle-create-header .x-icon[data-v-f9a9b052] {
  background-color: #9793c7;
  display: inline-block;
  height: 12px;
  margin-right: 4px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 12px;
}
.battle-create-header .create-for-button[data-v-f9a9b052] {
  position: relative;
  align-items: center;
  background-color: #5c49d0;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  min-width: 240px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.battle-create-header .create-for-button.disabled[data-v-f9a9b052] {
  color: #9793c7;
  opacity: 0.4;
  pointer-events: none;
}
.battle-create-header .battle-create-deposit-button[data-v-f9a9b052] {
  align-items: center;
  background-color: #48c5a9;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  min-width: 240px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.options-panel[data-v-f9a9b052] {
  display: flex;
  height: 90px;
  padding: 26px;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 1598px) {
.options-panel[data-v-f9a9b052] {
    padding: 15px 20px;
}
}
.options-panel[data-v-f9a9b052]::before {
  background-color: #0b0a15;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.options-panel .players[data-v-f9a9b052] {
  align-items: center;
  display: flex;
  font-family: Monsterrat, sans-serif;
  font-weight: 600;
}
.options-panel .players .players__text[data-v-f9a9b052] {
  color: #dddcfc;
  font-size: 14px;
  text-transform: uppercase;
}
@media screen and (max-width: 1598px) {
.options-panel .players[data-v-f9a9b052] {
    font-size: 12px;
}
}
.options-panel .players .players__amount-block[data-v-f9a9b052] {
  display: flex;
}
.options-panel .players .players__amount[data-v-f9a9b052] {
  margin-left: 14px;
}
@media screen and (max-width: 1598px) {
.options-panel .players .players__amount[data-v-f9a9b052] {
    margin-left: 10px;
}
}
.options-panel .players .players__amount-button[data-v-f9a9b052] {
  background-color: #151423;
  border-radius: 50%;
  color: #b6b5d8;
  font-size: 17px;
  font-weight: 700;
  height: 38px;
  margin-right: 6px;
  transition: color 0.3s, background-color 0.3s;
  width: 38px;
}
@media screen and (max-width: 1598px) {
.options-panel .players .players__amount-button[data-v-f9a9b052] {
    font-size: 15px;
    height: 33px;
    width: 33px;
}
}
.options-panel .players .players__amount-button.team-battle[data-v-f9a9b052] {
  position: relative;
  border-radius: 40px;
  margin: 0;
  width: 76px;
}
.options-panel .players .players__amount-button.team-battle.game_mode-3[data-v-f9a9b052] {
  opacity: 0.2;
  cursor: default;
  pointer-events: none;
}
@media screen and (max-width: 1598px) {
.options-panel .players .players__amount-button.team-battle[data-v-f9a9b052] {
    width: 56px;
}
}
.options-panel .players .players__amount-button.team-battle .team-tooltip[data-v-f9a9b052] {
  background: #282546;
  border-radius: 3px;
  color: #ede9e9;
  font-size: 12px;
  opacity: 0;
  padding: 12px 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s;
  visibility: hidden;
  white-space: nowrap;
  z-index: 10;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
  transform: translateZ(0);
  left: 50%;
  top: 100%;
  transform: translate(-50%) translateZ(0);
  white-space: normal;
  width: 200px;
}
.options-panel .players .players__amount-button.team-battle:hover .team-tooltip[data-v-f9a9b052] {
  opacity: 1;
  visibility: visible;
  width: 200px;
}
.options-panel .players .players__amount-button.active[data-v-f9a9b052] {
  background-color: #5c49d0;
  color: #fff;
}
.second-block[data-v-f9a9b052] {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.second-block .second-block__left[data-v-f9a9b052] {
  display: flex;
}
.second-block .second-block__left .checkbox-block[data-v-f9a9b052] {
  align-items: center;
  cursor: pointer;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding-left: 15px;
}
.second-block .second-block__left .checkbox-block .checkbox[data-v-f9a9b052] {
  cursor: pointer;
  height: 26px;
  min-width: 26px;
  order: 1;
  margin-top: -3px;
}
.second-block .second-block__left .checkbox-block .checkbox .checkbox__hexagon[data-v-f9a9b052] {
  height: 26px;
  position: relative;
  width: 26px;
}
.second-block .second-block__left .checkbox-block .checkbox .checkbox__hexagon-background[data-v-f9a9b052] {
  fill: #1b192f;
}
.second-block .second-block__left .checkbox-block .checkbox .checkbox__hexagon-stroke[data-v-f9a9b052] {
  fill: transparent;
  stroke: #3b3762;
  stroke-width: 2;
  transition: stroke 0.3s;
}
.second-block .second-block__left .checkbox-block .checkbox .checkbox__hexagon-checkmark[data-v-f9a9b052] {
  fill: transparent;
}
.second-block .second-block__left .checkbox-block .checkbox-label[data-v-f9a9b052] {
  order: 0;
  align-items: center;
  color: #9793c7;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  padding-right: 8px;
  text-transform: uppercase;
  transition: color 0.3s;
}
.second-block .second-block__left .checkbox-block .checkbox-label .icon[data-v-f9a9b052] {
  background-color: #9793c7;
  display: inline-block;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  margin-right: 8px;
}
.second-block .second-block__left .checkbox-block .checkbox-label .exclusive-drops__icon[data-v-f9a9b052] {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 28'%3E%3Cpath stroke='%23ff55b3' d='m26.207 19.044-7.15 7.134H8.943l-7.15-7.134V8.956l7.15-7.134h10.112l7.15 7.134z'/%3E%3Cpath fill='%23ff55b3' d='M15.043 1.041 14 0l-1.035 1.033-.017.015v2.65l.017-.016L14 2.65l1.042 1.042.008.006V1.048zM12.957 26.959 14 28l1.035-1.033.017-.015v-2.65l-.017.016L14 25.35l-1.042-1.042-.008-.006v2.65z'/%3E%3Cpath fill='%236a42ff' d='M10.09 9.538V0L8.57 5.095 0 13.999l8.57 8.906 1.52 5.093V18.46l-1.454 2.825-5.96-6.194 3.719-1.092-3.72-1.091 5.961-6.195zm-8.455 4.471-.01-.01.01-.01zM28 14l-8.57-8.907L17.909 0v9.538l1.454-2.825 5.96 6.195-3.718 1.091 3.719 1.092-5.961 6.194-1.454-2.825v9.538l1.52-5.093L27.999 14zm-1.635-.01.01.01-.01.01z'/%3E%3Cpath fill='%236a42ff' d='m14 9.348-4.475 4.464 4.474 4.465 4.475-4.465z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 28'%3E%3Cpath stroke='%23ff55b3' d='m26.207 19.044-7.15 7.134H8.943l-7.15-7.134V8.956l7.15-7.134h10.112l7.15 7.134z'/%3E%3Cpath fill='%23ff55b3' d='M15.043 1.041 14 0l-1.035 1.033-.017.015v2.65l.017-.016L14 2.65l1.042 1.042.008.006V1.048zM12.957 26.959 14 28l1.035-1.033.017-.015v-2.65l-.017.016L14 25.35l-1.042-1.042-.008-.006v2.65z'/%3E%3Cpath fill='%236a42ff' d='M10.09 9.538V0L8.57 5.095 0 13.999l8.57 8.906 1.52 5.093V18.46l-1.454 2.825-5.96-6.194 3.719-1.092-3.72-1.091 5.961-6.195zm-8.455 4.471-.01-.01.01-.01zM28 14l-8.57-8.907L17.909 0v9.538l1.454-2.825 5.96 6.195-3.718 1.091 3.719 1.092-5.961 6.194-1.454-2.825v9.538l1.52-5.093L27.999 14zm-1.635-.01.01.01-.01.01z'/%3E%3Cpath fill='%236a42ff' d='m14 9.348-4.475 4.464 4.474 4.465 4.475-4.465z'/%3E%3C/svg%3E");
}
.second-block .second-block__left .checkbox-block .checkbox-label .with-bots__icon[data-v-f9a9b052] {
  width: 19px;
  height: 19px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.558 3.167c1.638-.854 3.26-.854 4.898 0 .706-1.05 1.427-2.1 2.163-3.167.48.394.947.771 1.427 1.165a227 227 0 0 1-2.178 3.166c.135.197.285.378.42.575a6.05 6.05 0 0 1 1.052 3.363c.015 2.576 0 5.152 0 7.728v.131h-1.772V20H11.78v-3.856H8.22V20H6.445v-3.856H4.66V8.5c0-1.559.45-2.92 1.412-4.07.015-.016.03-.048.06-.098-.721-1.05-1.457-2.1-2.193-3.166C4.403.77 4.869.394 5.365 0 6.1 1.066 6.822 2.116 7.558 3.167M2 8.367h1.758v7.76H2zM18 16.128h-1.758v-7.76H18z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.558 3.167c1.638-.854 3.26-.854 4.898 0 .706-1.05 1.427-2.1 2.163-3.167.48.394.947.771 1.427 1.165a227 227 0 0 1-2.178 3.166c.135.197.285.378.42.575a6.05 6.05 0 0 1 1.052 3.363c.015 2.576 0 5.152 0 7.728v.131h-1.772V20H11.78v-3.856H8.22V20H6.445v-3.856H4.66V8.5c0-1.559.45-2.92 1.412-4.07.015-.016.03-.048.06-.098-.721-1.05-1.457-2.1-2.193-3.166C4.403.77 4.869.394 5.365 0 6.1 1.066 6.822 2.116 7.558 3.167M2 8.367h1.758v7.76H2zM18 16.128h-1.758v-7.76H18z'/%3E%3C/svg%3E");
}
.second-block .second-block__left .checkbox-block .checkbox-label .battle-private__icon[data-v-f9a9b052] {
  width: 19px;
  height: 19px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.488 20H3.853q-.853.002-.852-.858v-9.77c0-.557.293-.848.845-.85q.447.002.895 0c.268 0 .362-.093.363-.37.002-.85.005-1.7 0-2.55a5.6 5.6 0 0 1 .58-2.574C6.704.99 8.761-.165 11.032.019c2.09.17 3.962 1.74 4.63 3.882a6 6 0 0 1 .265 1.81q.002 1.197 0 2.393c.001.31.077.387.378.389.312.001.623-.003.934.001.477.007.76.3.76.781v9.89c0 .53-.299.834-.818.835zm.019-11.477h3.405c.292 0 .381-.09.381-.391.002-.792.007-1.583-.002-2.374a5 5 0 0 0-.07-.845C13.748 2.3 10.992.903 8.71 2.194 7.37 2.951 6.8 4.185 6.763 5.7c-.02.804-.004 1.608-.004 2.413 0 .327.083.411.401.411z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.488 20H3.853q-.853.002-.852-.858v-9.77c0-.557.293-.848.845-.85q.447.002.895 0c.268 0 .362-.093.363-.37.002-.85.005-1.7 0-2.55a5.6 5.6 0 0 1 .58-2.574C6.704.99 8.761-.165 11.032.019c2.09.17 3.962 1.74 4.63 3.882a6 6 0 0 1 .265 1.81q.002 1.197 0 2.393c.001.31.077.387.378.389.312.001.623-.003.934.001.477.007.76.3.76.781v9.89c0 .53-.299.834-.818.835zm.019-11.477h3.405c.292 0 .381-.09.381-.391.002-.792.007-1.583-.002-2.374a5 5 0 0 0-.07-.845C13.748 2.3 10.992.903 8.71 2.194 7.37 2.951 6.8 4.185 6.763 5.7c-.02.804-.004 1.608-.004 2.413 0 .327.083.411.401.411z'/%3E%3C/svg%3E");
}
.second-block .second-block__left .checkbox-block.is_selected .checkbox-label[data-v-f9a9b052] {
  color: #fff;
}
.second-block .second-block__left .checkbox-block.is_selected .icon[data-v-f9a9b052] {
  background-color: #fff;
}
.second-block .second-block__left .checkbox-block.is_selected .checkbox__hexagon .checkbox__hexagon-stroke[data-v-f9a9b052] {
  fill: #1a2633;
  stroke: #4af1b8;
}
.second-block .second-block__left .checkbox-block.is_selected .checkbox__hexagon .checkbox__hexagon-checkmark[data-v-f9a9b052] {
  fill: #4af1b8;
}
.second-block .second-block__left .checkbox-block:hover + .simple-tooltip[data-v-f9a9b052] {
  opacity: 1;
  visibility: visible;
  width: 200px;
}
.second-block .second-block__left .simple-tooltip[data-v-f9a9b052] {
  background: #282546;
  border-radius: 3px;
  color: #ede9e9;
  font-size: 12px;
  opacity: 0;
  padding: 12px 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s;
  visibility: hidden;
  white-space: nowrap;
  z-index: 2;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
  transform: translateZ(0);
  left: 50%;
  top: 100%;
  transform: translate(-50%) translateZ(0);
  white-space: normal;
  width: 100%;
}
@media screen and (max-width: 767px) {
.second-block .second-block__left .simple-tooltip[data-v-f9a9b052] {
    opacity: 0 !important;
    visibility: hidden !important;
}
}
.second-block .second-block__left .exclusive-drops[data-v-f9a9b052] {
  align-items: center;
  display: flex;
  margin: 0 30px 0 20px;
  position: relative;
}
.second-block .second-block__left .with-bots[data-v-f9a9b052] {
  align-items: center;
  display: flex;
  margin: 0 30px 0 0px;
  position: relative;
}
.second-block .second-block__left .battle-private[data-v-f9a9b052] {
  align-items: center;
  display: flex;
  position: relative;
}
.second-block .second-block__right[data-v-f9a9b052] {
  display: flex;
}
.second-block .second-block__right .crazy-mode[data-v-f9a9b052],
.second-block .second-block__right .sharing-mode[data-v-f9a9b052] {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 15px;
}
.second-block .second-block__right .crazy-mode:hover .simple-tooltip[data-v-f9a9b052],
.second-block .second-block__right .sharing-mode:hover .simple-tooltip[data-v-f9a9b052] {
  opacity: 1;
  visibility: visible;
}
.second-block .second-block__right .tooltip[data-v-f9a9b052] {
  background: #191827;
  border-radius: 50%;
  height: 20px;
  margin-left: 15px;
  position: relative;
  text-align: center;
  width: 20px;
}
.second-block .second-block__right .tooltip__custom[data-v-f9a9b052] {
  background: unset;
  height: unset;
  margin-left: unset;
  width: unset;
}
.second-block .second-block__right .crazy-mode__icon[data-v-f9a9b052],
.second-block .second-block__right .crazy-mode__icon.active[data-v-f9a9b052],
.second-block .second-block__right .sharing-mode__icon[data-v-f9a9b052],
.second-block .second-block__right .sharing-mode__icon.active[data-v-f9a9b052] {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.second-block .second-block__right .crazy-mode__icon[data-v-f9a9b052] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 34 34'%3E%3Cpath fill='%239793c7' d='M9.9 18.65c1.68.93 3.28 1.809 4.95 2.726-.931.382-1.792.586-2.693.573-.253 0-.465-.063-.637-.254-.75-.841-1.286-1.822-1.62-3.045M18.15 21.379c1.674-.923 3.236-1.78 4.95-2.729-.345 1.37-.923 2.345-1.725 3.177-.152.167-.355.116-.547.116-.893.012-1.745-.231-2.678-.564'/%3E%3Cpath fill='%239793c7' d='M7.63 20.229S3.3 14.514 3.3 6.036c5.76 1.584 5.122-4.25 14.36-2.88 2.542.38.236-1.977-.983-2.656 8.126.464 8.41 9.656 13.023 6.31-.213 4.537-1.443 9.978-4.258 13.49.745-5.036-3.064-13.394-8.942-8.358-8.185-6.263-8.87 8.287-8.87 8.287M8.25 23.6s3.049 6.525 8.307 6.525c5.22 0 8.193-6.525 8.193-6.525s-2.68 9.9-8.18 9.9c-5.526-.013-8.32-9.9-8.32-9.9'/%3E%3C/svg%3E");
  height: 34px;
  margin-right: 10px;
  width: 34px;
}
.second-block .second-block__right .crazy-mode__icon.active[data-v-f9a9b052] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fbf9f8' d='M6 11c1.018.564 1.988 1.096 3 1.652-.564.232-1.086.355-1.632.348a.48.48 0 0 1-.386-.155A4.46 4.46 0 0 1 6 11M11 12.654c1.014-.56 1.961-1.08 3-1.654-.209.83-.56 1.42-1.045 1.926-.092.1-.215.07-.332.07-.541.007-1.057-.14-1.623-.342'/%3E%3Cpath fill='%2313d761' d='M4.624 11.957S2 8.493 2 3.355c3.491.96 3.104-2.576 8.703-1.746 1.54.231.143-1.198-.595-1.609C15.032.281 15.204 5.852 18 3.824c-.129 2.75-.875 6.047-2.58 8.176.451-3.052-1.857-8.118-5.42-5.066-4.96-3.795-5.376 5.023-5.376 5.023'/%3E%3Cpath fill='%23ee1160' d='M5 14s1.848 3.954 5.035 3.954C13.199 17.954 15 14 15 14s-1.624 6-4.958 6C6.694 19.992 5 14 5 14'/%3E%3C/svg%3E");
}
.second-block .second-block__right .sharing-mode__icon[data-v-f9a9b052] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%239793c7' d='M13.993 21.578q-3.78.002-7.56-.001c-.754-.001-1.29-.36-1.45-.952-.225-.826.39-1.576 1.332-1.602.635-.017 1.27-.012 1.905-.001.221.004.347-.072.457-.253q1.915-3.151 3.842-6.297a.94.94 0 0 0 .147-.519 99 99 0 0 1 0-2.084c.008-.666.377-1.169.955-1.33.89-.248 1.698.365 1.715 1.314.012.694.007 1.39 0 2.083-.002.2.046.374.152.547 1.271 2.071 2.54 4.143 3.798 6.221.147.242.313.33.601.32.604-.02 1.21-.016 1.814 0 .543.014.975.238 1.224.715.233.445.185.883-.107 1.287-.303.42-.754.552-1.264.552h-7.561m.005-2.56c.704 0 1.41-.005 2.114.003.254.004.27-.065.151-.26a492 492 0 0 1-2.1-3.445c-.116-.19-.186-.218-.314-.006a441 441 0 0 1-2.12 3.468c-.122.199-.062.244.155.242.704-.006 1.409-.002 2.114-.001'/%3E%3Cpath fill='%239793c7' d='M13.991 2.8c2.707-.005 4.917 1.945 5.18 4.558.1 1.01-.113 1.952-.585 2.851-.101.193-.195.256-.413.116-.569-.364-1.15-.712-1.735-1.052-.186-.11-.214-.198-.108-.39.788-1.435-.029-3.146-1.673-3.525-1.596-.368-3.14.762-3.19 2.328-.014.432.025.85.238 1.236.085.154.04.242-.105.331-.586.358-1.17.717-1.747 1.089-.19.122-.27.064-.371-.103-1.422-2.352-.535-5.45 1.941-6.781a5.4 5.4 0 0 1 2.568-.658M28 19.714c-.015 3.458-2.588 5.708-5.673 5.457-.648-.053-1.26-.24-1.849-.511-.23-.105-.23-.208-.1-.396q.556-.794 1.076-1.609c.128-.203.232-.247.476-.136.94.429 1.85.331 2.676-.265.863-.623 1.177-1.488.966-2.486-.203-.968-.85-1.602-1.843-1.884a2.43 2.43 0 0 0-1.817.166c-.225.115-.329.07-.452-.125a38 38 0 0 0-1.053-1.588c-.165-.233-.097-.34.13-.468 1.65-.923 3.846-.78 5.406.38 1.35 1.004 2.035 2.334 2.056 3.465zM.002 20.325c-.034-2.555 1.893-4.69 4.441-5.025 1.084-.142 2.077.102 3.03.575.224.112.287.22.13.446a44 44 0 0 0-1.085 1.637c-.116.183-.216.189-.411.098-1.727-.808-3.734.374-3.758 2.206-.025 1.802 1.94 3.044 3.657 2.292.292-.128.417-.073.57.166q.495.779 1.038 1.528c.16.223.112.315-.127.43C4.547 26.1.925 24.483.133 21.386a3.8 3.8 0 0 1-.13-1.062'/%3E%3C/svg%3E");
  height: 28px;
  margin-right: 10px;
  width: 28px;
}
.second-block .second-block__right .sharing-mode__icon.active[data-v-f9a9b052] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23fff' d='M13.994 21.578q-3.78.002-7.56-.001c-.755-.001-1.291-.36-1.452-.952-.223-.826.392-1.576 1.334-1.602.634-.017 1.27-.012 1.904-.001.221.004.348-.072.457-.253q1.915-3.151 3.843-6.297a.94.94 0 0 0 .146-.519 100 100 0 0 1 0-2.084c.008-.666.377-1.169.956-1.33.89-.248 1.698.365 1.714 1.314.012.694.007 1.39 0 2.083-.002.2.046.374.152.547 1.271 2.071 2.541 4.143 3.799 6.221.146.242.312.33.6.32.605-.02 1.21-.016 1.814 0 .543.014.975.238 1.225.715.233.445.184.883-.107 1.287-.303.42-.755.552-1.265.552h-7.56m.004-2.56c.705 0 1.41-.005 2.115.003.253.004.27-.065.15-.26a495 495 0 0 1-2.1-3.445c-.116-.19-.186-.218-.314-.006q-1.051 1.74-2.12 3.468c-.122.199-.062.244.155.242.704-.006 1.41-.002 2.114-.001'/%3E%3Cpath fill='%2366b5ba' d='M13.991 2.8c2.707-.005 4.917 1.945 5.18 4.558.1 1.01-.113 1.952-.585 2.851-.101.193-.195.256-.413.116-.569-.364-1.15-.712-1.735-1.052-.186-.11-.214-.198-.108-.39.788-1.435-.029-3.146-1.673-3.525-1.596-.368-3.14.762-3.19 2.328-.014.432.025.85.238 1.236.085.154.04.242-.105.331-.586.358-1.17.717-1.747 1.089-.19.122-.27.064-.371-.103-1.422-2.352-.535-5.45 1.941-6.781a5.4 5.4 0 0 1 2.568-.658M28 19.714c-.015 3.458-2.588 5.708-5.673 5.457-.648-.053-1.26-.24-1.849-.511-.23-.105-.23-.208-.1-.396q.556-.794 1.076-1.609c.128-.203.232-.247.476-.136.94.429 1.85.331 2.676-.265.863-.623 1.177-1.488.966-2.486-.203-.968-.85-1.602-1.843-1.884a2.43 2.43 0 0 0-1.817.166c-.225.115-.329.07-.452-.125a38 38 0 0 0-1.053-1.588c-.165-.233-.097-.34.13-.468 1.65-.923 3.846-.78 5.406.38 1.35 1.004 2.035 2.334 2.056 3.465zM.002 20.325c-.033-2.555 1.893-4.69 4.442-5.025 1.083-.142 2.076.102 3.03.575.224.112.286.22.13.446a44 44 0 0 0-1.085 1.637c-.117.183-.217.189-.412.098-1.727-.808-3.734.374-3.758 2.206-.024 1.802 1.941 3.044 3.657 2.292.292-.128.417-.073.57.166q.495.779 1.038 1.528c.16.223.112.315-.127.43C4.547 26.1.926 24.483.134 21.386a3.8 3.8 0 0 1-.13-1.062z'/%3E%3C/svg%3E");
}
.second-block .second-block__right .simple-tooltip[data-v-f9a9b052] {
  background: #282546;
  border-radius: 3px;
  color: #ede9e9;
  font-size: 12px;
  opacity: 0;
  padding: 12px 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s;
  visibility: hidden;
  white-space: nowrap;
  z-index: 10;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
  transform: translateZ(0);
  left: 50%;
  top: 100%;
  transform: translate(-50%) translateZ(0);
  white-space: normal;
  width: 100%;
}
.second-block .second-block__right .switcher[data-v-f9a9b052] {
  text-transform: uppercase;
  align-items: center;
  cursor: pointer;
  display: flex;
}
.second-block .second-block__right .switcher .option-text[data-v-f9a9b052] {
  font-size: 14px;
  color: #9793c7;
  font-weight: 600;
}
@media screen and (max-width: 1598px) {
.second-block .second-block__right .switcher .option-text[data-v-f9a9b052] {
    font-size: 12px;
}
}
.second-block .second-block__right .switcher.is_selected .option-text[data-v-f9a9b052] {
  color: #dddcfc;
}
.second-block .second-block__right .switcher .marker[data-v-f9a9b052] {
  background: #141225;
  display: block;
  position: relative;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  height: 28px;
  width: 50px;
  margin-left: 10px;
}
.second-block .second-block__right .switcher .marker[data-v-f9a9b052]::before {
  background: #43415a;
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.3s, left 0.3s;
  height: 16px;
  left: 7px;
  width: 18px;
}
.second-block .second-block__right .switcher.is_selected .marker[data-v-f9a9b052]::before {
  left: calc(100% - 24px);
  background: #05f4ff;
}
.cases-selection-block[data-v-f9a9b052] {
  align-items: flex-start;
  display: flex;
  gap: 40px;
  margin: 70px 0 80px;
}
@media screen and (max-width: 1598px) {
.cases-selection-block[data-v-f9a9b052] {
    gap: 26px;
}
}
.cases-selection-block .selected-cases[data-v-f9a9b052] {
  align-items: flex-start;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 536px;
}
.cases-selection-block .selected-cases .open-select-case-modal-button[data-v-f9a9b052] {
  background-image: none;
  flex-grow: unset;
  height: 268px;
  width: 246px;
}
.cases-selection-block .selected-case[data-v-f9a9b052] {
  background-color: #1a182d;
  border-radius: 4px;
  cursor: grab;
  height: 268px;
  position: relative;
  text-align: center;
  width: 246px;
  z-index: 2;
}
.cases-selection-block .selected-case .selected-case__can-collide[data-v-f9a9b052] {
  background: rgba(80, 77, 109, 0.3019607843);
  border: 10px solid #504d6d;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(111, 82, 240, 0.831372549);
  height: calc(100% + 15px);
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: calc(100% + 15px);
  z-index: -1;
}
.cases-selection-block .selected-case .selected-case__can-collide[data-v-f9a9b052], .cases-selection-block .selected-case .selected-case__can-collide[data-v-f9a9b052]:before {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cases-selection-block .selected-case .selected-case__can-collide[data-v-f9a9b052]:before {
  border: 2px solid #8875fb;
  border-radius: 12px;
  content: "";
  height: calc(100% + 20px);
  width: calc(100% + 20px);
}
.cases-selection-block .selected-case .selected-case__remove[data-v-f9a9b052] {
  background-color: #322f4d;
  cursor: pointer;
  height: 20px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 10px 12px;
  mask-size: 10px 12px;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: background 0.3s;
  width: 20px;
  z-index: 2;
}
.cases-selection-block .selected-case .selected-case__img-wrap[data-v-f9a9b052] {
  display: flex;
  height: 160px;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.cases-selection-block .selected-case .selected-case__img-wrap img[data-v-f9a9b052] {
  max-width: 70%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.cases-selection-block .selected-case .selected-case__name[data-v-f9a9b052] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #dddcfc;
  margin-bottom: 3px;
  overflow: hidden;
  white-space: normal;
  font-size: 14px;
  font-weight: 600;
}
.cases-selection-block .selected-case .selected-case__price[data-v-f9a9b052] {
  align-items: center;
  color: #00efba;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.cases-selection-block .selected-case .selected-case__event-points[data-v-f9a9b052] {
  align-items: center;
  color: #ffb973;
  display: flex;
  margin-left: 6px;
}
.cases-selection-block .selected-case .selected-case__event-points img[data-v-f9a9b052] {
  height: auto;
  margin-left: 3px;
  width: 22px;
}
.cases-selection-block .numeric[data-v-f9a9b052] {
  align-items: center;
  background-color: #151325;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  color: #dddcfc;
  display: flex;
  height: 34px;
  justify-content: space-between;
  padding: 5px;
  width: 104px;
  margin: 0 auto;
}
.cases-selection-block .numeric .numeric__down[data-v-f9a9b052],
.cases-selection-block .numeric .numeric__up[data-v-f9a9b052] {
  align-items: center;
  background-color: #1e1c31;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 7px 100%, 0 50%);
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  height: 24px;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 28px;
}
.cases-selection-block .numeric .minus-icon[data-v-f9a9b052],
.cases-selection-block .numeric .plus-icon[data-v-f9a9b052] {
  display: inline-block;
  width: 10px;
  background-color: #dddcfc;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.cases-selection-block .numeric .minus-icon[data-v-f9a9b052] {
  height: 2px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Cpath d='M10 1.833V.167H0v1.666z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Cpath d='M10 1.833V.167H0v1.666z'/%3E%3C/svg%3E");
}
.cases-selection-block .numeric .numeric__count[data-v-f9a9b052] {
  font-size: 15px;
  font-weight: 600;
}
.cases-selection-block .numeric .plus-icon[data-v-f9a9b052] {
  height: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
}
.cases-selection-block .open-select-case-modal-button[data-v-f9a9b052] {
  align-items: center;
  background-color: rgba(25, 23, 45, 0.3019607843);
  background-image: url(../img/C2rzxCXY.7d788ae5.png);
  background-repeat: no-repeat;
  background-position: top;
  border: 2px dashed #222037;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 538px;
  justify-content: center;
  text-align: center;
  transition: background-color 0.3s, border 0.3s;
}
.cases-selection-block .open-select-case-modal-button .add-case-hexagon[data-v-f9a9b052] {
  height: 150px;
  position: relative;
  width: 133px;
}
.cases-selection-block .open-select-case-modal-button .add-case-hexagon[data-v-f9a9b052]::before {
  background: radial-gradient(50% 50% at 50% 50%, rgba(43, 34, 116, 0.4) 0, rgba(255, 255, 255, 0));
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: 250px;
}
.cases-selection-block .open-select-case-modal-button .depth[data-v-f9a9b052] {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cases-selection-block .open-select-case-modal-button .depth-1[data-v-f9a9b052] {
  background: rgba(92, 73, 208, 0.0196078431);
  height: 100%;
  width: 100%;
  z-index: 1;
}
.cases-selection-block .open-select-case-modal-button .depth-2[data-v-f9a9b052] {
  background: rgba(92, 73, 208, 0.1019607843);
  height: 75%;
  width: 75%;
  z-index: 2;
}
.cases-selection-block .open-select-case-modal-button .depth-3[data-v-f9a9b052] {
  align-items: center;
  background: linear-gradient(180deg, rgba(92, 73, 208, 0), #5645bd);
  display: flex;
  font-size: 48px;
  height: 53%;
  justify-content: center;
  width: 53%;
}
.cases-selection-block .open-select-case-modal-button .inner-text[data-v-f9a9b052] {
  color: #dddcfc;
  font-size: 16px;
  font-weight: 700;
  margin-top: 5px;
  text-transform: uppercase;
}
.cases-selection-block .open-select-case-modal-button[data-v-f9a9b052]:hover {
  background-color: rgba(25, 23, 45, 0.412);
  border: 2px dashed #282541;
}
.cases-selection-block .battle-templates-block[data-v-f9a9b052] {
  display: flex;
  flex-direction: column;
  background-color: rgba(28, 26, 47, 0.2);
  border: 1px solid #1c1a2f;
  border-radius: 16px;
  max-width: 740px;
  min-width: 740px;
  padding: 26px 20px 20px;
  box-sizing: border-box;
  gap: 20px;
}
.cases-selection-block .battle-templates-block .battle-templates[data-v-f9a9b052] {
  width: 100%;
}
.cases-selection-block .battle-templates-block .battle-templates-user-list-header[data-v-f9a9b052] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  text-transform: uppercase;
}
.cases-selection-block .battle-templates-block .battle-templates-user-list-header .battle-templates-user-list-header__title[data-v-f9a9b052] {
  width: 100%;
  font-weight: 700;
  align-items: center;
  display: flex;
  font-size: 20px;
  justify-content: space-between;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.cases-selection-block .battle-templates-block .battle-templates-user-list-header .battle-templates-user-list-header__title .icon[data-v-f9a9b052] {
  background-color: #fff;
  display: inline-block;
  height: 20px;
  margin-right: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 19'%3E%3Cpath d='M.002 10.383c0-2.486-.002-4.971.002-7.457C.006 1.493.869.346 2.155.066c.2-.044.406-.062.609-.062q4.239-.006 8.478-.002c1.352.001 2.405.892 2.692 2.269q.068.324.066.66v15.001c0 .42-.139.755-.488.953-.358.203-.691.12-1.012-.13-1.777-1.382-3.558-2.759-5.333-4.143-.128-.1-.21-.096-.335.002-1.77 1.38-3.546 2.752-5.317 4.132-.326.254-.664.35-1.03.137-.35-.204-.486-.546-.485-.977.005-2.507.002-5.015.002-7.523m12.215 5.762v-.25c0-4.29-.002-8.579.003-12.868 0-.605-.327-1.078-.985-1.072-2.09.02-4.18.008-6.27.008q-1.154.002-2.308 0a.79.79 0 0 0-.638.29c-.193.228-.235.507-.235.804l.001 12.824c0 .07-.02.146.021.215.078.003.122-.062.175-.103l4.371-3.39c.494-.383.806-.381 1.303.003l2.99 2.322z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 19'%3E%3Cpath d='M.002 10.383c0-2.486-.002-4.971.002-7.457C.006 1.493.869.346 2.155.066c.2-.044.406-.062.609-.062q4.239-.006 8.478-.002c1.352.001 2.405.892 2.692 2.269q.068.324.066.66v15.001c0 .42-.139.755-.488.953-.358.203-.691.12-1.012-.13-1.777-1.382-3.558-2.759-5.333-4.143-.128-.1-.21-.096-.335.002-1.77 1.38-3.546 2.752-5.317 4.132-.326.254-.664.35-1.03.137-.35-.204-.486-.546-.485-.977.005-2.507.002-5.015.002-7.523m12.215 5.762v-.25c0-4.29-.002-8.579.003-12.868 0-.605-.327-1.078-.985-1.072-2.09.02-4.18.008-6.27.008q-1.154.002-2.308 0a.79.79 0 0 0-.638.29c-.193.228-.235.507-.235.804l.001 12.824c0 .07-.02.146.021.215.078.003.122-.062.175-.103l4.371-3.39c.494-.383.806-.381 1.303.003l2.99 2.322z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 14px;
}
.cases-selection-block .battle-templates-block .battle-templates-user-list-header .battle-templates-user-list-header__num[data-v-f9a9b052] {
  color: #716d9e;
  font-weight: 500;
}
.cases-selection-block .battle-templates-block .battle-templates-block__list-header[data-v-f9a9b052] {
  color: #7f79af;
  font-size: 14px;
  margin: 20px 0 14px;
}
.cases-selection-block .battle-templates-block .battle-templates__list[data-v-f9a9b052] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .no-template-notice[data-v-f9a9b052] {
  background-color: #201d37;
  border-radius: 6px;
  display: flex;
  margin-top: 20px;
  overflow: hidden;
  padding: 12px 0;
  position: relative;
}
.cases-selection-block .battle-templates-block .battle-templates__list .no-template-notice[data-v-f9a9b052]::before {
  background-color: #2e2b4e;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 4px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .no-template-notice .no-template-notice__image-block[data-v-f9a9b052] {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  width: 13%;
}
.cases-selection-block .battle-templates-block .battle-templates__list .no-template-notice .no-template-notice__question[data-v-f9a9b052] {
  background-color: #716d9e;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  height: 36px;
  position: absolute;
  width: 32px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .no-template-notice .depth[data-v-f9a9b052] {
  align-items: center;
  background-color: #161427;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  color: #716d9e;
  display: flex;
  font-size: 17px;
  font-weight: 600;
  height: calc(100% - 2px);
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 2px);
}
.cases-selection-block .battle-templates-block .battle-templates__list .no-template-notice .no-template-notice__text[data-v-f9a9b052] {
  color: #9793c7;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 1.6em;
  width: 76%;
}
.cases-selection-block .battle-templates-block .battle-templates__list .no-template-notice .text-with-icon .icon[data-v-f9a9b052] {
  background-color: #9793c7;
  display: inline-block;
  height: 15px;
  margin: 0 5px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 19'%3E%3Cpath d='M.002 10.383c0-2.486-.002-4.971.002-7.457C.006 1.493.869.346 2.155.066c.2-.044.406-.062.609-.062q4.239-.006 8.478-.002c1.352.001 2.405.892 2.692 2.269q.068.324.066.66v15.001c0 .42-.139.755-.488.953-.358.203-.691.12-1.012-.13-1.777-1.382-3.558-2.759-5.333-4.143-.128-.1-.21-.096-.335.002-1.77 1.38-3.546 2.752-5.317 4.132-.326.254-.664.35-1.03.137-.35-.204-.486-.546-.485-.977.005-2.507.002-5.015.002-7.523m12.215 5.762v-.25c0-4.29-.002-8.579.003-12.868 0-.605-.327-1.078-.985-1.072-2.09.02-4.18.008-6.27.008q-1.154.002-2.308 0a.79.79 0 0 0-.638.29c-.193.228-.235.507-.235.804l.001 12.824c0 .07-.02.146.021.215.078.003.122-.062.175-.103l4.371-3.39c.494-.383.806-.381 1.303.003l2.99 2.322z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 19'%3E%3Cpath d='M.002 10.383c0-2.486-.002-4.971.002-7.457C.006 1.493.869.346 2.155.066c.2-.044.406-.062.609-.062q4.239-.006 8.478-.002c1.352.001 2.405.892 2.692 2.269q.068.324.066.66v15.001c0 .42-.139.755-.488.953-.358.203-.691.12-1.012-.13-1.777-1.382-3.558-2.759-5.333-4.143-.128-.1-.21-.096-.335.002-1.77 1.38-3.546 2.752-5.317 4.132-.326.254-.664.35-1.03.137-.35-.204-.486-.546-.485-.977.005-2.507.002-5.015.002-7.523m12.215 5.762v-.25c0-4.29-.002-8.579.003-12.868 0-.605-.327-1.078-.985-1.072-2.09.02-4.18.008-6.27.008q-1.154.002-2.308 0a.79.79 0 0 0-.638.29c-.193.228-.235.507-.235.804l.001 12.824c0 .07-.02.146.021.215.078.003.122-.062.175-.103l4.371-3.39c.494-.383.806-.381 1.303.003l2.99 2.322z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  position: relative;
  top: 3px;
  width: 11px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .no-template-notice .no-template-notice__info-button[data-v-f9a9b052] {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 11%;
}
.cases-selection-block .battle-templates-block .battle-templates__list .no-template-notice .no-template-notice__info-button .button[data-v-f9a9b052] {
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  font-family: Montserrat, sans-serif;
  padding: 10px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .no-template-notice .no-template-notice__info-button .icon[data-v-f9a9b052] {
  background-color: #9793c7;
  display: inline-block;
  height: 20px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 20px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template[data-v-f9a9b052] {
  background-color: #1c1a2f;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  height: 90px;
  overflow: hidden;
  padding: 8px 0;
  position: relative;
  transition: transform 0.3s;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template[data-v-f9a9b052]::after, .cases-selection-block .battle-templates-block .battle-templates__list .battle-template[data-v-f9a9b052]::before {
  content: "";
  height: calc(100% + 16px);
  left: 0;
  position: absolute;
  top: -8px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template[data-v-f9a9b052]::before {
  background-color: #2e2b4e;
  width: 4px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template[data-v-f9a9b052]::after {
  background-image: linear-gradient(90deg, rgba(46, 43, 78, 0.2), rgba(46, 43, 78, 0));
  width: 92px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template.game_mode-2[data-v-f9a9b052]::before {
  background-color: #13d761;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template.game_mode-2[data-v-f9a9b052]::after {
  background-image: linear-gradient(90deg, rgba(19, 215, 97, 0.2), rgba(19, 215, 97, 0));
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template.game_mode-3[data-v-f9a9b052]::before {
  background-color: #66b5ba;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template.game_mode-3[data-v-f9a9b052]::after {
  background-image: linear-gradient(90deg, rgba(102, 181, 186, 0.2), rgba(102, 181, 186, 0));
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template[data-v-f9a9b052]:hover {
  transform: scale(1.02);
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-rounds[data-v-f9a9b052] {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: column;
  min-width: 92px;
  padding-top: 11px;
  z-index: 1;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-rounds[data-v-f9a9b052]::after {
  background-color: #25223d;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-rounds__hexagon[data-v-f9a9b052] {
  background-image: linear-gradient(180deg, #17162b, #2c2a46);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  height: 42px;
  position: relative;
  width: 38px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .depth[data-v-f9a9b052] {
  background-color: rgba(22, 20, 39, 0.4);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  color: #e8e4f7;
  font-size: 15px;
  font-weight: 600;
  height: 30px;
  left: 50%;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-rounds__text[data-v-f9a9b052] {
  color: #716d9e;
  font-size: 9px;
  font-weight: 600;
  margin-top: 6px;
  text-transform: uppercase;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-cases-list[data-v-f9a9b052] {
  position: relative;
  display: flex;
  gap: 14px;
  height: 100%;
  width: calc(100% - 92px - 190px);
  padding-left: 8px;
  overflow: hidden;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-cases-list[data-v-f9a9b052]::after {
  background-color: #25223d;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-cases-list__case[data-v-f9a9b052] {
  flex: 0 0 auto;
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 86px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-cases-list__case .battle-case__multiplier[data-v-f9a9b052] {
  background-color: #5c49d0;
  clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
  font-size: 9px;
  font-weight: 700;
  height: 17px;
  line-height: 17px;
  min-width: 32px;
  padding: 0 5px;
  position: absolute;
  right: -14px;
  text-align: center;
  top: 0;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-cases-list__case img[data-v-f9a9b052] {
  width: 100%;
  max-width: 100%;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-info[data-v-f9a9b052] {
  display: flex;
  width: 190px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-info__left-block[data-v-f9a9b052] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-align: center;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-info__left-block.is-with-battle-mode[data-v-f9a9b052] {
  justify-content: space-between;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-info__player-amount[data-v-f9a9b052] {
  color: #9793c7;
  font-size: 12px;
  font-weight: 600;
  margin-top: 5px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-info__price[data-v-f9a9b052] {
  color: #4af1b8;
  font-size: 15px;
  font-weight: 700;
  margin-top: 9px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-info__battle-mode[data-v-f9a9b052] {
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 2px;
  text-transform: uppercase;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-info__battle-mode.game_mode-2[data-v-f9a9b052] {
  color: #13d761;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-info__battle-mode.game_mode-3[data-v-f9a9b052] {
  color: #66b5ba;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-info__delete-button[data-v-f9a9b052] {
  align-items: center;
  background-color: #23203b;
  border-radius: 3px;
  display: flex;
  height: 100%;
  justify-content: center;
  margin-right: 8px;
  transition: background-color 0.3s;
  width: 38px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-info__delete-button .icon[data-v-f9a9b052] {
  background-color: #825077;
  display: inline-block;
  height: 20px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M8.99 17.995c-1.195 0-2.392-.02-3.587.005-1.333.026-2.723-.986-2.931-2.652-.018-.144-.013-.292-.013-.438V4.768q0-.25-.239-.252-.238.002-.476 0A.75.75 0 0 1 1 3.765a.757.757 0 0 1 .726-.775c.204-.008.408-.002.612-.002h3.486c.249 0 .25 0 .25-.264-.002-.281-.01-.562.037-.84C6.293.788 7.192.004 8.27 0c.51 0 1.02-.003 1.53.002 1.058.009 1.995.9 2.104 1.988.026.257.03.514.02.77-.006.177.048.231.222.23 1.349-.006 2.698-.003 4.047-.003.344 0 .605.138.746.474.205.492-.132 1.037-.65 1.053q-.298.008-.596 0c-.108-.003-.16.035-.15.151.004.053 0 .106 0 .158 0 3.357-.02 6.715.009 10.072.012 1.462-.992 2.86-2.533 3.077-.134.02-.27.02-.407.02q-1.811.002-3.622.001M3.94 9.893v5.018c0 .925.61 1.554 1.506 1.554h7.11c.896 0 1.505-.628 1.506-1.554V4.751c0-.234 0-.235-.222-.235H4.162c-.221 0-.222.001-.222.235zm5.053-6.905c.425 0 .85-.003 1.273.002.115 0 .166-.04.163-.163-.006-.198.002-.397-.004-.595-.01-.392-.304-.695-.686-.7a61 61 0 0 0-1.477 0c-.382.005-.675.309-.685.7-.005.193.004.386-.004.579-.006.14.052.18.181.179.413-.006.826-.002 1.24-.002'/%3E%3Cpath d='M8.25 10.472V7.63c0-.142.01-.281.062-.413a.73.73 0 0 1 .775-.474c.302.026.57.272.636.594q.027.13.027.26.003 2.895.001 5.79c0 .431-.197.73-.543.838-.487.152-.947-.222-.956-.788-.008-.503-.002-1.006-.002-1.51zM6.835 10.508v2.93c0 .473-.308.82-.727.823-.424.004-.753-.351-.753-.822q-.003-2.947 0-5.893c0-.414.247-.732.606-.797a.745.745 0 0 1 .832.485c.041.106.042.216.042.328zM11.167 10.489V7.542c.001-.463.305-.798.723-.801.437-.003.756.322.757.79q.005 2.972 0 5.945c0 .44-.347.79-.755.785s-.723-.346-.724-.79q-.002-1.491-.001-2.982'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M8.99 17.995c-1.195 0-2.392-.02-3.587.005-1.333.026-2.723-.986-2.931-2.652-.018-.144-.013-.292-.013-.438V4.768q0-.25-.239-.252-.238.002-.476 0A.75.75 0 0 1 1 3.765a.757.757 0 0 1 .726-.775c.204-.008.408-.002.612-.002h3.486c.249 0 .25 0 .25-.264-.002-.281-.01-.562.037-.84C6.293.788 7.192.004 8.27 0c.51 0 1.02-.003 1.53.002 1.058.009 1.995.9 2.104 1.988.026.257.03.514.02.77-.006.177.048.231.222.23 1.349-.006 2.698-.003 4.047-.003.344 0 .605.138.746.474.205.492-.132 1.037-.65 1.053q-.298.008-.596 0c-.108-.003-.16.035-.15.151.004.053 0 .106 0 .158 0 3.357-.02 6.715.009 10.072.012 1.462-.992 2.86-2.533 3.077-.134.02-.27.02-.407.02q-1.811.002-3.622.001M3.94 9.893v5.018c0 .925.61 1.554 1.506 1.554h7.11c.896 0 1.505-.628 1.506-1.554V4.751c0-.234 0-.235-.222-.235H4.162c-.221 0-.222.001-.222.235zm5.053-6.905c.425 0 .85-.003 1.273.002.115 0 .166-.04.163-.163-.006-.198.002-.397-.004-.595-.01-.392-.304-.695-.686-.7a61 61 0 0 0-1.477 0c-.382.005-.675.309-.685.7-.005.193.004.386-.004.579-.006.14.052.18.181.179.413-.006.826-.002 1.24-.002'/%3E%3Cpath d='M8.25 10.472V7.63c0-.142.01-.281.062-.413a.73.73 0 0 1 .775-.474c.302.026.57.272.636.594q.027.13.027.26.003 2.895.001 5.79c0 .431-.197.73-.543.838-.487.152-.947-.222-.956-.788-.008-.503-.002-1.006-.002-1.51zM6.835 10.508v2.93c0 .473-.308.82-.727.823-.424.004-.753-.351-.753-.822q-.003-2.947 0-5.893c0-.414.247-.732.606-.797a.745.745 0 0 1 .832.485c.041.106.042.216.042.328zM11.167 10.489V7.542c.001-.463.305-.798.723-.801.437-.003.756.322.757.79q.005 2.972 0 5.945c0 .44-.347.79-.755.785s-.723-.346-.724-.79q-.002-1.491-.001-2.982'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 20px;
}
.cases-selection-block .battle-templates-block .battle-templates__list .battle-template-info__delete-button[data-v-f9a9b052]:hover {
  background-color: #2f2b4f;
}
[data-v-f9a9b052] .el-dialog.box-preview {
  background-color: #141225 !important;
  height: 955px;
  max-height: calc(97vh - 60px) !important;
  max-width: 1120px;
  overflow: hidden;
  position: relative;
  width: 95vw !important;
}
[data-v-f9a9b052] .el-dialog.box-preview .el-dialog__body {
  height: 100%;
}
.box-preview-dialog[data-v-f9a9b052] {
  height: 100%;
  color: #fff;
}
.box-preview-dialog .preview-dialog-title[data-v-f9a9b052] {
  position: relative;
  align-items: center;
  border-bottom: 1px solid #1d1a32;
  display: flex;
  height: 125px;
  justify-content: space-between;
  padding: 0 70px;
}
.box-preview-dialog .preview-dialog-title .user-balance[data-v-f9a9b052] {
  align-items: center;
  color: #4af1cc;
  display: flex;
  font-weight: 600;
}
.box-preview-dialog .preview-dialog-title .user-balance .user-balance__icon[data-v-f9a9b052] {
  background: url(../img/balance.c715f752.png) no-repeat;
  background-size: 100%;
  background-position: center;
  height: 20px;
  width: 20px;
  margin-right: 8px;
}
.box-preview-dialog .preview-dialog-title .rounds-quantity-block[data-v-f9a9b052] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  flex-direction: row;
}
.box-preview-dialog .preview-dialog-title .rounds-hexagon[data-v-f9a9b052] {
  background: linear-gradient(180deg, #17162b, #2c2a46);
  height: 42px;
  position: relative;
  width: 37px;
}
.box-preview-dialog .preview-dialog-title .inner-hexagon[data-v-f9a9b052] {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(22, 20, 39, 0.4);
  color: #e8e4f7;
  height: 34px;
  line-height: 34px;
  width: 30px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.box-preview-dialog .preview-dialog-title .rounds-text[data-v-f9a9b052] {
  margin: 0 0 0 8px;
  font-size: 14px;
  font-weight: 600;
}
.box-preview-dialog .preview-dialog-title .price[data-v-f9a9b052] {
  font-size: 13px;
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
}
.box-preview-dialog .preview-dialog-title .price p[data-v-f9a9b052] {
  display: block;
  color: #00efba;
  font-size: 16px;
  margin-top: 6px;
}
.box-preview-dialog .filters[data-v-f9a9b052] {
  align-items: center;
  border-bottom: 1px solid #1d1a32;
  display: flex;
  padding: 10px 70px;
}
.box-preview-dialog .filters .dropdown[data-v-f9a9b052] {
  align-items: center;
  background-color: #1c1a31;
  border-radius: 8px;
  color: #8281a6;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  height: 46px;
  padding: 18px 20px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 180px;
  margin-right: 26px;
}
.box-preview-dialog .filters .dropdown .dropdown__icon[data-v-f9a9b052] {
  background-color: #2e2c48;
  height: 8px;
  margin-top: -4px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 6'%3E%3Cpath fill='%232e2c48' d='M4 6 .536 0h6.928z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 6'%3E%3Cpath fill='%232e2c48' d='M4 6 .536 0h6.928z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform-origin: 4px 3px;
  transition: transform 0.3s;
  width: 8px;
}
.box-preview-dialog .filters input[data-v-f9a9b052] {
  background-color: transparent;
  border: 0;
  color: #fff;
  padding: 14px 27px 14px 15px;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
}
.box-preview-dialog .filters input[data-v-f9a9b052]::-moz-placeholder {
  color: #7a75af;
}
.box-preview-dialog .filters input[data-v-f9a9b052]::placeholder {
  color: #7a75af;
}
.box-preview-dialog .filters input[data-v-f9a9b052]:focus::-moz-placeholder {
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  color: #5f5b89;
}
.box-preview-dialog .filters input[data-v-f9a9b052]:focus::placeholder {
  transition: color 0.3s;
  color: #5f5b89;
}
.box-preview-dialog .filters .filters__price-range[data-v-f9a9b052] {
  align-items: center;
  display: flex;
  font-size: 13px;
}
.box-preview-dialog .filters .filters__price-range .text[data-v-f9a9b052] {
  color: #e2e2eb;
  margin-right: 12px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}
.box-preview-dialog .filters .filters__price-range .price-wrapper[data-v-f9a9b052] {
  position: relative;
  background-color: #1c1a31;
  border-radius: 8px;
  height: 46px;
  width: 90px;
}
.box-preview-dialog .filters .filters__price-range .price-wrapper div[data-v-f9a9b052] {
  align-items: center;
  display: flex;
  position: absolute;
  right: 5px;
  top: 0;
  height: 100%;
  color: #44435e;
  font-size: 17px;
  font-weight: 700;
}
.box-preview-dialog .filters .filters__price-range .line[data-v-f9a9b052] {
  color: #31303d;
  margin: 0 10px;
}
.box-preview-dialog .filters .name-wrapper[data-v-f9a9b052] {
  position: relative;
  background-color: #19172d;
  border-radius: 8px;
  height: 46px;
  margin-left: auto;
  width: 221px;
}
.box-preview-dialog .filters .name-wrapper div[data-v-f9a9b052] {
  background-color: #2e2b44;
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m20 17.738-5.326-5.325A8 8 0 1 0 .001 8a8 8 0 0 0 12.41 6.674L17.739 20zM2.268 8.002A5.73 5.73 0 0 1 8 2.27a5.732 5.732 0 1 1 0 11.466 5.733 5.733 0 0 1-5.732-5.734'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m20 17.738-5.326-5.325A8 8 0 1 0 .001 8a8 8 0 0 0 12.41 6.674L17.739 20zM2.268 8.002A5.73 5.73 0 0 1 8 2.27a5.732 5.732 0 1 1 0 11.466 5.733 5.733 0 0 1-5.732-5.734'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  right: 14px;
  width: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.box-preview-dialog .filters[data-v-f9a9b052] {
    flex-direction: column-reverse;
    flex-direction: column;
    justify-content: center;
    padding: 0px 30px 10px;
}
.box-preview-dialog .filters .name-wrapper[data-v-f9a9b052] {
    margin-left: 0;
    margin-top: 5px;
    width: 280px;
}
.box-preview-dialog .filters .price-wrapper[data-v-f9a9b052] {
    width: 90px !important;
}
}
.box-preview-dialog .preview-dialog-content[data-v-f9a9b052] {
  height: calc(100% - 125px - 160px);
  padding-top: 25px;
  overflow: auto;
}
.box-preview-dialog .preview-dialog-content .loader-wrapper[data-v-f9a9b052] {
  position: absolute;
  top: 192px;
  left: 0;
  right: 0;
  height: calc(100% - 125px - 158px);
  padding-top: 25px;
  background-color: rgba(17, 17, 36, 0.875);
  z-index: 11;
}
.box-preview-dialog .preview-dialog-content .loader-wrapper .loader[data-v-f9a9b052] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px) {
.box-preview-dialog .preview-dialog-content .loader-wrapper[data-v-f9a9b052] {
    top: 172px;
}
}
@media screen and (max-width: 767px) {
.box-preview-dialog .preview-dialog-content .loader-wrapper[data-v-f9a9b052] {
    top: 214px;
}
}
.box-preview-dialog .preview-dialog-content .simplebar-content-wrapper[data-v-f9a9b052] {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  max-width: 100%;
  position: relative;
  scrollbar-width: none;
  width: auto;
}
.box-preview-dialog .preview-dialog-content .title[data-v-f9a9b052] {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 0 70px;
}
@media screen and (max-width: 767px) {
.box-preview-dialog .preview-dialog-content .title[data-v-f9a9b052] {
    padding: 0 30px;
}
}
.box-preview-dialog .preview-dialog-content .simplebar-content[data-v-f9a9b052] {
  display: grid;
  grid-template-columns: repeat(auto-fill, 188px);
  justify-content: center;
  grid-gap: 10px;
  padding: 0 20px 25px;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block[data-v-f9a9b052] {
  position: relative;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block:hover .hover-block[data-v-f9a9b052] {
  opacity: 1;
  visibility: visible;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block:hover .hover-block .view-drops-button[data-v-f9a9b052]:hover {
  background-color: #4f4b78;
}
.box-preview-dialog .preview-dialog-content .battle-case[data-v-f9a9b052] {
  background-color: #1a182d;
  border-radius: 4px;
  height: 237px;
  position: relative;
  text-align: center;
  width: 188px;
  font-size: 14px;
  font-weight: 600;
  border: 2px solid #1a182d;
  transition: border-color 0.3s ease;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap[data-v-f9a9b052] {
  display: flex;
  height: 160px;
  justify-content: center;
  padding-top: 10px;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap img[data-v-f9a9b052] {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__name[data-v-f9a9b052] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #dddcfc;
  margin-top: -5px;
  overflow: hidden;
  white-space: normal;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__price[data-v-f9a9b052] {
  align-items: center;
  color: #00efba;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  text-transform: uppercase;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__event-points[data-v-f9a9b052] {
  align-items: center;
  color: #ffb973;
  display: flex;
  margin-left: 6px;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__event-points img[data-v-f9a9b052] {
  height: auto;
  margin-left: 3px;
  width: 22px;
}
.box-preview-dialog .preview-dialog-content .battle-case.active[data-v-f9a9b052] {
  background-color: rgba(92, 73, 208, 0.1019607843);
  border-color: #5c49d0;
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-f9a9b052] {
  position: absolute;
  display: flex;
  gap: 2px;
  width: 80%;
  padding: 7px 0;
  left: 50%;
  transform: translate(-50%);
  bottom: 7px;
  z-index: 3;
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-f9a9b052]::after, .box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-f9a9b052]::before {
  position: absolute;
  content: "";
  top: 8px;
  width: 13px;
  height: 1px;
  background-color: rgba(94, 83, 143, 0.5019607843);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-f9a9b052]::before {
  left: -12px;
  transform: rotate(49deg);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-f9a9b052]::after {
  right: -12px;
  transform: rotate(-49deg);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level[data-v-f9a9b052] {
  position: relative;
  width: 25%;
  height: 3px;
  background-color: rgba(65, 57, 92, 0.4);
  clip-path: polygon(2px 0, calc(100% - 2px) 0, 100% 2px, 100% 100%, 0 100%, 0 2px);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-1[data-v-f9a9b052] {
  background-image: linear-gradient(180deg, #c3ffc5, #6ecd72 50%, #3c9f40);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-2[data-v-f9a9b052] {
  background-image: linear-gradient(180deg, #ffffb8, #ffff3b 50%, #99990a);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-3[data-v-f9a9b052] {
  background-image: linear-gradient(180deg, #ffd3b3, #ff8d3b 50%, #9e4f16);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-4[data-v-f9a9b052] {
  background-image: linear-gradient(180deg, #ff8797, #ff2441 50%, #ac071c);
}
.box-preview-dialog .preview-dialog-content .hover-block[data-v-f9a9b052] {
  align-items: center;
  background-color: rgba(21, 19, 39, 0.8);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 2;
  cursor: pointer;
}
.box-preview-dialog .preview-dialog-content .hover-block .select-case-hexagon-button[data-v-f9a9b052] {
  align-items: center;
  background: rgba(92, 73, 208, 0.2);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  display: flex;
  height: 62px;
  justify-content: center;
  position: relative;
  width: 54px;
}
.box-preview-dialog .preview-dialog-content .hover-block .select-case-hexagon-button .inner-block[data-v-f9a9b052] {
  background: #5c49d0;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  height: 50px;
  position: absolute;
  width: 44px;
}
.box-preview-dialog .preview-dialog-content .hover-block .select-case-hexagon-button .plus-icon[data-v-f9a9b052] {
  background-color: #dcdbec;
  display: inline-block;
  height: 14px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 14px;
}
.box-preview-dialog .preview-dialog-content .hover-block .view-drops-button[data-v-f9a9b052] {
  align-items: center;
  background-color: #282546;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
  margin-top: 14px;
}
.box-preview-dialog .preview-dialog-content .hover-block .view-drops-button__text[data-v-f9a9b052] {
  max-width: 140px;
}
.box-preview-dialog .preview-dialog-content .boxSum[data-v-f9a9b052] {
  align-items: center;
  background: linear-gradient(135deg, #3d336e 0%, #3d3852 100%);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(71, 65, 112, 0.5);
  color: #ffffff !important;
  cursor: default;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  gap: 7px;
  line-height: 1;
  padding: 4px 8px;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 10;
}
.box-preview-dialog .preview-dialog-content .boxSum .cancel[data-v-f9a9b052] {
  background-color: #c2c1c6 !important;
  height: 10px;
  width: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M1.5 1.5 L18.5 18.5 M18.5 1.5 L1.5 18.5' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M1.5 1.5 L18.5 18.5 M18.5 1.5 L1.5 18.5' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 90%;
  mask-size: 90%;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
}
.box-preview-dialog .preview-dialog-content .boxSum .cancel[data-v-f9a9b052]:hover {
  background-color: #dedde3 !important;
  transform: scale(1.2);
}
.box-preview-dialog .preview-dialog-content .cases-null[data-v-f9a9b052] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-top: 25px;
}
.box-preview-dialog .preview-dialog-content .cases-null .icon[data-v-f9a9b052] {
  background-color: #c4c4c4;
  height: 67px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 512.01 512.01'%3E%3Cpath d='M397.793 42.837C343.982 7.07 279.38-6.964 215.673 3.252a22 22 0 0 0-3.327.32C144.992 15.259 86.212 52.477 46.819 108.356c-39.35 55.901-54.6 123.766-42.933 191.142a262 262 0 0 0 8.062 33.186c14.098 45.791 10.621 94.867-9.768 138.184-3.562 7.507-2.389 16.423 2.965 22.8s13.842 9.022 21.946 6.846l95.613-26.105c40.481 24.783 86.186 37.601 132.852 37.601 16.956 0 34.039-1.685 51.038-5.119 67.034-13.501 124.79-52.275 162.626-109.199 78.125-117.517 46.09-276.688-71.427-354.855m35.916 331.245c-31.544 47.455-79.681 79.767-135.518 91.007-55.794 11.24-112.697.064-160.173-31.501a21.4 21.4 0 0 0-11.816-3.562c-1.877 0-3.775.256-5.631.768L55.478 448.56c10.984-41.931 10.173-86.336-2.794-128.544-2.879-9.192-5.161-18.555-6.761-27.812-9.726-56.135 2.986-112.697 35.788-159.278 32.248-45.791 80.129-76.525 135.092-86.784a25 25 0 0 0 3.05-.32c53.939-9.32 108.751 2.261 154.351 32.568 97.938 65.115 124.619 197.754 59.505 295.692'/%3E%3Cpath d='M256.089 125.909c-11.794 0-21.328 9.534-21.328 21.328v127.968c0 11.794 9.534 21.328 21.328 21.328s21.328-9.555 21.328-21.328V147.237c0-11.794-9.533-21.328-21.328-21.328M275.69 354.524q-1.599-4.16-4.479-7.038c-1.066-.853-2.133-1.92-3.412-2.559-1.066-.853-2.346-1.472-3.626-1.92-1.28-.661-2.559-1.066-4.052-1.28-6.804-1.493-14.29.874-19.174 5.759q-2.88 2.88-4.479 7.038c-1.066 2.559-1.706 5.332-1.706 8.105s.64 5.545 1.706 8.105q1.599 3.838 4.479 7.038 3.2 2.879 7.038 4.479c2.559 1.066 5.332 1.706 8.105 1.706s5.524-.64 8.083-1.706 4.884-2.559 7.038-4.479q2.88-3.2 4.479-7.038c1.066-2.559 1.706-5.332 1.706-8.105s-.64-5.546-1.706-8.105'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 512.01 512.01'%3E%3Cpath d='M397.793 42.837C343.982 7.07 279.38-6.964 215.673 3.252a22 22 0 0 0-3.327.32C144.992 15.259 86.212 52.477 46.819 108.356c-39.35 55.901-54.6 123.766-42.933 191.142a262 262 0 0 0 8.062 33.186c14.098 45.791 10.621 94.867-9.768 138.184-3.562 7.507-2.389 16.423 2.965 22.8s13.842 9.022 21.946 6.846l95.613-26.105c40.481 24.783 86.186 37.601 132.852 37.601 16.956 0 34.039-1.685 51.038-5.119 67.034-13.501 124.79-52.275 162.626-109.199 78.125-117.517 46.09-276.688-71.427-354.855m35.916 331.245c-31.544 47.455-79.681 79.767-135.518 91.007-55.794 11.24-112.697.064-160.173-31.501a21.4 21.4 0 0 0-11.816-3.562c-1.877 0-3.775.256-5.631.768L55.478 448.56c10.984-41.931 10.173-86.336-2.794-128.544-2.879-9.192-5.161-18.555-6.761-27.812-9.726-56.135 2.986-112.697 35.788-159.278 32.248-45.791 80.129-76.525 135.092-86.784a25 25 0 0 0 3.05-.32c53.939-9.32 108.751 2.261 154.351 32.568 97.938 65.115 124.619 197.754 59.505 295.692'/%3E%3Cpath d='M256.089 125.909c-11.794 0-21.328 9.534-21.328 21.328v127.968c0 11.794 9.534 21.328 21.328 21.328s21.328-9.555 21.328-21.328V147.237c0-11.794-9.533-21.328-21.328-21.328M275.69 354.524q-1.599-4.16-4.479-7.038c-1.066-.853-2.133-1.92-3.412-2.559-1.066-.853-2.346-1.472-3.626-1.92-1.28-.661-2.559-1.066-4.052-1.28-6.804-1.493-14.29.874-19.174 5.759q-2.88 2.88-4.479 7.038c-1.066 2.559-1.706 5.332-1.706 8.105s.64 5.545 1.706 8.105q1.599 3.838 4.479 7.038 3.2 2.879 7.038 4.479c2.559 1.066 5.332 1.706 8.105 1.706s5.524-.64 8.083-1.706 4.884-2.559 7.038-4.479q2.88-3.2 4.479-7.038c1.066-2.559 1.706-5.332 1.706-8.105s-.64-5.546-1.706-8.105'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 61px;
}
.box-preview-dialog .preview-dialog-content .cases-null .desc1[data-v-f9a9b052] {
  color: #c4c4c4;
  font-size: 22px;
  font-weight: 700;
  margin-top: 13px;
  text-align: center;
  text-transform: uppercase;
}
.box-preview-dialog .preview-dialog-content .cases-null .desc2[data-v-f9a9b052] {
  color: #c4c4c4;
  font-size: 13px;
  margin-top: 13px;
  text-align: center;
}
.box-preview-dialog .preview-dialog-content .simplebar-footer-wrapper[data-v-f9a9b052] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 125px;
  z-index: 10;
}
@media screen and (max-width: 767px) {
.box-preview-dialog .preview-dialog-content .simplebar-footer-wrapper[data-v-f9a9b052] {
    height: 100px;
}
}
.box-preview-dialog .preview-dialog-content .simplebar-footer-wrapper .battle-details-modal__gradient[data-v-f9a9b052] {
  background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0, #0f0e1a 75%, #100f1f);
  bottom: 0;
  height: 150px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.box-preview-dialog .preview-dialog-content .simplebar-footer-wrapper .ready-button[data-v-f9a9b052] {
  bottom: 28px;
  position: absolute;
  z-index: 20;
  align-items: center;
  background-color: #5c49d0;
  clip-path: polygon(17px 0, calc(100% - 17px) 0, 100% 50%, calc(100% - 17px) 100%, 17px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 18px;
  font-weight: 700;
  height: 58px;
  justify-content: center;
  left: 50%;
  min-width: 270px;
  padding: 0 15px;
  text-transform: uppercase;
  transform: translate(-50%);
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.box-preview-dialog .preview-dialog-content .simplebar-footer-wrapper .ready-button__icon[data-v-f9a9b052] {
  background-color: #fff;
  height: 16px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 4.095 17.986 2 7.554 12.848 2.014 7.05 0 9.145 7.554 17z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 4.095 17.986 2 7.554 12.848 2.014 7.05 0 9.145 7.554 17z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 20px;
}
.usage-rules-dialog[data-v-f9a9b052] {
  background-image: url(../img/BmJRvHtk.7250e2d5.png) !important;
}
@keyframes dim-main-modal-f9a9b052 {
0% {
    background-color: transparent;
}
to {
    background-color: rgba(14, 12, 27, 0.7490196078);
}
}
.boxDetail-wrapper[data-v-f9a9b052] {
  animation: dim-main-modal-f9a9b052 0.5s;
  background-color: rgba(14, 12, 27, 0.7490196078);
  display: flex;
  height: 100%;
  justify-content: flex-end;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 101;
}
.boxDetail-wrapper .el-dialog__headerbtn[data-v-f9a9b052] {
  font-size: 16px;
  z-index: 101;
}
.boxDetail-wrapper .el-dialog__headerbtn .el-dialog__close[data-v-f9a9b052] {
  font-weight: 700;
}
.boxDetail-wrapper .el-dialog__headerbtn .el-dialog__close[data-v-f9a9b052]::before {
  font-size: 22px;
}
.boxDetail-wrapper .el-dialog__headerbtn:hover .el-dialog__close[data-v-f9a9b052] {
  color: #FFF;
}
.boxDetail-wrapper .boxDetail__inner-block[data-v-f9a9b052] {
  animation: show-inner-modal-f9a9b052 0.5s;
  background-color: #141225;
  height: 100%;
  max-height: 955px;
  position: relative;
  width: 80%;
  z-index: 100;
}
@keyframes show-inner-modal-f9a9b052 {
0% {
    transform: translate(100%);
}
to {
    transform: translate(0);
}
}
.boxDetail-wrapper .case-items-block__case-main-info[data-v-f9a9b052] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.boxDetail-wrapper .case-items-block__case-main-info .image-block[data-v-f9a9b052] {
  align-items: center;
  display: flex;
  height: 120px;
  justify-content: center;
  margin-top: 10px;
  width: 120px;
}
.boxDetail-wrapper .case-items-block__case-main-info .image-block img[data-v-f9a9b052] {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
}
.boxDetail-wrapper .case-items-block__case-main-info .case-title[data-v-f9a9b052] {
  font-size: 14px;
  font-weight: 700;
  margin-top: -6px;
  color: #fff;
  text-transform: uppercase;
}
.boxDetail-wrapper .case-items-block__case-main-info .case-price[data-v-f9a9b052] {
  color: #4af1b8;
  font-size: 16px;
  font-weight: 600;
  margin-top: 7px;
  text-transform: uppercase;
}
.boxDetail-wrapper .boxDetail-list-wrapper[data-v-f9a9b052] {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  max-width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  scrollbar-width: none;
  width: auto;
  height: calc(100% - 190px);
  margin-top: 22px;
}
.boxDetail-wrapper .boxDetail-list[data-v-f9a9b052] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 1384px;
  max-width: 100%;
  gap: 10px;
  padding: 0;
  padding-bottom: 35px;
}
.boxDetail-wrapper .case-item[data-v-f9a9b052] {
  background: #19172d;
  border-radius: 4px;
  content-visibility: auto;
  height: 237px;
  padding-bottom: 12px;
  position: relative;
  width: 206px;
  background-position: 50% 22%;
  background-repeat: no-repeat;
  background-size: 55%;
  text-align: center;
}
.boxDetail-wrapper .case-item .img-wrapper[data-v-f9a9b052] {
  margin: 30px auto 14px;
  width: 120px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.boxDetail-wrapper .case-item .img-wrapper img[data-v-f9a9b052] {
  width: 100%;
  height: 100%;
}
.boxDetail-wrapper .case-item .info_p[data-v-f9a9b052] {
  font-weight: 700;
  position: absolute;
  right: 20px;
  text-align: right;
  top: 20px;
}
.boxDetail-wrapper .case-item .info_p p[data-v-f9a9b052]:first-child {
  color: #9c9daf;
  font-size: 8px;
  text-transform: uppercase;
}
.boxDetail-wrapper .case-item .info_p p[data-v-f9a9b052]:last-child {
  color: #827fff;
  font-size: 12px;
}
.boxDetail-wrapper .case-item .info_1[data-v-f9a9b052] {
  color: #e4dcfc;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.boxDetail-wrapper .case-item .info_2[data-v-f9a9b052] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  color: #fff;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 600;
  margin-top: 2px;
  overflow: hidden;
}
.boxDetail-wrapper .case-item .info_3[data-v-f9a9b052] {
  color: #716d9e;
  font-size: 11px;
  font-weight: 500;
  margin-top: 2px;
}
.boxDetail-wrapper .case-item .info_4[data-v-f9a9b052] {
  bottom: 9px;
  color: #4af1b8;
  font-size: 14px;
  font-weight: 600;
  left: 0;
  margin-top: 8px;
  position: absolute;
  width: 100%;
  text-align: center;
}
.boxDetail-wrapper .case-item .gif-png[data-v-f9a9b052] {
  width: 90%;
  height: 100%;
  max-height: calc(100% - 30px);
}
@media screen and (max-width: 1023px) {
.boxDetail-wrapper .case-item .gif-png[data-v-f9a9b052] {
    width: 100%;
}
}
.boxDetail-wrapper .case-item .skins-info[data-v-f9a9b052] {
  display: flex;
  flex-direction: column;
  position: absolute;
  background-color: rgba(29, 27, 49, 0.95);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
  padding: 16px 10px;
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: 66%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row[data-v-f9a9b052] {
  display: flex;
  justify-content: center;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row.head[data-v-f9a9b052] {
  margin-bottom: 10px;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row.head .table-cell[data-v-f9a9b052] {
  color: #9793c7;
  font-size: 10px;
  font-weight: 700;
  overflow: hidden;
  padding: 0 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row .price-and-quality[data-v-f9a9b052] {
  flex-basis: 40%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row .odds[data-v-f9a9b052] {
  flex-basis: 40%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link[data-v-f9a9b052] {
  border-bottom: 1px solid transparent;
  display: flex;
  width: 100%;
  color: #fff;
  justify-content: center;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link .table-cell[data-v-f9a9b052] {
  font-size: 9px;
  font-weight: 600;
  padding: 0 1px;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link .quality[data-v-f9a9b052] {
  text-transform: uppercase;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link .price[data-v-f9a9b052] {
  color: #26c897;
}
.boxDetail-wrapper .case-item .skins-info .gif[data-v-f9a9b052] {
  width: 100%;
  margin: 12px auto 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.boxDetail-wrapper .case-item:hover .skins-info[data-v-f9a9b052] {
  opacity: 1;
  visibility: visible;
}
.boxDetail-wrapper .case-items-block__bottom-gradient[data-v-f9a9b052] {
  background: linear-gradient(180deg, transparent, #141225);
  bottom: 0;
  height: 100px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.gif-png[data-v-f9a9b052] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 70%;
  height: 110px;
}
.gif-png img[data-v-f9a9b052] {
  width: 100%;
}
@media screen and (max-width: 1365px) {
.battle-create-block[data-v-f9a9b052] {
    padding-left: 33px;
    padding-right: 33px;
}
.options-panel[data-v-f9a9b052] {
    transform: scale(0.93);
    transform-origin: top left;
    width: 107.5268817204% !important;
    height: 83.7px !important;
}
.options-panel .with-bots[data-v-f9a9b052],
  .options-panel .exclusive-drops[data-v-f9a9b052] {
    margin: 0 0px 0 10px !important;
}
}
@media screen and (max-width: 1365px) and (min-width: 1024px) {
.battle-create[data-v-f9a9b052] {
    padding: 0 22px !important;
}
.selected-cases .selected-case[data-v-f9a9b052] {
    width: 160px !important;
    height: 210px !important;
}
.selected-cases .selected-case .selected-case__img-wrap[data-v-f9a9b052] {
    height: 120px !important;
}
.selected-cases .open-select-case-modal-button[data-v-f9a9b052] {
    width: 160px !important;
    height: 210px !important;
}
.open-select-case-modal-button .add-case-hexagon[data-v-f9a9b052] {
    width: 120px !important;
    height: 125px !important;
}
.open-select-case-modal-button .inner-text[data-v-f9a9b052] {
    font-size: 14px !important;
}
.battle-templates-block[data-v-f9a9b052] {
    border-radius: 10px !important;
    max-width: 543px !important;
    min-width: 543px !important;
    padding: 17px 14px 14px !important;
}
.battle-templates-block .battle-templates .battle-templates-user-list-header__title[data-v-f9a9b052] {
    font-size: 16px !important;
}
.battle-templates-block .battle-templates .battle-templates-user-list-header__title .icon[data-v-f9a9b052] {
    width: 11px !important;
    height: 16px !important;
    margin-right: 5px !important;
}
.battle-templates-block .battle-templates .battle-templates-block__list-header[data-v-f9a9b052] {
    font-size: 13px;
}
.battle-templates-block .battle-templates .battle-template[data-v-f9a9b052] {
    height: 70px !important;
}
.battle-templates-block .battle-templates .battle-template[data-v-f9a9b052]::after {
    width: 70px !important;
}
.battle-templates-block .battle-templates .battle-template-rounds[data-v-f9a9b052] {
    padding-top: 0px !important;
    min-width: 70px !important;
}
.battle-templates-block .battle-templates .battle-template-rounds .battle-template-rounds__hexagon[data-v-f9a9b052] {
    height: 28px !important;
    width: 24px !important;
}
.battle-templates-block .battle-templates .battle-template-rounds .depth[data-v-f9a9b052] {
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    width: 18px;
}
.battle-templates-block .battle-templates .battle-template-cases-list[data-v-f9a9b052] {
    width: calc(100% - 70px - 140px) !important;
}
.battle-templates-block .battle-templates .battle-template-cases-list .battle-template-cases-list__case[data-v-f9a9b052] {
    width: 55px;
}
.battle-templates-block .battle-templates .battle-template-cases-list .battle-case__multiplier[data-v-f9a9b052] {
    right: -10px !important;
    min-width: 26px !important;
    height: 14px !important;
    line-height: 14px !important;
    font-size: 8px !important;
    clip-path: polygon(4px 0, calc(100% - 4px) 0, 100% 50%, calc(100% - 4px) 100%, 4px 100%, 0 50%) !important;
}
.battle-templates-block .battle-templates .battle-template-info[data-v-f9a9b052] {
    width: 140px !important;
}
.battle-templates-block .battle-templates .battle-template-info .battle-template-info__price[data-v-f9a9b052] {
    font-size: 12px !important;
}
.battle-templates-block .battle-templates .battle-template-info .battle-template-info__delete-button[data-v-f9a9b052] {
    width: 26px !important;
    margin-right: 4px !important;
}
.battle-templates-block .battle-templates .battle-template-info .battle-template-info__delete-button span[data-v-f9a9b052] {
    width: 15px !important;
    height: 15px !important;
}
}
@media screen and (max-width: 1023px) {
.battle-create-block[data-v-f9a9b052] {
    padding-left: 22px;
    padding-right: 22px;
}
.battle-create[data-v-f9a9b052] {
    padding: 0 15px !important;
}
.battle-create-header[data-v-f9a9b052] {
    margin-bottom: 30px !important;
}
.battle-create-header .battle-back-button[data-v-f9a9b052] {
    min-width: 140px !important;
    height: 32px !important;
    font-size: 12px !important;
    clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%) !important;
}
.battle-create-header .battle-back-button .battle-back-button__icon[data-v-f9a9b052] {
    width: 10px !important;
    height: 5px !important;
    margin-right: 4px !important;
}
.battle-create-header .rounds-quantity-block .rounds-hexagon[data-v-f9a9b052] {
    width: 27px !important;
    height: 31px !important;
}
.battle-create-header .rounds-quantity-block .inner-hexagon[data-v-f9a9b052] {
    width: 21px !important;
    height: 23px !important;
    line-height: 23px !important;
}
.battle-create-header .rounds-quantity-block .rounds-text[data-v-f9a9b052] {
    font-size: 12px !important;
    margin-top: 3px !important;
}
.battle-create-header .buttons-block[data-v-f9a9b052] {
    transform-origin: right;
}
.battle-create-header .buttons-block .clear-all-button[data-v-f9a9b052] {
    font-size: 13px !important;
    margin-right: 15px !important;
}
.battle-create-header .buttons-block .create-for-button[data-v-f9a9b052] {
    min-width: 180px !important;
    height: 38px !important;
    font-size: 13px !important;
    clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%) !important;
}
.options-panel[data-v-f9a9b052] {
    padding: 9px 12px !important;
}
.options-panel .players .players__text[data-v-f9a9b052] {
    font-size: 10px !important;
}
.options-panel .players .players__amount-button[data-v-f9a9b052] {
    width: 26px !important;
    height: 26px !important;
    font-size: 11px !important;
    margin-right: 4px !important;
}
.options-panel .players .players__amount-button.team-battle[data-v-f9a9b052] {
    width: 50px !important;
}
.options-panel .checkbox-block[data-v-f9a9b052] {
    padding-left: 5px !important;
}
.options-panel .checkbox-block .checkbox-label[data-v-f9a9b052] {
    font-size: 10px !important;
}
.options-panel .checkbox-block .checkbox-label .with-bots__icon[data-v-f9a9b052] {
    width: 15px !important;
    height: 15px !important;
}
.options-panel .checkbox-block .checkbox[data-v-f9a9b052],
  .options-panel .checkbox-block .checkbox__hexagon[data-v-f9a9b052] {
    width: 18px !important;
    height: 18px !important;
}
.options-panel .second-block__right .simple-tooltip[data-v-f9a9b052] {
    font-size: 11px !important;
    padding: 8px 15px !important;
}
.options-panel .second-block__right .option-text[data-v-f9a9b052] {
    font-size: 10px !important;
}
.options-panel .second-block__right .crazy-mode[data-v-f9a9b052] {
    margin-left: 8px !important;
}
.options-panel .second-block__right .crazy-mode .crazy-mode__icon[data-v-f9a9b052] {
    width: 22px !important;
    height: 22px !important;
}
.options-panel .second-block__right .sharing-mode[data-v-f9a9b052] {
    margin-left: 10px !important;
}
.options-panel .second-block__right .sharing-mode .sharing-mode__icon[data-v-f9a9b052] {
    width: 20px !important;
    height: 20px !important;
}
.selected-cases .selected-case[data-v-f9a9b052] {
    width: 160px !important;
    height: 210px !important;
}
.selected-cases .selected-case .selected-case__img-wrap[data-v-f9a9b052] {
    height: 120px !important;
}
.selected-cases .open-select-case-modal-button[data-v-f9a9b052] {
    width: 160px !important;
    height: 210px !important;
}
.open-select-case-modal-button .add-case-hexagon[data-v-f9a9b052] {
    width: 120px !important;
    height: 125px !important;
}
.open-select-case-modal-button .inner-text[data-v-f9a9b052] {
    font-size: 14px !important;
}
.cases-selection-block[data-v-f9a9b052] {
    flex-direction: column;
}
.cases-selection-block .selected-cases[data-v-f9a9b052] {
    justify-content: center;
}
.cases-selection-block .open-select-case-modal-button[data-v-f9a9b052] {
    width: 100%;
}
.cases-selection-block .battle-templates-block[data-v-f9a9b052] {
    width: 100%;
    max-width: unset !important;
}
.box-preview .preview-dialog-title[data-v-f9a9b052] {
    transform: scale(0.85);
    transform-origin: top left;
    width: 117.6470588235% !important;
    height: 106.25px !important;
}
.box-preview .simplebar-content[data-v-f9a9b052] {
    grid-template-columns: repeat(auto-fill, 150px) !important;
}
.box-preview .battle-case[data-v-f9a9b052] {
    width: 150px !important;
    height: 200px !important;
}
.box-preview .battle-case .battle-case__multiplier[data-v-f9a9b052] {
    top: 6px !important;
    height: 18px !important;
    line-height: 18px !important;
    min-width: 36px !important;
    font-size: 12px !important;
    clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
}
.box-preview .battle-case .battle-case__img-wrap[data-v-f9a9b052] {
    height: 140px !important;
}
.box-preview .battle-case .battle-case__name[data-v-f9a9b052] {
    font-size: 13px;
}
.box-preview .view-drops-button[data-v-f9a9b052] {
    height: 30px !important;
    font-size: 10px !important;
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
}
.box-preview .case-item[data-v-f9a9b052] {
    height: 200px !important;
    width: 150px !important;
}
.box-preview .case-item .info_p[data-v-f9a9b052] {
    top: 10px !important;
    right: 10px !important;
}
.box-preview .case-item .img-wrapper[data-v-f9a9b052] {
    margin: 20px auto 10px !important;
    width: 110px !important;
}
.box-preview .case-item .info_1[data-v-f9a9b052] {
    font-size: 11px !important;
}
.box-preview .case-item .info_2[data-v-f9a9b052] {
    font-size: 12px !important;
}
.box-preview .case-item .info_3[data-v-f9a9b052] {
    font-size: 10px !important;
}
.box-preview .case-item .info_4[data-v-f9a9b052] {
    font-size: 12px !important;
}
.box-preview .case-item .gif-png[data-v-f9a9b052] {
    margin-top: 10px !important;
}
.box-preview .case-item .gif-png img[data-v-f9a9b052] {
    margin-top: 0px !important;
}
.box-preview .ready-button[data-v-f9a9b052] {
    min-width: 166px !important;
    height: 40px !important;
    font-size: 13px !important;
    clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 13px 100%, 0 50%) !important;
}
.box-preview .ready-button .ready-button__icon[data-v-f9a9b052] {
    width: 15px !important;
    height: 11px !important;
}
}
@media screen and (max-width: 767px) {
.box-preview .preview-dialog-title[data-v-f9a9b052] {
    transform: scale(0.75);
    width: 133.3333333333% !important;
    transform-origin: left center;
    padding: 0 60px !important;
}
.box-preview .preview-dialog-title .rounds-quantity-block[data-v-f9a9b052] {
    gap: 5px;
    flex-direction: column !important;
}
.box-preview .preview-dialog-title .rounds-quantity-block .rounds-text[data-v-f9a9b052] {
    margin-left: 0px !important;
}
.battle-create-block[data-v-f9a9b052] {
    padding: 20px 10px 30px;
}
.battle-create-header[data-v-f9a9b052] {
    height: 100px;
    margin-bottom: 15px !important;
    z-index: 4;
}
.battle-create-header .battle-back-button[data-v-f9a9b052] {
    position: absolute;
    top: 0;
    left: 0px;
}
.battle-create-header .rounds-quantity-block[data-v-f9a9b052] {
    position: absolute;
    top: unset;
    bottom: 6px;
    left: 0;
    transform: translate(0);
    flex-direction: row;
    gap: 6px;
    margin-left: 20px;
}
.battle-create-header .buttons-block[data-v-f9a9b052] {
    position: absolute;
    bottom: 0;
    right: 0;
}
.battle-create-header .buttons-block .clear-all-button[data-v-f9a9b052] {
    position: absolute;
    bottom: -38px;
    right: 0;
    margin-right: 10px;
    font-size: 11px !important;
}
.battle-create-header .buttons-block .x-icon[data-v-f9a9b052] {
    width: 10px !important;
    height: 10px !important;
}
.battle-create-header .buttons-block .create-for-button[data-v-f9a9b052] {
    min-width: 150px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
}
.battle-create[data-v-f9a9b052] {
    padding: 0 !important;
}
.options-panel[data-v-f9a9b052] {
    transform: unset !important;
    width: unset !important;
    transform-origin: unset !important;
    height: 135px !important;
}
.options-panel .checkbox-block[data-v-f9a9b052] {
    padding-left: 0px !important;
}
.options-panel .second-block__right .crazy-mode[data-v-f9a9b052],
  .options-panel .second-block__right .sharing-mode[data-v-f9a9b052] {
    margin-left: 0 !important;
}
.options-panel .players__amount[data-v-f9a9b052] {
    display: flex;
    gap: 4px;
}
.options-panel[data-v-f9a9b052],
  .second-block[data-v-f9a9b052] {
    gap: 12px;
    flex-direction: column;
    align-items: center;
}
.options-panel .marker[data-v-f9a9b052],
  .second-block .marker[data-v-f9a9b052] {
    height: 24px !important;
}
.options-panel[data-v-f9a9b052] {
    padding-top: 30px !important;
}
.second-block__left[data-v-f9a9b052] {
    height: 24px !important;
}
.cases-selection-block[data-v-f9a9b052] {
    margin: 30px 0 40px !important;
}
.battle-templates-block[data-v-f9a9b052] {
    border-radius: 10px !important;
    max-width: 543px !important;
    min-width: 543px !important;
    padding: 17px 14px 14px !important;
    transform: scale(0.8);
    transform-origin: top left;
    width: 125% !important;
    margin-bottom: -90px;
}
.battle-templates-block .battle-templates .battle-templates-user-list-header__title[data-v-f9a9b052] {
    font-size: 16px !important;
}
.battle-templates-block .battle-templates .battle-templates-user-list-header__title .icon[data-v-f9a9b052] {
    width: 11px !important;
    height: 16px !important;
    margin-right: 5px !important;
}
.battle-templates-block .battle-templates .battle-templates-block__list-header[data-v-f9a9b052] {
    font-size: 13px;
}
.battle-templates-block .battle-templates .battle-template[data-v-f9a9b052] {
    height: 70px !important;
}
.battle-templates-block .battle-templates .battle-template[data-v-f9a9b052]::after {
    width: 70px !important;
}
.battle-templates-block .battle-templates .battle-template-rounds[data-v-f9a9b052] {
    padding-top: 0px !important;
    min-width: 70px !important;
}
.battle-templates-block .battle-templates .battle-template-rounds .battle-template-rounds__hexagon[data-v-f9a9b052] {
    height: 36px !important;
    width: 32px !important;
}
.battle-templates-block .battle-templates .battle-template-cases-list[data-v-f9a9b052] {
    width: calc(100% - 70px - 140px) !important;
}
.battle-templates-block .battle-templates .battle-template-cases-list .battle-template-cases-list__case[data-v-f9a9b052] {
    width: 55px;
}
.battle-templates-block .battle-templates .battle-template-cases-list .battle-case__multiplier[data-v-f9a9b052] {
    right: -10px !important;
    min-width: 26px !important;
    height: 14px !important;
    line-height: 14px !important;
    font-size: 8px !important;
    clip-path: polygon(4px 0, calc(100% - 4px) 0, 100% 50%, calc(100% - 4px) 100%, 4px 100%, 0 50%) !important;
}
.battle-templates-block .battle-templates .battle-template-info[data-v-f9a9b052] {
    width: 140px !important;
}
.battle-templates-block .battle-templates .battle-template-info .battle-template-info__price[data-v-f9a9b052] {
    font-size: 12px !important;
}
.battle-templates-block .battle-templates .battle-template-info .battle-template-info__delete-button[data-v-f9a9b052] {
    width: 26px !important;
    margin-right: 4px !important;
}
.battle-templates-block .battle-templates .battle-template-info .battle-template-info__delete-button span[data-v-f9a9b052] {
    width: 15px !important;
    height: 15px !important;
}
}
@media screen and (max-width: 490px) {
.preview-dialog-title[data-v-f9a9b052] {
    transform: scale(0.6);
    transform-origin: top left;
    width: 166.6666666667% !important;
    height: 75px !important;
    padding: 0 50px 0 30px !important;
}
[data-v-f9a9b052] .el-dialog__headerbtn {
    top: 15px !important;
    right: 15px !important;
}
.simplebar-content[data-v-f9a9b052] {
    padding: 0 10px 35px !important;
}
.battle-templates-block[data-v-f9a9b052] {
    max-width: 543px !important;
    min-width: 300px !important;
    transform: scale(0.7);
    transform-origin: top left;
    width: 142.8571428571% !important;
    margin-bottom: -180px;
}
[data-v-f9a9b052] .box-preview .case-item {
    width: 130px !important;
}
[data-v-f9a9b052] .box-preview .el-dialog__headerbtn {
    top: 15px !important;
    right: 15px !important;
}
[data-v-f9a9b052] .box-preview .el-dialog__headerbtn .el-icon::before {
    font-size: 18px !important;
}
[data-v-f9a9b052] .box-preview .preview-dialog-title {
    padding: 0 50px !important;
}
}
.rooms[data-v-ac7967a0] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.room[data-v-ac7967a0] {
  position: relative;
  width: 100%;
  padding: 14px 14px 10px;
  background-size: contain;
  background-color: #1b192c;
  color: #fff;
  border-radius: 10px;
  background: url(../img/roll-itemBg.ba6c0060.png) center/100% 100% no-repeat;
}
@media screen and (min-width: 360px) and (max-width: 920px) {
.room[data-v-ac7967a0] {
    width: auto;
}
}
@media screen and (max-width: 767px) {
.room .user-avatar[data-v-ac7967a0] {
    width: 120px !important;
}
.room[data-v-ac7967a0] .user_level {
    bottom: 5px !important;
    left: -3px !important;
}
}
@media screen and (max-width: 490px) {
.room .user-avatar[data-v-ac7967a0] {
    width: unset !important;
}
.room[data-v-ac7967a0] .user_level {
    bottom: -3px !important;
    left: -3px !important;
    width: 24px !important;
    height: 14px !important;
    font-size: 8px !important;
}
}
.room .title[data-v-ac7967a0] {
  width: 100%;
  min-height: 75px;
  padding: 9px 0 7px 7px;
  line-height: 1;
  border: 2px solid #38414c;
  border-radius: 10px;
  box-sizing: border-box;
  color: #718fbe;
}
.room .title .tit[data-v-ac7967a0] {
  color: #9793c7;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  padding-bottom: 8px;
}
@media screen and (max-width: 490px) {
.room .title .tit[data-v-ac7967a0] {
    font-size: 16px;
}
}
.room .title .color47e6b1[data-v-ac7967a0] {
  color: #47e6b1;
}
.room .title .let[data-v-ac7967a0] {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}
.room .title .desc[data-v-ac7967a0] {
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 15px 3px 0;
}
.room .avatar-gifts[data-v-ac7967a0] {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 20px 8px;
  height: 210px;
}
@media (max-width: 490px) {
.room .avatar-gifts[data-v-ac7967a0] {
    padding: 15px 0px;
    transform: scale(0.9);
    transform-origin: left;
    width: 110%;
}
.room .avatar-gifts .gifts-wrapper[data-v-ac7967a0] {
    width: 71% !important;
}
}
.room .avatar-gifts .avatar[data-v-ac7967a0] {
  width: 25%;
  position: relative;
}
.room .avatar-gifts .user-avatar-wrapper[data-v-ac7967a0] .user_level {
  bottom: 0px;
  left: 4px;
}
.room .avatar-gifts .name[data-v-ac7967a0] {
  color: #718fbe;
  font-size: 16px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
.room .avatar-gifts .name[data-v-ac7967a0] {
    font-size: 14px;
}
}
@media screen and (max-width: 490px) {
.room .avatar-gifts .name[data-v-ac7967a0] {
    font-size: 12px;
}
}
.room .avatar-gifts .name span[data-v-ac7967a0] {
  display: block;
  color: #fff;
  word-break: break-all;
}
.room .avatar-gifts .gifts-wrapper[data-v-ac7967a0] {
  width: 69%;
  padding: 5px 0 8px;
  overflow: hidden;
}
.room .avatar-gifts .gifts[data-v-ac7967a0] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 0 7px 0 6px;
  overflow: auto;
}
.room .avatar-gifts .gifts .item[data-v-ac7967a0] {
  width: 70px;
  height: 70px;
  text-align: center;
  border-radius: 10px;
}
.room .avatar-gifts .gifts .item .image-wrapper[data-v-ac7967a0] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.room .avatar-gifts .gifts .item .image-wrapper img[data-v-ac7967a0] {
  width: 100%;
}
.room .avatar-gifts .gifts .item .gif[data-v-ac7967a0] {
  display: none;
}
.room .avatar-gifts .gifts .item .bean[data-v-ac7967a0] {
  font-size: 13px;
  line-height: 1.1;
  font-weight: bold;
}
.room .avatar-gifts .gifts .item:hover .gif[data-v-ac7967a0] {
  display: block;
}
.room .avatar-gifts .gifts .item:hover .png[data-v-ac7967a0] {
  display: none;
}
.room .roll-info[data-v-ac7967a0] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: Oxanium, sans-serif;
}
@media screen and (max-width: 1600px) {
.room .roll-info .info-item[data-v-ac7967a0] {
    transform: scale(0.95);
    transform-origin: left;
}
.room .roll-info .join-wrapper[data-v-ac7967a0] {
    transform: scale(0.95);
    transform-origin: right;
}
}
@media screen and (max-width: 1365px) {
.room .roll-info .info-item[data-v-ac7967a0] {
    transform: scale(1);
}
.room .roll-info .join-wrapper[data-v-ac7967a0] {
    transform: scale(1);
}
}
@media screen and (max-width: 1024px) {
.room .roll-info .info-item[data-v-ac7967a0] {
    transform: scale(0.9);
}
.room .roll-info .join-wrapper[data-v-ac7967a0] {
    transform: scale(0.85);
}
.room .roll-info .unit[data-v-ac7967a0] {
    font-size: 12px !important;
}
.room .roll-info .num[data-v-ac7967a0] {
    font-size: 13px !important;
}
}
@media screen and (max-width: 490px) {
.room .roll-info .unit[data-v-ac7967a0] {
    font-size: 10px !important;
}
.room .roll-info .num[data-v-ac7967a0] {
    font-size: 12px !important;
}
.room .roll-info .join-wrapper[data-v-ac7967a0] {
    transform: scale(0.8);
    margin-right: unset !important;
}
}
.room .roll-info .info-item[data-v-ac7967a0] {
  display: flex;
  align-items: center;
}
.room .roll-info .info-item[data-v-ac7967a0]:nth-child(3) {
  margin-right: -10px;
}
.room .roll-info .info-item img[data-v-ac7967a0] {
  width: 17px;
}
.room .roll-info .info-item .num[data-v-ac7967a0] {
  font-size: 13px;
  font-weight: 600;
  overflow-wrap: normal;
  color: #3cd9a4;
}
.room .roll-info .info-item .num.colorffdb95[data-v-ac7967a0] {
  color: #ffdb95;
  margin-left: 6px;
}
.room .roll-info .info-item .unit[data-v-ac7967a0] {
  font-size: 13px !important;
  text-align: left;
}
.room .roll-info .join-wrapper[data-v-ac7967a0] {
  margin-right: -5px;
}
.room .roll-info .join-wrapper .join-btn[data-v-ac7967a0] {
  height: 36px;
  padding: 0 15px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  background-color: #2a5173;
  border: 2px solid #3c7baf;
  border-radius: 40px;
}
@media screen and (max-width: 1600px) {
.room .roll-info .join-wrapper .join-btn[data-v-ac7967a0] {
    padding: 0 10px;
}
}
@charset "UTF-8";
@media screen and (max-width: 1365px) {
.roll-list-wrapper[data-v-2800e170] {
    gap: 4% !important;
}
.roll-list-wrapper .roll-item-wrapper[data-v-2800e170] {
    width: 47.99% !important;
}
}
@media screen and (max-width: 1279px) {
.decorated-title[data-v-2800e170] {
    max-width: 900px !important;
    height: 46px !important;
    font-size: 18px !important;
}
.roll-list-wrapper[data-v-2800e170] {
    margin-top: 40px !important;
}
}
@media screen and (max-width: 767px) {
.roll-list-wrapper[data-v-2800e170] {
    margin-top: 20px !important;
}
.roll-rules[data-v-2800e170] {
    font-size: 13px !important;
}
.tab-list[data-v-2800e170] {
    gap: 20px !important;
}
.tab-item[data-v-2800e170] {
    height: 28px !important;
    min-width: 90px !important;
    font-size: 11px !important;
    padding: 0 30px 0 15px !important;
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%) !important;
}
.tab-item.active[data-v-2800e170]::after {
    clip-path: polygon(8px 0, 0 50%, 8px 100%, 9px calc(100% - 1px), 1px 50%, 9px 1px, calc(100% - 9px) 1px, calc(100% - 1px) 50%, calc(100% - 9px) calc(100% - 1px), 8px calc(100% - 1px), 8px 100%, calc(100% - 8px) 100%, 100% 50%, calc(100% - 8px) 0) !important;
}
.tab-item img[data-v-2800e170] {
    width: 12px;
}
.roll-list-wrapper[data-v-2800e170] {
    flex-direction: column;
    align-items: center;
}
.roll-list-wrapper .roll-item-wrapper[data-v-2800e170] {
    width: 88% !important;
}
}
@media screen and (max-width: 490px) {
.decorated-title[data-v-2800e170] {
    max-width: 700px !important;
    height: 42px !important;
    font-size: 18px !important;
}
.tab-list[data-v-2800e170] {
    gap: 8px !important;
}
.tab-item[data-v-2800e170] {
    height: 28px !important;
    min-width: 90px !important;
    font-size: 11px !important;
    padding: 0 30px 0 10px !important;
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%) !important;
}
.tab-item.active[data-v-2800e170]::after {
    clip-path: polygon(8px 0, 0 50%, 8px 100%, 9px calc(100% - 1px), 1px 50%, 9px 1px, calc(100% - 9px) 1px, calc(100% - 1px) 50%, calc(100% - 9px) calc(100% - 1px), 8px calc(100% - 1px), 8px 100%, calc(100% - 8px) 100%, 100% 50%, calc(100% - 8px) 0) !important;
}
.tab-item img[data-v-2800e170] {
    width: 12px;
    margin-right: 4px !important;
}
.roll-list-wrapper .roll-item-wrapper[data-v-2800e170] {
    width: 94% !important;
}
}
.content[data-v-2800e170] {
  background-image: url(../img/ROLL-bg.3f61af2c.jpg);
  background-position: top left;
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  padding: 0 11%;
  margin: 0 auto;
  padding-top: 30px;
  min-height: 1888px;
  padding-top: 30px;
  padding-bottom: 80px;
}
@media (max-width: 1666px) {
.content[data-v-2800e170] {
    width: 94%;
    padding: 30px 3% 0;
}
}
@media (max-width: 760px) {
.content[data-v-2800e170] {
    width: 100%;
    padding: 30px 0 0;
}
}
.content-nav[data-v-2800e170] {
  width: 100%;
  position: relative;
}
.content-nav-item[data-v-2800e170] {
  font-size: 20px;
  padding: 10px 0;
  width: 180px;
  justify-content: center;
  border: 0 solid #000;
  color: #fff;
  background-color: rgba(34, 38, 63, 0.37);
}
.content-nav-item-left[data-v-2800e170] {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 11% 100%);
}
.content-nav-item-right[data-v-2800e170] {
  clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
}
@media (max-width: 1200px) {
.content-nav-item[data-v-2800e170] {
    width: 110px;
    font-size: 18px;
    padding: 10px 20px;
    margin-bottom: 20px;
}
}
.content-nav .user-active[data-v-2800e170] {
  color: #ccc;
  font-weight: 700;
  background-color: #76acf3;
  background-image: inherit;
  border-bottom: 1px solid #5ca0ed;
}
.content-nav .active[data-v-2800e170] {
  color: #ccc;
  font-weight: 700;
  background-color: #76acf3;
  background-image: inherit;
  border-bottom: 1px solid #5ca0ed;
}
.decorated-title[data-v-2800e170] {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1170px;
  height: 56px;
  margin: 0 auto 10px;
  background: url(../img/roll-img1.833995ab.png) center/cover no-repeat;
  color: #4af1b8;
  font-size: 20px;
  font-weight: 600;
}
.decorated-title.is-gray .decorated-title__decor[data-v-2800e170]:first-of-type,
.decorated-title.is-gray .decorated-title__decor[data-v-2800e170]:first-of-type::after {
  background: linear-gradient(270deg, #5a5587, rgba(28, 26, 49, 0));
}
.decorated-title.is-gray .decorated-title__decor[data-v-2800e170]:last-of-type,
.decorated-title.is-gray .decorated-title__decor[data-v-2800e170]:last-of-type::after {
  background: linear-gradient(270deg, rgba(28, 26, 49, 0), #5a5587);
}
.decorated-title .decorated-title__decor[data-v-2800e170] {
  flex-shrink: 1;
  height: 1px;
  position: relative;
  width: 100%;
  z-index: 1;
  background: linear-gradient(270deg, #343150, rgba(28, 26, 49, 0));
  right: -12px;
}
.decorated-title .decorated-title__decor[data-v-2800e170]::after {
  content: "";
  height: 12px;
  max-width: 260px;
  opacity: 0.4;
  position: absolute;
  top: 4px;
  width: 100%;
}
.decorated-title .decorated-title__decor[data-v-2800e170]:first-of-type {
  background: linear-gradient(270deg, #343150, rgba(28, 26, 49, 0));
  right: -12px;
}
.decorated-title .decorated-title__decor[data-v-2800e170]:first-of-type::after {
  background: linear-gradient(270deg, #343150 37%, rgba(28, 26, 49, 0));
  right: 0;
}
.decorated-title .decorated-title__decor[data-v-2800e170]:last-of-type {
  background: linear-gradient(90deg, #343150, rgba(28, 26, 49, 0));
  left: -12px;
}
.decorated-title .decorated-title__decor[data-v-2800e170]:last-of-type::after {
  background: linear-gradient(90deg, #343150 37%, rgba(28, 26, 49, 0));
  left: 0;
}
.decorated-title .decorated-title__label[data-v-2800e170] {
  align-items: center;
  background-color: #b5ec40;
  clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 600;
  height: 56px;
  justify-content: center;
  min-width: 206px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
  z-index: 2;
  padding: 0;
}
.decorated-title .decorated-title__label-inner[data-v-2800e170] {
  align-items: center;
  background-color: #17152a;
  clip-path: polygon(15px 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0 50%);
  color: #b5ec40;
  cursor: pointer;
  display: inline-flex;
  font-size: 20px;
  font-weight: 600;
  height: 52px;
  justify-content: center;
  letter-spacing: -1px;
  margin-inline: 3px;
  min-width: 201px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
  background-image: url(../img/Co3DeVHI.fa196f69.png);
  background-position: 50%;
  background-size: cover;
  cursor: auto;
}
.how-it-works-button[data-v-2800e170] {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #9793c7;
  font-size: 15px;
  font-weight: 700;
  padding-bottom: 1px;
  margin: 20px auto 15px;
}
.how-it-works-button .button__content[data-v-2800e170] {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  white-space-collapse: preserve;
  transition: color 0.3s;
  cursor: pointer;
}
.how-it-works-button .button__content .info-icon[data-v-2800e170] {
  background-color: #9793c7;
  display: inline-block;
  height: 14px;
  margin-right: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  transition: background-color 0.3s;
  width: 14px;
}
.how-it-works-button .button__content[data-v-2800e170]:hover {
  color: #e4dcfc;
}
.how-it-works-button .button__content:hover .info-icon[data-v-2800e170] {
  background-color: #e4dcfc;
}
.usage-rules-dialog .dialog-content p[data-v-2800e170] {
  position: relative;
  color: #9692b8;
  padding-left: 69px;
  margin-bottom: 45px;
}
.usage-rules-dialog .dialog-content p span[data-v-2800e170] {
  color: #ff568a;
  text-decoration: underline;
  text-transform: uppercase;
}
.usage-rules-dialog .dialog-content button[data-v-2800e170] {
  content: "";
  position: absolute;
  top: -11px;
  left: 0;
  height: 52px;
  width: 52px;
  color: #8884a9;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  background: url(../img/DTk0WGq9.65741ffe.png) center -26px no-repeat;
}
@media screen and (max-width: 490px) {
.usage-rules-dialog p[data-v-2800e170] {
    padding-left: 50px !important;
}
.usage-rules-dialog button[data-v-2800e170] {
    transform: scale(0.75);
    transform-origin: left top;
}
}
.tab-list-wrapper .tab-list[data-v-2800e170] {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.tab-list-wrapper .tab-item[data-v-2800e170] {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 100px;
  height: 44px;
  color: #9793c7;
  font-size: 14px;
  font-weight: 700;
  background-color: #282546;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  transition: color 0.3s, background-color 0.3s;
  padding-left: 30px;
  padding-right: 50px;
  cursor: pointer;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.tab-list-wrapper .tab-item img[data-v-2800e170] {
  margin-right: 7px;
}
.tab-list-wrapper .tab-item.active[data-v-2800e170] {
  color: #fff;
  background-color: #1f293a;
}
.tab-list-wrapper .tab-item.active[data-v-2800e170]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #66b5ba;
  clip-path: polygon(12px 0, 0 50%, 12px 100%, 13px calc(100% - 1px), 1px 50%, 13px 1px, calc(100% - 13px) 1px, calc(100% - 1px) 50%, calc(100% - 13px) calc(100% - 1px), 12px calc(100% - 1px), 12px 100%, calc(100% - 12px) 100%, 100% 50%, calc(100% - 12px) 0);
  pointer-events: none;
  z-index: -1;
}
.roll-list-wrapper[data-v-2800e170] {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  margin-top: 50px;
}
.roll-list-wrapper .roll-item-wrapper[data-v-2800e170] {
  width: 31.99%;
  margin-top: 25px;
}
/**翻页 */
.pagination-item__wrapper[data-v-2800e170] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 84px;
  padding-top: 50px;
}
.pagination-item__wrapper .pagination-item[data-v-2800e170] {
  display: flex;
  flex-direction: row;
  height: 30px;
  position: relative;
}
.pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-2800e170] {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 39px;
}
.pagination-item__wrapper .pagination-item .pagination-item__icon-arrow[data-v-2800e170] {
  transition: opacity 0.3s;
  background-color: #fff;
  height: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 12px;
  z-index: 1;
}
.pagination-item__wrapper .pagination-item .pagination-item__icon-arrow.arrow_left[data-v-2800e170] {
  margin-right: 2px;
  transform: rotate(-90deg);
}
.pagination-item__wrapper .pagination-item .pagination-item__icon-arrow.arrow_right[data-v-2800e170] {
  margin-left: 2px;
  transform: rotate(90deg);
}
.pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-2800e170] {
  align-items: center;
  color: #cf3464;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  margin: 0 10px;
  min-width: 39px;
  padding: 0 10px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-2800e170]::after, .pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-2800e170]::before {
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-2800e170]::before {
  background: #2b192f;
  height: 100%;
  width: 100%;
}
.pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-2800e170]::after {
  background: #141225;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.pagination-item__wrapper .pagination-item .pagination-item__current-page span[data-v-2800e170] {
  position: relative;
  z-index: 1;
}
.pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-2800e170] {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 39px;
}
.pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-2800e170]::after,
.pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-2800e170]::before,
.pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-2800e170]::after,
.pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-2800e170]::before {
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-2800e170]::before,
.pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-2800e170]::before {
  background: #282543;
  height: 100%;
  width: 100%;
}
.pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-2800e170]::after,
.pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-2800e170]::after {
  background: #1e1c35;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.pagination-item__wrapper .pagination-item .pagination-item__pages-info[data-v-2800e170] {
  color: #4f4b78;
  font-size: 13px;
  font-weight: 600;
  left: 100%;
  line-height: 30px;
  margin-left: 12px;
  position: absolute;
  top: 0;
  white-space: nowrap;
}
.kksubType[data-v-2800e170] {
  border-bottom: 1px solid rgb(247, 138, 15);
  padding-bottom: 10px;
  display: flex;
  cursor: pointer;
}
.kksubType .active[data-v-2800e170] {
  font-weight: 700;
  /*background-image: linear-gradient(270deg, #124eca, #5acdf0);*/
  text-shadow: 1px 1px 1px #666;
  color: rgb(247, 138, 15);
  position: relative;
}
.kksubType .active[data-v-2800e170]::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -11px;
  background-color: rgb(247, 138, 15);
  left: 0;
}
.kksubType a[data-v-2800e170] {
  padding: 0 40px;
  color: #ccc;
  font-size: 18px;
}
@media (max-width: 1080px) {
.kksubType a[data-v-2800e170] {
    font-size: 0.81rem;
}
}
.RollItem[data-v-2800e170] {
  margin-top: 20px;
}
.RollItem-item[data-v-2800e170] {
  font-size: 12px;
  width: 20%;
}
@media (max-width: 1600px) {
.RollItem-item[data-v-2800e170] {
    width: 25%;
}
}
@media (max-width: 1366px) {
.RollItem-item[data-v-2800e170] {
    width: 33.3%;
}
}
@media (max-width: 1080px) {
.RollItem-item[data-v-2800e170] {
    width: 50%;
}
}
@media (max-width: 960px) {
.RollItem-item[data-v-2800e170] {
    width: 90%;
    margin: 0 auto;
}
}
.RollItem-item:hover .RollItem-item-bg[data-v-2800e170] {
  border: 2px solid rgba(92, 160, 237, 0.76) !important;
}
.RollItem-item:hover .RollItem-item-bg .imgV1[data-v-2800e170] {
  transform: rotate(-15deg);
}
.content-top-bg[data-v-2800e170] {
  justify-content: center;
}
.el-pagination[data-v-2800e170] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.maintenance[data-v-1657a339] {
  min-height: 1000px;
  margin-top: 156px;
  padding-left: 66px;
}
.maintenance p[data-v-1657a339]:nth-child(1) {
  font-size: 52px;
  font-weight: 600;
}
.maintenance p[data-v-1657a339]:nth-child(2) {
  font-size: 22px;
  font-weight: 500;
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
.maintenance[data-v-1657a339] {
    padding-left: 20px;
}
.maintenance p[data-v-1657a339]:nth-child(1) {
    font-size: 32px;
    font-weight: 600;
}
.maintenance p[data-v-1657a339]:nth-child(2) {
    font-size: 18px;
    font-weight: 500;
    padding-top: 10px;
}
}
@media screen and (max-width: 767px) {
.maintenance[data-v-1657a339] {
    padding: 0 10px;
    margin-top: 100px;
}
}
.marketplace-container[data-v-1657a339] {
  position: relative;
  width: 1384px;
  margin: -20px auto;
  padding: 15px 44px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
.marketplace-container[data-v-1657a339] {
    padding: 5px 15px;
}
}
.marketplace-container .rules[data-v-1657a339] {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 44px;
}
@media screen and (max-width: 460px) {
.marketplace-container .rules[data-v-1657a339] {
    padding: 0 22px;
}
}
.marketplace-container .rules.rules-active .toggle-button__icon[data-v-1657a339] {
  transform: rotateX(180deg);
}
.marketplace-container .rules .rules__toggle-button[data-v-1657a339] {
  display: flex;
  align-self: flex-end;
}
.marketplace-container .rules .rules__toggle-button .toggle-button__content[data-v-1657a339] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.marketplace-container .rules .rules__toggle-button .toggle-button__label[data-v-1657a339] {
  color: #716d9e;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
  transition: color 0.3s;
}
.marketplace-container .rules .rules__toggle-button .toggle-button__icon[data-v-1657a339] {
  background-color: #716d9e;
  display: inline-block;
  height: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 13px;
}
.marketplace-container .rules .rules__toggle-button:hover .toggle-button__label[data-v-1657a339] {
  color: #fff;
}
.marketplace-container .rules .rules__toggle-button:hover .toggle-button__icon[data-v-1657a339] {
  background-color: #fff;
}
.marketplace-container .rules .rules__list[data-v-1657a339] {
  justify-content: flex-end;
  height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  transition: height 0.3s;
}
.marketplace-container .rules .rules__list.rules-list-active[data-v-1657a339] {
  height: 102px;
}
@media screen and (max-width: 680px) {
.marketplace-container .rules .rules__list.rules-list-active[data-v-1657a339] {
    height: 155px;
}
}
.marketplace-container .rules .rules__list .rules-list__content[data-v-1657a339] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: linear-gradient(90deg, rgba(15, 13, 28, 0), #0f0d1c 50.01%, rgba(15, 13, 28, 0));
  border-top: 1px solid #1e1b35;
  border-bottom: 1px solid #1e1b35;
  padding: 10px 0;
}
@media screen and (max-width: 1023px) {
.marketplace-container .rules .rules__list .rules-list__content[data-v-1657a339] {
    transform: scale(0.8);
    width: 125%;
}
}
@media screen and (max-width: 767px) {
.marketplace-container .rules .rules__list .rules-list__content[data-v-1657a339] {
    transform: scale(0.7);
    width: 142.8571428571%;
}
}
@media screen and (max-width: 680px) {
.marketplace-container .rules .rules__list .rules-list__content[data-v-1657a339] {
    display: flex;
    flex-direction: column;
    grid-template-columns: unset;
    transform-origin: center bottom;
    width: 100%;
}
}
@media screen and (max-width: 550px) {
.marketplace-container .rules .rules__list .rules-list__content[data-v-1657a339] {
    width: 125%;
}
}
@media screen and (max-width: 460px) {
.marketplace-container .rules .rules__list .rules-list__content[data-v-1657a339] {
    width: 142.8571428571%;
}
}
.marketplace-container .rules .rules__list .rules-list__item[data-v-1657a339] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 40px 10px 0;
}
.marketplace-container .rules .rules__list .rules-list__item-number[data-v-1657a339] {
  border: 1px solid #5c49d0;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 600;
  height: 46px;
  line-height: 44px;
  text-align: center;
  width: 46px;
}
.marketplace-container .rules .rules__list .rules-list__item-content[data-v-1657a339] {
  color: #bbb7dd;
}
.marketplace-container .rules .rules__list .rules-list__item-content img[data-v-1657a339] {
  height: 20px;
  position: relative;
  top: 5px;
  width: 20px;
}
.marketplace-container .pointsTotal[data-v-1657a339] {
  position: absolute;
  top: 40px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.marketplace-container .pointsTotal .num[data-v-1657a339] {
  color: #ffb973;
  font-weight: 600;
  margin-left: -4px;
}
.marketplace-container .timer-block-wrapper[data-v-1657a339] {
  display: flex;
  padding-top: 34px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.marketplace-container .timer-block-wrapper .timer-block[data-v-1657a339] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-basis: 30%;
  flex-grow: 1;
}
.marketplace-container .timer-block-wrapper .timer-block .is-top[data-v-1657a339] {
  display: flex;
  flex-direction: column;
  height: 70px;
  justify-content: flex-end;
  padding-bottom: 22px;
}
.marketplace-container .timer-block-wrapper .timer-block .is-bottom[data-v-1657a339] {
  display: flex;
  padding-top: 6px;
  position: relative;
  width: 100%;
}
.marketplace-container .timer-block-wrapper .timer-block .is-bottom[data-v-1657a339]::before {
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  width: calc(100% - 7px);
}
.marketplace-container .timer-block-wrapper .timer-block .is-bottom[data-v-1657a339]::after {
  background: #ce03a4;
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  width: 10px;
}
.marketplace-container .timer-block-wrapper .timer-block .is-bottom__left[data-v-1657a339] {
  justify-content: flex-start;
  padding-left: 2px;
}
.marketplace-container .timer-block-wrapper .timer-block .is-bottom__left[data-v-1657a339]::before {
  background: linear-gradient(90deg, #ce03a4, #2c2a44 25%, #2c2a44 50%, rgba(44, 42, 68, 0));
  left: 10px;
}
.marketplace-container .timer-block-wrapper .timer-block .is-bottom__left[data-v-1657a339]::after {
  left: 0;
  transform: rotate(-45deg);
  transform-origin: right;
}
.marketplace-container .timer-block-wrapper .timer-block .is-bottom__right[data-v-1657a339] {
  justify-content: flex-end;
  padding-right: 2px;
}
.marketplace-container .timer-block-wrapper .timer-block .is-bottom__right[data-v-1657a339]::before {
  background: linear-gradient(270deg, #ce03a4, #2c2a44 25%, #2c2a44 50%, rgba(44, 42, 68, 0));
  right: 10px;
}
.marketplace-container .timer-block-wrapper .timer-block .is-bottom__right[data-v-1657a339]::after {
  right: 0;
  transform: rotate(45deg);
  transform-origin: left;
}
.marketplace-container .timer-block-wrapper .timer-block .is-img[data-v-1657a339] {
  height: 12px;
  width: 100px;
}
.marketplace-container .timer-block-wrapper .timer-block .is-img__right[data-v-1657a339] {
  transform: scaleX(-1);
}
.marketplace-container .timer-block-wrapper .timer-content[data-v-1657a339] {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
}
.marketplace-container .timer-block-wrapper .timer-content .timer-content__logo[data-v-1657a339] {
  height: 34px;
  margin-bottom: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 80px;
}
.marketplace-container .timer-block-wrapper .timer-content .timer-content__subtitle[data-v-1657a339] {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #5c569e;
  padding-top: 16px;
}
.marketplace-container .marketplace__content[data-v-1657a339] {
  display: flex;
  flex-direction: column;
}
.marketplace-container .marketplace__content .decorated-title[data-v-1657a339] {
  align-items: center;
  display: flex;
  margin: 50px 0 45px;
}
.marketplace-container .marketplace__content .decorated-title.random .decorated-title__decor[data-v-1657a339]:first-of-type,
.marketplace-container .marketplace__content .decorated-title.random .decorated-title__decor[data-v-1657a339]:first-of-type::after {
  background: linear-gradient(270deg, #26c897, rgba(28, 26, 49, 0));
}
.marketplace-container .marketplace__content .decorated-title.random .decorated-title__label[data-v-1657a339] {
  background: #4af1b8;
}
.marketplace-container .marketplace__content .decorated-title.random .decorated-title__label-inner[data-v-1657a339] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206' height='56' fill='none' viewBox='0 0 206 56'%3E%3Cmask id='a' width='206' height='56' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%231c1a31' d='M0 28 16.316 0h173.368L206 28l-16.316 28H16.316z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath stroke='url(%23b)' stroke-width='2' d='m-250-312.996 500 500'/%3E%3Cpath stroke='url(%23c)' stroke-width='40' d='m-155-132 500 500' opacity='.1'/%3E%3Cpath stroke='url(%23d)' stroke-width='40' d='m40-132 500 500' opacity='.1'/%3E%3Cpath stroke='url(%23e)' stroke-width='10' d='m-250-335.996 500 500'/%3E%3Cellipse cx='423.5' cy='272.391' fill='url(%23f)' opacity='.2' rx='423.5' ry='272.391' transform='rotate(-134.196 178.28 -59.25)scale(1 -1)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='84' x2='84' y1='-144.996' y2='187.004' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='currentColor'/%3E%3Cstop offset='1' stop-color='currentColor' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='179' x2='179' y1='36' y2='368' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234af1b8'/%3E%3Cstop offset='.818' stop-color='currentColor' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='374' x2='374' y1='36' y2='368' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234af1b8'/%3E%3Cstop offset='.818' stop-color='currentColor' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='84' x2='84' y1='-167.996' y2='164.004' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234af1b8'/%3E%3Cstop offset='1' stop-color='currentColor' stop-opacity='0'/%3E%3C/linearGradient%3E%3CradialGradient id='f' cx='0' cy='0' r='1' gradientTransform='matrix(0 272.391 -423.5 0 423.5 272.391)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234af1b8'/%3E%3Cstop offset='1' stop-color='%234af1b8' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
  color: #4af1b8;
}
.marketplace-container .marketplace__content .decorated-title.random .decorated-title__decor[data-v-1657a339]:last-of-type,
.marketplace-container .marketplace__content .decorated-title.random .decorated-title__decor[data-v-1657a339]:last-of-type::after {
  background: linear-gradient(270deg, rgba(28, 26, 49, 0), #26c897);
}
.marketplace-container .marketplace__content .decorated-title.is-gray .decorated-title__decor[data-v-1657a339]:first-of-type,
.marketplace-container .marketplace__content .decorated-title.is-gray .decorated-title__decor[data-v-1657a339]:first-of-type::after {
  background: linear-gradient(270deg, #5a5587, rgba(28, 26, 49, 0));
}
.marketplace-container .marketplace__content .decorated-title.is-gray .decorated-title__label[data-v-1657a339] {
  background: #5a5587;
}
.marketplace-container .marketplace__content .decorated-title.is-gray .decorated-title__label-inner[data-v-1657a339] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='206' height='56' fill='none' viewBox='0 0 206 56'%3E%3Cmask id='a' width='206' height='56' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%231c1a31' d='M0 28 16.316 0h173.368L206 28l-16.316 28H16.316z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath stroke='url(%23b)' stroke-width='2' d='m-250-312.996 500 500'/%3E%3Cpath stroke='url(%23c)' stroke-width='40' d='m-155-132 500 500' opacity='.1'/%3E%3Cpath stroke='url(%23d)' stroke-width='40' d='m40-132 500 500' opacity='.1'/%3E%3Cpath stroke='url(%23e)' stroke-width='10' d='m-250-335.996 500 500'/%3E%3Cellipse cx='423.5' cy='272.391' fill='url(%23f)' opacity='.2' rx='423.5' ry='272.391' transform='rotate(-134.196 178.28 -59.25)scale(1 -1)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='84' x2='84' y1='-144.996' y2='187.004' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235a5587'/%3E%3Cstop offset='1' stop-color='%23262340' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='179' x2='179' y1='36' y2='368' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235a5587'/%3E%3Cstop offset='.818' stop-color='%23262340' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='374' x2='374' y1='36' y2='368' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235a5587'/%3E%3Cstop offset='.818' stop-color='%23262340' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='84' x2='84' y1='-167.996' y2='164.004' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235a5587'/%3E%3Cstop offset='1' stop-color='%23262340' stop-opacity='0'/%3E%3C/linearGradient%3E%3CradialGradient id='f' cx='0' cy='0' r='1' gradientTransform='matrix(0 272.391 -423.5 0 423.5 272.391)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235a5587'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
  color: #fff;
}
.marketplace-container .marketplace__content .decorated-title.is-gray .decorated-title__decor[data-v-1657a339]:last-of-type,
.marketplace-container .marketplace__content .decorated-title.is-gray .decorated-title__decor[data-v-1657a339]:last-of-type::after {
  background: linear-gradient(270deg, rgba(28, 26, 49, 0), #5a5587);
}
.marketplace-container .marketplace__content .decorated-title .decorated-title__decor[data-v-1657a339] {
  flex-shrink: 1;
  height: 1px;
  position: relative;
  width: 100%;
  z-index: 1;
  background: linear-gradient(270deg, #343150, rgba(28, 26, 49, 0));
  right: -12px;
}
.marketplace-container .marketplace__content .decorated-title .decorated-title__decor[data-v-1657a339]::after {
  content: "";
  height: 12px;
  max-width: 260px;
  opacity: 0.4;
  position: absolute;
  top: 4px;
  width: 100%;
}
.marketplace-container .marketplace__content .decorated-title .decorated-title__decor[data-v-1657a339]:first-of-type {
  background: linear-gradient(270deg, #343150, rgba(28, 26, 49, 0));
  right: -12px;
}
.marketplace-container .marketplace__content .decorated-title .decorated-title__decor[data-v-1657a339]:first-of-type::after {
  background: linear-gradient(270deg, #343150 37%, rgba(28, 26, 49, 0));
  right: 0;
}
.marketplace-container .marketplace__content .decorated-title .decorated-title__decor[data-v-1657a339]:last-of-type {
  background: linear-gradient(90deg, #343150, rgba(28, 26, 49, 0));
  left: -12px;
}
.marketplace-container .marketplace__content .decorated-title .decorated-title__decor[data-v-1657a339]:last-of-type::after {
  background: linear-gradient(90deg, #343150 37%, rgba(28, 26, 49, 0));
  left: 0;
}
.marketplace-container .marketplace__content .decorated-title .decorated-title__label[data-v-1657a339] {
  align-items: center;
  background-color: #b5ec40;
  clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 600;
  height: 56px;
  justify-content: center;
  min-width: 206px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
  z-index: 2;
  padding: 0;
}
.marketplace-container .marketplace__content .decorated-title .decorated-title__label-inner[data-v-1657a339] {
  align-items: center;
  background-color: #17152a;
  clip-path: polygon(15px 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0 50%);
  color: #b5ec40;
  cursor: pointer;
  display: inline-flex;
  font-size: 20px;
  font-weight: 600;
  height: 52px;
  justify-content: center;
  letter-spacing: -1px;
  margin-inline: 3px;
  min-width: 201px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
  background-image: url(../img/Co3DeVHI.fa196f69.png);
  background-position: 50%;
  background-size: cover;
  cursor: auto;
}
@media screen and (max-width: 767px) {
.marketplace-container .marketplace__content .decorated-title[data-v-1657a339] {
    transform: scale(0.75);
    transform-origin: 0 0;
    width: 133.3333333333%;
    margin-bottom: 20px;
}
}
.marketplace-container .marketplace__content .showcase-header__description[data-v-1657a339] {
  align-self: center;
  color: #70699b;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
  margin: -15px 0 15px;
}
.marketplace-container .marketplace__content .showcase-header__description button[data-v-1657a339] {
  color: #70699b;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 21px;
  text-decoration: underline;
  text-transform: uppercase;
}
.marketplace-container .marketplace__content .showcase-wrapper[data-v-1657a339] {
  display: grid;
  gap: 40px 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
.marketplace-container .marketplace__content .showcase-wrapper[data-v-1657a339] {
    gap: 8px 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 20px;
}
}
@media screen and (max-width: 639px) {
.marketplace-container .marketplace__content .showcase-wrapper[data-v-1657a339] {
    grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 479px) {
.marketplace-container .marketplace__content .showcase-wrapper[data-v-1657a339] {
    gap: 5px 10px;
    grid-template-columns: 1fr 1fr;
}
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item[data-v-1657a339] {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 20px 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__border[data-v-1657a339] {
  left: 0;
  opacity: 0;
  position: absolute;
  transition-duration: 0.25s;
  transition-property: opacity, transform;
  transition-timing-function: ease-out;
  background-color: #cf3464;
  display: flex;
  height: 1px;
  margin: 0 auto;
  pointer-events: none;
  right: 0;
  width: calc(100% - 20px);
  z-index: 0;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__border[data-v-1657a339]::after, .marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__border[data-v-1657a339]::before {
  content: "";
  position: absolute;
  top: 0;
  width: 14px;
  height: 1px;
  background-color: #cf3464;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__border[data-v-1657a339]::before {
  right: 100%;
  transform-origin: right;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__border[data-v-1657a339]::after {
  left: 100%;
  transform-origin: left;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__border.is-top[data-v-1657a339] {
  top: 0;
  transform: translateY(-10px);
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__border.is-top[data-v-1657a339]::before {
  transform: rotate(-45deg);
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__border.is-top[data-v-1657a339]::after {
  transform: rotate(45deg);
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__border.is-bottom[data-v-1657a339] {
  bottom: 0;
  transform: translateY(10px);
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__border.is-bottom[data-v-1657a339]::before {
  transform: rotate(45deg);
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__border.is-bottom[data-v-1657a339]::after {
  transform: rotate(-45deg);
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__header[data-v-1657a339] {
  position: relative;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 140px;
  justify-content: center;
  width: 140px;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__header img[data-v-1657a339] {
  max-width: 100%;
  width: 100%;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__header .view-drops-button[data-v-1657a339] {
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
  align-items: center;
  background-color: #282546;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 34px;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
  margin-top: 14px;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__header .view-drops-button .view-drops-button__text[data-v-1657a339] {
  max-width: 140px;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__header:hover .view-drops-button[data-v-1657a339] {
  opacity: 1;
  visibility: visible;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__main[data-v-1657a339],
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__footer[data-v-1657a339] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__main[data-v-1657a339] {
  flex-grow: 1;
  height: 90px;
  justify-content: center;
  padding-bottom: 10px;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__main .item__title[data-v-1657a339] {
  font-size: 16px;
  line-height: 16px;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__main .item__name[data-v-1657a339] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #dddcfc;
  height: 20px;
  line-height: 20px !important;
  overflow: hidden;
  white-space: normal;
  padding: 0 3px;
  margin-top: -2px;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__main .item__name_1[data-v-1657a339] {
  margin-top: -5px;
  padding: 0 6px;
  font-size: 12px;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__main .item__name_3[data-v-1657a339] {
  color: #716d9e;
  padding: 0 6px;
  font-size: 11px;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__main .item__price[data-v-1657a339] {
  color: #4af1b8;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  margin-top: 8px;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__footer[data-v-1657a339] {
  flex-shrink: 0;
  gap: 16px;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__footer .item__points[data-v-1657a339] {
  display: flex;
  align-items: center;
  color: #ffb973;
  gap: 6px;
  line-height: 20px;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__footer .item__button[data-v-1657a339] {
  align-items: center;
  font-weight: 600;
  background-color: #1c1a31;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  height: 38px;
  justify-content: center;
  line-height: 18px;
  min-width: 140px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__footer .item__button[data-v-1657a339]:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item .marketplace-item__footer .item__button .item__button-icon[data-v-1657a339] {
  background-color: #ada7de;
  display: inline-block;
  height: 12px;
  margin-right: 8px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.488 20H3.853q-.853.002-.852-.858v-9.77c0-.557.293-.848.845-.85q.447.002.895 0c.268 0 .362-.093.363-.37.002-.85.005-1.7 0-2.55a5.6 5.6 0 0 1 .58-2.574C6.704.99 8.761-.165 11.032.019c2.09.17 3.962 1.74 4.63 3.882a6 6 0 0 1 .265 1.81q.002 1.197 0 2.393c.001.31.077.387.378.389.312.001.623-.003.934.001.477.007.76.3.76.781v9.89c0 .53-.299.834-.818.835zm.019-11.477h3.405c.292 0 .381-.09.381-.391.002-.792.007-1.583-.002-2.374a5 5 0 0 0-.07-.845C13.748 2.3 10.992.903 8.71 2.194 7.37 2.951 6.8 4.185 6.763 5.7c-.02.804-.004 1.608-.004 2.413 0 .327.083.411.401.411z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10.488 20H3.853q-.853.002-.852-.858v-9.77c0-.557.293-.848.845-.85q.447.002.895 0c.268 0 .362-.093.363-.37.002-.85.005-1.7 0-2.55a5.6 5.6 0 0 1 .58-2.574C6.704.99 8.761-.165 11.032.019c2.09.17 3.962 1.74 4.63 3.882a6 6 0 0 1 .265 1.81q.002 1.197 0 2.393c.001.31.077.387.378.389.312.001.623-.003.934.001.477.007.76.3.76.781v9.89c0 .53-.299.834-.818.835zm.019-11.477h3.405c.292 0 .381-.09.381-.391.002-.792.007-1.583-.002-2.374a5 5 0 0 0-.07-.845C13.748 2.3 10.992.903 8.71 2.194 7.37 2.951 6.8 4.185 6.763 5.7c-.02.804-.004 1.608-.004 2.413 0 .327.083.411.401.411z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 12px;
}
.marketplace-container .marketplace__content .showcase-wrapper .marketplace-item:hover .marketplace-item__border[data-v-1657a339], .marketplace-container .marketplace__content .showcase-wrapper .marketplace-item[data-v-1657a339]:hover::before {
  opacity: 1;
  transform: translateY(0) translateZ(0);
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.marketplace-container .marketplace__footer-decor-main[data-v-1657a339] {
  align-self: center;
  margin: 45px 0;
  max-width: 100vw;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.marketplace-container .marketplace__footer-decor-main .decor-img[data-v-1657a339] {
  height: 109px;
  background-image: url(../img/USoBcv7Y.e14069c6.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 1783px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[data-v-1657a339] .skins-preview {
  background-color: #141225 !important;
  height: 90vh;
  width: 90vw !important;
  max-height: 827px;
  max-width: 1120px;
  overflow: hidden;
  position: relative;
}
[data-v-1657a339] .skins-preview .el-dialog__body {
  height: 100%;
}
@media screen and (max-width: 490px) {
[data-v-1657a339] .skins-preview {
    width: 95vw !important;
}
}
.skins-preview-dialog[data-v-1657a339] {
  height: 100%;
  color: #fff;
}
.skins-preview-dialog .preview-dialog-title[data-v-1657a339] {
  position: relative;
  align-items: center;
  border-bottom: 1px solid #1d1a32;
  display: flex;
  height: 100px;
  justify-content: space-between;
  padding: 0 70px;
}
.skins-preview-dialog .preview-dialog-title .user-balances[data-v-1657a339] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.skins-preview-dialog .preview-dialog-title .user-balance[data-v-1657a339] {
  align-items: center;
  color: #4af1cc;
  display: flex;
  font-weight: 600;
}
.skins-preview-dialog .preview-dialog-title .user-balance .user-balance__icon[data-v-1657a339] {
  background: url(../img/balance.c715f752.png) no-repeat;
  background-size: 100%;
  background-position: center;
  height: 20px;
  width: 20px;
  margin-right: 8px;
}
.skins-preview-dialog .preview-dialog-title .user-balance img[data-v-1657a339] {
  margin-right: 8px;
}
.skins-preview-dialog .preview-dialog-title .rounds-quantity-block[data-v-1657a339] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  flex-direction: row;
}
.skins-preview-dialog .preview-dialog-title .rounds-hexagon[data-v-1657a339] {
  background: linear-gradient(180deg, #17162b, #2c2a46);
  height: 42px;
  position: relative;
  width: 37px;
}
.skins-preview-dialog .preview-dialog-title .inner-hexagon[data-v-1657a339] {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(22, 20, 39, 0.4);
  color: #e8e4f7;
  height: 34px;
  line-height: 34px;
  width: 30px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.skins-preview-dialog .preview-dialog-title .rounds-text[data-v-1657a339] {
  margin: 0 0 0 8px;
  font-size: 14px;
  font-weight: 600;
}
.skins-preview-dialog .preview-dialog-title .price[data-v-1657a339] {
  font-size: 13px;
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
}
.skins-preview-dialog .preview-dialog-title .price p[data-v-1657a339] {
  display: block;
  color: #00efba;
  font-size: 16px;
  margin-top: 6px;
}
.skins-preview-dialog .preview-dialog-content[data-v-1657a339] {
  height: calc(100% - 100px);
  padding-top: 25px;
}
.skins-preview-dialog .preview-dialog-content .simplebar-content-wrapper[data-v-1657a339] {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  scrollbar-width: none;
  width: auto;
  overflow: auto;
}
.skins-preview-dialog .preview-dialog-content .simplebar-content[data-v-1657a339] {
  display: grid;
  grid-template-columns: repeat(auto-fill, 160px);
  justify-content: center;
  grid-gap: 10px;
  padding: 0 20px 125px;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block[data-v-1657a339] {
  position: relative;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block:hover .hover-block[data-v-1657a339] {
  opacity: 1;
  visibility: visible;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block:hover .hover-block .view-drops-button[data-v-1657a339]:hover {
  background-color: #4f4b78;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__empty-case[data-v-1657a339] {
  background: #171528;
  border-radius: 4px;
  height: 237px;
}
.skins-preview-dialog .preview-dialog-content .battle-case[data-v-1657a339] {
  background-color: #1a182d;
  border-radius: 4px;
  height: 237px;
  position: relative;
  text-align: center;
  width: 160px;
  font-size: 14px;
  font-weight: 600;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__multiplier[data-v-1657a339] {
  background-color: #5c49d0;
  clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
  font-size: 9px;
  font-weight: 700;
  height: 17px;
  line-height: 17px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  top: 10px;
  width: 28px;
  z-index: 1;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap[data-v-1657a339] {
  display: flex;
  height: 150px;
  width: 150px;
  justify-content: center;
  padding-top: 12px;
  margin: 0 auto;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .info_p[data-v-1657a339] {
  font-weight: 700;
  position: absolute;
  right: 10px;
  text-align: right;
  top: 5px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .info_p p[data-v-1657a339]:first-child {
  color: #9c9daf;
  font-size: 8px;
  text-transform: uppercase;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .info_p p[data-v-1657a339]:last-child {
  color: #827fff;
  font-size: 12px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .gif-png[data-v-1657a339] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 85%;
  height: 130px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .gif-png img[data-v-1657a339] {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .gif-png .gif[data-v-1657a339] {
  display: none;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .gif-png:hover .gif[data-v-1657a339] {
  display: block;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .gif-png:hover .png[data-v-1657a339] {
  display: none;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__name[data-v-1657a339] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #dddcfc;
  height: 20px;
  line-height: 20px !important;
  overflow: hidden;
  white-space: normal;
  padding: 0 3px;
  margin-top: -2px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__name_1[data-v-1657a339] {
  margin-top: -5px;
  padding: 0 6px;
  font-size: 12px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__name_3[data-v-1657a339] {
  color: #716d9e;
  padding: 0 6px;
  font-size: 11px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__price[data-v-1657a339] {
  align-items: center;
  color: #00efba;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  text-transform: uppercase;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__event-points[data-v-1657a339] {
  align-items: center;
  color: #ffb973;
  display: flex;
  margin-left: 6px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__event-points img[data-v-1657a339] {
  height: auto;
  margin-left: 3px;
  width: 22px;
}
.skins-preview-dialog .preview-dialog-content .hover-block[data-v-1657a339] {
  align-items: center;
  background-color: rgba(21, 19, 39, 0.7019607843);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 3;
}
.skins-preview-dialog .preview-dialog-content .hover-block .view-drops-button[data-v-1657a339] {
  align-items: center;
  background-color: #282546;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.skins-preview-dialog .preview-dialog-content .hover-block .view-drops-button__text[data-v-1657a339] {
  max-width: 140px;
}
.skins-preview-dialog .preview-dialog-content .simplebar-footer-wrapper[data-v-1657a339] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 140px;
  z-index: 10;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__gradient[data-v-1657a339] {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0, #0f0e1a);
  pointer-events: none;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__buttons[data-v-1657a339] {
  position: absolute;
  bottom: 60px;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__button[data-v-1657a339] {
  align-items: center;
  background-color: #252141;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 18px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 17px;
  font-weight: 700;
  height: 62px;
  justify-content: center;
  min-width: 272px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__button[data-v-1657a339]:hover {
  background-color: #292645;
}
@media screen and (max-width: 490px) {
.skins-preview-dialog .preview-dialog-title[data-v-1657a339] {
    height: 66px !important;
}
.skins-preview-dialog .preview-dialog-content[data-v-1657a339] {
    height: calc(100% - 66px) !important;
}
.skins-preview-dialog .preview-dialog-content .simplebar-content[data-v-1657a339] {
    padding: 0 5px 88px !important;
}
.skins-preview-dialog .battle-details-modal__buttons[data-v-1657a339] {
    bottom: 40px !important;
}
.skins-preview-dialog .battle-details-modal__buttons .battle-details-modal__button[data-v-1657a339] {
    min-width: 188px !important;
    height: 45px !important;
    clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%) !important;
}
}
.leaderboard-container[data-v-f77cd12a] {
  width: 1384px;
  margin: 0 auto;
  padding: 15px 44px;
  max-width: 100%;
}
.leaderboard-container .rules[data-v-f77cd12a] {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 44px;
}
.leaderboard-container .rules.rules-active .toggle-button__icon[data-v-f77cd12a] {
  transform: rotateX(180deg);
}
.leaderboard-container .rules .rules__toggle-button[data-v-f77cd12a] {
  display: flex;
  align-self: flex-end;
}
.leaderboard-container .rules .rules__toggle-button .toggle-button__content[data-v-f77cd12a] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.leaderboard-container .rules .rules__toggle-button .toggle-button__label[data-v-f77cd12a] {
  color: #716d9e;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
  transition: color 0.3s;
}
.leaderboard-container .rules .rules__toggle-button .toggle-button__icon[data-v-f77cd12a] {
  background-color: #716d9e;
  display: inline-block;
  height: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  width: 13px;
}
.leaderboard-container .rules .rules__toggle-button:hover .toggle-button__label[data-v-f77cd12a] {
  color: #fff;
}
.leaderboard-container .rules .rules__toggle-button:hover .toggle-button__icon[data-v-f77cd12a] {
  background-color: #fff;
}
.leaderboard-container .rules .rules__list[data-v-f77cd12a] {
  justify-content: flex-end;
  height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  transition: height 0.3s;
}
.leaderboard-container .rules .rules__list.rules-list-active[data-v-f77cd12a] {
  height: 102px;
}
.leaderboard-container .rules .rules__list .rules-list__content[data-v-f77cd12a] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: linear-gradient(90deg, rgba(15, 13, 28, 0), #0f0d1c 50.01%, rgba(15, 13, 28, 0));
  border-top: 1px solid #1e1b35;
  border-bottom: 1px solid #1e1b35;
  padding: 10px 0;
}
.leaderboard-container .rules .rules__list .rules-list__item[data-v-f77cd12a] {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 40px 10px 0;
}
.leaderboard-container .rules .rules__list .rules-list__item-number[data-v-f77cd12a] {
  border: 1px solid #5c49d0;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 600;
  height: 46px;
  line-height: 44px;
  text-align: center;
  width: 46px;
}
.leaderboard-container .rules .rules__list .rules-list__item-content[data-v-f77cd12a] {
  color: #bbb7dd;
}
.leaderboard-container .rules .rules__list .rules-list__item-content img[data-v-f77cd12a] {
  height: 20px;
  position: relative;
  top: 5px;
  width: 20px;
}
.leaderboard-container .timer-block-wrapper[data-v-f77cd12a] {
  display: flex;
  padding-top: 34px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.leaderboard-container .timer-block-wrapper .timer-block[data-v-f77cd12a] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-basis: 30%;
  flex-grow: 1;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-top[data-v-f77cd12a] {
  display: flex;
  flex-direction: column;
  height: 70px;
  justify-content: flex-end;
  padding-bottom: 22px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom[data-v-f77cd12a] {
  display: flex;
  padding-top: 6px;
  position: relative;
  width: 100%;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom[data-v-f77cd12a]::before {
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  width: calc(100% - 7px);
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom[data-v-f77cd12a]::after {
  background: #ce03a4;
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  width: 10px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__left[data-v-f77cd12a] {
  justify-content: flex-start;
  padding-left: 2px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__left[data-v-f77cd12a]::before {
  background: linear-gradient(90deg, #ce03a4, #2c2a44 25%, #2c2a44 50%, rgba(44, 42, 68, 0));
  left: 10px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__left[data-v-f77cd12a]::after {
  left: 0;
  transform: rotate(-45deg);
  transform-origin: right;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__right[data-v-f77cd12a] {
  justify-content: flex-end;
  padding-right: 2px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__right[data-v-f77cd12a]::before {
  background: linear-gradient(270deg, #ce03a4, #2c2a44 25%, #2c2a44 50%, rgba(44, 42, 68, 0));
  right: 10px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__right[data-v-f77cd12a]::after {
  right: 0;
  transform: rotate(45deg);
  transform-origin: left;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-img[data-v-f77cd12a] {
  height: 12px;
  width: 100px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-img__right[data-v-f77cd12a] {
  transform: scaleX(-1);
}
.leaderboard-container .timer-block-wrapper .timer-content[data-v-f77cd12a] {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
}
.leaderboard-container .timer-block-wrapper .timer-content .timer-content__logo[data-v-f77cd12a] {
  height: 34px;
  margin-bottom: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 80px;
}
.leaderboard-container .timer-block-wrapper .timer-content .timer-content__subtitle[data-v-f77cd12a] {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #5c569e;
  padding-top: 16px;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper[data-v-f77cd12a] {
  display: flex;
  gap: 20px;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .jump-btn[data-v-f77cd12a] {
  align-items: center;
  background-color: #1c1a31;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #908da7;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 26px;
  height: 42px;
  justify-content: center;
  line-height: 18px;
  min-width: 174px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .jump-btn span[data-v-f77cd12a] {
  background-color: #ada7de;
  bottom: 0;
  height: 5px;
  margin: auto 0;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  position: absolute;
  top: 0;
  width: 10px;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .jump-btn[data-v-f77cd12a]:disabled {
  opacity: 0.5;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .jump-btn.jump-prev span[data-v-f77cd12a] {
  left: 20px;
  transform: rotate(90deg);
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .jump-btn.jump-next span[data-v-f77cd12a] {
  right: 20px;
  transform: rotate(-90deg);
}
.leaderboard-container .leaderboard-header__pagination[data-v-f77cd12a] {
  display: flex;
  margin-top: 28px;
  justify-content: center;
}
.leaderboard-container .leaderboard-header__pagination .pagination__item[data-v-f77cd12a] {
  cursor: pointer;
  height: 9px;
  position: relative;
  width: 46px;
}
.leaderboard-container .leaderboard-header__pagination .pagination__item[data-v-f77cd12a]::before {
  background: #5c569e;
  clip-path: polygon(3px 0, 100% 0, calc(100% - 3px) 100%, 0 100%);
  content: "";
  height: 3px;
  margin: 0 1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.leaderboard-container .leaderboard-header__pagination .pagination__item.active[data-v-f77cd12a] {
  cursor: unset;
}
.leaderboard-container .leaderboard-header__pagination .pagination__item.active[data-v-f77cd12a]::before {
  background: #f5115c;
}
.leaderboard-container .leaderboard-list-wrapper[data-v-f77cd12a] {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list__bg-image[data-v-f77cd12a] {
  height: 100%;
  max-width: 1920px;
  opacity: 0.4;
  position: absolute;
  width: 100vw;
  z-index: -2;
  background-image: url(../img/leaderboard-table-bg.d04a9b34.jpg);
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list[data-v-f77cd12a] {
  align-items: center;
  background: #0d0c1b;
  clip-path: polygon(15px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px), 0 15px);
  display: flex;
  flex-direction: column;
  max-width: 1026px;
  min-height: 1100px;
  padding: 44px 48px 55px;
  width: 95%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-f77cd12a] {
  background: #1b1830;
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px);
  display: flex;
  height: 94px;
  margin-top: 4px;
  max-width: 930px;
  position: relative;
  width: 100%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-f77cd12a]:nth-of-type(1), .leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-f77cd12a]:nth-of-type(2), .leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-f77cd12a]:nth-of-type(3) {
  margin-top: 6px;
  box-sizing: content-box;
  height: 102px;
  padding: 0 10px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-f77cd12a]:nth-of-type(1)::after, .leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-f77cd12a]:nth-of-type(2)::after, .leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-f77cd12a]:nth-of-type(3)::after {
  height: 100%;
  width: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-f77cd12a]:nth-of-type(1)::after {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABQCAQAAAD/o5AEAAAIGUlEQVR42u1abVMTVxTOTZZssskSCAoib0IVsVJEqFK10kBfRtvBt05sraXVsc0HZ+iUGcbXabmQu3d3Exs7O7Uz+eR3/oQ/LT13b+7eTRBRuKhUz4dludlkz57znHOec+5GXk1qiB1xVK6sxdiap8uVG4lCC1xjYE2s4DT7fLm1khQrTsY1I++A1BA/vsiC+VjzNYUWdqy2RJQJCt+OH+VnC77z4BiIazIV72bkirXXV3tf5F2QBnfVULO72EpOy9XhLc6faRLwCzpYU5FshCAtHIM42ogXT2cOxgm4KliB83dBuL3WAb4QWIfZxT/G5QrPTHZ7ZCdkfRKQeJIYCjtVqqcOR7tGUKQ54urwzsdkfOW0RkgvpcCp7+UNCgrno+b65TsHLSblyh3TX89G3stbIKg5P/GqJ6Ow2sLOcVykUf9cIUF5HQLPpEaek8/XrWj1HP5iySmqyTjaXFaeaeHywc/rlW5Xyradh55TkFGY1HHYS8BvekeoRyqF3a4RU0IlubLLBCfgGVRI/VfWdzHN8Pb0zVSKK1LppdRWgtw3IjjKWz5PJQENIk6mTPgbrOw2gCtOACpk9ShukxHhGxQpAvwGjdXmY4q30qvINdnxNUJuMz+4Jj3FuHNxMBLZiZQfuA7Jld2Wm/DYcquckmFNeXZdR+rWNotx92PcH3xlz2KSRYQqWvd/Etphz2KtnHKOhkyc9k2sJo0G8G7oYl4k5ZQ1ClUnLseazHlvLrMjq0sGvKKsvV0WQC/QU8KM1oeVLBsCe7okeII3q1Bb8PJNVCqNu6ascYvJxjRZU1XvXtVS9gGsYeNpYmey9xbEPk6ve3q5k17w9IDUjfrHrjAhrh93WnA0ByNyewhrMExIh1vlN8aSC8bKjLtf4OV+x91MfbNKDta1enPoi0I2tbFK1lX6NdyWYypXHoQ8NUq6A2t1YiMSeZIWtEtM+XPajimGNdLDJqwFmMCyUH9LNhKKg6tXllKkZ+Xsgi6gbI35vKBfcp1/2/000RpuFHcow9eQPWn9xFQic64pSgyZ9pn4GI6KMHB72d9wDPLBqPJ5Gk781RdBwJgQR0slqW7itEVxTet7eo6HP3CBbyAfRfF0aSKogOOkDzLXUKUn+EYv62juZmTKgIIdV9guAu++4nwkIo5M0OFI1Bord7L/uaMqWTju5S7ldiwYzKkCQ8obiWeaa67F6Ag27u+FETliDMkvtG0+XdEatopfF1fAmnOe/vokjUecW+AkX+hBMr+YpB3WVa9VWNO9wpSFHJYQSdQ9zCxFusPIVFEfIRf/00G+wca9Ift4EF/x1Y8WdCdDBmRccnWdTLjqKWSeUs6YD3PW3hrikw0yQIextnqUt5p+gmh/AFZ43C3LbdVYSvnbV5psq5XWwzPmn9esq5Ukh7L1k32i0ELm6AVur0rSvfRgHD6ZIacDyjd1fxgcecTpl7v/zL3YkGrXtgP4+dQfU+UUjnKq9m97cTAPXa+0wNPEUidrGEKbDRrL2gWYySqcCDdnb6uLXMRp9wiZFgxgudX60jXxPvKxUK5quJ8AfTHcw7LEPPBZO3CHEEtQAW+A58qM/QtOWx/Snx/V4ewco/PLrW6v/Z3IUO5+eh3HXbN46V672OsnnzBXWeOh6VqbqADbYOo5bbk1H6MHPZ124GwNeTp7e4RZztMBSSYvNLDKM5XGwjwvcld0B5zG+BK5GGTvhDXzxySOl87RkbUYt4R9gkyA1abpQeFC52jpEKBrmPTIt5F84pcoGGKFPQhXd2sq5VfO4jhHkH354Ukcd+acT7kFnmn2F/YJqHFf2ZP1n0dkwhplrrWHhFMqWavLp3aGxKcoUVvi3v4rPdl8zDXZzgaEcrScYmQXazcS+Rh3GnvmSpKxdD/ykPjuThUYtDpF56sGHrG/JT2iP3F+dDK3Bqyrbi+/hg47P4C6WXoJdwp3FWcXk1hzTzKFRRCw44Ou0G6JtgWaV0NOvzMHKg3Zs0/qhOPvLvq1k7nZZ83cqTOAe+3ulwUDSszJxaSYGlijnr4Wgx4wKlHFMbl+m/CVRsykD0f9l3k0Hw/7GH/EcdaTsB0inGBPTgZ8Wod4jPq5Oh3ORvmYQhcWWuyLQOE03jLR66vHq2zlEqzwMc93dAr+XiBzXn1Lhl5ZZStnSp8J6wDLOggps784KFnYrSz77UbAv6S9YK40itOyMSgOgkPGHweTcNLNblcek68bPG7DByA6exdCvV45xay37azd8F7WEBSLbKVHssTSIchJ7aRPjCkgnY54+nyKwT24aj97tUWgrU5UkBIXWuP2NU9/OODOC1vYk3S+nHrYQ+frc0zkHCO/YOPzDnpTFB3SQ69XjUrSvozTAac6De5B1hgcGwB/O71+W3qznSYI24XW0BuhaLnX039vox1y5dEAjt9Os1tIFzJ7NsaXAgux0oDjMq+U9gGZHRHPzTBjH2CDaBxCF4PxX8PymnLq0R6W+/PxZjBvUUEyXTwskGB/UfoAVDprjYt4LH1VhvKx8jmdElsy9izrhJ3TZAJHheOLUPV+65e0GFJqh59S2qT9zutNr6FtvEPgB7d8OyRe31GR0DdY2x3OxyyhwjXBCutrFLCksDxN0JEaumPiYXHjxaR7EkerRmlClIInaTsHcZe0J3OanBt4erWFjgRPjkg3XI9KocnwUopPD14xn1eN1WM1dDttjYkL72boKRytgGJCAde0ZyORU0ngCAmBIPu4pxcgi2EtiLgBOIfQCLeu/Nqw3bliG2HtP/YEVg7hFKfEAAAAAElFTkSuQmCC") no-repeat 0 100%/73px 80px, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABACAQAAAA98tgzAAAJCklEQVR42u1aWVMbRxDeRasDgUACZA5zCAhgwPgiiYmvyPFV5HDs2EriXJVUpfSQFFVxxQGTuIqJ9hYypFSVBz35nT+Rn6ZMz+xsz+4a40PBCaEpjZZmZranj6+7d1H2mVS8JG0wlmLIIxobE8ipJxknJc1J0RXKZodySK+g+6YKnyCHjzjbt89rJEkoflWKwbgjCbWSBFciCUnwtKIcukiLNM++hSOgLZAjaV4pxymPjso+U8SPSVuEo/FZKLLsRA0m8v125ZBeEdGbDDeCmg4EZwq+tl6rprnIUfALHIWPYU5RUw7puSmsVcXTajjlN+LIEQ7C1/FrmEVR/ZD+NxRK+aRNoLXA6Z3YShJDc6MLvu2cckj7TSr9gXGfKYLVUVSpJ5vISXPHkTkMVTqVQ3pBnUcbCToGSym1HMcZPNmvZpTXRp6A0UaCOwomnpKPKuyvnYyfVQ4+Uc20JIrVaNnk1dpqsNYmCbSGy1xjowt7TdJT1GBUXiP54kVbCzzKLodLKf8xUves4qKoi3zcZs91qugscR927bcNmPLp6K960AGoLnp6uH6YY64zpPzLSRw36kb/DWo+JaTpb087wC5NlBZ5ZKDt1lbxv0ZXRTl8DLcN9STfD3F7qwfXkT7oRK1e5eATDbOw10VTNWbFqLfiPtG9w/ydsH3UenLv5ylo2Da84V8a8y0NOQ36TAk4dET/02AsariP6CNRpB0vwYdX4RyFJniYSUff9Ugf8I1B5UCS0CGaayWJnHKa6VDqs5+keGJWpF7cS9g+ATJjHY0P8EmK21DcBatvviffB9s6qxcss5p5znIfJuMNhbDB9wYiXSA+PAhwwj5aYoKX4/KTwnAj8WcnL2YRZ5xuorEDHSRSxdmLXuBxfcJJ77fT0TcjGJ6kG2mcs9YNen6YQ46dA21vZ9E6pAdGYWy410YX2NTNYAD/0Q98YxAd1hgDeTbHXyaHqdxxwmgg8dRGHLbHwzUZpxST65DIKq+RaLaF30jQtcEYUQ/qE6y6hCGNNI9l1GF1gHGmcY4zD/oxznBNw3XlNHwbb5KEb53j8L12ks7x9tHHAe/tAupVH2eZYQIfJjsLEKjVSRcd6xigmjPaml5G4y6we+Zj6BGtcKIVoMrX4s58ZmTVrlXiU+pxkUtRFHodLIm0rXbglGI4h3NIAufANUk0pA4eOKVEUZM4Kbi7/AiOcuj4JPXMMET9oFB2jl7TEUUwjq5TBzL7zbzfIQ7bBUXZLujj/pwxfQpm2hP8d5hfnYRxcxyR+RG9fpirjSEWmXOQdirzyKksgALME0orSGg//FJE5vPuJlx2we/R0mwPDu68N2GtHQ5dN4Nb1rvgDQ4Zott6whpjf2kQVIJDNG4Fu4BebvXCocx+tOrDHIPKLF/F4qZnMU45UI9j5mzzwDFKgTBLeNiC3pZlt30DOeYcYHfttPBbknKXwD+r7/LjsWRyjrnOOXpL7x7mCXA7cw6xuTILEaFP+QlddeaX6T7r0xJnFFattqb3FMlJ/Cacg6casADYDB0HPrt1meIjXMr77dm0O4YIHFiR8MHOrXWDqdd7/TlD7gxozJouxQQy/3qcutWs9YbguEPmHLiMdUwIb/XqM7AP2tDN1OictW59Sqza7Fifg7qUznnGIbwzivNiEcqhDreHWmU7i95e64PEoE9WB/x4yD+aZe5QEGJuHtmehQSyNeH7f1afAvHJKD5KtqaZNxfw7o/GwQWNkearP1MLtnWhKj7F0Dor1+zLFPExqMB69SQrhtVgvwTcYK1DP6GG8Sl6j2ZF3hjgQqjcwCGklHJmMd6I2++5GWF8632oB51PDQ+bqwP2nR976ZzbAtHXup2PAC3s6xxvGEovQ2lhF6uT4vjm5fU8hLRdEJLZi6QH7v7SKR80ijAGujKO0r+IzDcNLYD9FtGELp35n7I7seqZclyIYE1DZ+POSiltZKML8Ao1TAZAGWRULqbvt7ekkQgmBb4pkZrlX/shoyLkleO/jUEormakBD+gqNSjOyXOEOzzp8zJwlqS2BNVBMyhSEWNtxN+KI4xw04YY7423rZPUzGXzGvigZD1/i/XqaNcNO6sZviOzrL+IdXqWfduvcvjXNJvKurmCftemR9Ptc4ad6g7zNifCdFrc8Bxh9xbVPQWEKvl5HcLDgNI1C9J/TwGxl/rRs6jGVbV5GA9923qsWo9X+uTgrQAkbIuFdPuEKBNi19aAVSWYoFmeYCkSzHzOFjO0/0xM/8k5Zzk/gsH1mc2holWPYNZWZ80BllkpP2UP2qMAJyKqpCppQfKtuf6P54gIHHt/VRAt6q8Q3WUMK8J0bcHrU+2s6WY9R0kG952WN8ZRzc7nK+MJdiROcK39gRF5nvWRc5xRp1vAE+sL80rXrAOWl8Dfph3zcukzasb7wIKOZeUlpAqnnJjREBJ7LfIKhje6V5JbgzzJ+M0XtRaH3CMQZ6hWSGQZdocgW6WV+kbXWvdcAD+9yZr41llnnoB9JDDVbyrARFXkli5mf0QtNidO6PVU9T4i+acCHd9ZvUauIO9WE8KWNSvUjx/yzjHxSnH9XHng3LcPGVcEgnLHbZuARBYZ180OLFsQsE7f+gE4yGmEtZCVBacea79nZixZF2k2r7oXnYzPOzs4upNeqAL1od2jjuhdf7320Rzl4zbZp4L7lxwPm/E6eFKxiDnWGfNr+g+x6yb5IjyTxCvDOX/jOBpHXhE4w884birGUhZJAUfRd3OQk1PEuX4gw5e3Vu91AY5aAvhLRu4C+nhr8OhiWNN3YsRNqryUjvHTe6XTenqeQhU+2Ph5WbeuglIg0WAMejerU6W05UvzFOwjjV498hxapPvrfNedTpkf2a8uZi27zkXOMehhYJzkmbpj176nwewFPK00eYOY3VnnoDqxryy0SWO5lwCwc1ll/ZJnGPesCfKaXKLeHVirc/4AAR3PncW2D1UM+/cAMGNO5VF76VKp12sLFBrXFVaS9xVxIvvUowaNs2LAHAU8Gja98Mxj2y1w5OqJjV6Of54pBR7PEKy8BgOkvuTlDlXT1rTtb5GnGTpLtl6koZ3Sh838/wf+XZifwPkaeEeoxlVOwAAAABJRU5ErkJggg==") no-repeat 100% 100%/92px 64px, radial-gradient(closest-side, rgba(251, 198, 96, 0.35), rgba(251, 198, 96, 0.1), transparent) no-repeat -90px -110px/191px 203px, radial-gradient(closest-side, rgba(251, 198, 96, 0.35), rgba(251, 198, 96, 0.1), transparent) no-repeat calc(100% + 90px) -110px/191px 203px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-f77cd12a]:nth-of-type(2)::after {
  background: url("data:image/png;base64,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") no-repeat 0 100%/73px 80px, url("data:image/png;base64,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") no-repeat 100% 100%/92px 64px, radial-gradient(closest-side, rgba(192, 210, 220, 0.35), rgba(192, 210, 220, 0.1), transparent) no-repeat -90px -110px/191px 203px, radial-gradient(closest-side, rgba(192, 210, 220, 0.35), rgba(192, 210, 220, 0.1), transparent) no-repeat calc(100% + 90px) -110px/191px 203px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-f77cd12a]:nth-of-type(3)::after {
  background: url("data:image/png;base64,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") no-repeat 0 100%/73px 80px, url("data:image/png;base64,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") no-repeat 100% 100%/92px 64px, radial-gradient(closest-side, rgba(190, 119, 97, 0.35), rgba(190, 119, 97, 0.1), transparent) no-repeat -90px -110px/191px 203px, radial-gradient(closest-side, rgba(190, 119, 97, 0.35), rgba(190, 119, 97, 0.1), transparent) no-repeat calc(100% + 90px) -110px/191px 203px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .table-row__place[data-v-f77cd12a] {
  font-size: 20px;
  line-height: 94px;
  text-align: center;
  width: 13%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row[data-v-f77cd12a] {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  padding-right: 32px;
  width: 93%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-user[data-v-f77cd12a] {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-user .username[data-v-f77cd12a] {
  color: #bbbdcf;
  margin-left: 15px;
  width: calc(100% - 80px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-point[data-v-f77cd12a] {
  display: flex;
  align-items: center;
  width: 30%;
  line-height: 16px;
  color: #ffb973;
  gap: 12px;
  font-weight: 600;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-point img[data-v-f77cd12a] {
  height: 36px;
  width: 36px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-prize[data-v-f77cd12a] {
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  width: 162px;
  margin-left: 30px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-prize img[data-v-f77cd12a] {
  height: 100%;
  max-width: 100%;
  max-height: 70px;
  transition: transform 0.3s;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-prize div[data-v-f77cd12a] {
  color: #4af1b8;
  font-weight: 700;
  position: absolute;
  right: 10px;
  top: 14px;
}
.leaderboard-countdown[data-v-1919360d] {
  align-items: center;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 767px) {
.leaderboard-countdown[data-v-1919360d] {
    height: 40px;
    width: 168px;
}
}
.leaderboard-countdown .left-gradient[data-v-1919360d],
.leaderboard-countdown .right-gradient[data-v-1919360d] {
  height: 48px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 58px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
@media screen and (max-width: 767px) {
.leaderboard-countdown .left-gradient[data-v-1919360d],
  .leaderboard-countdown .right-gradient[data-v-1919360d] {
    width: 30px;
}
}
.leaderboard-countdown .left-gradient[data-v-1919360d] {
  left: 0;
  background-image: url(data:image/png;base64,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);
}
.leaderboard-countdown .right-gradient[data-v-1919360d] {
  right: 0;
  transform: scaleX(-1);
  background-image: url(data:image/png;base64,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);
}
.leaderboard-countdown .timer[data-v-1919360d] {
  color: #5c569e;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  gap: 10px;
}
.leaderboard-countdown .timer .timer__number[data-v-1919360d] {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 32px;
}
.leaderboard-countdown .timer .timer__number:not(:last-child) .number[data-v-1919360d]::after {
  content: ":";
  left: 100%;
  position: absolute;
  text-align: center;
  width: 10px;
}
@media screen and (max-width: 767px) {
.leaderboard-countdown .timer .timer__number:not(:last-child) .number[data-v-1919360d]::after {
    height: 26px;
}
}
.leaderboard-countdown .timer .timer__number .number[data-v-1919360d] {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}
.leaderboard-countdown .timer .timer__number .text[data-v-1919360d] {
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  opacity: 0.4;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.leaderboard-countdown .timer .timer__number .text[data-v-1919360d] {
    font-size: 6px;
}
}
.leaderboard-container[data-v-02c8d159] {
  width: 1384px;
  margin: 0 auto;
  padding: 15px 44px;
  max-width: 100%;
}
.leaderboard-container .timer-block-wrapper[data-v-02c8d159] {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.leaderboard-container .timer-block-wrapper .timer-block[data-v-02c8d159] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-basis: 30%;
  flex-grow: 1;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-top[data-v-02c8d159] {
  display: flex;
  flex-direction: column;
  height: 70px;
  justify-content: flex-end;
  padding-bottom: 22px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom[data-v-02c8d159] {
  display: flex;
  padding-top: 6px;
  position: relative;
  width: 100%;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom[data-v-02c8d159]::before {
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  width: calc(100% - 7px);
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom[data-v-02c8d159]::after {
  background: #ce03a4;
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  width: 10px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__left[data-v-02c8d159] {
  justify-content: flex-start;
  padding-left: 2px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__left[data-v-02c8d159]::before {
  background: linear-gradient(90deg, #ce03a4, #2c2a44 25%, #2c2a44 50%, rgba(44, 42, 68, 0));
  left: 10px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__left[data-v-02c8d159]::after {
  left: 0;
  transform: rotate(-45deg);
  transform-origin: right;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__right[data-v-02c8d159] {
  justify-content: flex-end;
  padding-right: 2px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__right[data-v-02c8d159]::before {
  background: linear-gradient(270deg, #ce03a4, #2c2a44 25%, #2c2a44 50%, rgba(44, 42, 68, 0));
  right: 10px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__right[data-v-02c8d159]::after {
  right: 0;
  transform: rotate(45deg);
  transform-origin: left;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-img[data-v-02c8d159] {
  height: 12px;
  width: 100px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-img__right[data-v-02c8d159] {
  transform: scaleX(-1);
}
.leaderboard-container .timer-block-wrapper .timer-content[data-v-02c8d159] {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
}
.leaderboard-container .timer-block-wrapper .timer-content .timer-content__logo[data-v-02c8d159] {
  height: 34px;
  margin-bottom: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 80px;
}
.leaderboard-container .timer-block-wrapper .timer-content .timer-content__subtitle[data-v-02c8d159] {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #5c569e;
  padding-top: 16px;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper[data-v-02c8d159] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .btns[data-v-02c8d159] {
  display: flex;
  gap: 20px;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .jump-btn[data-v-02c8d159] {
  align-items: center;
  background-color: #221f3c;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #9793c7;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 26px;
  height: 42px;
  justify-content: center;
  line-height: 18px;
  min-width: 174px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .jump-btn span[data-v-02c8d159] {
  background-color: #ada7de;
  bottom: 0;
  height: 5px;
  margin: auto 0;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  position: absolute;
  top: 0;
  width: 10px;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .jump-btn[data-v-02c8d159]:disabled {
  color: #fff;
  background-color: #4f4b78;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .jump-btn.jump-prev span[data-v-02c8d159] {
  left: 20px;
  transform: rotate(90deg);
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .jump-btn.jump-next span[data-v-02c8d159] {
  right: 20px;
  transform: rotate(-90deg);
}
@media screen and (max-width: 767px) {
.leaderboard-container .timer-block-wrapper[data-v-02c8d159] {
    justify-content: center;
}
.leaderboard-container .timer-block-wrapper .timer-block[data-v-02c8d159] {
    display: none;
}
}
@media screen and (max-width: 490px) {
.leaderboard-container .timer-block-wrapper[data-v-02c8d159] {
    margin-bottom: -20px;
}
.leaderboard-container .timer-block-wrapper .btns[data-v-02c8d159] {
    transform: scale(0.8);
    transform-origin: top;
}
}
.leaderboard-container .leaderboard-header__pagination[data-v-02c8d159] {
  display: flex;
  margin-top: 28px;
  justify-content: center;
}
.leaderboard-container .leaderboard-header__pagination .pagination__item[data-v-02c8d159] {
  cursor: pointer;
  height: 9px;
  position: relative;
  width: 46px;
}
.leaderboard-container .leaderboard-header__pagination .pagination__item[data-v-02c8d159]::before {
  background: #5c569e;
  clip-path: polygon(3px 0, 100% 0, calc(100% - 3px) 100%, 0 100%);
  content: "";
  height: 3px;
  margin: 0 1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.leaderboard-container .leaderboard-header__pagination .pagination__item.active[data-v-02c8d159] {
  cursor: unset;
}
.leaderboard-container .leaderboard-header__pagination .pagination__item.active[data-v-02c8d159]::before {
  background: #f5115c;
}
.leaderboard-container .leaderboard-list-wrapper[data-v-02c8d159] {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list__bg-image[data-v-02c8d159] {
  height: 100%;
  max-width: 1920px;
  opacity: 0.4;
  position: absolute;
  width: 100vw;
  z-index: -2;
  background-image: url(../img/leaderboard-table-bg.d04a9b34.jpg);
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list[data-v-02c8d159] {
  align-items: center;
  background: #0d0c1b;
  clip-path: polygon(15px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px), 0 15px);
  display: flex;
  flex-direction: column;
  max-width: 1026px;
  min-height: 1100px;
  padding: 44px 48px 55px;
  width: 95%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .prompt-text[data-v-02c8d159] {
  color: #bbbdcf;
  font-size: 16px;
  padding-top: 88px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .divide[data-v-02c8d159] {
  align-self: flex-start;
  color: #bbbdcf;
  font-size: 36px;
  line-height: 0.2em;
  margin-bottom: 18px;
  position: relative;
  text-align: center;
  width: 8%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-02c8d159] {
  background: #1b1830;
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px);
  display: flex;
  height: 94px;
  margin-top: 4px;
  max-width: 930px;
  position: relative;
  width: 100%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-02c8d159]:nth-of-type(1), .leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-02c8d159]:nth-of-type(2), .leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-02c8d159]:nth-of-type(3) {
  margin-top: 6px;
  box-sizing: content-box;
  height: 102px;
  padding: 0 10px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-02c8d159]:nth-of-type(1)::after, .leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-02c8d159]:nth-of-type(2)::after, .leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-02c8d159]:nth-of-type(3)::after {
  height: 100%;
  width: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-02c8d159]:nth-of-type(1)::after {
  background: url("data:image/png;base64,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") no-repeat 0 100%/73px 80px, url("data:image/png;base64,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") no-repeat 100% 100%/92px 64px, radial-gradient(closest-side, rgba(251, 198, 96, 0.35), rgba(251, 198, 96, 0.1), transparent) no-repeat -90px -110px/191px 203px, radial-gradient(closest-side, rgba(251, 198, 96, 0.35), rgba(251, 198, 96, 0.1), transparent) no-repeat calc(100% + 90px) -110px/191px 203px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-02c8d159]:nth-of-type(2)::after {
  background: url("data:image/png;base64,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") no-repeat 0 100%/73px 80px, url("data:image/png;base64,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") no-repeat 100% 100%/92px 64px, radial-gradient(closest-side, rgba(192, 210, 220, 0.35), rgba(192, 210, 220, 0.1), transparent) no-repeat -90px -110px/191px 203px, radial-gradient(closest-side, rgba(192, 210, 220, 0.35), rgba(192, 210, 220, 0.1), transparent) no-repeat calc(100% + 90px) -110px/191px 203px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-02c8d159]:nth-of-type(3)::after {
  background: url("data:image/png;base64,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") no-repeat 0 100%/73px 80px, url("data:image/png;base64,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") no-repeat 100% 100%/92px 64px, radial-gradient(closest-side, rgba(190, 119, 97, 0.35), rgba(190, 119, 97, 0.1), transparent) no-repeat -90px -110px/191px 203px, radial-gradient(closest-side, rgba(190, 119, 97, 0.35), rgba(190, 119, 97, 0.1), transparent) no-repeat calc(100% + 90px) -110px/191px 203px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item.me[data-v-02c8d159]::before, .leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item.me[data-v-02c8d159]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item.me[data-v-02c8d159]::before {
  background: #f5115c;
  height: 100%;
  width: 100%;
  z-index: -2;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item.me[data-v-02c8d159]::after {
  background: #141324;
  box-shadow: inset 0 0 20px rgba(245, 17, 92, 0.4);
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px);
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  z-index: -1;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item.me[data-v-02c8d159]:nth-of-type(1)::after {
  background: url("data:image/png;base64,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") no-repeat 0 100%/73px 80px, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABACAQAAAA98tgzAAAJCklEQVR42u1aWVMbRxDeRasDgUACZA5zCAhgwPgiiYmvyPFV5HDs2EriXJVUpfSQFFVxxQGTuIqJ9hYypFSVBz35nT+Rn6ZMz+xsz+4a40PBCaEpjZZmZranj6+7d1H2mVS8JG0wlmLIIxobE8ipJxknJc1J0RXKZodySK+g+6YKnyCHjzjbt89rJEkoflWKwbgjCbWSBFciCUnwtKIcukiLNM++hSOgLZAjaV4pxymPjso+U8SPSVuEo/FZKLLsRA0m8v125ZBeEdGbDDeCmg4EZwq+tl6rprnIUfALHIWPYU5RUw7puSmsVcXTajjlN+LIEQ7C1/FrmEVR/ZD+NxRK+aRNoLXA6Z3YShJDc6MLvu2cckj7TSr9gXGfKYLVUVSpJ5vISXPHkTkMVTqVQ3pBnUcbCToGSym1HMcZPNmvZpTXRp6A0UaCOwomnpKPKuyvnYyfVQ4+Uc20JIrVaNnk1dpqsNYmCbSGy1xjowt7TdJT1GBUXiP54kVbCzzKLodLKf8xUves4qKoi3zcZs91qugscR927bcNmPLp6K960AGoLnp6uH6YY64zpPzLSRw36kb/DWo+JaTpb087wC5NlBZ5ZKDt1lbxv0ZXRTl8DLcN9STfD3F7qwfXkT7oRK1e5eATDbOw10VTNWbFqLfiPtG9w/ydsH3UenLv5ylo2Da84V8a8y0NOQ36TAk4dET/02AsariP6CNRpB0vwYdX4RyFJniYSUff9Ugf8I1B5UCS0CGaayWJnHKa6VDqs5+keGJWpF7cS9g+ATJjHY0P8EmK21DcBatvviffB9s6qxcss5p5znIfJuMNhbDB9wYiXSA+PAhwwj5aYoKX4/KTwnAj8WcnL2YRZ5xuorEDHSRSxdmLXuBxfcJJ77fT0TcjGJ6kG2mcs9YNen6YQ46dA21vZ9E6pAdGYWy410YX2NTNYAD/0Q98YxAd1hgDeTbHXyaHqdxxwmgg8dRGHLbHwzUZpxST65DIKq+RaLaF30jQtcEYUQ/qE6y6hCGNNI9l1GF1gHGmcY4zD/oxznBNw3XlNHwbb5KEb53j8L12ks7x9tHHAe/tAupVH2eZYQIfJjsLEKjVSRcd6xigmjPaml5G4y6we+Zj6BGtcKIVoMrX4s58ZmTVrlXiU+pxkUtRFHodLIm0rXbglGI4h3NIAufANUk0pA4eOKVEUZM4Kbi7/AiOcuj4JPXMMET9oFB2jl7TEUUwjq5TBzL7zbzfIQ7bBUXZLujj/pwxfQpm2hP8d5hfnYRxcxyR+RG9fpirjSEWmXOQdirzyKksgALME0orSGg//FJE5vPuJlx2we/R0mwPDu68N2GtHQ5dN4Nb1rvgDQ4Zott6whpjf2kQVIJDNG4Fu4BebvXCocx+tOrDHIPKLF/F4qZnMU45UI9j5mzzwDFKgTBLeNiC3pZlt30DOeYcYHfttPBbknKXwD+r7/LjsWRyjrnOOXpL7x7mCXA7cw6xuTILEaFP+QlddeaX6T7r0xJnFFattqb3FMlJ/Cacg6casADYDB0HPrt1meIjXMr77dm0O4YIHFiR8MHOrXWDqdd7/TlD7gxozJouxQQy/3qcutWs9YbguEPmHLiMdUwIb/XqM7AP2tDN1OictW59Sqza7Fifg7qUznnGIbwzivNiEcqhDreHWmU7i95e64PEoE9WB/x4yD+aZe5QEGJuHtmehQSyNeH7f1afAvHJKD5KtqaZNxfw7o/GwQWNkearP1MLtnWhKj7F0Dor1+zLFPExqMB69SQrhtVgvwTcYK1DP6GG8Sl6j2ZF3hjgQqjcwCGklHJmMd6I2++5GWF8632oB51PDQ+bqwP2nR976ZzbAtHXup2PAC3s6xxvGEovQ2lhF6uT4vjm5fU8hLRdEJLZi6QH7v7SKR80ijAGujKO0r+IzDcNLYD9FtGELp35n7I7seqZclyIYE1DZ+POSiltZKML8Ao1TAZAGWRULqbvt7ekkQgmBb4pkZrlX/shoyLkleO/jUEormakBD+gqNSjOyXOEOzzp8zJwlqS2BNVBMyhSEWNtxN+KI4xw04YY7423rZPUzGXzGvigZD1/i/XqaNcNO6sZviOzrL+IdXqWfduvcvjXNJvKurmCftemR9Ptc4ad6g7zNifCdFrc8Bxh9xbVPQWEKvl5HcLDgNI1C9J/TwGxl/rRs6jGVbV5GA9923qsWo9X+uTgrQAkbIuFdPuEKBNi19aAVSWYoFmeYCkSzHzOFjO0/0xM/8k5Zzk/gsH1mc2holWPYNZWZ80BllkpP2UP2qMAJyKqpCppQfKtuf6P54gIHHt/VRAt6q8Q3WUMK8J0bcHrU+2s6WY9R0kG952WN8ZRzc7nK+MJdiROcK39gRF5nvWRc5xRp1vAE+sL80rXrAOWl8Dfph3zcukzasb7wIKOZeUlpAqnnJjREBJ7LfIKhje6V5JbgzzJ+M0XtRaH3CMQZ6hWSGQZdocgW6WV+kbXWvdcAD+9yZr41llnnoB9JDDVbyrARFXkli5mf0QtNidO6PVU9T4i+acCHd9ZvUauIO9WE8KWNSvUjx/yzjHxSnH9XHng3LcPGVcEgnLHbZuARBYZ180OLFsQsE7f+gE4yGmEtZCVBacea79nZixZF2k2r7oXnYzPOzs4upNeqAL1od2jjuhdf7320Rzl4zbZp4L7lxwPm/E6eFKxiDnWGfNr+g+x6yb5IjyTxCvDOX/jOBpHXhE4w884birGUhZJAUfRd3OQk1PEuX4gw5e3Vu91AY5aAvhLRu4C+nhr8OhiWNN3YsRNqryUjvHTe6XTenqeQhU+2Ph5WbeuglIg0WAMejerU6W05UvzFOwjjV498hxapPvrfNedTpkf2a8uZi27zkXOMehhYJzkmbpj176nwewFPK00eYOY3VnnoDqxryy0SWO5lwCwc1ll/ZJnGPesCfKaXKLeHVirc/4AAR3PncW2D1UM+/cAMGNO5VF76VKp12sLFBrXFVaS9xVxIvvUowaNs2LAHAU8Gja98Mxj2y1w5OqJjV6Of54pBR7PEKy8BgOkvuTlDlXT1rTtb5GnGTpLtl6koZ3Sh838/wf+XZifwPkaeEeoxlVOwAAAABJRU5ErkJggg==") no-repeat 100% 100%/92px 64px, radial-gradient(closest-side, rgba(251, 198, 96, 0.35), rgba(251, 198, 96, 0.1), transparent) no-repeat -90px -110px/191px 203px, radial-gradient(closest-side, rgba(251, 198, 96, 0.35), rgba(251, 198, 96, 0.1), transparent) no-repeat calc(100% + 90px) -110px/191px 203px, #141324;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item.me[data-v-02c8d159]:nth-of-type(2)::after {
  background: url("data:image/png;base64,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") no-repeat 0 100%/73px 80px, url("data:image/png;base64,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") no-repeat 100% 100%/92px 64px, radial-gradient(closest-side, rgba(192, 210, 220, 0.35), rgba(192, 210, 220, 0.1), transparent) no-repeat -90px -110px/191px 203px, radial-gradient(closest-side, rgba(192, 210, 220, 0.35), rgba(192, 210, 220, 0.1), transparent) no-repeat calc(100% + 90px) -110px/191px 203px, #141324;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item.me[data-v-02c8d159]:nth-of-type(3)::after {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABQCAQAAAD/o5AEAAAIGUlEQVR42u1abVMTVxTOTZZssskSCAoib0IVsVJEqFK10kBfRtvBt05sraXVsc0HZ+iUGcbXabmQu3d3Exs7O7Uz+eR3/oQ/LT13b+7eTRBRuKhUz4dludlkz57znHOec+5GXk1qiB1xVK6sxdiap8uVG4lCC1xjYE2s4DT7fLm1khQrTsY1I++A1BA/vsiC+VjzNYUWdqy2RJQJCt+OH+VnC77z4BiIazIV72bkirXXV3tf5F2QBnfVULO72EpOy9XhLc6faRLwCzpYU5FshCAtHIM42ogXT2cOxgm4KliB83dBuL3WAb4QWIfZxT/G5QrPTHZ7ZCdkfRKQeJIYCjtVqqcOR7tGUKQ54urwzsdkfOW0RkgvpcCp7+UNCgrno+b65TsHLSblyh3TX89G3stbIKg5P/GqJ6Ow2sLOcVykUf9cIUF5HQLPpEaek8/XrWj1HP5iySmqyTjaXFaeaeHywc/rlW5Xyradh55TkFGY1HHYS8BvekeoRyqF3a4RU0IlubLLBCfgGVRI/VfWdzHN8Pb0zVSKK1LppdRWgtw3IjjKWz5PJQENIk6mTPgbrOw2gCtOACpk9ShukxHhGxQpAvwGjdXmY4q30qvINdnxNUJuMz+4Jj3FuHNxMBLZiZQfuA7Jld2Wm/DYcquckmFNeXZdR+rWNotx92PcH3xlz2KSRYQqWvd/Etphz2KtnHKOhkyc9k2sJo0G8G7oYl4k5ZQ1ClUnLseazHlvLrMjq0sGvKKsvV0WQC/QU8KM1oeVLBsCe7okeII3q1Bb8PJNVCqNu6ascYvJxjRZU1XvXtVS9gGsYeNpYmey9xbEPk6ve3q5k17w9IDUjfrHrjAhrh93WnA0ByNyewhrMExIh1vlN8aSC8bKjLtf4OV+x91MfbNKDta1enPoi0I2tbFK1lX6NdyWYypXHoQ8NUq6A2t1YiMSeZIWtEtM+XPajimGNdLDJqwFmMCyUH9LNhKKg6tXllKkZ+Xsgi6gbI35vKBfcp1/2/000RpuFHcow9eQPWn9xFQic64pSgyZ9pn4GI6KMHB72d9wDPLBqPJ5Gk781RdBwJgQR0slqW7itEVxTet7eo6HP3CBbyAfRfF0aSKogOOkDzLXUKUn+EYv62juZmTKgIIdV9guAu++4nwkIo5M0OFI1Bord7L/uaMqWTju5S7ldiwYzKkCQ8obiWeaa67F6Ag27u+FETliDMkvtG0+XdEatopfF1fAmnOe/vokjUecW+AkX+hBMr+YpB3WVa9VWNO9wpSFHJYQSdQ9zCxFusPIVFEfIRf/00G+wca9Ift4EF/x1Y8WdCdDBmRccnWdTLjqKWSeUs6YD3PW3hrikw0yQIextnqUt5p+gmh/AFZ43C3LbdVYSvnbV5psq5XWwzPmn9esq5Ukh7L1k32i0ELm6AVur0rSvfRgHD6ZIacDyjd1fxgcecTpl7v/zL3YkGrXtgP4+dQfU+UUjnKq9m97cTAPXa+0wNPEUidrGEKbDRrL2gWYySqcCDdnb6uLXMRp9wiZFgxgudX60jXxPvKxUK5quJ8AfTHcw7LEPPBZO3CHEEtQAW+A58qM/QtOWx/Snx/V4ewco/PLrW6v/Z3IUO5+eh3HXbN46V672OsnnzBXWeOh6VqbqADbYOo5bbk1H6MHPZ124GwNeTp7e4RZztMBSSYvNLDKM5XGwjwvcld0B5zG+BK5GGTvhDXzxySOl87RkbUYt4R9gkyA1abpQeFC52jpEKBrmPTIt5F84pcoGGKFPQhXd2sq5VfO4jhHkH354Ukcd+acT7kFnmn2F/YJqHFf2ZP1n0dkwhplrrWHhFMqWavLp3aGxKcoUVvi3v4rPdl8zDXZzgaEcrScYmQXazcS+Rh3GnvmSpKxdD/ykPjuThUYtDpF56sGHrG/JT2iP3F+dDK3Bqyrbi+/hg47P4C6WXoJdwp3FWcXk1hzTzKFRRCw44Ou0G6JtgWaV0NOvzMHKg3Zs0/qhOPvLvq1k7nZZ83cqTOAe+3ulwUDSszJxaSYGlijnr4Wgx4wKlHFMbl+m/CVRsykD0f9l3k0Hw/7GH/EcdaTsB0inGBPTgZ8Wod4jPq5Oh3ORvmYQhcWWuyLQOE03jLR66vHq2zlEqzwMc93dAr+XiBzXn1Lhl5ZZStnSp8J6wDLOggps784KFnYrSz77UbAv6S9YK40itOyMSgOgkPGHweTcNLNblcek68bPG7DByA6exdCvV45xay37azd8F7WEBSLbKVHssTSIchJ7aRPjCkgnY54+nyKwT24aj97tUWgrU5UkBIXWuP2NU9/OODOC1vYk3S+nHrYQ+frc0zkHCO/YOPzDnpTFB3SQ69XjUrSvozTAac6De5B1hgcGwB/O71+W3qznSYI24XW0BuhaLnX039vox1y5dEAjt9Os1tIFzJ7NsaXAgux0oDjMq+U9gGZHRHPzTBjH2CDaBxCF4PxX8PymnLq0R6W+/PxZjBvUUEyXTwskGB/UfoAVDprjYt4LH1VhvKx8jmdElsy9izrhJ3TZAJHheOLUPV+65e0GFJqh59S2qT9zutNr6FtvEPgB7d8OyRe31GR0DdY2x3OxyyhwjXBCutrFLCksDxN0JEaumPiYXHjxaR7EkerRmlClIInaTsHcZe0J3OanBt4erWFjgRPjkg3XI9KocnwUopPD14xn1eN1WM1dDttjYkL72boKRytgGJCAde0ZyORU0ngCAmBIPu4pxcgi2EtiLgBOIfQCLeu/Nqw3bliG2HtP/YEVg7hFKfEAAAAAElFTkSuQmCC") no-repeat 0 100%/73px 80px, url("data:image/png;base64,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") no-repeat 100% 100%/92px 64px, radial-gradient(closest-side, rgba(190, 119, 97, 0.35), rgba(190, 119, 97, 0.1), transparent) no-repeat -90px -110px/191px 203px, radial-gradient(closest-side, rgba(190, 119, 97, 0.35), rgba(190, 119, 97, 0.1), transparent) no-repeat calc(100% + 90px) -110px/191px 203px, #141324;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .table-row__place[data-v-02c8d159] {
  font-size: 20px;
  line-height: 94px;
  text-align: center;
  width: 13%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row[data-v-02c8d159] {
  display: flex;
  justify-content: space-between;
  padding-right: 32px;
  width: 92%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-user[data-v-02c8d159] {
  display: flex;
  align-items: center;
  flex-grow: 1;
  width: 40%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-user .username[data-v-02c8d159] {
  color: #bbbdcf;
  margin-left: 15px;
  width: calc(100% - 80px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-user .username span[data-v-02c8d159] {
  color: #54566c;
  font-size: 16px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-point[data-v-02c8d159] {
  display: flex;
  align-items: center;
  width: 30%;
  line-height: 16px;
  color: #ffb973;
  gap: 10px;
  font-weight: 600;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-point img[data-v-02c8d159] {
  height: 30px;
  width: 30px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-prize[data-v-02c8d159] {
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  width: calc(30% - 30px);
  max-width: 160px;
  margin-left: 30px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-prize.prize-type-3 img[data-v-02c8d159] {
  width: 80px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-prize img[data-v-02c8d159] {
  width: 99px;
  max-width: 100%;
  transition: transform 0.3s;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-prize div[data-v-02c8d159] {
  color: #4af1b8;
  font-weight: 700;
  position: absolute;
  right: 10px;
  top: 14px;
}
@media screen and (max-width: 1023px) {
.leaderboard-container[data-v-02c8d159] {
    padding: 15px 20px;
}
.leaderboard-container .leaderboard-list[data-v-02c8d159] {
    width: 98% !important;
    padding: 30px 30px 38px !important;
}
}
@media screen and (max-width: 767px) {
.leaderboard-container[data-v-02c8d159] {
    padding: 15px 10px;
}
.leaderboard-container .leaderboard-list-wrapper[data-v-02c8d159] {
    width: 117.6470588235% !important;
    transform: scale(0.85);
    transform-origin: top left;
    margin-bottom: -200px;
}
.leaderboard-container .leaderboard-list[data-v-02c8d159] {
    width: 100% !important;
    padding: 30px 15px 38px !important;
}
.leaderboard-container .leaderboard-list .leaderboard-item[data-v-02c8d159] {
    font-size: 14px;
}
.leaderboard-container .leaderboard-list .leaderboard-item .item-prize div[data-v-02c8d159] {
    right: -10px !important;
}
}
@media screen and (max-width: 490px) {
.leaderboard-container[data-v-02c8d159] {
    padding: 0 10px 15px;
}
.leaderboard-container .leaderboard-list-wrapper[data-v-02c8d159] {
    width: 142.8571428571% !important;
    transform: scale(0.7);
    transform-origin: top left;
    margin-bottom: -360px;
}
.leaderboard-container .leaderboard-list[data-v-02c8d159] {
    padding: 30px 15px 38px !important;
}
.leaderboard-container .leaderboard-list .leaderboard-item[data-v-02c8d159] {
    font-size: 14px;
}
.leaderboard-container .leaderboard-list .leaderboard-item .leaderboard-item__row[data-v-02c8d159] {
    padding-right: 20px !important;
}
.leaderboard-container .leaderboard-list .leaderboard-item .username[data-v-02c8d159] {
    margin-left: 7px !important;
    width: calc(100% - 70px) !important;
    max-width: 67px;
}
.leaderboard-container .leaderboard-list .leaderboard-item .item-point[data-v-02c8d159] {
    gap: 5px !important;
}
.leaderboard-container .leaderboard-list .leaderboard-item .item-prize[data-v-02c8d159] {
    width: calc(30% - 20px) !important;
    margin-left: 20px !important;
}
.leaderboard-container .leaderboard-list .leaderboard-item .item-prize div[data-v-02c8d159] {
    right: -10px !important;
}
}
.leaderboard-container[data-v-04c62a76] {
  width: 1384px;
  margin: 0 auto;
  padding: 15px 44px;
  max-width: 100%;
}
.leaderboard-container .timer-block-wrapper[data-v-04c62a76] {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.leaderboard-container .timer-block-wrapper .timer-block[data-v-04c62a76] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-basis: 30%;
  flex-grow: 1;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-top[data-v-04c62a76] {
  display: flex;
  flex-direction: column;
  height: 70px;
  justify-content: flex-end;
  padding-bottom: 22px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom[data-v-04c62a76] {
  display: flex;
  padding-top: 6px;
  position: relative;
  width: 100%;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom[data-v-04c62a76]::before {
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  width: calc(100% - 7px);
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom[data-v-04c62a76]::after {
  background: #ce03a4;
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  width: 10px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__left[data-v-04c62a76] {
  justify-content: flex-start;
  padding-left: 2px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__left[data-v-04c62a76]::before {
  background: linear-gradient(90deg, #ce03a4, #2c2a44 25%, #2c2a44 50%, rgba(44, 42, 68, 0));
  left: 10px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__left[data-v-04c62a76]::after {
  left: 0;
  transform: rotate(-45deg);
  transform-origin: right;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__right[data-v-04c62a76] {
  justify-content: flex-end;
  padding-right: 2px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__right[data-v-04c62a76]::before {
  background: linear-gradient(270deg, #ce03a4, #2c2a44 25%, #2c2a44 50%, rgba(44, 42, 68, 0));
  right: 10px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-bottom__right[data-v-04c62a76]::after {
  right: 0;
  transform: rotate(45deg);
  transform-origin: left;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-img[data-v-04c62a76] {
  height: 12px;
  width: 100px;
}
.leaderboard-container .timer-block-wrapper .timer-block .is-img__right[data-v-04c62a76] {
  transform: scaleX(-1);
}
.leaderboard-container .timer-block-wrapper .timer-content[data-v-04c62a76] {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
}
.leaderboard-container .timer-block-wrapper .timer-content .timer-content__logo[data-v-04c62a76] {
  height: 34px;
  margin-bottom: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 80px;
}
.leaderboard-container .timer-block-wrapper .timer-content .timer-content__subtitle[data-v-04c62a76] {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #5c569e;
  padding-top: 16px;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper[data-v-04c62a76] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .btns[data-v-04c62a76] {
  display: flex;
  gap: 20px;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .jump-btn[data-v-04c62a76] {
  align-items: center;
  background-color: #221f3c;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #9793c7;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 26px;
  height: 42px;
  justify-content: center;
  line-height: 18px;
  min-width: 174px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .jump-btn span[data-v-04c62a76] {
  background-color: #ada7de;
  bottom: 0;
  height: 5px;
  margin: auto 0;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m9.303.397.697.997-5 4.003-5-4.003.697-.997L5 3.837z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  position: absolute;
  top: 0;
  width: 10px;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .jump-btn[data-v-04c62a76]:disabled {
  color: #fff;
  background-color: #4f4b78;
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .jump-btn.jump-prev span[data-v-04c62a76] {
  left: 20px;
  transform: rotate(90deg);
}
.leaderboard-container .timer-block-wrapper .timer-content .jump-btn-wrapper .jump-btn.jump-next span[data-v-04c62a76] {
  right: 20px;
  transform: rotate(-90deg);
}
@media screen and (max-width: 767px) {
.leaderboard-container .timer-block-wrapper[data-v-04c62a76] {
    justify-content: center;
}
.leaderboard-container .timer-block-wrapper .timer-block[data-v-04c62a76] {
    display: none;
}
}
@media screen and (max-width: 490px) {
.leaderboard-container .timer-block-wrapper[data-v-04c62a76] {
    margin-bottom: -20px;
}
.leaderboard-container .timer-block-wrapper .btns[data-v-04c62a76] {
    transform: scale(0.8);
    transform-origin: top;
}
}
.leaderboard-container .leaderboard-header__pagination[data-v-04c62a76] {
  display: flex;
  margin-top: 28px;
  justify-content: center;
}
.leaderboard-container .leaderboard-header__pagination .pagination__item[data-v-04c62a76] {
  cursor: pointer;
  height: 9px;
  position: relative;
  width: 46px;
}
.leaderboard-container .leaderboard-header__pagination .pagination__item[data-v-04c62a76]::before {
  background: #5c569e;
  clip-path: polygon(3px 0, 100% 0, calc(100% - 3px) 100%, 0 100%);
  content: "";
  height: 3px;
  margin: 0 1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.leaderboard-container .leaderboard-header__pagination .pagination__item.active[data-v-04c62a76] {
  cursor: unset;
}
.leaderboard-container .leaderboard-header__pagination .pagination__item.active[data-v-04c62a76]::before {
  background: #f5115c;
}
.leaderboard-container .leaderboard-list-wrapper[data-v-04c62a76] {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list__bg-image[data-v-04c62a76] {
  height: 100%;
  max-width: 1920px;
  opacity: 0.4;
  position: absolute;
  width: 100vw;
  z-index: -2;
  background-image: url(../img/leaderboard-table-bg.d04a9b34.jpg);
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list[data-v-04c62a76] {
  align-items: center;
  background: #0d0c1b;
  clip-path: polygon(15px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px), 0 15px);
  display: flex;
  flex-direction: column;
  max-width: 1026px;
  min-height: 1100px;
  padding: 44px 48px 55px;
  width: 95%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .prompt-text[data-v-04c62a76] {
  color: #bbbdcf;
  font-size: 16px;
  padding-top: 88px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .divide[data-v-04c62a76] {
  align-self: flex-start;
  color: #bbbdcf;
  font-size: 36px;
  line-height: 0.2em;
  margin-bottom: 18px;
  position: relative;
  text-align: center;
  width: 8%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-04c62a76] {
  background: #1b1830;
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px);
  display: flex;
  height: 94px;
  margin-top: 4px;
  max-width: 930px;
  position: relative;
  width: 100%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-04c62a76]:nth-of-type(1), .leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-04c62a76]:nth-of-type(2), .leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-04c62a76]:nth-of-type(3) {
  margin-top: 6px;
  box-sizing: content-box;
  height: 102px;
  padding: 0 10px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-04c62a76]:nth-of-type(1)::after, .leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-04c62a76]:nth-of-type(2)::after, .leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-04c62a76]:nth-of-type(3)::after {
  height: 100%;
  width: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-04c62a76]:nth-of-type(1)::after {
  background: url("data:image/png;base64,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") no-repeat 0 100%/73px 80px, url("data:image/png;base64,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") no-repeat 100% 100%/92px 64px, radial-gradient(closest-side, rgba(251, 198, 96, 0.35), rgba(251, 198, 96, 0.1), transparent) no-repeat -90px -110px/191px 203px, radial-gradient(closest-side, rgba(251, 198, 96, 0.35), rgba(251, 198, 96, 0.1), transparent) no-repeat calc(100% + 90px) -110px/191px 203px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-04c62a76]:nth-of-type(2)::after {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABQCAQAAAD/o5AEAAAIGUlEQVR42u1abVMTVxTOTZZssskSCAoib0IVsVJEqFK10kBfRtvBt05sraXVsc0HZ+iUGcbXabmQu3d3Exs7O7Uz+eR3/oQ/LT13b+7eTRBRuKhUz4dludlkz57znHOec+5GXk1qiB1xVK6sxdiap8uVG4lCC1xjYE2s4DT7fLm1khQrTsY1I++A1BA/vsiC+VjzNYUWdqy2RJQJCt+OH+VnC77z4BiIazIV72bkirXXV3tf5F2QBnfVULO72EpOy9XhLc6faRLwCzpYU5FshCAtHIM42ogXT2cOxgm4KliB83dBuL3WAb4QWIfZxT/G5QrPTHZ7ZCdkfRKQeJIYCjtVqqcOR7tGUKQ54urwzsdkfOW0RkgvpcCp7+UNCgrno+b65TsHLSblyh3TX89G3stbIKg5P/GqJ6Ow2sLOcVykUf9cIUF5HQLPpEaek8/XrWj1HP5iySmqyTjaXFaeaeHywc/rlW5Xyradh55TkFGY1HHYS8BvekeoRyqF3a4RU0IlubLLBCfgGVRI/VfWdzHN8Pb0zVSKK1LppdRWgtw3IjjKWz5PJQENIk6mTPgbrOw2gCtOACpk9ShukxHhGxQpAvwGjdXmY4q30qvINdnxNUJuMz+4Jj3FuHNxMBLZiZQfuA7Jld2Wm/DYcquckmFNeXZdR+rWNotx92PcH3xlz2KSRYQqWvd/Etphz2KtnHKOhkyc9k2sJo0G8G7oYl4k5ZQ1ClUnLseazHlvLrMjq0sGvKKsvV0WQC/QU8KM1oeVLBsCe7okeII3q1Bb8PJNVCqNu6ascYvJxjRZU1XvXtVS9gGsYeNpYmey9xbEPk6ve3q5k17w9IDUjfrHrjAhrh93WnA0ByNyewhrMExIh1vlN8aSC8bKjLtf4OV+x91MfbNKDta1enPoi0I2tbFK1lX6NdyWYypXHoQ8NUq6A2t1YiMSeZIWtEtM+XPajimGNdLDJqwFmMCyUH9LNhKKg6tXllKkZ+Xsgi6gbI35vKBfcp1/2/000RpuFHcow9eQPWn9xFQic64pSgyZ9pn4GI6KMHB72d9wDPLBqPJ5Gk781RdBwJgQR0slqW7itEVxTet7eo6HP3CBbyAfRfF0aSKogOOkDzLXUKUn+EYv62juZmTKgIIdV9guAu++4nwkIo5M0OFI1Bord7L/uaMqWTju5S7ldiwYzKkCQ8obiWeaa67F6Ag27u+FETliDMkvtG0+XdEatopfF1fAmnOe/vokjUecW+AkX+hBMr+YpB3WVa9VWNO9wpSFHJYQSdQ9zCxFusPIVFEfIRf/00G+wca9Ift4EF/x1Y8WdCdDBmRccnWdTLjqKWSeUs6YD3PW3hrikw0yQIextnqUt5p+gmh/AFZ43C3LbdVYSvnbV5psq5XWwzPmn9esq5Ukh7L1k32i0ELm6AVur0rSvfRgHD6ZIacDyjd1fxgcecTpl7v/zL3YkGrXtgP4+dQfU+UUjnKq9m97cTAPXa+0wNPEUidrGEKbDRrL2gWYySqcCDdnb6uLXMRp9wiZFgxgudX60jXxPvKxUK5quJ8AfTHcw7LEPPBZO3CHEEtQAW+A58qM/QtOWx/Snx/V4ewco/PLrW6v/Z3IUO5+eh3HXbN46V672OsnnzBXWeOh6VqbqADbYOo5bbk1H6MHPZ124GwNeTp7e4RZztMBSSYvNLDKM5XGwjwvcld0B5zG+BK5GGTvhDXzxySOl87RkbUYt4R9gkyA1abpQeFC52jpEKBrmPTIt5F84pcoGGKFPQhXd2sq5VfO4jhHkH354Ukcd+acT7kFnmn2F/YJqHFf2ZP1n0dkwhplrrWHhFMqWavLp3aGxKcoUVvi3v4rPdl8zDXZzgaEcrScYmQXazcS+Rh3GnvmSpKxdD/ykPjuThUYtDpF56sGHrG/JT2iP3F+dDK3Bqyrbi+/hg47P4C6WXoJdwp3FWcXk1hzTzKFRRCw44Ou0G6JtgWaV0NOvzMHKg3Zs0/qhOPvLvq1k7nZZ83cqTOAe+3ulwUDSszJxaSYGlijnr4Wgx4wKlHFMbl+m/CVRsykD0f9l3k0Hw/7GH/EcdaTsB0inGBPTgZ8Wod4jPq5Oh3ORvmYQhcWWuyLQOE03jLR66vHq2zlEqzwMc93dAr+XiBzXn1Lhl5ZZStnSp8J6wDLOggps784KFnYrSz77UbAv6S9YK40itOyMSgOgkPGHweTcNLNblcek68bPG7DByA6exdCvV45xay37azd8F7WEBSLbKVHssTSIchJ7aRPjCkgnY54+nyKwT24aj97tUWgrU5UkBIXWuP2NU9/OODOC1vYk3S+nHrYQ+frc0zkHCO/YOPzDnpTFB3SQ69XjUrSvozTAac6De5B1hgcGwB/O71+W3qznSYI24XW0BuhaLnX039vox1y5dEAjt9Os1tIFzJ7NsaXAgux0oDjMq+U9gGZHRHPzTBjH2CDaBxCF4PxX8PymnLq0R6W+/PxZjBvUUEyXTwskGB/UfoAVDprjYt4LH1VhvKx8jmdElsy9izrhJ3TZAJHheOLUPV+65e0GFJqh59S2qT9zutNr6FtvEPgB7d8OyRe31GR0DdY2x3OxyyhwjXBCutrFLCksDxN0JEaumPiYXHjxaR7EkerRmlClIInaTsHcZe0J3OanBt4erWFjgRPjkg3XI9KocnwUopPD14xn1eN1WM1dDttjYkL72boKRytgGJCAde0ZyORU0ngCAmBIPu4pxcgi2EtiLgBOIfQCLeu/Nqw3bliG2HtP/YEVg7hFKfEAAAAAElFTkSuQmCC") no-repeat 0 100%/73px 80px, url("data:image/png;base64,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") no-repeat 100% 100%/92px 64px, radial-gradient(closest-side, rgba(192, 210, 220, 0.35), rgba(192, 210, 220, 0.1), transparent) no-repeat -90px -110px/191px 203px, radial-gradient(closest-side, rgba(192, 210, 220, 0.35), rgba(192, 210, 220, 0.1), transparent) no-repeat calc(100% + 90px) -110px/191px 203px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item[data-v-04c62a76]:nth-of-type(3)::after {
  background: url("data:image/png;base64,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") no-repeat 0 100%/73px 80px, url("data:image/png;base64,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") no-repeat 100% 100%/92px 64px, radial-gradient(closest-side, rgba(190, 119, 97, 0.35), rgba(190, 119, 97, 0.1), transparent) no-repeat -90px -110px/191px 203px, radial-gradient(closest-side, rgba(190, 119, 97, 0.35), rgba(190, 119, 97, 0.1), transparent) no-repeat calc(100% + 90px) -110px/191px 203px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item.me[data-v-04c62a76]::before, .leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item.me[data-v-04c62a76]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item.me[data-v-04c62a76]::before {
  background: #f5115c;
  height: 100%;
  width: 100%;
  z-index: -2;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item.me[data-v-04c62a76]::after {
  background: #141324;
  box-shadow: inset 0 0 20px rgba(245, 17, 92, 0.4);
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px);
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  z-index: -1;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item.me[data-v-04c62a76]::after:nth-of-type(1)::after {
  background: url("data:image/png;base64,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") no-repeat 0 100%/73px 80px, url("data:image/png;base64,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") no-repeat 100% 100%/92px 64px, radial-gradient(closest-side, rgba(251, 198, 96, 0.35), rgba(251, 198, 96, 0.1), transparent) no-repeat -90px -110px/191px 203px, radial-gradient(closest-side, rgba(251, 198, 96, 0.35), rgba(251, 198, 96, 0.1), transparent) no-repeat calc(100% + 90px) -110px/191px 203px, #141324;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item.me[data-v-04c62a76]::after:nth-of-type(2)::after {
  background: url("data:image/png;base64,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") no-repeat 0 100%/73px 80px, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABACAQAAAA98tgzAAAJCklEQVR42u1aWVMbRxDeRasDgUACZA5zCAhgwPgiiYmvyPFV5HDs2EriXJVUpfSQFFVxxQGTuIqJ9hYypFSVBz35nT+Rn6ZMz+xsz+4a40PBCaEpjZZmZranj6+7d1H2mVS8JG0wlmLIIxobE8ipJxknJc1J0RXKZodySK+g+6YKnyCHjzjbt89rJEkoflWKwbgjCbWSBFciCUnwtKIcukiLNM++hSOgLZAjaV4pxymPjso+U8SPSVuEo/FZKLLsRA0m8v125ZBeEdGbDDeCmg4EZwq+tl6rprnIUfALHIWPYU5RUw7puSmsVcXTajjlN+LIEQ7C1/FrmEVR/ZD+NxRK+aRNoLXA6Z3YShJDc6MLvu2cckj7TSr9gXGfKYLVUVSpJ5vISXPHkTkMVTqVQ3pBnUcbCToGSym1HMcZPNmvZpTXRp6A0UaCOwomnpKPKuyvnYyfVQ4+Uc20JIrVaNnk1dpqsNYmCbSGy1xjowt7TdJT1GBUXiP54kVbCzzKLodLKf8xUves4qKoi3zcZs91qugscR927bcNmPLp6K960AGoLnp6uH6YY64zpPzLSRw36kb/DWo+JaTpb087wC5NlBZ5ZKDt1lbxv0ZXRTl8DLcN9STfD3F7qwfXkT7oRK1e5eATDbOw10VTNWbFqLfiPtG9w/ydsH3UenLv5ylo2Da84V8a8y0NOQ36TAk4dET/02AsariP6CNRpB0vwYdX4RyFJniYSUff9Ugf8I1B5UCS0CGaayWJnHKa6VDqs5+keGJWpF7cS9g+ATJjHY0P8EmK21DcBatvviffB9s6qxcss5p5znIfJuMNhbDB9wYiXSA+PAhwwj5aYoKX4/KTwnAj8WcnL2YRZ5xuorEDHSRSxdmLXuBxfcJJ77fT0TcjGJ6kG2mcs9YNen6YQ46dA21vZ9E6pAdGYWy410YX2NTNYAD/0Q98YxAd1hgDeTbHXyaHqdxxwmgg8dRGHLbHwzUZpxST65DIKq+RaLaF30jQtcEYUQ/qE6y6hCGNNI9l1GF1gHGmcY4zD/oxznBNw3XlNHwbb5KEb53j8L12ks7x9tHHAe/tAupVH2eZYQIfJjsLEKjVSRcd6xigmjPaml5G4y6we+Zj6BGtcKIVoMrX4s58ZmTVrlXiU+pxkUtRFHodLIm0rXbglGI4h3NIAufANUk0pA4eOKVEUZM4Kbi7/AiOcuj4JPXMMET9oFB2jl7TEUUwjq5TBzL7zbzfIQ7bBUXZLujj/pwxfQpm2hP8d5hfnYRxcxyR+RG9fpirjSEWmXOQdirzyKksgALME0orSGg//FJE5vPuJlx2we/R0mwPDu68N2GtHQ5dN4Nb1rvgDQ4Zott6whpjf2kQVIJDNG4Fu4BebvXCocx+tOrDHIPKLF/F4qZnMU45UI9j5mzzwDFKgTBLeNiC3pZlt30DOeYcYHfttPBbknKXwD+r7/LjsWRyjrnOOXpL7x7mCXA7cw6xuTILEaFP+QlddeaX6T7r0xJnFFattqb3FMlJ/Cacg6casADYDB0HPrt1meIjXMr77dm0O4YIHFiR8MHOrXWDqdd7/TlD7gxozJouxQQy/3qcutWs9YbguEPmHLiMdUwIb/XqM7AP2tDN1OictW59Sqza7Fifg7qUznnGIbwzivNiEcqhDreHWmU7i95e64PEoE9WB/x4yD+aZe5QEGJuHtmehQSyNeH7f1afAvHJKD5KtqaZNxfw7o/GwQWNkearP1MLtnWhKj7F0Dor1+zLFPExqMB69SQrhtVgvwTcYK1DP6GG8Sl6j2ZF3hjgQqjcwCGklHJmMd6I2++5GWF8632oB51PDQ+bqwP2nR976ZzbAtHXup2PAC3s6xxvGEovQ2lhF6uT4vjm5fU8hLRdEJLZi6QH7v7SKR80ijAGujKO0r+IzDcNLYD9FtGELp35n7I7seqZclyIYE1DZ+POSiltZKML8Ao1TAZAGWRULqbvt7ekkQgmBb4pkZrlX/shoyLkleO/jUEormakBD+gqNSjOyXOEOzzp8zJwlqS2BNVBMyhSEWNtxN+KI4xw04YY7423rZPUzGXzGvigZD1/i/XqaNcNO6sZviOzrL+IdXqWfduvcvjXNJvKurmCftemR9Ptc4ad6g7zNifCdFrc8Bxh9xbVPQWEKvl5HcLDgNI1C9J/TwGxl/rRs6jGVbV5GA9923qsWo9X+uTgrQAkbIuFdPuEKBNi19aAVSWYoFmeYCkSzHzOFjO0/0xM/8k5Zzk/gsH1mc2holWPYNZWZ80BllkpP2UP2qMAJyKqpCppQfKtuf6P54gIHHt/VRAt6q8Q3WUMK8J0bcHrU+2s6WY9R0kG952WN8ZRzc7nK+MJdiROcK39gRF5nvWRc5xRp1vAE+sL80rXrAOWl8Dfph3zcukzasb7wIKOZeUlpAqnnJjREBJ7LfIKhje6V5JbgzzJ+M0XtRaH3CMQZ6hWSGQZdocgW6WV+kbXWvdcAD+9yZr41llnnoB9JDDVbyrARFXkli5mf0QtNidO6PVU9T4i+acCHd9ZvUauIO9WE8KWNSvUjx/yzjHxSnH9XHng3LcPGVcEgnLHbZuARBYZ180OLFsQsE7f+gE4yGmEtZCVBacea79nZixZF2k2r7oXnYzPOzs4upNeqAL1od2jjuhdf7320Rzl4zbZp4L7lxwPm/E6eFKxiDnWGfNr+g+x6yb5IjyTxCvDOX/jOBpHXhE4w884birGUhZJAUfRd3OQk1PEuX4gw5e3Vu91AY5aAvhLRu4C+nhr8OhiWNN3YsRNqryUjvHTe6XTenqeQhU+2Ph5WbeuglIg0WAMejerU6W05UvzFOwjjV498hxapPvrfNedTpkf2a8uZi27zkXOMehhYJzkmbpj176nwewFPK00eYOY3VnnoDqxryy0SWO5lwCwc1ll/ZJnGPesCfKaXKLeHVirc/4AAR3PncW2D1UM+/cAMGNO5VF76VKp12sLFBrXFVaS9xVxIvvUowaNs2LAHAU8Gja98Mxj2y1w5OqJjV6Of54pBR7PEKy8BgOkvuTlDlXT1rTtb5GnGTpLtl6koZ3Sh838/wf+XZifwPkaeEeoxlVOwAAAABJRU5ErkJggg==") no-repeat 100% 100%/92px 64px, radial-gradient(closest-side, rgba(192, 210, 220, 0.35), rgba(192, 210, 220, 0.1), transparent) no-repeat -90px -110px/191px 203px, radial-gradient(closest-side, rgba(192, 210, 220, 0.35), rgba(192, 210, 220, 0.1), transparent) no-repeat calc(100% + 90px) -110px/191px 203px, #141324;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item.me[data-v-04c62a76]::after:nth-of-type(3)::after {
  background: url("data:image/png;base64,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") no-repeat 0 100%/73px 80px, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABACAQAAAA98tgzAAAJCklEQVR42u1aWVMbRxDeRasDgUACZA5zCAhgwPgiiYmvyPFV5HDs2EriXJVUpfSQFFVxxQGTuIqJ9hYypFSVBz35nT+Rn6ZMz+xsz+4a40PBCaEpjZZmZranj6+7d1H2mVS8JG0wlmLIIxobE8ipJxknJc1J0RXKZodySK+g+6YKnyCHjzjbt89rJEkoflWKwbgjCbWSBFciCUnwtKIcukiLNM++hSOgLZAjaV4pxymPjso+U8SPSVuEo/FZKLLsRA0m8v125ZBeEdGbDDeCmg4EZwq+tl6rprnIUfALHIWPYU5RUw7puSmsVcXTajjlN+LIEQ7C1/FrmEVR/ZD+NxRK+aRNoLXA6Z3YShJDc6MLvu2cckj7TSr9gXGfKYLVUVSpJ5vISXPHkTkMVTqVQ3pBnUcbCToGSym1HMcZPNmvZpTXRp6A0UaCOwomnpKPKuyvnYyfVQ4+Uc20JIrVaNnk1dpqsNYmCbSGy1xjowt7TdJT1GBUXiP54kVbCzzKLodLKf8xUves4qKoi3zcZs91qugscR927bcNmPLp6K960AGoLnp6uH6YY64zpPzLSRw36kb/DWo+JaTpb087wC5NlBZ5ZKDt1lbxv0ZXRTl8DLcN9STfD3F7qwfXkT7oRK1e5eATDbOw10VTNWbFqLfiPtG9w/ydsH3UenLv5ylo2Da84V8a8y0NOQ36TAk4dET/02AsariP6CNRpB0vwYdX4RyFJniYSUff9Ugf8I1B5UCS0CGaayWJnHKa6VDqs5+keGJWpF7cS9g+ATJjHY0P8EmK21DcBatvviffB9s6qxcss5p5znIfJuMNhbDB9wYiXSA+PAhwwj5aYoKX4/KTwnAj8WcnL2YRZ5xuorEDHSRSxdmLXuBxfcJJ77fT0TcjGJ6kG2mcs9YNen6YQ46dA21vZ9E6pAdGYWy410YX2NTNYAD/0Q98YxAd1hgDeTbHXyaHqdxxwmgg8dRGHLbHwzUZpxST65DIKq+RaLaF30jQtcEYUQ/qE6y6hCGNNI9l1GF1gHGmcY4zD/oxznBNw3XlNHwbb5KEb53j8L12ks7x9tHHAe/tAupVH2eZYQIfJjsLEKjVSRcd6xigmjPaml5G4y6we+Zj6BGtcKIVoMrX4s58ZmTVrlXiU+pxkUtRFHodLIm0rXbglGI4h3NIAufANUk0pA4eOKVEUZM4Kbi7/AiOcuj4JPXMMET9oFB2jl7TEUUwjq5TBzL7zbzfIQ7bBUXZLujj/pwxfQpm2hP8d5hfnYRxcxyR+RG9fpirjSEWmXOQdirzyKksgALME0orSGg//FJE5vPuJlx2we/R0mwPDu68N2GtHQ5dN4Nb1rvgDQ4Zott6whpjf2kQVIJDNG4Fu4BebvXCocx+tOrDHIPKLF/F4qZnMU45UI9j5mzzwDFKgTBLeNiC3pZlt30DOeYcYHfttPBbknKXwD+r7/LjsWRyjrnOOXpL7x7mCXA7cw6xuTILEaFP+QlddeaX6T7r0xJnFFattqb3FMlJ/Cacg6casADYDB0HPrt1meIjXMr77dm0O4YIHFiR8MHOrXWDqdd7/TlD7gxozJouxQQy/3qcutWs9YbguEPmHLiMdUwIb/XqM7AP2tDN1OictW59Sqza7Fifg7qUznnGIbwzivNiEcqhDreHWmU7i95e64PEoE9WB/x4yD+aZe5QEGJuHtmehQSyNeH7f1afAvHJKD5KtqaZNxfw7o/GwQWNkearP1MLtnWhKj7F0Dor1+zLFPExqMB69SQrhtVgvwTcYK1DP6GG8Sl6j2ZF3hjgQqjcwCGklHJmMd6I2++5GWF8632oB51PDQ+bqwP2nR976ZzbAtHXup2PAC3s6xxvGEovQ2lhF6uT4vjm5fU8hLRdEJLZi6QH7v7SKR80ijAGujKO0r+IzDcNLYD9FtGELp35n7I7seqZclyIYE1DZ+POSiltZKML8Ao1TAZAGWRULqbvt7ekkQgmBb4pkZrlX/shoyLkleO/jUEormakBD+gqNSjOyXOEOzzp8zJwlqS2BNVBMyhSEWNtxN+KI4xw04YY7423rZPUzGXzGvigZD1/i/XqaNcNO6sZviOzrL+IdXqWfduvcvjXNJvKurmCftemR9Ptc4ad6g7zNifCdFrc8Bxh9xbVPQWEKvl5HcLDgNI1C9J/TwGxl/rRs6jGVbV5GA9923qsWo9X+uTgrQAkbIuFdPuEKBNi19aAVSWYoFmeYCkSzHzOFjO0/0xM/8k5Zzk/gsH1mc2holWPYNZWZ80BllkpP2UP2qMAJyKqpCppQfKtuf6P54gIHHt/VRAt6q8Q3WUMK8J0bcHrU+2s6WY9R0kG952WN8ZRzc7nK+MJdiROcK39gRF5nvWRc5xRp1vAE+sL80rXrAOWl8Dfph3zcukzasb7wIKOZeUlpAqnnJjREBJ7LfIKhje6V5JbgzzJ+M0XtRaH3CMQZ6hWSGQZdocgW6WV+kbXWvdcAD+9yZr41llnnoB9JDDVbyrARFXkli5mf0QtNidO6PVU9T4i+acCHd9ZvUauIO9WE8KWNSvUjx/yzjHxSnH9XHng3LcPGVcEgnLHbZuARBYZ180OLFsQsE7f+gE4yGmEtZCVBacea79nZixZF2k2r7oXnYzPOzs4upNeqAL1od2jjuhdf7320Rzl4zbZp4L7lxwPm/E6eFKxiDnWGfNr+g+x6yb5IjyTxCvDOX/jOBpHXhE4w884birGUhZJAUfRd3OQk1PEuX4gw5e3Vu91AY5aAvhLRu4C+nhr8OhiWNN3YsRNqryUjvHTe6XTenqeQhU+2Ph5WbeuglIg0WAMejerU6W05UvzFOwjjV498hxapPvrfNedTpkf2a8uZi27zkXOMehhYJzkmbpj176nwewFPK00eYOY3VnnoDqxryy0SWO5lwCwc1ll/ZJnGPesCfKaXKLeHVirc/4AAR3PncW2D1UM+/cAMGNO5VF76VKp12sLFBrXFVaS9xVxIvvUowaNs2LAHAU8Gja98Mxj2y1w5OqJjV6Of54pBR7PEKy8BgOkvuTlDlXT1rTtb5GnGTpLtl6koZ3Sh838/wf+XZifwPkaeEeoxlVOwAAAABJRU5ErkJggg==") no-repeat 100% 100%/92px 64px, radial-gradient(closest-side, rgba(190, 119, 97, 0.35), rgba(190, 119, 97, 0.1), transparent) no-repeat -90px -110px/191px 203px, radial-gradient(closest-side, rgba(190, 119, 97, 0.35), rgba(190, 119, 97, 0.1), transparent) no-repeat calc(100% + 90px) -110px/191px 203px, #141324;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .table-row__place[data-v-04c62a76] {
  font-size: 20px;
  line-height: 94px;
  text-align: center;
  width: 13%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row[data-v-04c62a76] {
  display: flex;
  justify-content: space-between;
  padding-right: 32px;
  width: 92%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-user[data-v-04c62a76] {
  display: flex;
  align-items: center;
  flex-grow: 1;
  width: 40%;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-user .username[data-v-04c62a76] {
  color: #bbbdcf;
  margin-left: 15px;
  width: calc(100% - 80px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-user .username span[data-v-04c62a76] {
  color: #54566c;
  font-size: 16px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-point[data-v-04c62a76] {
  display: flex;
  align-items: center;
  width: 32%;
  line-height: 16px;
  color: #ffb973;
  gap: 2px;
  font-weight: 600;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-point img[data-v-04c62a76] {
  height: 36px;
  width: 36px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-prize[data-v-04c62a76] {
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  width: calc(30% - 30px);
  max-width: 180px;
  margin-left: 30px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-prize.prize-type-3 img[data-v-04c62a76] {
  width: 80px;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-prize img[data-v-04c62a76] {
  width: 99px;
  max-width: 100%;
  transition: transform 0.3s;
}
.leaderboard-container .leaderboard-list-wrapper .leaderboard-list .leaderboard-item .leaderboard-item__row .item-prize div[data-v-04c62a76] {
  color: #4af1b8;
  font-weight: 700;
  position: absolute;
  right: 10px;
  top: 14px;
}
@media screen and (max-width: 1023px) {
.leaderboard-container[data-v-04c62a76] {
    padding: 15px 20px;
}
.leaderboard-container .leaderboard-list[data-v-04c62a76] {
    width: 98% !important;
    padding: 30px 30px 38px !important;
}
}
@media screen and (max-width: 767px) {
.leaderboard-container[data-v-04c62a76] {
    padding: 15px 10px;
}
.leaderboard-container .leaderboard-list-wrapper[data-v-04c62a76] {
    width: 117.6470588235% !important;
    transform: scale(0.85);
    transform-origin: top left;
    margin-bottom: -200px;
}
.leaderboard-container .leaderboard-list[data-v-04c62a76] {
    width: 100% !important;
    padding: 30px 20px 38px !important;
}
.leaderboard-container .leaderboard-list .leaderboard-item[data-v-04c62a76] {
    font-size: 14px;
}
.leaderboard-container .leaderboard-list .leaderboard-item .item-prize div[data-v-04c62a76] {
    right: -10px !important;
}
}
@media screen and (max-width: 490px) {
.leaderboard-container[data-v-04c62a76] {
    padding: 0 10px 15px;
}
.leaderboard-container .leaderboard-list-wrapper[data-v-04c62a76] {
    width: 142.8571428571% !important;
    transform: scale(0.7);
    transform-origin: top left;
    margin-bottom: -360px;
}
.leaderboard-container .leaderboard-list[data-v-04c62a76] {
    padding: 30px 15px 38px !important;
}
.leaderboard-container .leaderboard-list .leaderboard-item[data-v-04c62a76] {
    font-size: 14px;
}
.leaderboard-container .leaderboard-list .leaderboard-item .leaderboard-item__row[data-v-04c62a76] {
    padding-right: 20px !important;
}
.leaderboard-container .leaderboard-list .leaderboard-item .username[data-v-04c62a76] {
    margin-left: 7px !important;
    width: calc(100% - 20px) !important;
    max-width: 78px;
}
.leaderboard-container .leaderboard-list .leaderboard-item .item-point[data-v-04c62a76] {
    width: 35% !important;
    gap: 0px !important;
}
.leaderboard-container .leaderboard-list .leaderboard-item .item-prize[data-v-04c62a76] {
    width: calc(30% - 20px) !important;
    margin-left: 20px !important;
}
.leaderboard-container .leaderboard-list .leaderboard-item .item-prize div[data-v-04c62a76] {
    right: -10px !important;
}
}
.myPrizes-container[data-v-f6efb660] {
  width: 80%;
  min-height: 888px;
  padding: 40px 30px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
.myPrizes-container[data-v-f6efb660] {
    width: 88%;
    padding: 40px 22px;
}
}
@media screen and (max-width: 767px) {
.myPrizes-container[data-v-f6efb660] {
    width: 100%;
    padding: 40px 15px;
}
}
.myPrizes-list-wrapper .myPrizes-list[data-v-f6efb660] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item[data-v-f6efb660] {
  background: #1b1830;
  border-radius: 10px;
  padding: 10px 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
  width: 200px;
  border: 1.5px solid rgba(92, 73, 208, 0.2);
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item.used[data-v-f6efb660] {
  opacity: 0.5;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item[data-v-f6efb660]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(92, 73, 208, 0.1) 0%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 0;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item[data-v-f6efb660]:hover {
  border-color: #5c49d0;
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(92, 73, 208, 0.3);
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item[data-v-f6efb660]:hover::before {
  opacity: 1;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .gif-png[data-v-f6efb660] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  height: 120px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .gif-png img[data-v-f6efb660] {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 10px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .gif-png .gif[data-v-f6efb660] {
  height: 120%;
  display: none;
  padding: 0px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .gif-png:hover .gif[data-v-f6efb660] {
  display: block;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .gif-png:hover .png[data-v-f6efb660] {
  display: none;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .gif-png:hover .view-drops-button[data-v-f6efb660] {
  opacity: 1;
  visibility: visible;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .gif-png:hover .view-drops-button[data-v-f6efb660]:hover {
  background-color: #4f4b78;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .view-drops-button[data-v-f6efb660] {
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
  align-items: center;
  background-color: #282546;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 34px;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
  margin-top: 14px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .view-drops-button .view-drops-button__text[data-v-f6efb660] {
  max-width: 140px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .item-info[data-v-f6efb660] {
  text-align: center;
  margin-bottom: 20px;
  padding: 0 12px;
  flex-grow: 1;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .item-info .item-title[data-v-f6efb660] {
  color: #bbbdcf;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .item-info .item-amount[data-v-f6efb660] {
  margin-top: 5px;
  height: 28px;
  font-weight: 600;
  color: #4af1cc;
  font-size: 15px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .item-info .item-source[data-v-f6efb660] {
  display: inline-block;
  background: rgba(92, 86, 158, 0.2);
  color: #7d77c3;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 10px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .item-info .item-time[data-v-f6efb660] {
  color: #5c569e;
  font-size: 13px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .btns[data-v-f6efb660] {
  display: flex;
  justify-content: center;
  width: 100%;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .btns .btn[data-v-f6efb660] {
  align-items: center;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: 66%;
  z-index: 1;
  margin: 0 auto;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .btns .btn.open-btn[data-v-f6efb660] {
  background: linear-gradient(45deg, #cf3464, #f15183);
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .btns .btn.open-btn[data-v-f6efb660]:hover {
  background: linear-gradient(45deg, #f15183, #cf3464);
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .btns .btn.open-btn.used[data-v-f6efb660] {
  background: #5c569e;
  color: #bbbdcf;
  cursor: not-allowed;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .btns .btn.open-btn.used[data-v-f6efb660]:hover {
  background: #5c569e;
  box-shadow: none;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .btns .btn.claim-btn[data-v-f6efb660] {
  background: linear-gradient(45deg, #4af1b8, #2ed4b0);
  color: #0d0c1b;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .btns .btn.claim-btn[data-v-f6efb660]:hover {
  background: linear-gradient(45deg, #2ed4b0, #4af1b8);
  box-shadow: 0 0 15px rgba(74, 241, 184, 0.4);
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .btns .btn.claim-btn.used[data-v-f6efb660] {
  background: #5c569e;
  color: #bbbdcf;
  cursor: not-allowed;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .btns .btn.claim-btn.used[data-v-f6efb660]:hover {
  background: #5c569e;
  box-shadow: none;
}
@media screen and (max-width: 1023px) {
.myPrizes-list-wrapper .myPrizes-list[data-v-f6efb660] {
    gap: 10px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item[data-v-f6efb660] {
    width: 160px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .item-info[data-v-f6efb660] {
    margin-bottom: 15px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .item-info .item-amount[data-v-f6efb660] {
    font-size: 14px;
    height: 25px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .item-info .item-source[data-v-f6efb660] {
    font-size: 11px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .item-info .item-time[data-v-f6efb660] {
    font-size: 12px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .btns .btn[data-v-f6efb660] {
    padding: 10px;
    font-size: 13px;
    width: 55%;
    height: 34px;
    clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
}
}
@media screen and (max-width: 767px) {
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item[data-v-f6efb660] {
    width: 160px;
    padding: 0 0 10px 0;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .item-img[data-v-f6efb660] {
    width: 80px;
    height: 80px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .item-info[data-v-f6efb660] {
    margin-bottom: 12px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .item-info .item-amount[data-v-f6efb660] {
    font-size: 12px;
    height: 22px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .item-info .item-source[data-v-f6efb660] {
    font-size: 10px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .item-info .item-time[data-v-f6efb660] {
    font-size: 11px;
}
.myPrizes-list-wrapper .myPrizes-list .myPrizes-item .btns .btn[data-v-f6efb660] {
    padding: 10px;
    font-size: 12px;
    width: 55%;
    height: 30px;
    clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
}
}
.prize-result-layer[data-v-f6efb660] {
  position: fixed;
  inset: 0;
  z-index: 3000;
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(6px);
}
.prize-result-layer .prize-result[data-v-f6efb660] {
  pointer-events: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  height: 350px;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, #352764 0%, rgba(53, 39, 100, 0.6470588235) 50%, #352764 100%);
  border-radius: 12px;
  box-shadow: 0 0 20px rgb(104, 89, 177);
  padding: 32px 32px 24px;
  box-sizing: border-box;
}
.prize-result-layer .prize-result__close[data-v-f6efb660] {
  position: absolute;
  top: 16px;
  right: 20px;
  cursor: pointer;
}
.prize-result-layer .prize-result__close .close-circle[data-v-f6efb660] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #212125;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.prize-result-layer .prize-result__close .close-line[data-v-f6efb660] {
  position: absolute;
  width: 14px;
  height: 2px;
  background: #ffffff;
  border-radius: 1px;
}
.prize-result-layer .prize-result__close .close-line--1[data-v-f6efb660] {
  transform: rotate(45deg);
}
.prize-result-layer .prize-result__close .close-line--2[data-v-f6efb660] {
  transform: rotate(-45deg);
}
.prize-result-layer .prize-result__close[data-v-f6efb660]:hover {
  transform: scale(1.05);
}
.prize-result-layer .prize-result__title[data-v-f6efb660] {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 28px;
}
.prize-result-layer .prize-result__box[data-v-f6efb660] {
  margin: 0 auto 32px;
  width: 260px;
  height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.prize-result-layer .prize-result__frame[data-v-f6efb660] {
  width: 190px;
  height: 140px;
  margin-top: 40px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: 50% 50%;
  background-size: 90% auto;
  background-repeat: no-repeat;
  position: relative;
}
.prize-result-layer .prize-result__weapon[data-v-f6efb660] {
  max-width: 80%;
  max-height: 80%;
  transform: translate(0px, 0px);
  display: block;
}
.prize-result-layer .prize-result__item-name[data-v-f6efb660] {
  position: absolute;
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
  padding: 2px 8px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  background: rgba(29, 26, 39, 0.432);
  border-radius: 4px;
  white-space: nowrap;
}
.prize-result-layer .prize-result__footer[data-v-f6efb660] {
  display: flex;
  justify-content: center;
  gap: 200px;
  margin: -25px 0 0;
}
.prize-result-layer .prize-result__footer .btn-rect[data-v-f6efb660] {
  min-width: 120px;
  height: 38px;
  padding: 0 16px;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: #ffffff;
}
.prize-result-layer .prize-result__footer .btn-continue[data-v-f6efb660] {
  background: #555a6a;
}
.prize-result-layer .prize-result__footer .btn-dissolve[data-v-f6efb660] {
  background: #23b26b;
}
.prize-result-layer .prize-result__footer .btn-rect[data-v-f6efb660]:hover {
  filter: brightness(1.1);
}
.prize-result-layer .gif-png[data-v-f6efb660] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 70%;
  height: 110px;
}
.prize-result-layer .gif-png img[data-v-f6efb660] {
  width: 100%;
}
.prize-result-layer .gif-png .gif[data-v-f6efb660] {
  display: none;
}
.prize-result-layer .gif-png:hover .gif[data-v-f6efb660] {
  display: block;
}
.prize-result-layer .gif-png:hover .png[data-v-f6efb660] {
  display: none;
}
[data-v-f6efb660] .skins-preview {
  background-color: #141225 !important;
  height: 90vh;
  width: 90vw !important;
  max-height: 827px;
  max-width: 1120px;
  overflow: hidden;
  position: relative;
}
[data-v-f6efb660] .skins-preview .el-dialog__body {
  height: 100%;
}
@media screen and (max-width: 490px) {
[data-v-f6efb660] .skins-preview {
    width: 95vw !important;
}
}
.skins-preview-dialog[data-v-f6efb660] {
  height: 100%;
  color: #fff;
}
.skins-preview-dialog .preview-dialog-title[data-v-f6efb660] {
  position: relative;
  align-items: center;
  border-bottom: 1px solid #1d1a32;
  display: flex;
  height: 100px;
  justify-content: space-between;
  padding: 0 70px;
}
.skins-preview-dialog .preview-dialog-title .user-balances[data-v-f6efb660] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.skins-preview-dialog .preview-dialog-title .user-balance[data-v-f6efb660] {
  align-items: center;
  color: #4af1cc;
  display: flex;
  font-weight: 600;
}
.skins-preview-dialog .preview-dialog-title .user-balance .user-balance__icon[data-v-f6efb660] {
  background: url(../img/balance.c715f752.png) no-repeat;
  background-size: 100%;
  background-position: center;
  height: 20px;
  width: 20px;
  margin-right: 8px;
}
.skins-preview-dialog .preview-dialog-title .user-balance img[data-v-f6efb660] {
  margin-right: 8px;
}
.skins-preview-dialog .preview-dialog-title .rounds-quantity-block[data-v-f6efb660] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  flex-direction: row;
}
.skins-preview-dialog .preview-dialog-title .rounds-hexagon[data-v-f6efb660] {
  background: linear-gradient(180deg, #17162b, #2c2a46);
  height: 42px;
  position: relative;
  width: 37px;
}
.skins-preview-dialog .preview-dialog-title .inner-hexagon[data-v-f6efb660] {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(22, 20, 39, 0.4);
  color: #e8e4f7;
  height: 34px;
  line-height: 34px;
  width: 30px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.skins-preview-dialog .preview-dialog-title .rounds-text[data-v-f6efb660] {
  margin: 0 0 0 8px;
  font-size: 14px;
  font-weight: 600;
}
.skins-preview-dialog .preview-dialog-title .price[data-v-f6efb660] {
  font-size: 13px;
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
}
.skins-preview-dialog .preview-dialog-title .price p[data-v-f6efb660] {
  display: block;
  color: #00efba;
  font-size: 16px;
  margin-top: 6px;
}
.skins-preview-dialog .preview-dialog-content[data-v-f6efb660] {
  height: calc(100% - 100px);
  padding-top: 25px;
}
.skins-preview-dialog .preview-dialog-content .simplebar-content-wrapper[data-v-f6efb660] {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  scrollbar-width: none;
  width: auto;
  overflow: auto;
}
.skins-preview-dialog .preview-dialog-content .simplebar-content[data-v-f6efb660] {
  display: grid;
  grid-template-columns: repeat(auto-fill, 160px);
  justify-content: center;
  grid-gap: 10px;
  padding: 0 20px 125px;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block[data-v-f6efb660] {
  position: relative;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block:hover .hover-block[data-v-f6efb660] {
  opacity: 1;
  visibility: visible;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block:hover .hover-block .view-drops-button[data-v-f6efb660]:hover {
  background-color: #4f4b78;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__empty-case[data-v-f6efb660] {
  background: #171528;
  border-radius: 4px;
  height: 237px;
}
.skins-preview-dialog .preview-dialog-content .battle-case[data-v-f6efb660] {
  background-color: #1a182d;
  border-radius: 4px;
  height: 237px;
  position: relative;
  text-align: center;
  width: 160px;
  font-size: 14px;
  font-weight: 600;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__multiplier[data-v-f6efb660] {
  background-color: #5c49d0;
  clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
  font-size: 9px;
  font-weight: 700;
  height: 17px;
  line-height: 17px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  top: 10px;
  width: 28px;
  z-index: 1;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap[data-v-f6efb660] {
  display: flex;
  height: 150px;
  width: 150px;
  justify-content: center;
  padding-top: 12px;
  margin: 0 auto;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .info_p[data-v-f6efb660] {
  font-weight: 700;
  position: absolute;
  right: 10px;
  text-align: right;
  top: 5px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .info_p p[data-v-f6efb660]:first-child {
  color: #9c9daf;
  font-size: 8px;
  text-transform: uppercase;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .info_p p[data-v-f6efb660]:last-child {
  color: #827fff;
  font-size: 12px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .gif-png[data-v-f6efb660] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 85%;
  height: 130px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .gif-png img[data-v-f6efb660] {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .gif-png .gif[data-v-f6efb660] {
  display: none;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .gif-png:hover .gif[data-v-f6efb660] {
  display: block;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap .gif-png:hover .png[data-v-f6efb660] {
  display: none;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__name[data-v-f6efb660] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #dddcfc;
  height: 20px;
  line-height: 20px !important;
  overflow: hidden;
  white-space: normal;
  padding: 0 3px;
  margin-top: -2px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__name_1[data-v-f6efb660] {
  margin-top: -5px;
  padding: 0 6px;
  font-size: 12px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__name_3[data-v-f6efb660] {
  color: #716d9e;
  padding: 0 6px;
  font-size: 11px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__price[data-v-f6efb660] {
  align-items: center;
  color: #00efba;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  text-transform: uppercase;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__event-points[data-v-f6efb660] {
  align-items: center;
  color: #ffb973;
  display: flex;
  margin-left: 6px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__event-points img[data-v-f6efb660] {
  height: auto;
  margin-left: 3px;
  width: 22px;
}
.skins-preview-dialog .preview-dialog-content .hover-block[data-v-f6efb660] {
  align-items: center;
  background-color: rgba(21, 19, 39, 0.7019607843);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 3;
}
.skins-preview-dialog .preview-dialog-content .hover-block .view-drops-button[data-v-f6efb660] {
  align-items: center;
  background-color: #282546;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.skins-preview-dialog .preview-dialog-content .hover-block .view-drops-button__text[data-v-f6efb660] {
  max-width: 140px;
}
.skins-preview-dialog .preview-dialog-content .simplebar-footer-wrapper[data-v-f6efb660] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 140px;
  z-index: 10;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__gradient[data-v-f6efb660] {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0, #0f0e1a);
  pointer-events: none;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__buttons[data-v-f6efb660] {
  position: absolute;
  bottom: 60px;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__button[data-v-f6efb660] {
  align-items: center;
  background-color: #252141;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 18px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 17px;
  font-weight: 700;
  height: 62px;
  justify-content: center;
  min-width: 272px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__button[data-v-f6efb660]:hover {
  background-color: #292645;
}
@media screen and (max-width: 490px) {
.skins-preview-dialog .preview-dialog-title[data-v-f6efb660] {
    height: 66px !important;
}
.skins-preview-dialog .preview-dialog-content[data-v-f6efb660] {
    height: calc(100% - 66px) !important;
}
.skins-preview-dialog .preview-dialog-content .simplebar-content[data-v-f6efb660] {
    padding: 0 5px 88px !important;
}
.skins-preview-dialog .battle-details-modal__buttons[data-v-f6efb660] {
    bottom: 40px !important;
}
.skins-preview-dialog .battle-details-modal__buttons .battle-details-modal__button[data-v-f6efb660] {
    min-width: 188px !important;
    height: 45px !important;
    clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%) !important;
}
}
.page-points[data-v-6a408280] {
  position: relative;
  background: url(../img/points-bg.29dfd99a.jpg) no-repeat;
  background-size: contain;
  background-position: center top;
}
@media screen and (max-width: 767px) {
.page-points[data-v-6a408280] {
    background-position: center 45px;
}
}
.page-points.main .bg-c[data-v-6a408280] {
  opacity: 0.6;
}
.bg-l[data-v-6a408280] {
  position: absolute;
  left: 0;
  top: 134px;
  width: 499px;
  height: 812px;
  background: url(../img/points-bg-l.d9400e9a.png);
  pointer-events: none;
  z-index: -1;
}
@media screen and (max-width: 767px) {
.bg-l[data-v-6a408280] {
    background: url(../img/points-bg-l146.3b68d636.png);
    height: 331px;
    top: -53px;
    width: 148px;
}
}
.bg-c[data-v-6a408280] {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 674px;
  opacity: 0.4;
  transition: opacity 0.3s;
  background: url(../img/points-bg.93d71bc9.png);
  background-position: top;
  background-repeat: no-repeat;
  z-index: -1;
}
.bg-r[data-v-6a408280] {
  position: absolute;
  right: 0;
  top: 160px;
  width: 499px;
  height: 786px;
  background: url(../img/points-bg-r.9c1b6ab0.png);
  pointer-events: none;
  z-index: -1;
}
@media screen and (max-width: 767px) {
.bg-r[data-v-6a408280] {
    background: url(../img/points-bg-r146.b5cf0d91.png);
    height: 331px;
    top: -53px;
    width: 146px;
}
}
.tab-list-wrapper[data-v-6a408280] {
  text-align: center;
  position: relative;
  z-index: 1;
}
.tab-list-wrapper .tab-list[data-v-6a408280] {
  gap: 38px;
  padding: 0 100px;
  display: inline-flex;
  font-weight: 600;
  height: 70px;
  line-height: 70px;
  background: #18152b;
  margin: 0 auto;
  scrollbar-width: none;
}
@media screen and (max-width: 1598px) {
.tab-list-wrapper .tab-list[data-v-6a408280] {
    padding: 0 80px;
}
}
@media screen and (max-width: 1365px) {
.tab-list-wrapper .tab-list[data-v-6a408280] {
    padding: 0 60px;
}
}
@media screen and (max-width: 767px) {
.tab-list-wrapper .tab-list[data-v-6a408280] {
    margin: 0 auto;
    padding: 0 6px;
    width: 100%;
    height: 50px;
    justify-content: center;
}
}
@media screen and (max-width: 490px) {
.tab-list-wrapper .tab-list[data-v-6a408280] {
    gap: 15px;
    transform: scale(0.95);
    transform-origin: top left;
    width: 105.2631578947%;
    height: 47.5px;
}
}
@media screen and (max-width: 319px) {
.tab-list-wrapper .tab-list[data-v-6a408280] {
    gap: 10px;
}
}
.tab-list-wrapper .tab-list .tab-item[data-v-6a408280] {
  align-items: center;
  color: #58547b;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  height: 100%;
  letter-spacing: -0.75px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s;
}
.tab-list-wrapper .tab-list .tab-item .info-icon[data-v-6a408280] {
  position: absolute;
  top: 20px;
  right: -14px;
  background-color: #9793c7;
  display: inline-block;
  height: 10px;
  width: 10px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
  cursor: pointer;
}
.tab-list-wrapper .tab-list .tab-item .info-icon:hover + .infoTooltip[data-v-6a408280] {
  opacity: 1;
  visibility: visible;
  width: 200px;
}
.tab-list-wrapper .tab-list .tab-item .infoTooltip[data-v-6a408280] {
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translateY(-50%);
  background: #282546;
  border-radius: 3px;
  color: #ede9e9;
  font-size: 12px;
  opacity: 0;
  visibility: hidden;
  padding: 12px 20px;
  transition: opacity 0.3s;
  white-space: nowrap;
  z-index: 11;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
  transform: translateZ(0);
  left: 100%;
  top: 100%;
  transform: translate(-50%) translateZ(0);
  white-space: normal;
  width: 200px;
  line-height: 1.5;
}
@media screen and (max-width: 1365px) {
.tab-list-wrapper .tab-list .tab-item[data-v-6a408280] {
    font-size: 13px;
}
}
@media screen and (max-width: 767px) {
.tab-list-wrapper .tab-list .tab-item[data-v-6a408280] {
    font-size: 11px;
    white-space: nowrap;
}
.tab-list-wrapper .tab-list .tab-item .info-icon[data-v-6a408280] {
    top: 10px;
    right: -10px;
}
}
.tab-list-wrapper .tab-list .tab-item.active[data-v-6a408280] {
  color: #fff;
}
.tab-list-wrapper .tab-list .tab-item.active[data-v-6a408280]::before {
  opacity: 1;
  visibility: visible;
}
.tab-list-wrapper .tab-list .tab-item[data-v-6a408280]::before {
  background: #f5115c;
  bottom: 0;
  content: "";
  height: 2px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s;
  visibility: hidden;
  width: 100%;
}
.usage-rules[data-v-6a408280] {
  display: flex;
  flex: 0;
  justify-content: center;
  position: absolute;
  right: 66px;
  top: 30px;
}
@media screen and (max-width: 1365px) {
.usage-rules[data-v-6a408280] {
    position: relative;
    right: auto;
    top: 0;
    margin-top: 30px;
}
}
[data-v-6a408280] .usage-rules-dialog {
  background-image: url(../img/BmJRvHtk.7250e2d5.png) !important;
}
[data-v-6a408280] .usage-rules-dialog img {
  position: relative;
  top: 6px;
  width: 24px;
  height: 24px;
}
.page-con[data-v-6a408280] {
  margin-top: 32px;
}
@charset "UTF-8";
.missions-wrapper[data-v-3e47ee17] {
  background: url(data:image/jpeg;base64,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) center top no-repeat;
  background-size: 100% 100%;
  min-height: 800px;
  padding-top: 54px;
}
.missions-wrapper .default-title-block[data-v-3e47ee17] {
  max-width: 100%;
  text-align: center;
}
.missions-wrapper .default-title-block .default-title[data-v-3e47ee17] {
  display: inline-block;
  position: relative;
}
.missions-wrapper .default-title-block .default-title .default-title__text[data-v-3e47ee17] {
  font-size: 28px;
  font-weight: 600;
  padding: 0 20px;
  text-transform: uppercase;
  vertical-align: middle;
}
.missions-wrapper .default-title-block .default-title .default-title__text[data-v-3e47ee17]:after,
.missions-wrapper .default-title-block .default-title .default-title__text[data-v-3e47ee17]:before {
  background-color: #6f52f0;
  border-radius: 50%;
  box-shadow: 0 0 20px #6f52f0, 0 0 20px #6f52f0;
  content: "";
  height: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
}
.missions-wrapper .default-title-block .default-title .default-title__text[data-v-3e47ee17]:after {
  right: 0;
}
.missions-wrapper .default-title-block .default-title .default-title__text[data-v-3e47ee17]:before {
  left: 0;
}
.missions-wrapper .page-description[data-v-3e47ee17] {
  color: #9692b8;
  font-size: 18px;
  margin: 20px auto 30px;
  padding: 0 15px;
  width: -moz-fit-content;
  width: fit-content;
}
.missions-wrapper .missions-grid[data-v-3e47ee17] {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
  max-width: 1500px;
}
.missions-wrapper .missions-grid .mission[data-v-3e47ee17] {
  display: flex;
  height: 236px;
  margin: 12px;
  position: relative;
  width: 638px;
}
.missions-wrapper .missions-grid .mission .mission__background[data-v-3e47ee17] {
  background-color: #171528;
  background: url(../img/D_KF1QQs.662340ad.png) no-repeat;
  background-position: top;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.missions-wrapper .missions-grid .mission .mission__glass-animation[data-v-3e47ee17] {
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px);
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.missions-wrapper .missions-grid .mission .crown[data-v-3e47ee17], .missions-wrapper .missions-grid .mission .check[data-v-3e47ee17] {
  width: 60px;
  height: 60px;
  position: absolute;
  z-index: 2;
}
.missions-wrapper .missions-grid .mission .crown[data-v-3e47ee17] {
  left: -14px;
  top: -21px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA8CAMAAADi4EJ+AAABI1BMVEVHcEzvvxvwwRvwwRvvvxzvvxrwwRvwwRvvvxjvvxDwwRvwwRvvvxvwwRrvvyDwwRvwwhzvvxnvvxvvvxvvvxzvwRvvvxXvvxjwwRvvvxjvvxvvvyDxwhvvvxzvvxvzxSPxwBvvvxvvvx3xwRzvvxjwwBvwwRvvvxrxwRv2wyLxwhvvvxvvwCDywRvvvxrwwBvvvx3vvyDywRv1xB3wwRrvvxrwwhrvvxrxwxrxwBvyzCbvvxnwwBvwwBzwwRr0yiDvvxvvvxvwwBrxwhrwwBvxwBvwwBzvvxXvvxDxwxnvvxvvvxHxwxzwwRrvwCDvwRvwwhrwwhz2yBvyxRrxxhzxwRrxwxzvvxrwwBvvwRzxwRvwwBrxwBvywhrvvxzxwh3wwRsrP/1zAAAAYHRSTlMAYP7fQIDP7yAQ7r8w3xDOr1BwcYCgMEG+QJARj0GPAZ4xUG8hvt5RXwGfoBFfUJ9RIGAB3qCusH+fAXDPr84BYZ/en86PrjERcM8RcM8QkK+uAU8Bf2+vv4CPr45PkI/T7M8zAAADIUlEQVR42tVXZ3PaQBBV150KCAymGIMN7r3GduIkTu+99/3/vyJ7twIhULHlmcxkPwhJd+/elrfHSflXxq6J58WhJTPQBoXRH9u2tlacfAbgaDY3OV7y+5t1AKeSA27ZgZeYnUMLAMwctAngbyQNzAHazxx0X0yyE+JrgI2us+y6fAJppzwhaeh7M7vmZwht+wA6m0qa0/BBMzLRm+g3Z3iFTgy/boOmXCB5JjrArIm6+biKGgsb7vA5JM903QU4kWX/jfQbbDzssqyIybPRP+hODaOP0LPKlg32t4w2ckNJhN7DKd33ApBOz2RKhusAt0aivY1zV9YoaRg3/m7h70q6Xi2BHlnNFnhU/iLIdBP5l1Q0co+nWrVsWTwTrwtSsBiO00rz3ArR0aYg4Dq+1ki+q/h8I40bxybkZGySeB1v1EdHXorOMVG/hg9R9BIdts5iOnnJj7gj81RXiIXsritWSs2akdz2C2PCcbY/tHamu5W5yeh5oo72CWhXFH5ZNKuJa+Q6BpI0TaJzbE+gm6wYmv2Ru1czKT3ZaN7yPHXQN4XrSG6oXoXH0Wo6WLXAcrZbxh7WXMNmqQa65Xca74fj1Qz0okiXo3bc8g7Kv4xojtOFkA/ml4g7vX93LBGuLS67hnnhSJePdaAFnq2u9wS6nYj1Vgkrrm02+j9WQb6Sr98e4B6ymwT+LIllv+6qPNZWcTuZxj49hiHzebU0DubBBPrVdIXrkuFcB12dqGfJCFGaFt5sT4B7tP734Kw2rYV+mDZ1sEwLdFi8UDguY7YWkvbyAaFNjMLoLjvdbmzSlkVg+LqWXAyHMk6UjMfA7AENOtVUARL5RoKueRhW2UvX7z2aMj+VbMOikYmIJ/JOvutLE6cNwydilnPYWZbT3NiSS3Xp9n0j/xRJHo5N7DVsqYLqvpJvboy89LoR0It4tjLyHpEf7r2xpbBryuXMs4fk7MVLSz40313+VN0Nq/akTiV2zCudqIncoh8N9+srmflQG3Xp8/7VD/AYOxE/LvQZUaeIK0oR269gg9smK/zhUnUeKdcwtXa97y6u/A/2F/Kl1LEbgW4OAAAAAElFTkSuQmCC) no-repeat;
}
.missions-wrapper .missions-grid .mission .check[data-v-3e47ee17] {
  left: -3px;
  top: -15px;
  background: url(data:image/png;base64,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) no-repeat;
}
.missions-wrapper .missions-grid .mission .mission__glass-animation[data-v-3e47ee17]::before {
  background: linear-gradient(90deg, rgba(124, 103, 255, 0), rgba(124, 103, 255, 0.4), rgba(124, 103, 255, 0));
  content: "";
  height: 100%;
  opacity: 0.5;
  position: absolute;
  transform: skew(-10deg) translate(-350px);
  width: 250px;
}
.missions-wrapper .missions-grid .mission .mission__left-block[data-v-3e47ee17] {
  flex: 1;
  z-index: 2;
}
.missions-wrapper .missions-grid .mission .mission__left-block .mission__name-and-tasks[data-v-3e47ee17] {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 0 20px 0 50px;
}
.missions-wrapper .missions-grid .mission .mission__left-block .mission__name-and-tasks .mission__title[data-v-3e47ee17] {
  align-items: center;
  display: flex;
}
.missions-wrapper .missions-grid .mission .mission__left-block .mission__name-and-tasks .mission__title .mission__name[data-v-3e47ee17] {
  color: #fbfffe;
  font-size: 24px;
}
.missions-wrapper .missions-grid .mission .mission__left-block .mission__name-and-tasks .mission__title .tooltip[data-v-3e47ee17] {
  width: 20px;
}
.missions-wrapper .missions-grid .mission .mission__left-block .mission__name-and-tasks .tasks[data-v-3e47ee17] {
  display: grid;
  grid-template-rows: repeat(3, 0fr);
  max-width: 330px;
  padding: 25px 0 0;
}
.missions-wrapper .missions-grid .mission .mission__left-block .mission__name-and-tasks .tasks .tasks__task[data-v-3e47ee17] {
  margin-bottom: 15px;
  padding-left: 42px;
  padding-top: 3px;
  position: relative;
}
.missions-wrapper .missions-grid .mission .mission__left-block .mission__name-and-tasks .tasks .tasks__task .tasks__task-link[data-v-3e47ee17] {
  color: #70699b;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  transition: color 0.3s;
}
.missions-wrapper .missions-grid .mission .mission__left-block .mission__name-and-tasks .tasks .tasks__task .tasks__task-link .task__text-wrapper[data-v-3e47ee17] {
  text-decoration: underline;
}
.missions-wrapper .missions-grid .mission .mission__left-block .mission__name-and-tasks .tasks .tasks__task .tasks__task-link[data-v-3e47ee17]:hover {
  color: #8479c5;
}
.missions-wrapper .missions-grid .mission .mission__left-block .mission__name-and-tasks .tasks .tasks__task[data-v-3e47ee17]:before {
  background: url(../img/下载.818d1dfc.svg) no-repeat 50%;
  content: "";
  height: 26px;
  left: 0;
  position: absolute;
  top: 0;
  width: 26px;
}
.missions-wrapper .missions-grid .mission .mission__right-block[data-v-3e47ee17] {
  margin-right: 27px;
  position: relative;
  width: 214px;
  z-index: 2;
}
.missions-wrapper .missions-grid .mission .mission__right-block .mission__link[data-v-3e47ee17] {
  display: inline-block;
  margin-top: 45px;
  text-align: center;
  width: 100%;
}
.missions-wrapper .missions-grid .mission .mission__right-block .mission__link:hover img[data-v-3e47ee17] {
  cursor: pointer;
  transform: scale(1.1);
  transition: transform 0.3s;
}
.missions-wrapper .missions-grid .mission .mission__right-block .mission__button[data-v-3e47ee17] {
  background: #1c1a31;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  width: 112px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  left: 50%;
  bottom: 24px;
  padding: 0 15px;
  transform: translate(-50%);
  transition: color 0.3s, background-color 0.3s;
  position: absolute;
  z-index: 2;
}
.missions-wrapper .missions-grid .mission .mission__right-block .disabled[data-v-3e47ee17] {
  color: #7e7c8d;
}
.missions-wrapper .missions-grid .mission .mission__right-block .mission__button.disabled[data-v-3e47ee17], .missions-wrapper .missions-grid .mission .mission__right-block .mission__button[data-v-3e47ee17]:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.missions-wrapper .missions-grid .verified .mission__background[data-v-3e47ee17] {
  background-color: #171528;
  background: url(../img/g.fa1d4ae9.svg) no-repeat top, url(../img/BrFwL2PU.99b05aba.png) no-repeat top;
  background-size: contain;
}
.missions-wrapper .missions-grid .mission:hover .mission__glass-animation[data-v-3e47ee17]:before {
  animation: glass-animation-3e47ee17 1s ease-in-out forwards; /* 添加动画效果 */
}
@keyframes glass-animation-3e47ee17 {
0% {
    transform: skew(-10deg) translate(-300px);
}
100% {
    transform: skew(-10deg) translate(700px);
}
}
.bacs[data-v-0e4eff81] {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgb(26, 26, 28);
  z-index: 99;
  overflow: scroll;
}
.imgs[data-v-0e4eff81] {
  width: 60%;
  margin: 0 auto;
  margin-left: 20%;
}
@media (max-width: 1000px) {
.imgs[data-v-0e4eff81] {
    width: 100%;
    margin-left: 0;
}
}
.bacs[data-v-88cafb00] {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgb(26, 26, 28);
  z-index: 99;
  overflow: scroll;
}
.imgs[data-v-88cafb00] {
  width: 60%;
  margin: 0 auto;
  margin-left: 20%;
}
@media (max-width: 1000px) {
.imgs[data-v-88cafb00] {
    width: 100%;
    margin-left: 0;
}
}
.bacs[data-v-88aecbfe] {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgb(26, 26, 28);
  z-index: 99;
  overflow: scroll;
}
.imgs[data-v-88aecbfe] {
  width: 60%;
  margin: 0 auto;
  margin-left: 20%;
}
@media (max-width: 1000px) {
.imgs[data-v-88aecbfe] {
    width: 100%;
    margin-left: 0;
}
}
.bacs[data-v-88929cfc] {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgb(26, 26, 28);
  z-index: 99;
  overflow: scroll;
}
.imgs[data-v-88929cfc] {
  width: 60%;
  margin: 0 auto;
  margin-left: 20%;
}
@media (max-width: 1000px) {
.imgs[data-v-88929cfc] {
    width: 100%;
    margin-left: 0;
}
}
.content[data-v-66580c1e] {
  width: 1200px;
  margin: 0 auto;
}
.content-list[data-v-66580c1e] {
  position: relative;
  height: 80px;
  padding-left: 20px;
  transition: all 0.5s;
}
.content-list[data-v-66580c1e]:hover {
  transform: scale(0.98);
}
.content-list[data-v-66580c1e]:hover::before {
  background-color: var(--main-dark-brown);
}
.content-list[data-v-66580c1e]::before {
  content: "";
  width: 4px;
  height: 80px;
  left: 0;
  background-color: var(--main-yellow);
  position: absolute;
}

.three-container[data-v-3dd60866] {
  width: 100%;
  height: 100%;
}
.three-canvas[data-v-3dd60866] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.encyclopedia-page[data-v-fe5bbe06] {
  padding-bottom: 88px;
}
.encyclopedia-page .itemType[data-v-fe5bbe06] {
  width: 100%;
}
.encyclopedia-page .itemType ul[data-v-fe5bbe06] {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 100%;
  font-size: 22px;
  gap: 20px;
  padding-top: 65px;
  box-sizing: border-box;
  color: rgb(181, 172, 215);
}
.encyclopedia-page .itemType ul li[data-v-fe5bbe06] {
  padding: 0 15px;
  cursor: pointer;
}
.encyclopedia-page .itemType ul .active[data-v-fe5bbe06] {
  color: rgb(38, 200, 151);
}
.encyclopedia-page .filter-wrapper[data-v-fe5bbe06] {
  padding: 50px 150px 40px 130px;
}
.encyclopedia-page .filter-wrapper .filter-list[data-v-fe5bbe06] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.encyclopedia-page .filter-wrapper .filter-tab[data-v-fe5bbe06] {
  min-width: 90px;
  height: 24px;
  line-height: 25px;
  text-align: center;
  font-size: 14px;
  padding: 0 15px;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
}
.encyclopedia-page .filter-wrapper .filter-tab.active[data-v-fe5bbe06] {
  background-color: #806cf5;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  color: #fff;
  cursor: default;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.encyclopedia-page .list-wrapper[data-v-fe5bbe06] {
  position: relative;
  width: 100%;
  min-height: 2000px;
  padding: 0 20px 120px;
}
.encyclopedia-page .list-wrapper .list_loader[data-v-fe5bbe06] {
  position: absolute;
  width: 100%;
  height: calc(100% - 120px);
  z-index: 2;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(3px);
}
.encyclopedia-page .list-wrapper .list_loader .loader[data-v-fe5bbe06] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.encyclopedia-page .list-wrapper .list[data-v-fe5bbe06] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.encyclopedia-page .list-wrapper .item[data-v-fe5bbe06] {
  position: relative;
  background: rgba(41, 20, 100, 0.469);
  padding: 15px 0;
  width: 256px;
}
.encyclopedia-page .list-wrapper .item .fdg-img[data-v-fe5bbe06] {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 40px;
}
.encyclopedia-page .list-wrapper .item .img-wrapper[data-v-fe5bbe06] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 256px;
  padding: 20px;
  box-sizing: border-box;
}
.encyclopedia-page .list-wrapper .item .img-wrapper img[data-v-fe5bbe06] {
  width: 100%;
  padding: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  box-sizing: border-box;
  display: inline-block;
}
.encyclopedia-page .list-wrapper .item .img-wrapper img.gif[data-v-fe5bbe06] {
  display: none;
}
.encyclopedia-page .list-wrapper .item:hover img.png[data-v-fe5bbe06] {
  display: none;
}
.encyclopedia-page .list-wrapper .item:hover img.gif[data-v-fe5bbe06] {
  display: inline-block;
}
.encyclopedia-page .list-wrapper .item:hover img.gif.padding0[data-v-fe5bbe06] {
  padding: 0px;
}
.encyclopedia-page .list-wrapper .item .model[data-v-fe5bbe06] {
  font-size: 18px;
  color: #685893;
  margin: 10px 0;
  width: 99%;
  padding: 0 15px;
  box-sizing: border-box;
}
.encyclopedia-page .list-wrapper .item .name[data-v-fe5bbe06] {
  color: #dad2f7;
  font-size: 20px;
  margin-bottom: 20px;
  width: 99%;
  padding: 0 15px;
  box-sizing: border-box;
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper[data-v-fe5bbe06] {
  position: absolute;
  bottom: 0;
  width: 100%;
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  height: 90px;
  justify-content: center;
  margin-top: 30px;
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item[data-v-fe5bbe06] {
  display: flex;
  flex-direction: row;
  height: 30px;
  position: relative;
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-fe5bbe06] {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 39px;
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__icon-arrow[data-v-fe5bbe06] {
  transition: opacity 0.3s;
  background-color: #fff;
  height: 6px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3E%3Cpath d='M1.115 8 0 6.405 8 0l8 6.405L14.885 8 8 2.498z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 15px;
  z-index: 1;
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__icon-arrow.arrow_left[data-v-fe5bbe06] {
  margin-right: 2px;
  transform: rotate(-90deg);
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__icon-arrow.arrow_right[data-v-fe5bbe06] {
  margin-left: 2px;
  transform: rotate(90deg);
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-fe5bbe06] {
  align-items: center;
  color: #cf3464;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  margin: 0 10px;
  min-width: 39px;
  padding: 0 10px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-fe5bbe06]::after, .encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-fe5bbe06]::before {
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-fe5bbe06]::before {
  background: #2b192f;
  height: 100%;
  width: 100%;
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__current-page[data-v-fe5bbe06]::after {
  background: #141225;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__current-page span[data-v-fe5bbe06] {
  position: relative;
  z-index: 1;
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-fe5bbe06] {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 39px;
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-fe5bbe06]::after,
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-fe5bbe06]::before,
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-fe5bbe06]::after,
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-fe5bbe06]::before {
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-fe5bbe06]::before,
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-fe5bbe06]::before {
  background: #282543;
  height: 100%;
  width: 100%;
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__button_next[data-v-fe5bbe06]::after,
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__button_prev[data-v-fe5bbe06]::after {
  background: #1e1c35;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.encyclopedia-page .list-wrapper .pagination-item__wrapper .pagination-item .pagination-item__pages-info[data-v-fe5bbe06] {
  color: #4f4b78;
  font-size: 18px;
  font-weight: 600;
  left: 100%;
  line-height: 30px;
  margin-left: 12px;
  position: absolute;
  top: 0;
  white-space: nowrap;
}
[data-v-fe5bbe06] .el-dialog__wrapper {
  background: rgba(4, 3, 20, 0.1) !important;
}
[data-v-fe5bbe06] .el-dialog__wrapper .el-dialog__header {
  display: none;
}
@media screen and (max-width: 1365px) {
.itemType ul[data-v-fe5bbe06] {
    font-size: 19px !important;
}
.itemType ul li[data-v-fe5bbe06] {
    padding: 0 10px !important;
}
.filter-wrapper[data-v-fe5bbe06] {
    padding: 30px 120px 30px 100px !important;
}
.filter-wrapper .filter-tab[data-v-fe5bbe06] {
    font-size: 13px !important;
}
.list-wrapper[data-v-fe5bbe06] {
    zoom: 0.8;
}
}
@media screen and (max-width: 1024px) {
.itemType ul[data-v-fe5bbe06] {
    padding-top: 50px !important;
    font-size: 16px !important;
}
.itemType ul li[data-v-fe5bbe06] {
    padding: 0 5px !important;
}
.filter-wrapper[data-v-fe5bbe06] {
    padding: 20px 60px 30px 50px !important;
}
.filter-wrapper .filter-tab[data-v-fe5bbe06] {
    font-size: 12px !important;
}
}
@media screen and (max-width: 767px) {
.itemType ul[data-v-fe5bbe06] {
    flex-wrap: wrap;
    justify-content: flex-start !important;
    gap: 10px !important;
}
.itemType ul li[data-v-fe5bbe06] {
    padding: 0 10px !important;
}
.filter-wrapper[data-v-fe5bbe06] {
    padding: 40px 60px 30px 50px !important;
}
.filter-wrapper .d-flex > div[data-v-fe5bbe06] {
    font-size: 13px !important;
    min-width: 50px !important;
}
.filter-wrapper .filter-list[data-v-fe5bbe06] {
    gap: 0px !important;
}
.filter-wrapper .filter-tab[data-v-fe5bbe06] {
    min-width: 80px !important;
    font-size: 12px !important;
}
.list-wrapper[data-v-fe5bbe06] {
    zoom: 0.65;
}
.list-wrapper .img-wrapper[data-v-fe5bbe06] {
    padding: 0 20px !important;
}
}
@media screen and (max-width: 490px) {
.itemType ul[data-v-fe5bbe06] {
    font-size: 15px !important;
}
.filter-wrapper[data-v-fe5bbe06] {
    padding: 30px 10px 30px 20px !important;
}
.filter-wrapper .filter-tab[data-v-fe5bbe06] {
    padding: 0 10px !important;
    min-width: 70px !important;
    font-size: 11px !important;
}
.list-wrapper[data-v-fe5bbe06] {
    zoom: 0.6;
}
}
.partnership-page[data-v-a3f36846] {
  padding: 0 40px 50px;
}
.partnership-page .overview-top-wrapper[data-v-a3f36846] {
  position: relative;
  display: flex;
  gap: 10px;
  z-index: 1;
}
.partnership-page .overview-top-wrapper .revenue-title[data-v-a3f36846] {
  display: flex;
  align-items: center;
  font-size: 18px;
}
.partnership-page .overview-top-wrapper .revenue-title img[data-v-a3f36846] {
  width: 30px;
  margin-right: 5px;
}
.partnership-page .overview-top-wrapper .top-item[data-v-a3f36846] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 33.33%;
  height: 265px;
  border: 2.5px solid #272542;
  border-radius: 15px;
  box-sizing: border-box;
}
.partnership-page .overview-top-wrapper .revenue-wrapper[data-v-a3f36846] {
  padding: 15px 15px 35px 15px;
  background-image: linear-gradient(90deg, rgba(121, 117, 65, 0.6), rgba(121, 117, 65, 0.2));
}
.partnership-page .overview-top-wrapper .revenue-wrapper .tit[data-v-a3f36846] {
  font-size: 14px;
}
.partnership-page .overview-top-wrapper .revenue-wrapper .des[data-v-a3f36846] {
  font-size: 12px;
  margin-top: 3px;
}
.partnership-page .overview-top-wrapper .revenue-wrapper .des span[data-v-a3f36846] {
  color: #4af1b8;
}
.partnership-page .overview-top-wrapper .revenue-wrapper .extract[data-v-a3f36846] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  border: 1.5px solid #3d3b29;
  border-radius: 10px;
  padding: 0 8px 0 5px;
  margin-top: 6px;
  background-color: #1b192f;
}
.partnership-page .overview-top-wrapper .revenue-wrapper .balance[data-v-a3f36846] {
  display: flex;
  align-items: center;
}
.partnership-page .overview-top-wrapper .revenue-wrapper .balance img[data-v-a3f36846] {
  width: 30px;
}
.partnership-page .overview-top-wrapper .revenue-wrapper .balance span[data-v-a3f36846] {
  color: #686868;
  font-weight: 600;
  font-size: 13px;
}
.partnership-page .overview-top-wrapper .revenue-wrapper .balance span.reward[data-v-a3f36846] {
  color: #4af1b8;
  font-size: 16px;
}
.partnership-page .overview-top-wrapper .revenue-wrapper .btn[data-v-a3f36846] {
  min-width: 66px;
  height: 28px;
  margin-left: 16px;
  align-items: center;
  background-color: #5c49d0;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.partnership-page .overview-top-wrapper .invited-wrapper[data-v-a3f36846] {
  padding: 10px 15px 35px 15px;
  background-image: linear-gradient(90deg, rgba(92, 37, 128, 0.4), rgba(92, 37, 128, 0));
}
.partnership-page .overview-top-wrapper .invited-wrapper .num[data-v-a3f36846] {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  gap: 8px;
  font-weight: 700;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
  font-size: 13px;
  background-color: #0b0a18;
  padding: 0 6px;
  margin-top: 8px;
  border: 1.5px solid #42145b;
  box-sizing: border-box;
}
.partnership-page .overview-top-wrapper .invited-wrapper .num[data-v-a3f36846]::before, .partnership-page .overview-top-wrapper .invited-wrapper .num[data-v-a3f36846]::after {
  content: "";
  position: absolute;
  width: 34px;
  top: 0px;
  bottom: 0px;
  background: url(../img/btn-l-r-bg.f5d97178.png) no-repeat center/cover;
}
.partnership-page .overview-top-wrapper .invited-wrapper .num[data-v-a3f36846]::before {
  left: -1.5px;
  transform: rotate(-180deg);
}
.partnership-page .overview-top-wrapper .invited-wrapper .num[data-v-a3f36846]::after {
  right: -1.5px;
}
.partnership-page .overview-top-wrapper .invited-wrapper .num img[data-v-a3f36846] {
  position: relative;
  z-index: 1;
  width: 30px;
}
.partnership-page .overview-top-wrapper .invited-wrapper .num .view-btn[data-v-a3f36846] {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  align-items: center;
  background-color: #504990;
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
  color: #b7b3e3;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 28px;
  justify-content: center;
  min-width: 66px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
  z-index: 1;
}
.partnership-page .overview-top-wrapper .level-wrapper[data-v-a3f36846] {
  padding: 8px 8px;
  background-image: linear-gradient(90deg, rgba(26, 29, 81, 0.8), rgba(26, 29, 81, 0.4));
}
.partnership-page .overview-top-wrapper .level-wrapper .level-con[data-v-a3f36846] {
  height: calc(100% - 35px);
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 2px;
}
.partnership-page .overview-top-wrapper .level-wrapper .level-item[data-v-a3f36846] {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  border-radius: 6px;
  font-weight: 600;
  border: 1.5px solid #3b3762;
  padding: 0px 10px;
}
.partnership-page .overview-top-wrapper .level-wrapper .level-item .item-l[data-v-a3f36846] {
  display: flex;
  font-weight: 400;
}
.partnership-page .overview-top-wrapper .level-wrapper .level-item .item-l .setwidth[data-v-a3f36846] {
  width: 45px;
}
.partnership-page .overview-top-wrapper .level-wrapper .level-item .item-r[data-v-a3f36846] {
  font-weight: 400;
  color: #62d4b2;
}
.partnership-page .overview-top-wrapper .level-wrapper .level-item.active[data-v-a3f36846] {
  background-image: linear-gradient(rgba(63, 104, 128, 0.3) 0%, rgba(85, 156, 152, 0.3) 100%);
}
.partnership-page .separate-wrapper[data-v-a3f36846] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
  transform: translateY(-40%);
}
.partnership-page .separate-wrapper img[data-v-a3f36846] {
  display: block;
  width: 140%;
}
.partnership-page .promotion-wrapper[data-v-a3f36846] {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  background-color: #19172e;
  padding: 10px 20px 20px;
  border-radius: 10px;
  box-sizing: border-box;
  margin-top: -30px;
}
.partnership-page .promotion-wrapper .promo-item[data-v-a3f36846] {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.partnership-page .promotion-wrapper .promo-title[data-v-a3f36846] {
  display: flex;
  align-items: center;
}
.partnership-page .promotion-wrapper .promo-title img[data-v-a3f36846] {
  width: 30px;
  margin-right: 4px;
}
.partnership-page .promotion-wrapper .text-container[data-v-a3f36846] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.partnership-page .promotion-wrapper .text[data-v-a3f36846] {
  position: relative;
  flex: 1;
  height: 40px;
  border: 1.5px solid #3b3762;
  border-radius: 10px;
  padding-left: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.partnership-page .promotion-wrapper .text input[data-v-a3f36846] {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  color: inherit;
  outline: none;
}
.partnership-page .promotion-wrapper .text .copy-btn[data-v-a3f36846] {
  padding: 7px 10px 8px 8px;
  position: absolute;
  right: 0;
}
.partnership-page .promotion-wrapper .update-button[data-v-a3f36846] {
  min-width: 140px;
  margin-bottom: 5px;
}
.partnership-page .promotion-wrapper .update-button button[data-v-a3f36846] {
  align-items: center;
  background-color: #cf3464;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 35px;
  justify-content: center;
  padding: 0 10px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 100px;
}
.partnership-page .recharge-wrapper[data-v-a3f36846] {
  position: relative;
  display: flex;
  gap: 10px;
  margin-top: 10px;
  z-index: 1;
}
.partnership-page .recharge-wrapper .recharge-item[data-v-a3f36846] {
  flex: 1;
  background-color: #19172e;
  border-radius: 10px;
  padding: 15px 15px 20px;
}
.partnership-page .recharge-wrapper .recharge-title[data-v-a3f36846] {
  display: flex;
  align-items: center;
}
.partnership-page .recharge-wrapper .recharge-title img[data-v-a3f36846] {
  width: 30px;
  margin-right: 4px;
}
.partnership-page .recharge-wrapper .days-tabs[data-v-a3f36846] {
  display: flex;
  margin-left: auto;
  gap: 10px;
}
.partnership-page .recharge-wrapper .days-tabs .tab[data-v-a3f36846] {
  min-width: 55px;
  height: 32px;
  background-color: #2a283f;
  align-items: center;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  justify-content: center;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.partnership-page .recharge-wrapper .days-tabs .tab.active[data-v-a3f36846] {
  background-color: #5c49d0;
}
.partnership-page .recharge-wrapper .charts-wrapper[data-v-a3f36846] {
  border: 1.5px solid #3b3762;
  border-radius: 8px;
  width: 100%;
  height: 400px;
  margin-top: 8px;
}
.partnership-page .recharge-wrapper .charts-wrapper #charts-num[data-v-a3f36846],
.partnership-page .recharge-wrapper .charts-wrapper #charts-record[data-v-a3f36846] {
  width: 100%;
  height: 100%;
}
.partnership-page .recharge-wrapper .total[data-v-a3f36846] {
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 38px;
  font-size: 13px;
  font-weight: 600;
  border: 1.5px solid #3b3762;
  border-radius: 8px;
  margin-top: 10px;
}
.partnership-page .promotion-history-wrapper[data-v-a3f36846] {
  margin-top: -30px;
}
.partnership-page .promotion-history-wrapper .history-title[data-v-a3f36846] {
  padding: 5px 8px 8px;
  background: #19172e;
  border-radius: 10px;
}
.partnership-page .promotion-history-wrapper .history-title .title[data-v-a3f36846] {
  display: flex;
  align-items: center;
}
.partnership-page .promotion-history-wrapper .history-title .title img[data-v-a3f36846] {
  width: 30px;
  margin-right: 4px;
}
.partnership-page .promotion-history-wrapper .history-title .title .days-tabs[data-v-a3f36846] {
  display: flex;
  margin-left: auto;
  gap: 10px;
}
.partnership-page .promotion-history-wrapper .history-title .title .days-tabs .tab[data-v-a3f36846] {
  min-width: 55px;
  height: 32px;
  background-color: #2a283f;
  align-items: center;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  justify-content: center;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.partnership-page .promotion-history-wrapper .history-title .title .days-tabs .tab.active[data-v-a3f36846] {
  background-color: #5c49d0;
}
.partnership-page .promotion-history-wrapper .history-title .title .days-tabs .history-total[data-v-a3f36846] {
  cursor: default;
  min-width: 105px;
  justify-content: flex-start;
  box-sizing: content-box;
}
.partnership-page .promotion-history-wrapper .history-title .search[data-v-a3f36846] {
  display: flex;
  align-items: center;
  border: 1.5px solid #3b3762;
  padding: 10px 15px;
  margin-top: 10px;
  border-radius: 8px;
  box-sizing: border-box;
}
.partnership-page .promotion-history-wrapper .history-title .search i[data-v-a3f36846] {
  font-size: 20px;
  margin-right: 3px;
}
.partnership-page .promotion-history-wrapper .history-title .search input[data-v-a3f36846] {
  width: 88%;
  padding: 7px;
}
.partnership-page .promotion-history-wrapper .history-list-wrapper[data-v-a3f36846] {
  border: 1.5px solid #3b3762;
  margin-top: 10px;
  border-radius: 10px;
  overflow-x: auto;
}
.partnership-page .promotion-history-wrapper .history-list-header[data-v-a3f36846] {
  display: flex;
  align-items: center;
  width: calc(100% - 20px);
  margin: 0 auto;
  padding: 0 30px;
  border-bottom: 3px solid #3b3762;
  min-width: 500px;
}
.partnership-page .promotion-history-wrapper .history-list-table[data-v-a3f36846] {
  height: 500px;
  margin-top: 8px;
  min-width: 500px;
}
.partnership-page .promotion-history-wrapper .header-item[data-v-a3f36846] {
  flex: 1;
  text-align: center;
  padding: 10px 0 5px;
}
.partnership-page .promotion-history-wrapper .table-item[data-v-a3f36846] {
  flex: 1;
  display: flex;
  align-items: center;
  width: calc(100% - 40px);
  text-align: center;
  background: #20274c;
  padding: 15px;
  border-radius: 10px;
  margin: 0 auto 5px;
  box-sizing: border-box;
}
.partnership-page .promotion-history-wrapper .table-item div[data-v-a3f36846] {
  flex: 1;
}
.usage-rules[data-v-a3f36846] {
  display: flex;
  flex: 0;
  justify-content: center;
  position: absolute;
  right: 66px;
  top: 30px;
}
@media screen and (max-width: 1365px) {
.usage-rules[data-v-a3f36846] {
    position: relative;
    right: auto;
    top: 0;
    margin-top: 30px;
}
}
[data-v-a3f36846] .usage-rules-dialog {
  background-image: url(../img/BmJRvHtk.7250e2d5.png) !important;
}
.el-dialog__wrapper[data-v-a3f36846] {
  background-color: rgba(0, 0, 0, 0.5);
}
[data-v-a3f36846] .user-list-dialog-wrapper {
  width: 600px !important;
  height: 500px;
  background-color: #141225 !important;
}
[data-v-a3f36846] .user-list-dialog-wrapper .el-dialog__body {
  height: 100%;
  word-break: unset !important;
}
@media screen and (max-width: 767px) {
[data-v-a3f36846] .user-list-dialog-wrapper {
    transform: scale(0.9);
    transform-origin: center center;
}
[data-v-a3f36846] .user-list-dialog-wrapper .user-list-dialog {
    padding: 0px 15px 10px 25px;
}
[data-v-a3f36846] .user-list-dialog-wrapper .name {
    width: 240px !important;
}
}
@media screen and (max-width: 490px) {
[data-v-a3f36846] .user-list-dialog-wrapper {
    flex: none;
    transform: scale(0.83);
    transform-origin: left center;
    width: 120.4819277108% !important;
}
}
@media screen and (max-width: 430px) {
[data-v-a3f36846] .user-list-dialog-wrapper {
    transform: scale(0.8);
    width: 125% !important;
}
[data-v-a3f36846] .user-list-dialog-wrapper .header {
    margin-bottom: 0 !important;
}
[data-v-a3f36846] .user-list-dialog-wrapper .name {
    width: 200px !important;
}
}
.user-list-dialog[data-v-a3f36846] {
  top: 40px;
  width: 100%;
  height: 100%;
  padding: 0px 25px 10px 35px;
  transition: height 0.8s;
  overflow: hidden;
  color: #e4dcfc;
}
.user-list-dialog .title[data-v-a3f36846] {
  height: 80px;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  padding-top: 22px;
}
.user-list-dialog .header[data-v-a3f36846] {
  width: 100%;
  display: flex;
  text-align: center;
  font-size: 18px;
  margin-bottom: 10px;
}
.user-list-dialog .header div[data-v-a3f36846] {
  flex: 1;
}
.user-list-dialog .user-list[data-v-a3f36846] {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  height: calc(100% - 100px - 30px);
  overflow-y: auto;
  box-sizing: border-box;
  padding: 7px 5px 10px 0;
}
.user-list-dialog .user-list .item[data-v-a3f36846] {
  position: relative;
  top: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 89px;
  padding: 8px 8px 8px 20px;
  border: 1px solid rgba(0, 0, 0, 0);
  transition: all 0.3s;
}
.user-list-dialog .user-list .item[data-v-a3f36846]:hover {
  top: -5px;
  border-color: #5c49d0;
  box-shadow: 0 8px 20px rgba(92, 73, 208, 0.3);
}
.user-list-dialog .user-list .item img[data-v-a3f36846] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 25px;
}
.user-list-dialog .user-list .item p[data-v-a3f36846] {
  flex: 0 0 auto;
  text-align: left;
  padding: 3px;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
.user-list-dialog .user-list .item .name[data-v-a3f36846] {
  width: 256px;
  padding-right: 30px;
}
.user-list-dialog .user-list .item .color62d4b2[data-v-a3f36846] {
  color: #62d4b2;
}
@media screen and (max-width: 1023px) {
.partnership-page[data-v-a3f36846] {
    padding: 0 !important;
}
.overview-top-wrapper .top-item[data-v-a3f36846] {
    height: 222px;
}
.overview-top-wrapper .revenue-title[data-v-a3f36846] {
    font-size: 15px !important;
}
.overview-top-wrapper .revenue-title img[data-v-a3f36846] {
    width: 22px !important;
}
.overview-top-wrapper .revenue-wrapper[data-v-a3f36846] {
    padding: 10px 0 20px 10px;
}
.overview-top-wrapper .revenue-wrapper .revenue-con .tit[data-v-a3f36846] {
    font-size: 12px;
}
.overview-top-wrapper .revenue-wrapper .revenue-con .des[data-v-a3f36846] {
    font-size: 10px;
}
.overview-top-wrapper .revenue-wrapper .revenue-con .extract[data-v-a3f36846] {
    height: 50px;
}
.overview-top-wrapper .revenue-wrapper .revenue-con .balance[data-v-a3f36846] {
    font-size: 12px;
}
.overview-top-wrapper .revenue-wrapper .revenue-con .balance img[data-v-a3f36846] {
    width: 22px;
}
.overview-top-wrapper .revenue-wrapper .revenue-con .btn[data-v-a3f36846] {
    min-width: 66px;
    height: 28px;
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
    font-size: 12px;
}
.overview-top-wrapper .invited-wrapper[data-v-a3f36846] {
    padding: 10px 10px 20px 10px;
}
.overview-top-wrapper .invited-wrapper .invited-con img[data-v-a3f36846] {
    width: 22px;
}
.overview-top-wrapper .invited-wrapper .num[data-v-a3f36846] {
    height: 44px;
    font-size: 12px;
}
.overview-top-wrapper .level-wrapper .level-item[data-v-a3f36846] {
    font-size: 11px;
}
.promotion-wrapper[data-v-a3f36846] {
    font-size: 14px;
    padding: 8px 15px 15px !important;
}
.promotion-wrapper .promo-title img[data-v-a3f36846] {
    width: 22px !important;
}
.promotion-wrapper .text[data-v-a3f36846] {
    height: 34px !important;
    line-height: 32px !important;
    font-size: 12px !important;
}
.days-tabs .tab[data-v-a3f36846] {
    min-width: 44px !important;
    height: 24px !important;
    font-size: 11px !important;
    clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 7px 100%, 0 50%) !important;
}
.days-tabs .tab.history-total[data-v-a3f36846] {
    min-width: 80px !important;
}
.recharge-wrapper[data-v-a3f36846] {
    font-size: 14px;
}
.recharge-wrapper .recharge-title img[data-v-a3f36846] {
    width: 22px !important;
}
.promotion-history-wrapper[data-v-a3f36846] {
    font-size: 14px;
}
.promotion-history-wrapper .history-title img[data-v-a3f36846] {
    width: 22px !important;
}
.promotion-history-wrapper .search[data-v-a3f36846] {
    padding: 6px 12px !important;
    font-size: 12px;
}
.promotion-history-wrapper .search i[data-v-a3f36846] {
    font-size: 16px !important;
}
.promotion-history-wrapper .history-list-header[data-v-a3f36846] {
    font-size: 11px;
}
.promotion-history-wrapper .table-item[data-v-a3f36846] {
    font-size: 12px;
}
}
@media screen and (max-width: 767px) {
.overview-top-wrapper[data-v-a3f36846] {
    flex-direction: column;
}
.overview-top-wrapper .top-item[data-v-a3f36846] {
    width: 100% !important;
}
.separate-wrapper[data-v-a3f36846] {
    transform: translateY(-45%) !important;
}
.separate-wrapper img[data-v-a3f36846] {
    width: 170% !important;
}
.promotion-history-wrapper[data-v-a3f36846] {
    margin-top: -20px !important;
}
.promotion-wrapper[data-v-a3f36846] {
    flex-direction: column;
    margin-top: -20px !important;
}
.promotion-wrapper .promo-item[data-v-a3f36846] {
    width: 100%;
}
.recharge-wrapper[data-v-a3f36846] {
    flex-direction: column;
}
}
@media screen and (max-width: 490px) {
.separate-wrapper[data-v-a3f36846] {
    transform: translateY(-45%) !important;
}
.separate-wrapper img[data-v-a3f36846] {
    width: 200% !important;
}
.history-title .title[data-v-a3f36846] {
    align-items: flex-start !important;
    position: relative;
    height: 50px;
}
.history-title .title .days-tabs[data-v-a3f36846] {
    gap: 5px !important;
}
.history-title .title .history-total[data-v-a3f36846] {
    position: absolute;
    right: 0;
    bottom: -3px;
}
.history-list-header[data-v-a3f36846] {
    padding: 0 !important;
}
}
.cdkCreate-page[data-v-b855455e] {
  padding: 10px 40px 50px;
}
.cdkCreate-page[data-v-b855455e] .roll-form {
  width: 70%;
  min-width: 400px;
}
@media screen and (max-width: 1024px) {
.cdkCreate-page[data-v-b855455e] .roll-form {
    width: 80%;
}
}
@media screen and (max-width: 767px) {
.cdkCreate-page[data-v-b855455e] .roll-form {
    width: 90%;
}
}
@media screen and (max-width: 450px) {
.cdkCreate-page[data-v-b855455e] .roll-form {
    width: 95%;
}
}
.cdkCreate-page[data-v-b855455e] .roll-form .el-checkbox,
.cdkCreate-page[data-v-b855455e] .roll-form .el-radio,
.cdkCreate-page[data-v-b855455e] .roll-form .el-form-item__label {
  color: #fff;
  font-size: 16px;
}
.cdkCreate-page[data-v-b855455e] .roll-form .el-switch.is-checked .el-switch__core,
.cdkCreate-page[data-v-b855455e] .roll-form .el-radio__input.is-checked .el-radio__inner,
.cdkCreate-page[data-v-b855455e] .roll-form .el-checkbox__input.is-checked .el-checkbox__inner,
.cdkCreate-page[data-v-b855455e] .roll-form .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #5c49d0;
  border-color: #5c49d0;
}
.cdkCreate-page[data-v-b855455e] .roll-form .el-switch__core {
  border-color: #5c49d0 !important;
}
.cdkCreate-page[data-v-b855455e] .roll-form .el-input-number__decrease,
.cdkCreate-page[data-v-b855455e] .roll-form .el-input-number__increase {
  background-color: #5c49d0 !important;
}
.cdkCreate-page[data-v-b855455e] .roll-form .el-checkbox__input.is-checked + .el-checkbox__label,
.cdkCreate-page[data-v-b855455e] .roll-form .el-radio__input.is-checked + .el-radio__label {
  color: #5c49d0;
}
.cdkCreate-page[data-v-b855455e] .roll-form input,
.cdkCreate-page[data-v-b855455e] .roll-form .el-textarea__inner {
  background: transparent !important;
  border: 1.5px solid #3b3762 !important;
  border-radius: 8px !important;
}
.cdkCreate-page[data-v-b855455e] .roll-form .el-input.is-disabled .el-input__inner {
  background: rgb(0, 0, 0) !important;
  border: 1.5px solid rgba(59, 55, 98, 0.799) !important;
  color: #999 !important;
}
.cdkCreate-page[data-v-b855455e] .roll-form .el-button--primary {
  width: 120px;
  height: 40px;
  margin-top: 20px;
  align-items: center;
  color: #fff;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  border: 0px;
  background-color: #5c49d0 !important;
}
.cdkCreate-page[data-v-b855455e] .roll-form .amount-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  color: #aebaf1;
}
.cdkCreate-page[data-v-b855455e] .roll-form .amount-tabs .tab {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  font-size: 16px;
  border-radius: 8px;
  background-color: #4f4687;
  cursor: pointer;
  margin-bottom: 4px;
}
.cdkCreate-page[data-v-b855455e] .roll-form .amount-tabs .tab:hover {
  background-color: #5c49d0;
}
.cdkCreate-page[data-v-b855455e] .roll-form .amount-tabs .tab.active {
  background-color: #5c49d0;
}
@media screen and (max-width: 767px) {
.cdkCreate-page[data-v-b855455e] .roll-form .amount-tabs .tab {
    flex: 0 1 auto;
    min-width: 66px;
}
}
.cdkCreate-page .cdkList-wrapper .cdkList-title[data-v-b855455e] {
  padding: 10px 8px 15px;
  background: #19172e;
  border-radius: 10px 10px 0 0;
}
.cdkCreate-page .cdkList-wrapper .cdkList-title .title[data-v-b855455e] {
  display: flex;
  align-items: center;
  width: 100%;
}
.cdkCreate-page .cdkList-wrapper .cdkList-title .title img[data-v-b855455e] {
  width: 30px;
  margin-right: 4px;
}
.cdkCreate-page .cdkList-wrapper .cdkList-title .title .search[data-v-b855455e] {
  border-radius: 8px;
  margin-left: auto;
}
.cdkCreate-page .cdkList-wrapper .cdkList-list[data-v-b855455e] {
  overflow-x: auto;
  border: 1.5px solid #3b3762;
  border-radius: 10px;
}
.cdkCreate-page .cdkList-wrapper .list-wrapper-x[data-v-b855455e] {
  min-width: 850px;
}
.cdkCreate-page .cdkList-wrapper .cdkList-header[data-v-b855455e] {
  display: flex;
  align-items: center;
  width: calc(100% - 20px);
  margin: 0 auto;
  padding: 0 25px;
  border-bottom: 3px solid #3b3762;
}
.cdkCreate-page .cdkList-wrapper .cdkList-table[data-v-b855455e] {
  height: 695px;
  margin-top: 8px;
  overflow: auto;
}
.cdkCreate-page .cdkList-wrapper .header-item[data-v-b855455e] {
  padding: 10px 0 5px;
  text-align: center;
  flex: 1;
}
.cdkCreate-page .cdkList-wrapper .header-item[data-v-b855455e]:nth-child(1) {
  flex: 2.2;
}
.cdkCreate-page .cdkList-wrapper .header-item[data-v-b855455e]:nth-child(4) {
  max-width: 100px;
}
.cdkCreate-page .cdkList-wrapper .table-item[data-v-b855455e] {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  width: calc(100% - 40px);
  background: #20274c;
  padding: 15px;
  border-radius: 10px;
  margin: 0 auto 5px;
  box-sizing: border-box;
}
.cdkCreate-page .cdkList-wrapper .table-item .copy-btn[data-v-b855455e] {
  position: absolute;
  left: 20px;
  padding: 7px 10px 8px 8px;
}
@media screen and (max-width: 800px) {
.cdkCreate-page .cdkList-wrapper .table-item .copy-btn[data-v-b855455e] {
    left: 4px;
}
}
.cdkCreate-page .cdkList-wrapper .table-item div[data-v-b855455e] {
  flex: 1;
}
.cdkCreate-page .cdkList-wrapper .table-item div.number[data-v-b855455e] {
  flex: 2.2;
}
@media screen and (max-width: 1024px) {
.cdkCreate-page .cdkList-wrapper .table-item div.number[data-v-b855455e] {
    text-align: right;
}
}
.cdkCreate-page .cdkList-wrapper .table-item div.number.active[data-v-b855455e] {
  color: #6274d1;
}
.cdkCreate-page .cdkList-wrapper .table-item div.status0[data-v-b855455e] {
  color: #5cb85c;
  max-width: 100px;
}
.cdkCreate-page .cdkList-wrapper .table-item div.status1[data-v-b855455e], .cdkCreate-page .cdkList-wrapper .table-item div.status2[data-v-b855455e] {
  color: #d9534f;
  max-width: 100px;
}
.usage-rules[data-v-b855455e] {
  display: flex;
  flex: 0;
  justify-content: center;
  position: absolute;
  right: 66px;
  top: 30px;
}
@media screen and (max-width: 1365px) {
.usage-rules[data-v-b855455e] {
    position: relative;
    right: auto;
    top: 0;
    margin-top: 30px;
}
}
[data-v-b855455e] .usage-rules-dialog {
  background-image: url(../img/BmJRvHtk.7250e2d5.png) !important;
}
@media screen and (max-width: 1365px) {
.cdkCreate-page[data-v-b855455e] {
    zoom: 0.9;
}
}
@media screen and (max-width: 1024px) {
.cdkCreate-page[data-v-b855455e] {
    zoom: 0.85;
    padding: 0 !important;
}
}
@media screen and (max-width: 900px) {
.cdkCreate-page[data-v-b855455e] {
    zoom: 0.8;
}
}
@charset "UTF-8";
.rollManage-page[data-v-1a7aff72] {
  padding: 10px 40px 50px;
}
.rollManage-page[data-v-1a7aff72] .roll-form {
  width: 80%;
}
.rollManage-page[data-v-1a7aff72] .roll-form .el-checkbox,
.rollManage-page[data-v-1a7aff72] .roll-form .el-radio,
.rollManage-page[data-v-1a7aff72] .roll-form .el-form-item__label {
  color: #fff;
}
.rollManage-page[data-v-1a7aff72] .roll-form .el-switch.is-checked.from-custom .el-switch__core,
.rollManage-page[data-v-1a7aff72] .roll-form .el-radio__input.is-checked .el-radio__inner,
.rollManage-page[data-v-1a7aff72] .roll-form .el-checkbox__input.is-checked .el-checkbox__inner,
.rollManage-page[data-v-1a7aff72] .roll-form .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #5c49d0;
  border-color: #5c49d0;
}
.rollManage-page[data-v-1a7aff72] .roll-form .el-switch__core {
  border-color: #5c49d0 !important;
}
.rollManage-page[data-v-1a7aff72] .roll-form .el-input-number__decrease,
.rollManage-page[data-v-1a7aff72] .roll-form .el-input-number__increase {
  background-color: #5c49d0 !important;
}
.rollManage-page[data-v-1a7aff72] .roll-form .el-checkbox__input.is-checked + .el-checkbox__label,
.rollManage-page[data-v-1a7aff72] .roll-form .el-radio__input.is-checked + .el-radio__label {
  color: #5c49d0;
}
.rollManage-page[data-v-1a7aff72] .roll-form input,
.rollManage-page[data-v-1a7aff72] .roll-form .el-textarea__inner {
  background: transparent !important;
  border: 1.5px solid #3b3762 !important;
  border-radius: 8px !important;
}
.rollManage-page[data-v-1a7aff72] .roll-form .el-input.is-disabled .el-input__inner {
  background: rgb(0, 0, 0) !important;
  border: 1.5px solid rgba(59, 55, 98, 0.799) !important;
  color: #999 !important;
}
.rollManage-page[data-v-1a7aff72] .roll-form .form-btn {
  width: 120px;
  height: 40px;
  align-items: center;
  color: #fff;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  border: 0px;
  margin-top: 20px;
}
.rollManage-page[data-v-1a7aff72] .roll-form .create-btn {
  float: left;
  background-color: #5c49d0 !important;
}
.rollManage-page[data-v-1a7aff72] .roll-form .reset-btn {
  float: right;
  background-color: rgba(159, 2, 2, 0.996) !important;
}
.rollManage-page[data-v-1a7aff72] .el-date-picker .el-input__inner {
  color: #333 !important;
}
@media screen and (max-width: 490px) {
.rollManage-page[data-v-1a7aff72] .el-date-picker {
    transform: scale(0.75);
    transform-origin: top left;
}
}
.rollManage-page .previewSkins[data-v-1a7aff72] {
  float: right;
  text-align: center;
  background-color: #292645;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  color: #9793c7;
  font-size: 13px;
  font-weight: 700;
  min-width: 150px;
  width: auto;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
}
.rollManage-page .previewSkins[data-v-1a7aff72]:hover {
  background-color: rgb(44, 38, 83);
  color: #fff;
}
.rollManage-page .prize-pool-container[data-v-1a7aff72] {
  display: flex;
  gap: 20px;
  width: 100%;
}
.rollManage-page .prize-pool-container .prize-pool-box[data-v-1a7aff72] {
  flex: 1;
  position: relative;
}
.rollManage-page .prize-pool-container .prize-pool-box .el-select[data-v-1a7aff72] {
  width: calc(100% - 155px) !important;
}
[data-v-1a7aff72] .el-select-dropdown .create-custom-pool-option {
  padding: 0 !important;
  height: auto !important;
  line-height: normal !important;
  cursor: default !important;
  border-bottom: 1px solid #3b3762;
}
[data-v-1a7aff72] .el-select-dropdown .create-custom-pool-option:hover {
  background-color: transparent !important;
}
[data-v-1a7aff72] .el-select-dropdown .create-custom-pool-option .el-select-dropdown__item {
  padding: 0 !important;
  height: auto !important;
}
[data-v-1a7aff72] .el-select-dropdown .create-custom-pool-btn-in-list {
  width: 100%;
  padding: 12px 20px;
  background-color: #5c49d0;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  border: none;
  display: block;
  transition: background-color 0.3s;
}
[data-v-1a7aff72] .el-select-dropdown .create-custom-pool-btn-in-list:hover {
  background-color: #6d5ae0;
}
.gif-png[data-v-1a7aff72] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 70%;
  height: 110px;
}
.gif-png img[data-v-1a7aff72] {
  width: 100%;
}
.gif-png .gif[data-v-1a7aff72] {
  display: none;
}
.gif-png:hover .gif[data-v-1a7aff72] {
  display: block;
}
.gif-png:hover .png[data-v-1a7aff72] {
  display: none;
}
.usage-rules[data-v-1a7aff72] {
  display: flex;
  flex: 0;
  justify-content: center;
  position: absolute;
  right: 66px;
  top: 30px;
}
@media screen and (max-width: 1365px) {
.usage-rules[data-v-1a7aff72] {
    position: relative;
    right: auto;
    top: 0;
    margin-top: 30px;
}
}
[data-v-1a7aff72] .usage-rules-dialog {
  background-image: url(../img/BmJRvHtk.7250e2d5.png) !important;
}
[data-v-1a7aff72] .el-dialog {
  background-color: #141225 !important;
  height: 90vh;
  width: 90vw !important;
  max-height: 827px;
  max-width: 1120px;
  overflow: hidden;
  position: relative;
}
[data-v-1a7aff72] .el-dialog .el-dialog__body {
  height: 100%;
}
.skins-preview-dialog[data-v-1a7aff72] {
  height: 100%;
  color: #fff;
}
.skins-preview-dialog .create-custom-pool-btn-wrapper[data-v-1a7aff72] {
  position: absolute;
  top: 140px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
.skins-preview-dialog .create-custom-pool-btn-wrapper .create-custom-pool-btn[data-v-1a7aff72] {
  background-color: #b1a9e1 !important;
  border-color: #9c94cd !important;
  color: #fff !important;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 18px 100%, 0 50%);
  font-weight: 700;
  padding: 10px 30px;
  font-size: 14px;
}
.skins-preview-dialog .create-custom-pool-btn-wrapper .create-custom-pool-btn[data-v-1a7aff72]:hover {
  background-color: #6d5ae0 !important;
  border-color: #6d5ae0 !important;
}
.skins-preview-dialog .preview-dialog-title[data-v-1a7aff72] {
  position: relative;
  align-items: center;
  border-bottom: 1px solid #1d1a32;
  display: flex;
  height: 125px;
  justify-content: space-between;
  padding: 0 70px;
}
.skins-preview-dialog .preview-dialog-title .user-balances[data-v-1a7aff72] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.skins-preview-dialog .preview-dialog-title .user-balance[data-v-1a7aff72] {
  align-items: center;
  color: #4af1cc;
  display: flex;
  font-weight: 600;
}
.skins-preview-dialog .preview-dialog-title .user-balance .user-balance__icon[data-v-1a7aff72] {
  background: url(../img/balance.c715f752.png) no-repeat;
  background-size: 100%;
  background-position: center;
  height: 20px;
  width: 20px;
  margin-right: 8px;
}
.skins-preview-dialog .preview-dialog-title .user-balance img[data-v-1a7aff72] {
  margin-right: 8px;
}
.skins-preview-dialog .preview-dialog-title .rounds-quantity-block[data-v-1a7aff72] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  flex-direction: row;
}
.skins-preview-dialog .preview-dialog-title .rounds-hexagon[data-v-1a7aff72] {
  background: linear-gradient(180deg, #17162b, #2c2a46);
  height: 42px;
  position: relative;
  width: 37px;
}
.skins-preview-dialog .preview-dialog-title .inner-hexagon[data-v-1a7aff72] {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(22, 20, 39, 0.4);
  color: #e8e4f7;
  height: 34px;
  line-height: 34px;
  width: 30px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.skins-preview-dialog .preview-dialog-title .rounds-text[data-v-1a7aff72] {
  margin: 0 0 0 8px;
  font-size: 14px;
  font-weight: 600;
}
.skins-preview-dialog .preview-dialog-title .price[data-v-1a7aff72] {
  font-size: 13px;
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
}
.skins-preview-dialog .preview-dialog-title .price p[data-v-1a7aff72] {
  display: block;
  color: #00efba;
  font-size: 16px;
  margin-top: 6px;
}
.skins-preview-dialog .preview-dialog-content[data-v-1a7aff72] {
  height: calc(100% - 125px);
  padding-top: 25px;
}
.skins-preview-dialog .preview-dialog-content .simplebar-content-wrapper[data-v-1a7aff72] {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  scrollbar-width: none;
  width: auto;
  overflow: auto;
}
.skins-preview-dialog .preview-dialog-content .simplebar-content[data-v-1a7aff72] {
  display: grid;
  grid-template-columns: repeat(auto-fill, 188px);
  justify-content: center;
  grid-gap: 10px;
  padding: 0 20px 125px;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block[data-v-1a7aff72] {
  position: relative;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block:hover .hover-block[data-v-1a7aff72] {
  opacity: 1;
  visibility: visible;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block:hover .hover-block .view-drops-button[data-v-1a7aff72]:hover {
  background-color: #4f4b78;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__empty-case[data-v-1a7aff72] {
  background: #171528;
  border-radius: 4px;
  height: 237px;
}
.skins-preview-dialog .preview-dialog-content .battle-case[data-v-1a7aff72] {
  background-color: #1a182d;
  border-radius: 4px;
  height: 237px;
  position: relative;
  text-align: center;
  width: 188px;
  font-size: 14px;
  font-weight: 600;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__multiplier[data-v-1a7aff72] {
  background-color: #5c49d0;
  clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
  font-size: 9px;
  font-weight: 700;
  height: 17px;
  line-height: 17px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  top: 10px;
  width: 28px;
  z-index: 1;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap[data-v-1a7aff72] {
  display: flex;
  height: 160px;
  width: 150px;
  justify-content: center;
  padding-top: 10px;
  margin: 0 auto;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap img[data-v-1a7aff72] {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__name[data-v-1a7aff72] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #dddcfc;
  margin-top: -5px;
  height: 42.2px;
  overflow: hidden;
  white-space: normal;
  padding: 0 6px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__price[data-v-1a7aff72] {
  align-items: center;
  color: #00efba;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  text-transform: uppercase;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__event-points[data-v-1a7aff72] {
  align-items: center;
  color: #ffb973;
  display: flex;
  margin-left: 6px;
}
.skins-preview-dialog .preview-dialog-content .battle-case .battle-case__event-points img[data-v-1a7aff72] {
  height: auto;
  margin-left: 3px;
  width: 22px;
}
.skins-preview-dialog .preview-dialog-content .hover-block[data-v-1a7aff72] {
  align-items: center;
  background-color: rgba(21, 19, 39, 0.7019607843);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 3;
}
.skins-preview-dialog .preview-dialog-content .hover-block .view-drops-button[data-v-1a7aff72] {
  align-items: center;
  background-color: #282546;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.skins-preview-dialog .preview-dialog-content .hover-block .view-drops-button__text[data-v-1a7aff72] {
  max-width: 140px;
}
.skins-preview-dialog .preview-dialog-content .simplebar-footer-wrapper[data-v-1a7aff72] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 140px;
  z-index: 10;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__gradient[data-v-1a7aff72] {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0, #0f0e1a);
  pointer-events: none;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__buttons[data-v-1a7aff72] {
  position: absolute;
  bottom: 60px;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__button[data-v-1a7aff72] {
  align-items: center;
  background-color: #252141;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 18px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 17px;
  font-weight: 700;
  height: 62px;
  justify-content: center;
  min-width: 272px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.skins-preview-dialog .preview-dialog-content .battle-details-modal__button[data-v-1a7aff72]:hover {
  background-color: #292645;
}

/* 移动端：弹窗与底部按钮可见性优化 */
@media screen and (max-width: 768px) {
[data-v-1a7aff72] .create-custom-pool-dialog.el-dialog {
    width: 95vw !important;
    height: auto;
    max-height: 90vh;
    overflow: visible;
}
[data-v-1a7aff72] .create-custom-pool-dialog .el-dialog__body {
    height: auto;
    max-height: calc(90vh - 40px);
    overflow-y: auto;
    padding-bottom: 90px; /* 为底部按钮预留空间 */
}
.create-pool-form .actions-row[data-v-1a7aff72] {
    position: sticky;
    bottom: 0;
    background: #141225;
    padding: 12px 0;
    z-index: 5;
}
}
.gif-png[data-v-1a7aff72] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 70%;
  height: 110px;
}
.gif-png img[data-v-1a7aff72] {
  width: 100%;
}
.gif-png .gif[data-v-1a7aff72] {
  display: none;
}
.gif-png:hover .gif[data-v-1a7aff72] {
  display: block;
}
.gif-png:hover .png[data-v-1a7aff72] {
  display: none;
}
@media screen and (max-width: 1365px) {
.el-form[data-v-1a7aff72] {
    width: 88.8888888889% !important;
    transform: scale(0.9);
    transform-origin: top left;
    margin-bottom: -50px;
}
}
@media screen and (max-width: 1024px) {
.rollManage-page[data-v-1a7aff72] {
    padding: 10px 20px 30px 0px !important;
}
.el-form[data-v-1a7aff72] {
    width: 103.5294117647% !important;
    transform: scale(0.85);
    transform-origin: top left;
    margin-bottom: -88px;
}
[data-v-1a7aff72] .skins-preview .preview-dialog-title {
    height: 90px !important;
}
[data-v-1a7aff72] .skins-preview .el-dialog__headerbtn {
    top: 10px !important;
    right: 15px !important;
}
[data-v-1a7aff72] .skins-preview .simplebar-content {
    grid-template-columns: repeat(auto-fill, 160px) !important;
    padding: 0 10px 70px !important;
    grid-gap: 9px !important;
}
[data-v-1a7aff72] .skins-preview .battle-case {
    width: 160px !important;
    height: 220px !important;
}
[data-v-1a7aff72] .skins-preview .battle-case .battle-case__multiplier {
    top: 6px !important;
    height: 18px !important;
    line-height: 18px !important;
    min-width: 36px !important;
    font-size: 12px !important;
    clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
}
[data-v-1a7aff72] .skins-preview .battle-case .battle-case__img-wrap {
    height: 140px !important;
}
[data-v-1a7aff72] .skins-preview .battle-case .battle-case__name {
    font-size: 13px;
}
[data-v-1a7aff72] .skins-preview .view-drops-button {
    height: 30px !important;
    font-size: 10px !important;
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
}
[data-v-1a7aff72] .skins-preview .battle-details-modal__buttons .battle-details-modal__button {
    min-width: 166px !important;
    height: 40px !important;
    font-size: 13px !important;
    clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 13px 100%, 0 50%) !important;
}
[data-v-1a7aff72] .skins-preview .battle-details-modal__buttons .battle-details-modal__button::before {
    clip-path: polygon(13px 0, 0 50%, 13px 100%, 14px calc(100% - 1px), 1px 50%, 14px 1px, calc(100% - 14px) 1px, calc(100% - 1px) 50%, calc(100% - 14px) calc(100% - 1px), 13px calc(100% - 1px), 13px 100%, calc(100% - 13px) 100%, 100% 50%, calc(100% - 13px) 0) !important;
}
[data-v-1a7aff72] .skins-preview .battle-details-modal__buttons .battle-details-modal__button .eye-icon {
    width: 16px !important;
    height: 16px !important;
}
[data-v-1a7aff72] .skins-preview .battle-details-modal__buttons .battle-details-modal__button .default-mode-icon {
    width: 14px !important;
    height: 14px !important;
}
[data-v-1a7aff72] .skins-preview .battle-details-modal__buttons .battle-details-modal__button .crazy-mode-icon,[data-v-1a7aff72] .skins-preview .battle-details-modal__buttons .battle-details-modal__button .sharing-mode-icon {
    width: 18px !important;
    height: 18px !important;
}
[data-v-1a7aff72] .skins-preview .case-item {
    height: 200px !important;
    width: 150px !important;
}
[data-v-1a7aff72] .skins-preview .case-item .info_p {
    top: 10px !important;
    right: 10px !important;
}
[data-v-1a7aff72] .skins-preview .case-item .img-wrapper {
    margin: 20px auto 10px !important;
    width: 110px !important;
}
[data-v-1a7aff72] .skins-preview .case-item .info_1 {
    font-size: 11px !important;
}
[data-v-1a7aff72] .skins-preview .case-item .info_2 {
    font-size: 12px !important;
}
[data-v-1a7aff72] .skins-preview .case-item .info_3 {
    font-size: 10px !important;
}
[data-v-1a7aff72] .skins-preview .case-item .info_4 {
    font-size: 12px !important;
}
}
@media screen and (max-width: 888px) {
.el-form[data-v-1a7aff72] {
    width: 110% !important;
    transform: scale(0.8);
    transform-origin: top left;
    padding: 0 !important;
}
}
@media screen and (max-width: 767px) {
.rollManage-page[data-v-1a7aff72] {
    padding: 0px !important;
}
.roll-form[data-v-1a7aff72] {
    width: 125% !important;
}
}
@media screen and (max-width: 767px) {
.prize-pool-container[data-v-1a7aff72] {
    flex-direction: column;
}
}
@media screen and (max-width: 490px) {
[data-v-1a7aff72] .skins-preview {
    width: 95vw !important;
}
.roll-form[data-v-1a7aff72] {
    width: 122.5% !important;
}
.roll-form .el-button[data-v-1a7aff72] {
    width: 100px !important;
    height: 36px !important;
    font-size: 14px !important;
    margin-top: 0 !important;
}
[data-v-1a7aff72] .el-form-item__label {
    width: 120px !important;
}
[data-v-1a7aff72] .el-form-item__content {
    margin-left: 120px !important;
}
[data-v-1a7aff72] .skins-preview .skins-preview-dialog {
    width: 111.1111111111% !important;
    height: 111.1111111111% !important;
    transform: scale(0.9);
    transform-origin: top left;
}
[data-v-1a7aff72] .skins-preview .preview-dialog-title {
    width: 111.1111111111% !important;
    height: 81px !important;
    transform-origin: top left;
    transform: scale(0.9);
    margin-bottom: -9px;
    padding-top: 10px;
}
[data-v-1a7aff72] .create-custom-pool-dialog .el-dialog {
    min-height: 500px !important;
}
[data-v-1a7aff72] .create-custom-pool-dialog .create-pool-form {
    min-height: 500px !important;
}
[data-v-1a7aff72] .add-item-dialog .el-dialog {
    min-height: 500px !important;
}
[data-v-1a7aff72] .add-item-dialog .filter-bar {
    flex-wrap: wrap !important;
    gap: 8px !important;
}
[data-v-1a7aff72] .add-item-dialog .filter-bar .price-sort {
    flex: 0 0 auto !important;
    width: auto !important;
}
[data-v-1a7aff72] .add-item-dialog .filter-bar .score-input-wrapper {
    flex: 1 1 0 !important;
    min-width: 60px !important;
    padding: 8px 8px !important;
}
[data-v-1a7aff72] .add-item-dialog .filter-bar .score-input-wrapper .score-input {
    width: 100% !important;
    font-size: 12px !important;
}
[data-v-1a7aff72] .add-item-dialog .filter-bar .separator {
    margin: 0 -4px !important;
    font-size: 12px !important;
    flex: 0 0 auto !important;
}
[data-v-1a7aff72] .add-item-dialog .filter-bar .filter-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 60px !important;
    padding: 8px 15px !important;
}
[data-v-1a7aff72] .add-item-dialog .filter-bar .search-input-wrapper {
    flex: 1 1 0 !important;
    min-width: 100px !important;
}
[data-v-1a7aff72] .add-item-dialog .items-grid {
    gap: 10px !important;
}
[data-v-1a7aff72] .add-item-dialog .items-grid .item-card {
    width: calc(50% - 5px) !important;
    flex: 0 0 calc(50% - 5px) !important;
    max-width: none !important;
}
}
@media screen and (max-width: 400px) {
[data-v-1a7aff72] .skins-preview .preview-dialog-title {
    width: 117.6470588235% !important;
    height: 76.5px !important;
    transform: scale(0.85);
    transform-origin: top left;
    margin-bottom: -15px;
    padding: 15px 55px 0 !important;
}
}
[data-v-1a7aff72] .create-custom-pool-dialog .el-dialog {
  background: linear-gradient(135deg, #1a182d 0%, #141225 100%) !important;
  border: 2px solid #ff0000;
  border-radius: 12px;
  padding: 0;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
  top: 10vh !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
}
[data-v-1a7aff72] .create-custom-pool-dialog .el-dialog__header {
  display: none;
}
[data-v-1a7aff72] .create-custom-pool-dialog .el-dialog__body {
  padding: 0;
  background: transparent;
}
.create-pool-form[data-v-1a7aff72] {
  position: relative;
  min-height: 600px;
}
.create-pool-form .dialog-header[data-v-1a7aff72] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 25px;
  border-bottom: 1px solid #3b3762;
}
.create-pool-form .dialog-header .dialog-title[data-v-1a7aff72] {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.create-pool-form .dialog-header .close-btn[data-v-1a7aff72] {
  color: #9793c7;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s;
}
.create-pool-form .dialog-header .close-btn[data-v-1a7aff72]:hover {
  color: #fff;
}
.create-pool-form .form-content[data-v-1a7aff72] {
  padding: 25px;
  background: rgba(20, 18, 37, 0.5);
  backdrop-filter: blur(10px);
}
.create-pool-form .form-row[data-v-1a7aff72] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
.create-pool-form .form-row .form-label[data-v-1a7aff72] {
  width: 120px;
  flex-shrink: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding-top: 10px;
  text-align: left;
}
.create-pool-form .form-row .form-label.required[data-v-1a7aff72]::before {
  content: "*";
  color: #ff4d4f;
  margin-right: 4px;
}
.create-pool-form .form-row .input-wrapper[data-v-1a7aff72] {
  flex: 1;
  position: relative;
}
.create-pool-form .form-row .input-wrapper .input-icon[data-v-1a7aff72] {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #9793c7;
  z-index: 10;
  font-size: 16px;
  pointer-events: none;
}
.create-pool-form .form-row .input-wrapper .form-input[data-v-1a7aff72] {
  width: 100%;
}
.create-pool-form .form-row .input-wrapper .form-input[data-v-1a7aff72] .el-input__inner {
  padding-left: 45px !important;
  padding-right: 12px;
  height: 40px;
  background: transparent;
  border: 1px solid #3b3762;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  box-sizing: border-box;
}
.create-pool-form .form-row .input-wrapper .form-input[data-v-1a7aff72] .el-input__inner:focus {
  border-color: #5c49d0;
}
.create-pool-form .form-row .input-wrapper .form-input[data-v-1a7aff72] .el-input__inner::-moz-placeholder {
  color: #6b6780;
}
.create-pool-form .form-row .input-wrapper .form-input[data-v-1a7aff72] .el-input__inner::placeholder {
  color: #6b6780;
}
.create-pool-form .form-row .textarea-wrapper[data-v-1a7aff72] {
  flex: 1;
  position: relative;
}
.create-pool-form .form-row .textarea-wrapper .textarea-icon[data-v-1a7aff72] {
  position: absolute;
  left: 12px;
  top: 12px;
  color: #9793c7;
  z-index: 10;
  font-size: 16px;
  pointer-events: none;
}
.create-pool-form .form-row .textarea-wrapper .form-textarea[data-v-1a7aff72] {
  width: 100%;
}
.create-pool-form .form-row .textarea-wrapper .form-textarea[data-v-1a7aff72] .el-textarea__inner {
  padding-left: 45px !important;
  padding-right: 12px;
  padding-top: 10px;
  background: transparent;
  border: 1px solid #3b3762;
  border-radius: 4px;
  color: #fff;
  resize: vertical;
  font-size: 14px;
  line-height: 1.6;
  box-sizing: border-box;
}
.create-pool-form .form-row .textarea-wrapper .form-textarea[data-v-1a7aff72] .el-textarea__inner:focus {
  border-color: #5c49d0;
}
.create-pool-form .form-row .textarea-wrapper .form-textarea[data-v-1a7aff72] .el-textarea__inner::-moz-placeholder {
  color: #6b6780;
}
.create-pool-form .form-row .textarea-wrapper .form-textarea[data-v-1a7aff72] .el-textarea__inner::placeholder {
  color: #6b6780;
}
.create-pool-form .form-row.statistics-row[data-v-1a7aff72] {
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
}
.create-pool-form .form-row.statistics-row .statistics-text[data-v-1a7aff72] {
  color: #fff;
  font-size: 14px;
}
.create-pool-form .form-row.statistics-row .add-item-btn[data-v-1a7aff72] {
  background-color: #5c49d0;
  border-color: #5c49d0;
  color: #fff;
  padding: 8px 20px;
  border-radius: 4px;
}
.create-pool-form .form-row.statistics-row .add-item-btn[data-v-1a7aff72]:hover {
  background-color: #6d5ae0;
  border-color: #6d5ae0;
}
.create-pool-form .form-row.table-row[data-v-1a7aff72] {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 25px;
}
.create-pool-form .form-row.table-row .items-table[data-v-1a7aff72] {
  max-height: 400px;
  overflow-y: auto;
}
.create-pool-form .form-row.actions-row[data-v-1a7aff72] {
  justify-content: center;
  margin-bottom: 0;
  padding-top: 10px;
}
.create-pool-form .items-table[data-v-1a7aff72] {
  width: 100%;
  background-color: rgba(92, 73, 208, 0.1) !important;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table {
  border: none !important;
  background-color: rgba(25, 22, 45, 0.795) !important;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table::before {
  display: none !important;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table::after {
  display: none !important;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table th,
.create-pool-form .items-table[data-v-1a7aff72] .el-table tr {
  background-color: rgba(112, 98, 205, 0.15) !important;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table td.el-table__cell,
.create-pool-form .items-table[data-v-1a7aff72] .el-table th.el-table__cell {
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  background-color: transparent !important;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__header-wrapper {
  background-color: rgba(18, 13, 49, 0.596) !important;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__header-wrapper .el-table__header {
  background-color: rgba(71, 60, 141, 0.15) !important;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__header-wrapper .el-table__header th {
  background: linear-gradient(180deg, rgba(92, 73, 208, 0.2) 0%, rgba(92, 73, 208, 0.1) 100%) !important;
  color: #fff;
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(92, 73, 208, 0.6) !important;
  font-weight: 600;
  font-size: 14px;
  padding: 12px 0;
  position: relative;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__header-wrapper .el-table__header th:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 1;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__body-wrapper {
  max-height: 400px;
  overflow-y: auto;
  background-color: rgba(92, 73, 208, 0.15);
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__body-wrapper::-webkit-scrollbar {
  width: 6px;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__body-wrapper::-webkit-scrollbar-track {
  background: rgba(92, 73, 208, 0.2);
  border-radius: 3px;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background: rgba(92, 73, 208, 0.5);
  border-radius: 3px;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgba(92, 73, 208, 0.7);
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__body-wrapper .el-table__body {
  background-color: rgba(92, 73, 208, 0.15) !important;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__body-wrapper .el-table__body tr {
  background-color: rgba(92, 73, 208, 0.25) !important;
  transition: all 0.3s;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__body-wrapper .el-table__body tr td {
  background-color: transparent !important;
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(92, 73, 208, 0.2) !important;
  color: #fff;
  padding: 12px 0;
  position: relative;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__body-wrapper .el-table__body tr td:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 1;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__body-wrapper .el-table__body tr:hover {
  background-color: rgba(92, 73, 208, 0.35) !important;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__body-wrapper .el-table__body tr:nth-child(even) {
  background-color: rgba(92, 73, 208, 0.15) !important;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__body-wrapper .el-table__body tr.current-row {
  background-color: rgba(173, 162, 232, 0.299) !important;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__body-wrapper .el-table__body tr.current-row td {
  background-color: transparent !important;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__body-wrapper .el-table__body tr:nth-child(even).current-row {
  background-color: rgba(173, 162, 232, 0.299) !important;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__body-wrapper .el-table__body tr:nth-child(even).current-row td {
  background-color: transparent !important;
}
.create-pool-form .items-table .item-image-cell[data-v-1a7aff72] {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.create-pool-form .items-table .item-image-cell img[data-v-1a7aff72] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.create-pool-form .items-table .item-name-text[data-v-1a7aff72] {
  color: #fff;
  font-size: 14px;
}
.create-pool-form .items-table .item-price-text[data-v-1a7aff72] {
  color: #fff;
  font-size: 14px;
}
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] {
  width: 100%;
}
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input {
  background: transparent;
  border: none;
}
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input__inner {
  background: transparent !important;
  border: none !important;
  color: #fff;
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
}
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input__inner:focus {
  border: none !important;
  outline: none;
  box-shadow: none !important;
}
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input.is-focus .el-input__inner,
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input.is-active .el-input__inner {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input-number__decrease,
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input-number__increase {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  color: #fff;
  width: 24px;
  height: 32px;
  line-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  margin-top: 0;
  padding: 0;
  box-shadow: none !important;
}
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input-number__decrease:hover,
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input-number__increase:hover {
  background-color: transparent !important;
  background: transparent !important;
  color: #fff;
}
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input-number__decrease:active,
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input-number__increase:active {
  background-color: transparent !important;
  background: transparent !important;
}
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input-number__decrease:focus,
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input-number__increase:focus {
  background-color: transparent !important;
  background: transparent !important;
  outline: none;
}
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input-number__decrease {
  left: 0;
  border-radius: 0;
}
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input-number__decrease.is-disabled {
  background-color: transparent !important;
  background: transparent !important;
  color: #fff !important;
  cursor: pointer !important;
  opacity: 1 !important;
}
.create-pool-form .items-table .quantity-input[data-v-1a7aff72] .el-input-number__increase {
  right: 0;
  border-radius: 0;
}
.create-pool-form .items-table .delete-btn[data-v-1a7aff72] {
  background-color: #ff4d4f;
  border-color: #ff4d4f;
  color: #fff;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
}
.create-pool-form .items-table .delete-btn[data-v-1a7aff72]:hover:not(:disabled) {
  background-color: #ff6b6b;
  border-color: #ff6b6b;
}
.create-pool-form .items-table .delete-btn[data-v-1a7aff72]:active:not(:disabled) {
  background-color: #ff8789;
  border-color: #ff8789;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__empty-block {
  background-color: rgba(92, 73, 208, 0.15) !important;
}
.create-pool-form .items-table[data-v-1a7aff72] .el-table__empty-block .el-table__empty-text {
  color: #6b6780;
}
.create-pool-form .confirm-create-btn[data-v-1a7aff72] {
  background-color: #ff4d4f;
  border-color: #ff4d4f;
  color: #fff;
  padding: 12px 50px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
}
.create-pool-form .confirm-create-btn[data-v-1a7aff72]:hover:not(:disabled) {
  background-color: #ff6b6b;
  border-color: #ff6b6b;
}
.create-pool-form .confirm-create-btn[data-v-1a7aff72]:disabled {
  background-color: #666;
  border-color: #666;
  opacity: 0.6;
  cursor: not-allowed;
}
.create-pool-form .dialog-footer[data-v-1a7aff72] {
  position: absolute;
  bottom: 20px;
  right: 25px;
}
.create-pool-form .dialog-footer .return-icon[data-v-1a7aff72] {
  color: #9793c7;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s;
}
.create-pool-form .dialog-footer .return-icon[data-v-1a7aff72]:hover {
  color: #fff;
  transform: translateX(-3px);
}
[data-v-1a7aff72] .add-item-dialog .el-dialog {
  width: 700px !important;
  background: linear-gradient(135deg, #1a182d 0%, #141225 100%) !important;
  border: none;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
  top: 10vh !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
}
[data-v-1a7aff72] .add-item-dialog .el-dialog__header {
  height: 80px;
  padding: 35px 30px 20px !important;
  background: linear-gradient(180deg, rgba(92, 73, 208, 0.1) 0%, transparent 100%);
  border-bottom: 1px solid rgba(92, 73, 208, 0.2);
  text-align: center;
  position: relative;
  min-height: auto;
}
[data-v-1a7aff72] .add-item-dialog .el-dialog__header .el-dialog__title {
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  padding-left: 0;
  margin-top: 0 !important;
  display: block;
}
[data-v-1a7aff72] .add-item-dialog .el-dialog__header .el-dialog__headerbtn {
  position: absolute;
  top: 13px;
  right: 13px;
}
[data-v-1a7aff72] .add-item-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  color: #9793c7;
}
[data-v-1a7aff72] .add-item-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover {
  color: #fff;
}
[data-v-1a7aff72] .add-item-dialog .el-dialog__body {
  padding: 30px;
  color: #fff;
  background-color: transparent;
}
.add-item-content[data-v-1a7aff72] {
  display: flex;
  flex-direction: column;
  height: calc(100% - 80px);
}
.add-item-content .filter-bar[data-v-1a7aff72] {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 15px;
  flex-wrap: wrap;
}
.add-item-content .filter-bar .filter-item[data-v-1a7aff72] {
  display: flex;
  align-items: center;
  background: rgba(26, 24, 45, 0.6);
  border: 1.5px solid rgba(92, 73, 208, 0.3);
  border-radius: 8px;
  padding: 8px 15px;
  height: 40px;
  box-sizing: border-box;
  color: #999;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
  white-space: nowrap;
}
.add-item-content .filter-bar .filter-item[data-v-1a7aff72]:hover {
  border-color: #5c49d0;
  background: rgba(26, 24, 45, 0.8);
}
.add-item-content .filter-bar .filter-item.active[data-v-1a7aff72] {
  background: rgba(92, 73, 208, 0.2);
  border-color: #5c49d0;
  color: #fff;
}
.add-item-content .filter-bar .price-sort[data-v-1a7aff72] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 100px;
  width: 100px;
  height: 40px;
}
.add-item-content .filter-bar .price-sort .sort-icon-wrapper[data-v-1a7aff72] {
  display: inline-flex;
  align-items: center;
  margin-right: -20px;
  gap: 0px;
  width: 50px;
  flex-shrink: 0;
}
.add-item-content .filter-bar .price-sort span[data-v-1a7aff72] {
  position: relative;
  z-index: 1;
}
.add-item-content .filter-bar .price-sort span.text-center[data-v-1a7aff72] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.add-item-content .filter-bar .price-sort .sort-lines[data-v-1a7aff72] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 12px;
  height: 12px;
  justify-content: space-between;
  align-items: flex-end;
}
.add-item-content .filter-bar .price-sort .sort-lines .line[data-v-1a7aff72] {
  height: 1.5px;
  background: currentColor;
  border-radius: 0.5px;
  display: block;
}
.add-item-content .filter-bar .price-sort .sort-lines.sort-up .line-1[data-v-1a7aff72] {
  width: 7px;
}
.add-item-content .filter-bar .price-sort .sort-lines.sort-up .line-2[data-v-1a7aff72] {
  width: 9px;
}
.add-item-content .filter-bar .price-sort .sort-lines.sort-up .line-3[data-v-1a7aff72] {
  width: 11px;
}
.add-item-content .filter-bar .price-sort .sort-lines.sort-up .line-4[data-v-1a7aff72] {
  width: 13px;
}
.add-item-content .filter-bar .price-sort .sort-lines.sort-down .line-1[data-v-1a7aff72] {
  width: 13px;
}
.add-item-content .filter-bar .price-sort .sort-lines.sort-down .line-2[data-v-1a7aff72] {
  width: 11px;
}
.add-item-content .filter-bar .price-sort .sort-lines.sort-down .line-3[data-v-1a7aff72] {
  width: 9px;
}
.add-item-content .filter-bar .price-sort .sort-lines.sort-down .line-4[data-v-1a7aff72] {
  width: 7px;
}
.add-item-content .filter-bar .price-sort .arrow-icon[data-v-1a7aff72] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 15px;
  height: 15px;
  position: relative;
  justify-content: space-between;
}
.add-item-content .filter-bar .price-sort .arrow-icon .arrow-line[data-v-1a7aff72] {
  width: 1.5px;
  height: 12px;
  background: currentColor;
  border-radius: 1px;
}
.add-item-content .filter-bar .price-sort .arrow-icon .arrow-triangle[data-v-1a7aff72] {
  width: 0;
  height: 0;
  position: absolute;
}
.add-item-content .filter-bar .price-sort .arrow-icon.arrow-up[data-v-1a7aff72] {
  flex-direction: column-reverse;
}
.add-item-content .filter-bar .price-sort .arrow-icon.arrow-up .arrow-line[data-v-1a7aff72] {
  margin-top: auto;
}
.add-item-content .filter-bar .price-sort .arrow-icon.arrow-up .arrow-triangle[data-v-1a7aff72] {
  top: 0;
  border-left: 3.9px solid transparent;
  border-right: 3.5px solid transparent;
  border-bottom: 4px solid currentColor;
}
.add-item-content .filter-bar .price-sort .arrow-icon.arrow-down[data-v-1a7aff72] {
  flex-direction: column;
}
.add-item-content .filter-bar .price-sort .arrow-icon.arrow-down .arrow-line[data-v-1a7aff72] {
  margin-bottom: auto;
}
.add-item-content .filter-bar .price-sort .arrow-icon.arrow-down .arrow-triangle[data-v-1a7aff72] {
  bottom: 0;
  border-left: 3.9px solid transparent;
  border-right: 3.5px solid transparent;
  border-top: 4px solid currentColor;
}
.add-item-content .filter-bar .score-input-wrapper[data-v-1a7aff72] {
  padding: 8px 12px;
  cursor: default;
  min-width: 80px;
}
.add-item-content .filter-bar .score-input-wrapper .score-input[data-v-1a7aff72] {
  width: 80px;
  background: transparent;
  border: none;
  color: #b0a8a8;
  font-size: 14px;
  outline: none;
  padding: 0;
}
.add-item-content .filter-bar .score-input-wrapper .score-input[data-v-1a7aff72]::-moz-placeholder {
  color: #d8d3d3;
}
.add-item-content .filter-bar .score-input-wrapper .score-input[data-v-1a7aff72]::placeholder {
  color: #d8d3d3;
}
.add-item-content .filter-bar .score-input-wrapper .score-input[data-v-1a7aff72]::-webkit-inner-spin-button, .add-item-content .filter-bar .score-input-wrapper .score-input[data-v-1a7aff72]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.add-item-content .filter-bar .separator[data-v-1a7aff72] {
  color: #999;
  font-size: 14px;
  margin: 0 -6px;
  display: flex;
  align-items: center;
}
.add-item-content .filter-bar .filter-btn[data-v-1a7aff72] {
  min-width: 60px;
  justify-content: center;
}
.add-item-content .filter-bar .search-input-wrapper[data-v-1a7aff72] {
  flex: 1;
  min-width: 200px;
  position: relative;
  padding: 8px 40px 8px 15px;
  cursor: default;
}
.add-item-content .filter-bar .search-input-wrapper .search-input[data-v-1a7aff72] {
  width: 100%;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 14px;
  outline: none;
  padding: 0;
}
.add-item-content .filter-bar .search-input-wrapper .search-input[data-v-1a7aff72]::-moz-placeholder {
  color: #999;
}
.add-item-content .filter-bar .search-input-wrapper .search-input[data-v-1a7aff72]::placeholder {
  color: #999;
}
.add-item-content .filter-bar .search-input-wrapper .search-icon[data-v-1a7aff72] {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  cursor: pointer;
  font-size: 16px;
  transition: color 0.3s;
}
.add-item-content .filter-bar .search-input-wrapper .search-icon[data-v-1a7aff72]:hover {
  color: #5c49d0;
}
.add-item-content .search-bar[data-v-1a7aff72] {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.add-item-content .search-bar .el-input[data-v-1a7aff72] {
  flex: 1;
}
.add-item-content .search-bar .el-input .el-input__inner[data-v-1a7aff72] {
  background: rgba(26, 24, 45, 0.6);
  border: 1.5px solid rgba(92, 73, 208, 0.3);
  border-radius: 8px;
  color: #fff;
  height: 44px;
  padding-left: 50px;
  padding-right: 15px;
  transition: all 0.3s;
}
.add-item-content .search-bar .el-input .el-input__inner[data-v-1a7aff72]:focus {
  border-color: #5c49d0;
  background: rgba(26, 24, 45, 0.8);
  box-shadow: 0 0 0 2px rgba(92, 73, 208, 0.2);
}
.add-item-content .search-bar .el-input .el-input__inner[data-v-1a7aff72]::-moz-placeholder {
  color: #6b6780;
}
.add-item-content .search-bar .el-input .el-input__inner[data-v-1a7aff72]::placeholder {
  color: #6b6780;
}
.add-item-content .search-bar .el-input .el-input__prefix[data-v-1a7aff72] {
  left: 15px;
}
.add-item-content .search-bar .el-input .el-input__prefix .el-input__icon[data-v-1a7aff72] {
  color: #5c49d0;
}
.add-item-content .search-bar .el-button--primary[data-v-1a7aff72] {
  background: linear-gradient(135deg, #5c49d0 0%, #6d5ae0 100%);
  border: none;
  padding: 12px 28px;
  border-radius: 8px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(92, 73, 208, 0.3);
}
.add-item-content .search-bar .el-button--primary[data-v-1a7aff72]:hover {
  background: linear-gradient(135deg, #6d5ae0 0%, #7e6af0 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(92, 73, 208, 0.4);
}
.add-item-content .items-grid[data-v-1a7aff72] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex: 1;
  gap: 18px;
  overflow-y: auto;
  padding: 10px 15px 15px 15px;
  margin-bottom: 30px;
  background: rgba(26, 24, 45, 0.2);
  border-radius: 10px;
}
.add-item-content .items-grid[data-v-1a7aff72]::-webkit-scrollbar {
  width: 8px;
}
.add-item-content .items-grid[data-v-1a7aff72]::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.add-item-content .items-grid[data-v-1a7aff72]::-webkit-scrollbar-thumb {
  background: rgba(92, 73, 208, 0.5);
  border-radius: 4px;
}
.add-item-content .items-grid[data-v-1a7aff72]::-webkit-scrollbar-thumb:hover {
  background: rgba(92, 73, 208, 0.7);
}
.add-item-content .items-grid .item-card[data-v-1a7aff72] {
  width: 160px;
  flex: 0 0 160px;
  background: linear-gradient(135deg, rgba(26, 24, 45, 0.8) 0%, rgba(20, 18, 37, 0.8) 100%);
  border: 1.5px solid rgba(92, 73, 208, 0.2);
  border-radius: 10px;
  padding: 15px;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.add-item-content .items-grid .item-card[data-v-1a7aff72]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(92, 73, 208, 0.1) 0%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s;
}
.add-item-content .items-grid .item-card[data-v-1a7aff72]:hover {
  border-color: #5c49d0;
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(92, 73, 208, 0.3);
}
.add-item-content .items-grid .item-card[data-v-1a7aff72]:hover::before {
  opacity: 1;
}
.add-item-content .items-grid .item-card.item-card-selected[data-v-1a7aff72] {
  border-color: #b6aeec;
  border-width: 2px;
  background: linear-gradient(135deg, rgba(137, 123, 230, 0.3) 0%, rgba(20, 18, 37, 0.8) 100%);
  box-shadow: 0 0 15px rgba(169, 164, 217, 0.4);
}
.add-item-content .items-grid .item-card .item-selected-badge[data-v-1a7aff72] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #807b9f 0%, #383252 100%);
  padding: 4px 8px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(71, 65, 112, 0.5);
}
.add-item-content .items-grid .item-card .item-selected-badge .selected-count[data-v-1a7aff72] {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.add-item-content .items-grid .item-card .item-selected-badge .remove-item-btn[data-v-1a7aff72] {
  color: #c2c1c6;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-item-content .items-grid .item-card .item-selected-badge .remove-item-btn[data-v-1a7aff72]:hover {
  color: #dedde3;
  transform: scale(1.2);
}
.add-item-content .items-grid .item-card .item-image-wrapper[data-v-1a7aff72] {
  width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding: 10px;
}
.add-item-content .items-grid .item-card .item-image-wrapper img[data-v-1a7aff72] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
}
.add-item-content .items-grid .item-card .item-name[data-v-1a7aff72] {
  font-size: 13px;
  color: #e8e4f7;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  line-height: 1.4;
}
.add-item-content .items-grid .item-card .item-price[data-v-1a7aff72] {
  font-size: 15px;
  color: #4af1cc;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(74, 241, 204, 0.3);
}
.add-item-content .pagination-wrapper[data-v-1a7aff72] {
  padding-bottom: 10px;
}
.add-item-content[data-v-1a7aff72] .el-pagination {
  text-align: center;
  background: transparent !important;
}
.add-item-content[data-v-1a7aff72] .el-pagination .el-pager {
  background: transparent !important;
}
.add-item-content[data-v-1a7aff72] .el-pagination .el-pager li {
  background: transparent !important;
  color: #e8e4f7;
  border: none !important;
}
.add-item-content[data-v-1a7aff72] .el-pagination .el-pager li.active {
  background: transparent !important;
  color: #999 !important;
  border: none !important;
}
.add-item-content[data-v-1a7aff72] .el-pagination .el-pager li:hover {
  color: #999 !important;
  background: transparent !important;
}
.add-item-content[data-v-1a7aff72] .el-pagination .el-pager li.active {
  background: transparent !important;
  color: #999 !important;
  border: none !important;
}
.add-item-content[data-v-1a7aff72] .el-pagination .btn-prev, .add-item-content[data-v-1a7aff72] .el-pagination .btn-next {
  background: transparent !important;
  color: #e8e4f7;
  border: none !important;
}
.add-item-content[data-v-1a7aff72] .el-pagination .btn-prev:hover, .add-item-content[data-v-1a7aff72] .el-pagination .btn-next:hover {
  color: #999 !important;
  background: transparent !important;
}
.add-item-content[data-v-1a7aff72] .el-pagination * {
  background-color: transparent !important;
}
.add-item-content[data-v-1a7aff72] .el-pagination .el-pager li.active,
.add-item-content[data-v-1a7aff72] .el-pagination .el-pager li.number.active,
.add-item-content[data-v-1a7aff72] .el-pagination .el-pager .number.active {
  background: transparent !important;
  color: #999 !important;
  border: none !important;
}
@charset "UTF-8";
.active-beam-container .case-view-feast-banner[data-v-45436fc0] {
  background-position: top;
  height: 88px;
  margin: 0 auto;
  max-width: 1832px;
  overflow: hidden;
  position: relative;
  transition: transform 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.active-beam-container .case-view-feast-banner img[data-v-45436fc0] {
  height: 100%;
}
@media screen and (max-width: 767px) {
.active-beam-container .case-view-feast-banner[data-v-45436fc0] {
    height: 60px;
}
}
.active-beam-container .weapon-case-title-wrapper[data-v-45436fc0] {
  position: relative;
  padding: 25px 0;
  margin-top: 25px;
  z-index: 1;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper[data-v-45436fc0] {
  width: 1172px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 27px;
  text-align: left;
  display: flex;
  align-items: center;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .tip-btn[data-v-45436fc0] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 7.325a1.389 1.389 0 1 0 0-2.778 1.389 1.389 0 0 0 0 2.778M11.155 9.741v4.578a1.156 1.156 0 0 1-2.311 0V9.741a1.156 1.156 0 0 1 2.31 0'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0m5.814 15.814A8.22 8.22 0 0 1 2.347 13.18a8.22 8.22 0 0 1 1.84-8.994 8.222 8.222 0 1 1 11.627 11.628'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #e4dcfc;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 2px;
  margin-top: -4px;
  transform: translateY(2px);
  cursor: pointer;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .tip-btn:hover + .excite-tip[data-v-45436fc0] {
  opacity: 1;
  visibility: visible;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite-tip[data-v-45436fc0] {
  position: absolute;
  top: -7.5px;
  left: 30px;
  width: 288px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  background-color: #282546;
  border-radius: 3px;
  padding: 13px 18px;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite-tip[data-v-45436fc0]::before {
  content: "";
  position: absolute;
  border-color: rgba(0, 0, 0, 0);
  border-style: solid;
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
  border-right-color: #282546;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite[data-v-45436fc0] {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 5px;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite.level-1[data-v-45436fc0] {
  color: #6ecd72;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite.level-1 .active[data-v-45436fc0] {
  background-image: linear-gradient(180deg, #c3ffc5, #6ecd72 50%, #3c9f40);
  box-shadow: 0 0 4px #6ecd72;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite.level-2[data-v-45436fc0] {
  color: #ffff3b;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite.level-2 .active[data-v-45436fc0] {
  background-image: linear-gradient(180deg, #ffffb8, #ffff3b 50%, #99990a);
  box-shadow: 0 0 4px #ffff3b;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite.level-3[data-v-45436fc0] {
  color: #ff8d3b;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite.level-3 .active[data-v-45436fc0] {
  background-image: linear-gradient(180deg, #ffd3b3, #ff8d3b 50%, #9e4f16);
  box-shadow: 0 0 4px #ff8d3b;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite.level-4[data-v-45436fc0] {
  color: #ff2441;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite.level-4 .active[data-v-45436fc0] {
  background-image: linear-gradient(180deg, #ff8797, #ff2441 50%, #ac071c);
  box-shadow: 0 0 4px #ff2441;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite .excite_level[data-v-45436fc0] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite .excite_level span[data-v-45436fc0] {
  width: 10px;
  height: 2px;
  background-color: #9d90c3;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite .desc[data-v-45436fc0] {
  text-transform: uppercase;
  font-weight: 600;
  margin-left: 6px;
}
@media screen and (max-width: 1279px) {
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper[data-v-45436fc0] {
    width: 900px;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite-tip[data-v-45436fc0] {
    width: 256px;
}
}
@media screen and (max-width: 1023px) {
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper[data-v-45436fc0] {
    width: 100%;
    transform: scale(0.9) translate(-50%, calc(-50% - 2px));
    transform-origin: left center;
    z-index: 1;
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite-tip[data-v-45436fc0] {
    width: 222px;
}
}
@media screen and (max-width: 767px) {
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite-tip[data-v-45436fc0] {
    width: 200px;
}
}
@media screen and (max-width: 600px) {
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper[data-v-45436fc0] {
    width: 117.6470588235%;
    transform: scale(0.8) translate(-50%, calc(-100% - 25px));
}
.active-beam-container .weapon-case-title-wrapper .excite_level-wrapper .excite-tip[data-v-45436fc0] {
    width: 288px;
}
}
.active-beam-container .weapon-case-title-wrapper .case-title[data-v-45436fc0] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  max-width: 315px;
  gap: 5px;
  margin: 0 auto;
}
.active-beam-container .weapon-case-title-wrapper .case-title .title[data-v-45436fc0] {
  color: #e1dde9;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  line-height: 27px;
}
@media screen and (max-width: 1023px) {
.active-beam-container .weapon-case-title-wrapper .case-title .title[data-v-45436fc0] {
    font-size: 18px;
}
}
@media screen and (max-width: 900px) {
.active-beam-container .weapon-case-title-wrapper .case-title .title[data-v-45436fc0] {
    font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.active-beam-container .weapon-case-title-wrapper .case-title .title[data-v-45436fc0] {
    font-size: 15px;
}
}
.active-beam-container .weapon-case-title-wrapper .case-title .el-icon-question[data-v-45436fc0] {
  color: #847fc5;
  font-size: 16px;
  cursor: help;
}
.active-beam-container .weapon-case-title-wrapper .case-title .el-icon-question:hover + .TypeName-tooltip[data-v-45436fc0] {
  visibility: visible;
  opacity: 1;
}
.active-beam-container .weapon-case-title-wrapper .case-title .TypeName-tooltip[data-v-45436fc0] {
  text-transform: initial;
  background: #282546;
  border-radius: 3px;
  color: #ede9e9;
  font-size: 12px;
  opacity: 0;
  padding: 12px 20px;
  position: absolute;
  transform: translateY(-50%);
  transition: opacity 0.3s;
  visibility: hidden;
  white-space: nowrap;
  z-index: 9;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
  left: 30%;
  bottom: 0%;
  line-height: 1.35;
  transform: translate(20%, 100%);
  white-space: normal;
  width: 80%;
}
.active-beam-container .weapon-case-title-wrapper .case-title .user[data-v-45436fc0] {
  color: #716d9e;
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
  text-transform: none;
}
.active-beam-container .weapon-case-title-wrapper .case-title .user span[data-v-45436fc0] {
  color: #9793c7;
  transition: color 0.3s;
  cursor: pointer;
}
.active-beam-container .weapon-case-title-wrapper .case-title .user span[data-v-45436fc0]:hover {
  color: #b7b5d8;
}
.active-beam-container .weapon-case-title-wrapper .case-info[data-v-45436fc0] {
  display: flex;
  justify-content: flex-end;
  justify-content: space-between;
  left: 50%;
  max-width: 1172px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@media screen and (max-width: 1279px) {
.active-beam-container .weapon-case-title-wrapper .case-info[data-v-45436fc0] {
    margin: 15px auto 0;
    padding: 0 20px;
    position: static;
    transform: none;
}
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__left[data-v-45436fc0] {
  display: flex;
  color: #716d9e;
  font-weight: 600;
  gap: 41px;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__left .icon[data-v-45436fc0] {
  display: inline-block;
  margin-right: 10px;
  background-color: #716d9e;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__left .favorites[data-v-45436fc0] {
  align-items: center;
  display: flex;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__left .favorites .icon[data-v-45436fc0] {
  width: 22px;
  height: 22px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 25'%3E%3Cpath stroke='%23504d6d' d='M12.785 21.996q-.166.098-.283.163-.117-.067-.285-.166c-.337-.199-.82-.492-1.4-.864a46 46 0 0 1-4.25-3.078c-1.545-1.27-3.073-2.738-4.21-4.29C1.213 12.204.5 10.607.5 9.067a6.3 6.3 0 0 1 6.3-6.3h.004a6.23 6.23 0 0 1 5.277 2.839l.417.642.42-.64a6.3 6.3 0 0 1 5.28-2.841A6.333 6.333 0 0 1 24.5 9.068c0 1.567-.716 3.175-1.857 4.736-1.137 1.556-2.665 3.02-4.21 4.284a45 45 0 0 1-4.248 3.054c-.58.368-1.063.657-1.4.854Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 25'%3E%3Cpath stroke='%23504d6d' d='M12.785 21.996q-.166.098-.283.163-.117-.067-.285-.166c-.337-.199-.82-.492-1.4-.864a46 46 0 0 1-4.25-3.078c-1.545-1.27-3.073-2.738-4.21-4.29C1.213 12.204.5 10.607.5 9.067a6.3 6.3 0 0 1 6.3-6.3h.004a6.23 6.23 0 0 1 5.277 2.839l.417.642.42-.64a6.3 6.3 0 0 1 5.28-2.841A6.333 6.333 0 0 1 24.5 9.068c0 1.567-.716 3.175-1.857 4.736-1.137 1.556-2.665 3.02-4.21 4.284a45 45 0 0 1-4.248 3.054c-.58.368-1.063.657-1.4.854Z'/%3E%3C/svg%3E");
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__left .opens-amount[data-v-45436fc0] {
  align-items: center;
  display: flex;
  position: relative;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__left .opens-amount[data-v-45436fc0]::before {
  background-color: rgba(80, 77, 109, 0.2);
  content: "";
  height: 26px;
  left: -20px;
  position: absolute;
  width: 1px;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__left .opens-amount .icon[data-v-45436fc0] {
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M17.98 8.963v7.13a.47.47 0 0 1-.375.46l-7.646 2.328a.4.4 0 0 1-.357-.044l-7.07-3.297a.46.46 0 0 1-.27-.417V7.45l-2.2-3.777c-.132-.218-.044-.504.175-.635a.42.42 0 0 1 .425-.018l6.915 3.073 1.513-.286 1.556-3.422c.088-.218.357-.33.575-.261l8.428 2.34c.244.068.4.329.331.572 0 .043-.025.068-.043.112zm-7.959.877 5.627-1.095-6.27-2.04-.914.173zm7.002-.417-6.783 1.338v7.062l6.783-2.084zm-5.689-6.297-1.288 2.807 7.202 2.345 1.576-3.067zM9.29 10.674 3.219 8.042v6.8l6.07 2.832zm-7.672-6.21 1.445 2.483 5.645 2.458-1.2-2.303z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M17.98 8.963v7.13a.47.47 0 0 1-.375.46l-7.646 2.328a.4.4 0 0 1-.357-.044l-7.07-3.297a.46.46 0 0 1-.27-.417V7.45l-2.2-3.777c-.132-.218-.044-.504.175-.635a.42.42 0 0 1 .425-.018l6.915 3.073 1.513-.286 1.556-3.422c.088-.218.357-.33.575-.261l8.428 2.34c.244.068.4.329.331.572 0 .043-.025.068-.043.112zm-7.959.877 5.627-1.095-6.27-2.04-.914.173zm7.002-.417-6.783 1.338v7.062l6.783-2.084zm-5.689-6.297-1.288 2.807 7.202 2.345 1.576-3.067zM9.29 10.674 3.219 8.042v6.8l6.07 2.832zm-7.672-6.21 1.445 2.483 5.645 2.458-1.2-2.303z'/%3E%3C/svg%3E");
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right[data-v-45436fc0] {
  display: flex;
  gap: 6px;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .add-to-battle-button[data-v-45436fc0] {
  align-items: center;
  background-color: #2e1d33;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 190px;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .add-to-battle-button[data-v-45436fc0]::before {
  background-color: #cf3464;
  clip-path: polygon(11px 0, 0 50%, 11px 100%, 12px calc(100% - 1px), 1px 50%, 12px 1px, calc(100% - 12px) 1px, calc(100% - 1px) 50%, calc(100% - 12px) calc(100% - 1px), 11px calc(100% - 1px), 11px 100%, calc(100% - 11px) 100%, 100% 50%, calc(100% - 11px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .add-to-battle-button .icon[data-v-45436fc0] {
  background-color: #fff;
  display: inline-block;
  height: 19px;
  margin-right: 7px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m17.873 9.594-.893-1.562.078-.044a.735.735 0 0 0 .273-1.004l-.893-1.561.171-.098a.735.735 0 0 0 .273-1.004l-1.259-2.2a.734.734 0 0 0-1.003-.272l-.171.097-.894-1.56a.736.736 0 0 0-1.003-.274l-2.56 1.465-.354-.452a.735.735 0 0 0-1.083-.083L4.69 4.67a.74.74 0 0 0-.22.671l1.23 6.614-2.362 3.857a.736.736 0 0 0 1.255.768L7.1 12.482a.74.74 0 0 0 .095-.518L5.988 5.468l2.987-2.803 2.883 3.684-.762.436-.894-1.561a.735.735 0 1 0-1.276.73l1.258 2.2 1.259 2.2 1.259 2.2a.73.73 0 0 0 .697.366l-.423.713-1.91.83a.74.74 0 0 0-.394.414l-1.405 3.714a.735.735 0 1 0 1.375.52l1.296-3.423 1.842-.802a.74.74 0 0 0 .339-.298l1.798-3.028 1.683-.963a.735.735 0 0 0 .273-1.003m-5.229-7.84.528.923-1.603.917-.662-.846zm-.159 3.01 2.227-1.274.528.924-2.092 1.197zm.932 2.387.16-.09 1.585-.908.528.923-.074.042-.005.003-3.257 1.864-.528-.923zm.196 4.034-.528-.924 2.618-1.498.529.923-1.224.7z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 19px;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper[data-v-45436fc0] {
  position: relative;
  z-index: 100;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper:hover .button-tooltip[data-v-45436fc0] {
  opacity: 1;
  visibility: visible;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper .button-with-icon[data-v-45436fc0] {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 42px;
  justify-content: center;
  position: relative;
  width: 48px;
  z-index: 1;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper .button-with-icon[data-v-45436fc0]::after, .active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper .button-with-icon[data-v-45436fc0]::before {
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper .button-with-icon[data-v-45436fc0]::before {
  background: #2e2b4e;
  height: 100%;
  width: 100%;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper .button-with-icon[data-v-45436fc0]::after {
  background: #22203a;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper .heart-image[data-v-45436fc0] {
  background: transparent;
  cursor: pointer;
  display: flex;
  height: 21px;
  position: relative;
  width: 25px;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper .heart-image[data-v-45436fc0]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 20'%3E%3Cpath stroke='%23cf3464' stroke-width='1.5' d='m12.133 19.057-.13.076-.132-.078a42 42 0 0 1-1.336-.84 44 44 0 0 1-4.053-2.988c-1.475-1.235-2.924-2.652-3.998-4.144C1.404 9.583.75 8.076.75 6.645.75 3.377 3.35.75 6.528.75h.006a5.69 5.69 0 0 1 4.834 2.65l.628.986.634-.982A5.75 5.75 0 0 1 17.47.75c3.173.016 5.764 2.635 5.78 5.897 0 1.456-.655 2.976-1.734 4.478-1.074 1.496-2.522 2.91-3.996 4.138a43 43 0 0 1-4.052 2.964c-.554.358-1.014.639-1.335.83Z'/%3E%3C/svg%3E") 50%/cover no-repeat;
  content: "";
  height: 100%;
  position: absolute;
  transition: opacity 0.3s;
  width: 100%;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper .favorite-button-gray[data-v-45436fc0] {
  height: 15px;
  width: 18px;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper .favorite-button-gray[data-v-45436fc0]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%239793c7' stroke-width='1.5' d='M4.896 2.25h.006a4.08 4.08 0 0 1 3.466 1.901l.628.986.634-.983A4.13 4.13 0 0 1 13.1 2.25c2.204.011 4.021 1.774 4.143 4.019l.007.218c-.001 1.037-.469 2.137-1.266 3.247-.793 1.104-1.866 2.153-2.964 3.069a32 32 0 0 1-4.016 2.828h-.002L9 15.63a32.44 32.44 0 0 1-4.019-2.853c-1.099-.921-2.173-1.972-2.966-3.074C1.215 8.593.75 7.501.75 6.483c0-2.277 1.754-4.114 3.934-4.227z'/%3E%3C/svg%3E") 50%/cover no-repeat;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper .button-tooltip.large-tooltip[data-v-45436fc0] {
  min-width: 235px;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper .button-tooltip[data-v-45436fc0] {
  background-color: #282546;
  border-radius: 3px;
  color: #ede9e9;
  font-size: 11px;
  font-weight: 500;
  left: 50%;
  min-width: 120px;
  opacity: 0;
  padding: 12px 20px;
  position: absolute;
  text-align: center;
  top: calc(100% + 4px);
  transform: translate(-50%);
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper .button__content[data-v-45436fc0] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper .delete-icon[data-v-45436fc0],
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper .shuffle-icon[data-v-45436fc0] {
  background-color: #9793c7;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.active-beam-container .weapon-case-title-wrapper .case-info .case-info__right .button-wrapper .shuffle-icon[data-v-45436fc0] {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M3.053 3.353c1.451 0 2.776.734 3.544 1.964l3.484 5.574a2.27 2.27 0 0 0 1.932 1.07h1.025v-1.739c0-.16.093-.305.238-.374a.42.42 0 0 1 .439.057l3.228 2.69.001.001a.41.41 0 0 1 0 .634l-3.228 2.69h-.001a.41.41 0 0 1-.44.057h.001a.41.41 0 0 1-.238-.374v-1.74h-1.025A4.16 4.16 0 0 1 8.469 11.9L4.984 6.326a2.27 2.27 0 0 0-1.931-1.07H.125V3.352z'/%3E%3Cpath d='M13.276 1.24a.41.41 0 0 1 .44.056l3.228 2.69a.41.41 0 0 1 0 .635l-3.229 2.691a.414.414 0 0 1-.677-.317v-1.74h-1.026c-.74 0-1.421.352-1.848.948l-.082.123-.646 1.032-1.121-1.796.153-.245a4.15 4.15 0 0 1 3.544-1.964h1.026v-1.74a.41.41 0 0 1 .237-.372M6.75 11.653l-.153.246a4.16 4.16 0 0 1-3.544 1.964H.125v-1.901h2.928a2.27 2.27 0 0 0 1.932-1.07l.644-1.034z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M3.053 3.353c1.451 0 2.776.734 3.544 1.964l3.484 5.574a2.27 2.27 0 0 0 1.932 1.07h1.025v-1.739c0-.16.093-.305.238-.374a.42.42 0 0 1 .439.057l3.228 2.69.001.001a.41.41 0 0 1 0 .634l-3.228 2.69h-.001a.41.41 0 0 1-.44.057h.001a.41.41 0 0 1-.238-.374v-1.74h-1.025A4.16 4.16 0 0 1 8.469 11.9L4.984 6.326a2.27 2.27 0 0 0-1.931-1.07H.125V3.352z'/%3E%3Cpath d='M13.276 1.24a.41.41 0 0 1 .44.056l3.228 2.69a.41.41 0 0 1 0 .635l-3.229 2.691a.414.414 0 0 1-.677-.317v-1.74h-1.026c-.74 0-1.421.352-1.848.948l-.082.123-.646 1.032-1.121-1.796.153-.245a4.15 4.15 0 0 1 3.544-1.964h1.026v-1.74a.41.41 0 0 1 .237-.372M6.75 11.653l-.153.246a4.16 4.16 0 0 1-3.544 1.964H.125v-1.901h2.928a2.27 2.27 0 0 0 1.932-1.07l.644-1.034z'/%3E%3C/svg%3E");
}
.active-beam-container .roulette-wrapper[data-v-45436fc0] {
  margin: 15px auto 0;
  height: 290px;
  max-width: 1500px;
  position: relative;
}
.active-beam-container .roulette-wrapper.show-3d-overflow[data-v-45436fc0] {
  overflow: visible;
}
@media screen and (max-width: 767px) {
.active-beam-container .roulette-wrapper[data-v-45436fc0] {
    transform: scale(0.7);
    transform-origin: left top;
    width: 142.8571428571%;
    margin-bottom: -87px;
}
}
@media screen and (max-width: 490px) {
.active-beam-container .roulette-wrapper[data-v-45436fc0] {
    transform: scale(0.55);
    transform-origin: left top;
    width: 181.8181818182%;
    margin-bottom: -130.5px;
    z-index: 1;
}
}
.active-beam-container .roulette-wrapper[data-v-45436fc0]::after, .active-beam-container .roulette-wrapper[data-v-45436fc0]::before {
  background: url(../img/roulette-wrapper-l.47561ff1.svg);
  background-repeat: no-repeat;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 145px;
}
@media screen and (max-width: 1023px) {
.active-beam-container .roulette-wrapper[data-v-45436fc0]::after, .active-beam-container .roulette-wrapper[data-v-45436fc0]::before {
    content: none !important;
}
}
.active-beam-container .roulette-wrapper[data-v-45436fc0]::before {
  left: 0;
}
.active-beam-container .roulette-wrapper[data-v-45436fc0]::after {
  right: 0;
  transform: rotate(180deg);
}
.active-beam-container .roulette-wrapper .arrows[data-v-45436fc0] {
  display: flex;
  justify-content: space-between;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.active-beam-container .roulette-wrapper .arrows.horizontal[data-v-45436fc0] {
  flex-direction: column;
  height: calc(100% + 40px);
}
.active-beam-container .roulette-wrapper .arrows.vertical[data-v-45436fc0] {
  width: calc(100% - 150px);
}
@media screen and (max-width: 1023px) {
.active-beam-container .roulette-wrapper .arrows.vertical[data-v-45436fc0] {
    width: 100%;
}
.active-beam-container .roulette-wrapper .arrows.vertical .arrow[data-v-45436fc0] {
    margin-left: -25px;
}
.active-beam-container .roulette-wrapper .arrows.vertical .arrow[data-v-45436fc0]:last-of-type {
    margin-right: -25px;
}
}
.active-beam-container .roulette-wrapper .arrows.vertical .arrow[data-v-45436fc0] {
  transform: rotate(270deg);
}
.active-beam-container .roulette-wrapper .arrows.vertical .arrow[data-v-45436fc0]:first-of-type {
  transform: rotate(90deg);
}
.active-beam-container .roulette-wrapper .arrows .arrow[data-v-45436fc0] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='94' height='48' fill='none' viewBox='0 0 94 48'%3E%3Cg filter='url(%23a)'%3E%3Cpath stroke='url(%23b)' stroke-width='4' d='M55.929 30 47.5 10.944 39.072 30z'/%3E%3C/g%3E%3Cpath stroke='%23201e3e' d='M30 31.5H0M94 31.5H64'/%3E%3Cdefs%3E%3ClinearGradient id='b' x1='47.5' x2='47.5' y1='6' y2='32' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fb295c'/%3E%3Cstop offset='1' stop-color='%23fd70ab'/%3E%3C/linearGradient%3E%3Cfilter id='a' width='45' height='48' x='25' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='5'/%3E%3CfeGaussianBlur stdDeviation='5.5'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.1375 0 0 0 0 0.353125 0 0 0 0.34 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  height: 48px;
  width: 94px;
}
.active-beam-container .roulette-wrapper .arrows .arrow[data-v-45436fc0]:first-of-type {
  transform: scale(-1);
}
.active-beam-container .roulette-wrapper .roulette[data-v-45436fc0] {
  border-bottom: 3px solid #141328;
  border-top: 3px solid #16152c;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  transition: background 0.3s;
  width: calc(100% - 290px);
  background-color: #121023;
}
@media screen and (max-width: 1023px) {
.active-beam-container .roulette-wrapper .roulette[data-v-45436fc0] {
    border-bottom: none;
    border-top: 1px solid #19182f;
    width: 100%;
}
}
.active-beam-container .roulette-wrapper .roulette .roulette-scroll-container[data-v-45436fc0] {
  width: 100%;
  height: 970px;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  transition: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.active-beam-container .roulette-wrapper .roulette .roulette-scroll-container[data-v-45436fc0]::-webkit-scrollbar {
  display: none;
}
.active-beam-container .roulette-wrapper .roulette .roulette-scroll-container.scroll-animate[data-v-45436fc0] {
  transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases-marquee-section[data-v-45436fc0] {
  width: 100%;
  height: 290px;
  display: flex;
  align-items: center;
  overflow-x: hidden;
  overflow-y: hidden;
  flex: 0 0 290px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases-marquee-section[data-v-45436fc0]::-webkit-scrollbar {
  display: none;
}
.active-beam-container .roulette-wrapper .roulette .roulette-gap-section[data-v-45436fc0] {
  width: 100%;
  height: 390px;
  flex: 0 0 390px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases-box-section[data-v-45436fc0] {
  width: 100%;
  height: 290px;
  display: flex;
  align-items: center;
  overflow-x: hidden;
  overflow-y: hidden;
  flex: 0 0 290px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases-box-section[data-v-45436fc0]::-webkit-scrollbar {
  display: none;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases[data-v-45436fc0] {
  position: relative;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
  min-width: 100%;
  flex-shrink: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases[data-v-45436fc0]::-webkit-scrollbar {
  display: none;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .feast-block[data-v-45436fc0] {
  align-items: center;
  bottom: 25px;
  color: #e1dde9;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  left: 50%;
  position: absolute;
  text-transform: uppercase;
  transform: translate(-50%);
  white-space: nowrap;
  z-index: 1;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .feast-block .points[data-v-45436fc0] {
  align-items: center;
  color: #f39b49;
  display: flex;
  margin-left: 6px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .feast-block img[data-v-45436fc0] {
  margin-left: 3px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper[data-v-45436fc0] {
  animation: down-45436fc0 0.5s ease;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 216 217'%3E%3Cpath fill='%237c49d0' fill-opacity='.02' d='m108 .734 93.531 54v108l-93.531 54-93.53-54v-108z'/%3E%3Cpath fill='%235449d0' fill-opacity='.05' d='m107.365 28.687 68.772 39.705v79.412l-68.772 39.706-68.773-39.706V68.392z'/%3E%3Cpath fill='url(%23a)' d='m107.364 50.287 50.067 28.905v57.812l-50.067 28.906-50.066-28.906V79.192z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='107.364' x2='107.364' y1='50.286' y2='165.91' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233b27ba' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%234835b9' stop-opacity='.49'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat;
  background-position: 50%;
  background-size: contain;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  min-width: 0;
  flex-shrink: 0;
  gap: 30px;
  overflow: hidden;
  transition: width 0.5s;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper.pre-spin-single[data-v-45436fc0] {
  width: 660px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper.isOpening[data-v-45436fc0] {
  background: unset;
  transition: width 0s;
  animation: none;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper[data-v-45436fc0]:not(:first-child) {
  border-left: 1px solid #19182f;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .roulette-case-item[data-v-45436fc0] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 250px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .roulette-case-item .sell[data-v-45436fc0] {
  background: #282546;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  color: #26c897;
  font-size: 14px;
  font-weight: 700;
  height: 33px;
  line-height: 33px;
  min-width: 80px;
  padding: 0 11px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 32px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .roulette-case-item .roulette-case-img[data-v-45436fc0] {
  max-height: 85%;
  max-width: 90%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list[data-v-45436fc0] {
  display: flex;
  align-items: center;
  flex-direction: column;
  transition-duration: 0ms;
  width: 100%;
  will-change: transform;
  position: relative;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item[data-v-45436fc0] {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: 50%;
  background-size: contain;
  width: 100%;
  height: 150px;
  text-align: center;
  position: relative;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .item-img[data-v-45436fc0] {
  max-height: unset;
  max-width: unset;
  width: 160px;
  height: 120px;
  background-position: 50% 50%;
  background-size: 110% 110%;
  background-repeat: no-repeat;
  padding: 5px;
  box-sizing: content-box;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper[data-v-45436fc0] {
  position: absolute;
  width: 100%;
  height: calc(100% + 1px);
  top: 0;
  left: 0;
  z-index: 11;
  background: transparent;
  transition: background 0.5s;
  /* 避免几率信息被父级裁剪 */
  overflow: visible;
  opacity: 0;
  visibility: hidden;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper .fdg-img[data-v-45436fc0] {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 20px;
  left: 20px;
  cursor: pointer;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
@media screen and (max-width: 490px) {
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper .fdg-img[data-v-45436fc0] {
    width: 45px;
    height: 45px;
    top: 10px;
    left: 10px;
}
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper .probability[data-v-45436fc0] {
  position: absolute;
  right: 12px;
  top: 12px;
  align-items: center;
  display: flex;
  flex-direction: column;
  font-weight: 700;
  color: #827fff;
  font-size: 12px;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper .probability p[data-v-45436fc0] {
  color: #9c9daf;
  font-size: 8px;
  text-transform: uppercase;
}
@media screen and (max-width: 490px) {
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper .probability[data-v-45436fc0] {
    font-size: 15px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper .probability p[data-v-45436fc0] {
    font-size: 10px;
}
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper .skins-cover[data-v-45436fc0] {
  position: absolute;
  width: 220px;
  height: 135px;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: top 0.5s;
  transform: translate(-50%, -50%);
  background-color: #121023;
  background-position: 38% 50%;
  background-repeat: no-repeat;
  background-size: 110% 110%;
  z-index: 1;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper .skins-cover img[data-v-45436fc0] {
  width: 150px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1024px) {
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper .skins-cover img[data-v-45436fc0] {
    width: 140px;
    height: 115px;
}
}
@media screen and (max-width: 767px) {
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper .skins-cover img[data-v-45436fc0] {
    width: 130px;
    height: 110px;
}
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper .skins-cover .three-canvas[data-v-45436fc0] {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper .info_wrapper[data-v-45436fc0] {
  position: absolute;
  text-align: center;
  width: 100%;
  font-weight: 600;
  bottom: 10px;
  opacity: 0;
  visibility: hidden;
  transition: bottom 0.5s;
  z-index: 12;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper .info_wrapper .info_1[data-v-45436fc0] {
  color: #e4dcfc;
  font-size: 12px;
  margin-top: 27px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper .info_wrapper .info_2[data-v-45436fc0] {
  font-size: 14px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper .info_wrapper .info_3[data-v-45436fc0] {
  font-size: 12px;
  color: #716d9e;
  font-weight: 500;
  margin-top: 1px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper button[data-v-45436fc0] {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
  background-color: #282546;
  clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  padding: 0 10px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
  opacity: 0;
  visibility: hidden;
  transition: bottom 0.5s;
  z-index: 12;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper button span[data-v-45436fc0] {
  color: #26c897;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item .prize-wrapper button span[data-v-45436fc0]:first-child {
  margin-left: 4px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.isOpened .prize-wrapper[data-v-45436fc0] {
  background: #121023;
  position: absolute;
  width: 117.6470588235%;
  height: 290px;
  z-index: 100;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.isOpened .item-img[data-v-45436fc0] {
  opacity: 0;
  visibility: hidden;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.isOpened .probability[data-v-45436fc0],
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.isOpened .info_wrapper[data-v-45436fc0],
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.isOpened .fdg-img[data-v-45436fc0],
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.isOpened button[data-v-45436fc0],
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.isOpened .prize-wrapper[data-v-45436fc0],
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.isOpened .skins-cover .three-canvas[data-v-45436fc0] {
  opacity: 1;
  visibility: visible;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.isOpened .info_wrapper[data-v-45436fc0] {
  bottom: 40px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.isOpened button[data-v-45436fc0] {
  bottom: 1px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.isOpened .skins-cover[data-v-45436fc0] {
  top: 32%;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-1 .skins-cover[data-v-45436fc0] {
  position: absolute;
  width: 600px;
  height: 250px;
  top: 50%;
  background-position: 53% 65%;
  background-repeat: no-repeat;
  background-size: 234px 234PX;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-1 .skins-cover img[data-v-45436fc0] {
  width: 180px;
  height: 140px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-1.isOpened .prize-wrapper[data-v-45436fc0] {
  position: absolute;
  left: 50%;
  width: 900px;
  transform: translateX(-50%);
}
@media screen and (max-width: 1365px) {
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-1.isOpened .prize-wrapper[data-v-45436fc0] {
    width: 750px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-1.isOpened .prize-wrapper .skins-cover[data-v-45436fc0] {
    width: 500px;
}
}
@media screen and (max-width: 767px) {
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-1.isOpened .prize-wrapper[data-v-45436fc0] {
    width: 600px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-1.isOpened .prize-wrapper .skins-cover[data-v-45436fc0] {
    width: 400px;
}
}
@media screen and (max-width: 490px) {
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-1.isOpened .prize-wrapper[data-v-45436fc0] {
    width: 500px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-1.isOpened .prize-wrapper .skins-cover[data-v-45436fc0] {
    width: 300px;
}
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-1.isOpened .three-canvas[data-v-45436fc0] {
  margin-top: 0 !important;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-1.isOpened .info_wrapper[data-v-45436fc0] {
  position: absolute;
  right: 20px;
  width: 200px;
  text-align: right;
  transform: translateY(calc(-50% + 15px));
  z-index: 1;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-2 .skins-cover[data-v-45436fc0] {
  position: absolute;
  width: 100%;
  height: 200px;
  top: 50%;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-2.isOpened .prize-wrapper[data-v-45436fc0] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-2.isOpened .three-canvas[data-v-45436fc0] {
  margin-top: 0 !important;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-2.isOpened .info_wrapper[data-v-45436fc0] {
  position: absolute;
  right: 20px;
  width: 200px;
  text-align: right;
  transform: translateY(calc(-50% + 10px));
  z-index: 1;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-3 .skins-cover[data-v-45436fc0] {
  width: 100%;
  height: 150px;
  margin-top: 20px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-3.isOpened .prize-wrapper[data-v-45436fc0] {
  left: 50%;
  transform: translateX(-50%);
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-4 .skins-cover[data-v-45436fc0] {
  width: 100%;
  height: 140px;
  margin-top: 20px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-4.isOpened .prize-wrapper[data-v-45436fc0] {
  left: 50%;
  transform: translateX(-50%);
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-5 .skins-cover[data-v-45436fc0] {
  width: 100%;
  height: 140px;
  margin-top: 20px;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list .weapon-case-item.list_len-5.isOpened .prize-wrapper[data-v-45436fc0] {
  left: 50%;
  transform: translateX(-50%);
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list.boxLen_1[data-v-45436fc0] {
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list.boxLen_1 .weapon-case-item[data-v-45436fc0] {
  flex: 0 0 auto;
  width: 220px;
  height: 100%;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper .weapon-case-list.boxLen_1 .prize-wrapper[data-v-45436fc0] {
  position: absolute;
  top: 0;
}
.active-beam-container .roulette-wrapper .roulette .roulette-cases .roulette-case-wrapper:nth-of-type(1) .list_len-2 .prize-wrapper .info_wrapper[data-v-45436fc0] {
  left: 20px;
  text-align: left !important;
}
@keyframes down-45436fc0 {
0% {
    transform: translateY(-120px);
}
40% {
    transform: translateY(25px);
}
65% {
    transform: translateY(-10px);
}
80% {
    transform: translateY(5px);
}
100% {
    transform: translateY(0);
}
}
.active-beam-container .roulette-wrapper .show3D[data-v-45436fc0] {
  position: absolute;
  top: -170px;
  left: 50%;
  transform: translateX(-50%);
  width: 73vw;
  height: 33vw;
  min-height: 567px;
  z-index: 101;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(4px);
}
@media screen and (max-width: 1023px) {
.active-beam-container .roulette-wrapper .show3D[data-v-45436fc0] {
    width: 90vw !important;
}
}
@media screen and (max-width: 767px) {
.active-beam-container .roulette-wrapper .show3D[data-v-45436fc0] {
    width: 125vw !important;
}
}
@media screen and (max-width: 490px) {
.active-beam-container .roulette-wrapper .show3D[data-v-45436fc0] {
    width: 155vw !important;
    height: 100vh !important;
    height: 850px !important;
    top: 188px !important;
    transform: translate(-50%, -50%) !important;
}
}
.active-beam-container .roulette-wrapper .show3D .show3D-close[data-v-45436fc0] {
  position: absolute;
  top: 22px;
  right: 22px;
  background-color: #8b8d92;
  display: inline-block;
  height: 28px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.8 2.8 0 10 7.2 17.2 0 20 2.8 12.8 10l7.2 7.2-2.8 2.8-7.2-7.2L2.8 20 0 17.2 7.2 10z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 84%;
  mask-size: 84%;
  transition: background-color 0.3s;
  width: 28px;
  z-index: 1;
  cursor: pointer;
}
.active-beam-container .roulette-wrapper .show3D .show3D-close[data-v-45436fc0]:hover {
  background-color: #eee;
}
.active-beam-container .roulette-wrapper .show3D .show3D-name[data-v-45436fc0] {
  position: absolute;
  top: 12px;
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  pointer-events: none;
}
.active-beam-container .case-buttons[data-v-45436fc0] {
  position: relative;
  text-align: center;
}
@media screen and (max-width: 767px) {
.active-beam-container .case-buttons[data-v-45436fc0] {
    transform: scale(0.75);
    transform-origin: left top;
    width: 133.3333333333%;
    height: 217.5px;
}
.active-beam-container .case-buttons .open-buttons-wrapper[data-v-45436fc0] {
    flex-direction: column;
    gap: 10px;
}
.active-beam-container .case-buttons .open-buttons-wrapper .case-multiple-switcher[data-v-45436fc0] {
    margin-right: 0;
}
}
.active-beam-container .case-buttons .win-buttons[data-v-45436fc0] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding-top: 40px;
}
.active-beam-container .case-buttons .win-button[data-v-45436fc0] {
  align-items: center;
  background-color: #5c49d0;
  clip-path: polygon(19px 0, calc(100% - 19px) 0, 100% 50%, calc(100% - 19px) 100%, 19px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 18px;
  font-weight: 700;
  height: 66px;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 297px;
}
.active-beam-container .case-buttons .win-button.again-button[data-v-45436fc0] {
  background: #cf3464;
}
.active-beam-container .case-buttons .win-button.again-button .repeat-icon[data-v-45436fc0] {
  background-color: #fff;
  display: inline-block;
  height: 22px;
  margin-left: 17px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M11.505 1A8.494 8.494 0 0 1 20 9.5c0 4.696-3.8 8.5-8.495 8.5v-1.817c1.78 0 3.453-.69 4.716-1.966A6.64 6.64 0 0 0 18.18 9.5a6.64 6.64 0 0 0-1.958-4.717 6.63 6.63 0 0 0-4.716-1.966c-1.779 0-3.452.69-4.716 1.965A6.65 6.65 0 0 0 4.958 8.3h3.526l-4.242 4.845L0 8.3h3.126C3.716 4.166 7.242 1 11.506 1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M11.505 1A8.494 8.494 0 0 1 20 9.5c0 4.696-3.8 8.5-8.495 8.5v-1.817c1.78 0 3.453-.69 4.716-1.966A6.64 6.64 0 0 0 18.18 9.5a6.64 6.64 0 0 0-1.958-4.717 6.63 6.63 0 0 0-4.716-1.966c-1.779 0-3.452.69-4.716 1.965A6.65 6.65 0 0 0 4.958 8.3h3.526l-4.242 4.845L0 8.3h3.126C3.716 4.166 7.242 1 11.506 1'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transform: scaleX(-1);
  width: 22px;
}
.active-beam-container .case-buttons .win-button.upgrade-button .upgrade-icon[data-v-45436fc0] {
  background-color: #fff;
  display: inline-block;
  height: 17px;
  margin-left: 17px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M0 6.885 1.089 8.35l6.725-5.059 6.725 5.06 1.089-1.467L7.814.995zm0 5.514 1.089 1.467 6.725-5.06 6.725 5.06 1.089-1.467-7.814-5.89z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M0 6.885 1.089 8.35l6.725-5.059 6.725 5.06 1.089-1.467L7.814.995zm0 5.514 1.089 1.467 6.725-5.06 6.725 5.06 1.089-1.467-7.814-5.89z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 19px;
}
.active-beam-container .case-buttons .win-button.sell-button[data-v-45436fc0] {
  background: #282546;
}
.active-beam-container .case-buttons .win-button.sell-button span[data-v-45436fc0] {
  color: #26c897;
}
.active-beam-container .case-buttons .win-button.sell-button span[data-v-45436fc0]:first-child {
  margin-left: 17px;
}
.active-beam-container .case-buttons .win-text-withdrawal[data-v-45436fc0] {
  text-align: center;
  color: #717392;
  font-size: 14px;
  font-weight: 500;
  padding: 24px 0 23px;
}
.active-beam-container .case-buttons .win-text-withdrawal a[data-v-45436fc0] {
  color: #eb4377;
  text-decoration: underline;
}
.active-beam-container .case-buttons .opening-loading[data-v-45436fc0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 188px;
  height: 30px;
  box-sizing: content-box;
  padding: 68px 0 75px;
}
.active-beam-container .case-buttons .open-buttons-wrapper[data-v-45436fc0] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  width: 100%;
  padding: 33px 0 75px;
}
.active-beam-container .case-buttons .openHint[data-v-45436fc0] {
  position: absolute;
  top: 8px;
  color: #48c5a9;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  transition: margin 0.3s;
  width: 100%;
}
.active-beam-container .case-buttons .buttons-row[data-v-45436fc0] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 28px;
  margin-bottom: 3px;
  width: 100%;
}
.active-beam-container .case-buttons .not-enough-money-text[data-v-45436fc0] {
  color: #48c5a9;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
  transition: margin 0.3s;
  width: 100%;
}
.active-beam-container .case-buttons .case-multiple-switcher[data-v-45436fc0] {
  font-size: 0;
  margin-right: 0;
}
.active-beam-container .case-buttons .case-multiple-switcher .counter[data-v-45436fc0] {
  background-image: linear-gradient(357.91deg, #18172e 1.14%, #131228 98.23%);
  color: #e4dcfc;
  font-size: 15px;
  font-weight: 600;
  height: 62px;
  position: relative;
  text-align: center;
  transition: background-image 0.3s;
  width: 52px;
}
.active-beam-container .case-buttons .case-multiple-switcher .counter[data-v-45436fc0]:hover {
  background-image: linear-gradient(357.91deg, #141329 20.14%, #121030 98.23%);
}
.active-beam-container .case-buttons .case-multiple-switcher .counter[data-v-45436fc0]:not(:first-child) {
  margin-left: 2px;
}
.active-beam-container .case-buttons .case-multiple-switcher .counter[data-v-45436fc0]:first-child::before, .active-beam-container .case-buttons .case-multiple-switcher .counter[data-v-45436fc0]:last-child::before {
  background-image: linear-gradient(357.91deg, #18172e 1.14%, #131228 98.23%);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 20px;
}
.active-beam-container .case-buttons .case-multiple-switcher .counter[data-v-45436fc0]:first-child::before {
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  left: -19px;
}
.active-beam-container .case-buttons .case-multiple-switcher .counter[data-v-45436fc0]:last-child::before {
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  right: -19px;
}
.active-beam-container .case-buttons .case-multiple-switcher .counter.active[data-v-45436fc0], .active-beam-container .case-buttons .case-multiple-switcher .counter.active[data-v-45436fc0]:first-child:before, .active-beam-container .case-buttons .case-multiple-switcher .counter.active[data-v-45436fc0]:last-child:before {
  background-image: linear-gradient(357.1deg, #211b44 2.04%, #251f4b 2.05%, #201c43 97.96%);
}
.active-beam-container .case-buttons .open-case-button[data-v-45436fc0],
.active-beam-container .case-buttons .open-replenish-modal[data-v-45436fc0] {
  align-items: center;
  background-color: #cf3464;
  clip-path: polygon(19px 0, calc(100% - 19px) 0, 100% 50%, calc(100% - 19px) 100%, 19px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 18px;
  font-weight: 700;
  height: 62px;
  justify-content: center;
  min-width: 272px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.active-beam-container .case-buttons .open-case-button.dis[data-v-45436fc0] {
  transition: unset;
  background-color: rgb(28, 26, 49);
  color: rgb(79, 75, 120);
  cursor: default;
  pointer-events: none;
}
.active-beam-container .case-buttons .open-replenish-modal[data-v-45436fc0] {
  background-color: #48c5a9;
}
.active-beam-container .case-buttons .sell-items-block[data-v-45436fc0] {
  align-items: center;
  display: flex;
  margin-left: 20px;
}
.active-beam-container .case-buttons .sell-items-block .or-text[data-v-4b84aa2f][data-v-45436fc0] {
  color: #cbcaeb;
  font-weight: 700;
  text-transform: uppercase;
}
.active-beam-container .case-buttons .sell-items-block .open-inventory-modal[data-v-45436fc0] {
  align-items: center;
  background-color: #67a0e0;
  clip-path: polygon(19px 0, calc(100% - 19px) 0, 100% 50%, calc(100% - 19px) 100%, 19px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 18px;
  font-weight: 700;
  height: 62px;
  justify-content: center;
  margin-left: 15px;
  min-width: 252px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.active-beam-container .case-buttons .button__content[data-v-45436fc0] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
.active-beam-container .case-buttons .skip-animation-toggle-wrapper[data-v-45436fc0] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 20px;
}
.active-beam-container .case-buttons .switcher[data-v-45436fc0] {
  text-transform: uppercase;
}
.active-beam-container .case-buttons .switcher label[data-v-45436fc0] {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.active-beam-container .case-buttons .switcher .option-text[data-v-45436fc0] {
  color: #dddcfc;
  font-size: var(--a8b5298a);
  font-weight: 600;
  margin-right: 6px;
}
.active-beam-container .case-buttons .switcher label > input + *[data-v-45436fc0] {
  margin: 0;
}
.active-beam-container .case-buttons .switcher.size-regular .marker[data-v-45436fc0] {
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  height: 28px;
  width: 50px;
  margin-left: 16px;
}
.active-beam-container .case-buttons .switcher .marker[data-v-45436fc0] {
  background-image: linear-gradient(357.1deg, #211b44 2.04%, #251f4b 2.05%, #201c43 97.96%);
  display: block;
  position: relative;
}
.active-beam-container .case-buttons .switcher:not(.two-options) input:not(:checked) ~ .marker[data-v-45436fc0]:before {
  background: #43415a;
}
.active-beam-container .case-buttons .switcher.size-regular .marker[data-v-45436fc0]:before {
  height: 16px;
  left: 7px;
  width: 18px;
}
.active-beam-container .case-buttons .switcher .marker[data-v-45436fc0]:before {
  background: var(--59fafe50);
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.3s, left 0.3s;
}
.active-beam-container .case-buttons .switcher input:checked ~ .marker[data-v-45436fc0]:before {
  left: calc(100% - 18px - 7px);
}
.active-beam-container .case-buttons .switcher input[data-v-45436fc0] {
  display: none;
}
.active-beam-container .hot-skins[data-v-45436fc0] {
  text-align: center;
  margin-top: 20px;
}
.active-beam-container .hot-skins .center-title-block[data-v-45436fc0] {
  margin-bottom: 26px;
}
.active-beam-container .hot-skins .history-list-wrapper[data-v-45436fc0] {
  height: 202px;
  overflow: hidden;
}
.active-beam-container .hot-skins .history-list-wrapper .history-list[data-v-45436fc0] {
  display: flex;
  height: 212px;
  gap: 1px;
  overflow-x: scroll;
}
.active-beam-container .hot-skins .history-list-wrapper .history-list .history-item[data-v-45436fc0] {
  position: relative;
  flex: 1 0 auto;
  background-position: 50% 22%;
  background-repeat: no-repeat, no-repeat;
  background-size: 110px, 110px;
  display: inline-flex;
  justify-content: center;
  margin: 1px;
  padding: 0 0 0;
  position: relative;
  vertical-align: top;
  z-index: 1;
  background-color: #161428;
  border: none;
  box-shadow: none;
  cursor: default;
  height: 200px;
  width: 180px;
  max-width: 180px;
  overflow: hidden;
}
.active-beam-container .hot-skins .history-list-wrapper .history-list .history-item .img-wrapper[data-v-45436fc0] {
  position: relative;
  top: 28px;
}
.active-beam-container .hot-skins .history-list-wrapper .history-list .history-item .img-wrapper img[data-v-45436fc0] {
  position: relative;
  top: 0;
  max-height: 80px;
  max-width: 110px;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: top 0.3s;
}
.active-beam-container .hot-skins .history-list-wrapper .history-list .history-item .info_p[data-v-45436fc0] {
  position: absolute;
  top: 23px;
  right: 10px;
  text-align: left;
  border-radius: 25px;
  color: #00efba;
  border: none;
  font-size: 13px;
  font-weight: 600;
  left: 16px;
  padding: 0;
}
.active-beam-container .hot-skins .history-list-wrapper .history-list .history-item .info_1[data-v-45436fc0] {
  position: absolute;
  text-align: center;
  width: 100%;
  padding-inline: 10px;
  bottom: 52px;
  color: #e4dcfc;
  font-size: 11px;
  font-weight: 600;
}
.active-beam-container .hot-skins .history-list-wrapper .history-list .history-item .info_2[data-v-45436fc0] {
  position: absolute;
  text-align: center;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-inline: 10px;
  bottom: 34px;
  font-size: 13px;
  font-weight: 600;
}
.active-beam-container .hot-skins .history-list-wrapper .history-list .history-item .info_3[data-v-45436fc0] {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 20px;
  color: #716d9e;
  font-size: 11px;
  font-weight: 500;
}
.active-beam-container .hot-skins .history-list-wrapper .history-list .history-item .user-info[data-v-45436fc0] {
  position: absolute;
  align-items: center;
  background: rgba(29, 27, 49, 0.95);
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
  background-position: 50% 22%;
  background-repeat: no-repeat, no-repeat;
  background-size: 110px, 110px;
}
.active-beam-container .hot-skins .history-list-wrapper .history-list .history-item .user-info .gif-png[data-v-45436fc0] {
  width: 80%;
}
.active-beam-container .hot-skins .history-list-wrapper .history-list .history-item .user-info .avatar-img img[data-v-45436fc0] {
  width: 100%;
  height: 100%;
}
.active-beam-container .hot-skins .history-list-wrapper .history-list .history-item .user-info .username[data-v-45436fc0] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  margin-top: 10px;
  max-width: 100%;
  padding: 0 5px;
}
.active-beam-container .hot-skins .history-list-wrapper .history-list .history-item:hover .user-info[data-v-45436fc0] {
  opacity: 1;
  visibility: visible;
}
.active-beam-container .gif-png[data-v-45436fc0] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 70%;
  height: 110px;
}
.active-beam-container .gif-png img[data-v-45436fc0] {
  width: 100%;
}
.active-beam-container .box-skins[data-v-45436fc0] {
  text-align: center;
}
.active-beam-container .box-skins .center-title-block[data-v-45436fc0] {
  margin-top: 20px;
}
.active-beam-container .box-skins .title-check-odds-range[data-v-45436fc0],
.active-beam-container .box-skins .title-client-seed[data-v-45436fc0] {
  color: #7e7d9c;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.active-beam-container .box-skins .title-check-odds-range[data-v-45436fc0] {
  letter-spacing: 0.08em;
  margin-bottom: 8px;
  margin-top: 10px;
}
.active-beam-container .box-skins .box-list-wrapper[data-v-45436fc0] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 80px;
}
.active-beam-container .box-skins .box-list-wrapper .odds-list[data-v-45436fc0] {
  display: flex;
  justify-content: center;
  gap: 3px;
  padding: 10px 0 15px;
}
.active-beam-container .box-skins .box-list-wrapper .odds-list .odds-item[data-v-45436fc0] {
  display: flex;
  align-items: center;
  color: #7973b3;
  font-weight: 500;
  font-size: 16px;
}
.active-beam-container .box-skins .box-list-wrapper .odds-list .odds-item .level-img[data-v-45436fc0] {
  width: 32px;
  height: 32px;
  margin-right: 6px;
}
@media screen and (max-width: 767px) {
.active-beam-container .box-skins .box-list-wrapper .odds-list .odds-item[data-v-45436fc0] {
    font-size: 13px;
}
.active-beam-container .box-skins .box-list-wrapper .odds-list .odds-item .level-img[data-v-45436fc0] {
    width: 22px;
    height: 22px;
    margin-right: 4px;
}
}
.active-beam-container .box-skins .box-list-wrapper .box-list[data-v-45436fc0] {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 0;
  width: 1384px;
  margin: 0 auto;
}
@media screen and (max-width: 490px) {
.active-beam-container .box-skins .box-list-wrapper .box-list[data-v-45436fc0] {
    width: 100%;
    padding: 0 10px;
}
}
.active-beam-container .box-skins .box-list-wrapper .box-item[data-v-45436fc0] {
  background-color: #19172d;
  border-radius: 4px;
  content-visibility: auto;
  height: 237px;
  padding-bottom: 12px;
  position: relative;
  width: 206px;
  background-position: 50% 22%;
  background-repeat: no-repeat, no-repeat;
  background-size: 110px, 110px;
  text-align: center;
}
@media screen and (max-width: 490px) {
.active-beam-container .box-skins .box-list-wrapper .box-item[data-v-45436fc0] {
    width: calc(50% - 5px);
}
}
.active-beam-container .box-skins .box-list-wrapper .box-item .img-wrapper[data-v-45436fc0] {
  margin: 30px auto 14px;
  width: 120px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .img-wrapper img[data-v-45436fc0] {
  width: 100%;
  height: 100%;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .info_p[data-v-45436fc0] {
  font-weight: 700;
  position: absolute;
  right: 20px;
  text-align: right;
  top: 20px;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .info_p p[data-v-45436fc0]:first-child {
  color: #9c9daf;
  font-size: 8px;
  text-transform: uppercase;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .info_p p[data-v-45436fc0]:last-child {
  color: #827fff;
  font-size: 12px;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .info_1[data-v-45436fc0] {
  color: #e4dcfc;
  font-size: 12px;
  font-weight: 600;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .info_2[data-v-45436fc0] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 600;
  margin-top: 2px;
  overflow: hidden;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .info_3[data-v-45436fc0] {
  color: #716d9e;
  font-size: 11px;
  font-weight: 500;
  margin-top: 2px;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .info_4[data-v-45436fc0] {
  bottom: 9px;
  color: #4af1b8;
  font-size: 14px;
  font-weight: 600;
  left: 0;
  margin-top: 8px;
  position: absolute;
  width: 100%;
  text-align: center;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .gif-png[data-v-45436fc0] {
  width: 90%;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .skins-info[data-v-45436fc0] {
  display: flex;
  flex-direction: column;
  position: absolute;
  background: rgba(29, 27, 49, 0.95);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
  padding: 16px 10px;
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: 110px;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .skins-info .gif-png[data-v-45436fc0] {
  margin-top: 27px;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .skins-info .pf-table-row[data-v-45436fc0] {
  display: flex;
  justify-content: center;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .skins-info .pf-table-row.head[data-v-45436fc0] {
  margin-bottom: 10px;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .skins-info .pf-table-row.head .table-cell[data-v-45436fc0] {
  color: #9793c7;
  font-size: 10px;
  font-weight: 700;
  overflow: hidden;
  padding: 0 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .skins-info .pf-table-row .price-and-quality[data-v-45436fc0] {
  flex-basis: 35%;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .skins-info .pf-table-row .range[data-v-45436fc0] {
  flex-basis: 40%;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .skins-info .pf-table-row .odds[data-v-45436fc0] {
  flex-basis: 25%;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .skins-info .pf-table-row-link[data-v-45436fc0] {
  border-bottom: 1px solid transparent;
  display: flex;
  width: 100%;
  justify-content: center;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .skins-info .pf-table-row-link .table-cell[data-v-45436fc0] {
  font-size: 9px;
  font-weight: 600;
  padding: 0 1px;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .skins-info .pf-table-row-link .quality[data-v-45436fc0] {
  text-transform: uppercase;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .skins-info .pf-table-row-link .price[data-v-45436fc0] {
  color: #26c897;
}
.active-beam-container .box-skins .box-list-wrapper .box-item .skins-info .gif[data-v-45436fc0] {
  width: 100%;
  height: 120px;
  margin: 30px auto 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.active-beam-container .box-skins .box-list-wrapper .box-item:hover .skins-info[data-v-45436fc0] {
  opacity: 1;
  visibility: visible;
}
.active-beam-container .box-skins .user-avatar-clickable[data-v-45436fc0] {
  cursor: pointer;
  transition: transform 0.3s ease;
}
.active-beam-container .box-skins .user-avatar-clickable[data-v-45436fc0]:hover {
  transform: scale(1.1);
}
.weapon[data-v-5edcad8e] {
  padding-top: 20px;
  background-color: #19172d;
  border-radius: 4px;
  content-visibility: auto;
  padding-bottom: 12px;
  position: relative;
  width: 206px;
  background-position: 50% 22%;
  background-repeat: no-repeat, no-repeat;
  background-size: 110px, 110px;
  text-align: center;
  border: 1.5px solid rgba(92, 73, 208, 0.2);
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
}
.weapon[data-v-5edcad8e]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(92, 73, 208, 0.1) 0%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 0;
}
.weapon[data-v-5edcad8e]:hover {
  border-color: #5c49d0;
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(92, 73, 208, 0.3);
}
.weapon[data-v-5edcad8e]:hover::before {
  opacity: 1;
}
.weapon-name[data-v-5edcad8e] {
  padding: 10px 0;
}
.weapon .img-wrapper[data-v-5edcad8e] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 58%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 52% 0%;
  margin: 0 auto;
}
.weapon .img-wrapper img[data-v-5edcad8e] {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.weapon .img-wrapper .gif[data-v-5edcad8e] {
  display: none;
}
.weapon .img-wrapper:hover .gif[data-v-5edcad8e] {
  display: block;
}
.weapon .img-wrapper:hover .png[data-v-5edcad8e] {
  display: none;
}
.weapon .price[data-v-5edcad8e] {
  color: #4af1b8;
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
  width: 100%;
  text-align: center;
  padding-top: 5px;
}
.user_phone[data-v-085215cf] {
  width: 150px;
  height: 150px;
}
@media (max-width: 960px) {
.user_phone[data-v-085215cf] {
    margin-top: 20px;
    width: 100px;
    height: 100px;
}
}
.content-roll-active[data-v-085215cf] {
  border-bottom: 2px solid #424247;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}
.content-roll-active .active[data-v-085215cf] {
  position: relative;
  color: #fff;
}
.content-roll-active .active[data-v-085215cf]::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -2px;
  background: #d5d5e3;
  left: 0;
}
.content-roll-active-item[data-v-085215cf] {
  text-align: center;
  min-width: 150px;
  padding: 0 15px;
  box-sizing: border-box;
  padding-bottom: 14px;
  color: #73737d;
}
.weapon-user[data-v-085215cf] {
  position: absolute;
  bottom: 40px;
  left: 10px;
}
.user-award1[data-v-085215cf] {
  animation: userAward-085215cf 0.1s;
}
@keyframes userAward-085215cf {
to {
    transform: rotateY(0deg);
}
from {
    transform: rotateY(360deg);
}
}
.content[data-v-085215cf] {
  width: 80%;
  margin: 0 auto;
  min-height: 1234px;
}
.content .content-top[data-v-085215cf] {
  width: 100%;
  background-color: #111115;
  background: url(../img/-AsJmqTV.a1aaecb5.png) no-repeat, #1c1a33;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% 100%;
  padding-left: 10px;
}
@media (max-width: 1365px) {
.content .content-top[data-v-085215cf] {
    transform: scale(0.95);
    transform-origin: top left;
    width: 105.2631578947%;
}
}
@media (max-width: 1024px) {
.content .content-top[data-v-085215cf] {
    transform: scale(0.88);
    transform-origin: top left;
    width: 113.6363636364%;
}
}
@media (max-width: 767px) {
.content .content-top[data-v-085215cf] {
    padding-bottom: 15px !important;
}
.content .content-top .room-info[data-v-085215cf] {
    flex-direction: column;
}
.content .content-top .-WAKAJFLKJWQ_[data-v-085215cf] {
    transform: scale(0.75);
    transform-origin: top left;
    width: 133.3333333333% !important;
    margin-bottom: -50px;
    padding: 10px 15px 0;
}
}
@media (max-width: 490px) {
.content .content-top .-WAKAJFLKJWQ_[data-v-085215cf] {
    transform: scale(0.65);
    width: 153.8461538462% !important;
}
}
@media (max-width: 1365px) {
.content[data-v-085215cf] {
    width: 93%;
}
}
@media (max-width: 767px) {
.content[data-v-085215cf] {
    width: 92.2%;
}
}
.back-btn[data-v-085215cf] {
  align-items: center;
  background-color: #242142;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #9793c7;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  height: 38px;
  justify-content: center;
  min-width: 180px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: unset;
  margin-left: 0px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
.back-btn[data-v-085215cf] {
    transform: scale(0.8);
    transform-origin: top left;
    margin-bottom: 10px;
}
}
.weapon-phone[data-v-085215cf] {
  width: 14.2857142857%;
}
@media (max-width: 1600px) {
.weapon-phone[data-v-085215cf] {
    width: 20%;
}
}
@media (max-width: 1366px) {
.weapon-phone[data-v-085215cf] {
    width: 25%;
}
}
@media (max-width: 960px) {
.weapon-phone[data-v-085215cf] {
    width: 33.33%;
}
}
@media (max-width: 760px) {
.weapon-phone[data-v-085215cf] {
    width: 50%;
}
}
.text-roll[data-v-085215cf] {
  font-size: 12px;
}
.roll-input[data-v-085215cf] {
  width: 406px;
}
@media (max-width: 1000px) {
.roll-input[data-v-085215cf] {
    width: 312px;
}
}
@media (max-width: 390px) {
.roll-input[data-v-085215cf] {
    width: 312px;
}
}
.user-mobile-wrapper[data-v-085215cf] {
  align-items: center;
  display: flex;
  width: 100%;
}
[data-v-085215cf] .user-avatar-wrapper {
  width: 130px;
  height: 130px;
}
[data-v-085215cf] .user-avatar-wrapper .user_level {
  width: 40px;
  height: 22px;
  left: -8px;
  bottom: 5px;
}
[data-v-085215cf] .user-avatar-wrapper .img-wrapper img {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
.-WERTYFGHJK-[data-v-085215cf] {
  width: 40%;
  max-width: 320px;
}
@media (max-width: 767px) {
.-WERTYFGHJK-[data-v-085215cf] {
    width: 100%;
    max-width: 96%;
    margin: 20px auto 0;
}
}
@media (max-width: 1024px) {
[data-v-085215cf] .user_level {
    width: 34px !important;
    height: 18px !important;
    left: -6px !important;
    bottom: 8px !important;
    font-size: 11px !important;
}
}
@media (max-width: 1366px) {
.winners-name[data-v-085215cf] {
    font-size: 14px;
}
}
@media (max-width: 420px) {
.winners-name[data-v-085215cf] {
    font-size: 13px;
}
}
[data-v-085215cf] .winners-loading-dialog {
  position: relative;
  width: 100vw !important;
  max-width: 2345px !important;
  height: 50vh !important;
  min-height: 400px;
  max-height: 456px;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
[data-v-085215cf] .winners-loading-dialog .el-dialog__body {
  height: 100%;
}
[data-v-085215cf] .winners-loading-dialog .winners_loading {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 1024px) {
[data-v-085215cf] .winners-loading-dialog .winners_loading {
    transform: scale(0.8);
    transform-origin: top left;
    width: 125%;
    height: 113.6363636364%;
}
[data-v-085215cf] .winners-loading-dialog .winners_loading img {
    top: 35% !important;
}
}
@media (max-width: 767px) {
[data-v-085215cf] .winners-loading-dialog .winners_loading {
    transform: scale(0.7);
    width: 142.8571428571%;
    height: 111.1111111111%;
}
[data-v-085215cf] .winners-loading-dialog .winners_loading p {
    font-size: 45px !important;
}
}
@media (max-width: 490px) {
[data-v-085215cf] .winners-loading-dialog .winners_loading {
    height: 100%;
}
[data-v-085215cf] .winners-loading-dialog .winners_loading p {
    font-size: 33px !important;
}
}
[data-v-085215cf] .winners-loading-dialog .winners_loading .scrollBar {
  position: absolute;
  width: 3800px;
  display: flex;
  flex-wrap: nowrap;
  background: #aa1671;
}
[data-v-085215cf] .winners-loading-dialog .winners_loading .scrollBar div {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  height: 30px;
  color: #040307;
  font-size: 20px;
  font-weight: 700;
  background: #aa1671;
  padding: 0 6px 0 16px;
  transform: skewX(-25deg);
}
[data-v-085215cf] .winners-loading-dialog .winners_loading .scrollBar div::after {
  content: "";
  position: absolute;
  left: 4px;
  width: 3px;
  height: 20px;
  background: #040307;
}
[data-v-085215cf] .winners-loading-dialog .winners_loading .scrollBar.scrollBar-t {
  top: 0;
  animation: scrollBar-t-085215cf 6s infinite linear;
}
@keyframes scrollBar-t-085215cf {
from {
    transform: translateX(-2.3%);
}
to {
    transform: translateX(-37%);
}
}
[data-v-085215cf] .winners-loading-dialog .winners_loading .scrollBar.scrollBar-b {
  bottom: 0;
  animation: scrollBar-b-085215cf 6s infinite linear;
}
@keyframes scrollBar-b-085215cf {
from {
    transform: translateX(-36.7%);
}
to {
    transform: translateX(-2%);
}
}
[data-v-085215cf] .winners-loading-dialog .winners_loading .con {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
[data-v-085215cf] .winners-loading-dialog .winners_loading .con img {
  position: relative;
  top: 40%;
  width: 130px;
  pointer-events: none;
}
[data-v-085215cf] .winners-loading-dialog .winners_loading .con p {
  position: relative;
  top: 40%;
  color: #aa1671;
  font-size: 66px;
  font-weight: 600;
  margin-top: 40px;
}
.prize_item[data-v-085215cf] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0px;
  height: 0px;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(4px);
  overflow: hidden;
  opacity: 0;
  transition: all 0.8s;
  border: 1px solid #2a2c4a;
  border-radius: 4px;
  overflow: hidden;
}
.prize_item .weapon[data-v-085215cf] {
  transform: unset !important;
}
@media (max-width: 767px) {
.prize_item[data-v-085215cf] {
    transform: scale(0.8) translate(-50%, -50%);
    transform-origin: top left;
}
}
@media (max-width: 490px) {
.prize_item[data-v-085215cf] {
    transform: scale(0.9) translate(-50%, -50%);
    transform-origin: top left;
    width: calc(100vw - 20px) !important;
}
}
.prize_item.show[data-v-085215cf] {
  width: 500px;
  height: 350px;
  opacity: 1;
}
.prize_item.show .userInfo[data-v-085215cf],
.prize_item.show .el-dialog__headerbtn[data-v-085215cf] {
  opacity: 1;
}
.prize_item .userInfo[data-v-085215cf],
.prize_item .el-dialog__headerbtn[data-v-085215cf] {
  opacity: 0;
  transition: all 0.3s;
}
.prize_item .el-dialog__headerbtn[data-v-085215cf] {
  top: 10px;
  right: 10px;
  z-index: 1;
  font-size: 33px;
  transition: transform 0.5s;
}
.prize_item .el-dialog__headerbtn[data-v-085215cf]:hover {
  transform: rotate(180deg);
}
.prize_item[data-v-085215cf] .weapon {
  height: 100%;
}
.prize_item[data-v-085215cf] .weapon .img-wrapper {
  height: 220px !important;
}
.prize_item[data-v-085215cf] .weapon div {
  font-size: 20px !important;
}
.addRollHome[data-v-085215cf] {
  align-items: center;
  background-color: #302c52;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
  color: #9793c7;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  min-width: 146px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.addRollHome[data-v-085215cf]:hover {
  background-color: #4f4b78;
  color: #fff;
}
.addRollHome.filter-grayscale-1[data-v-085215cf] {
  color: #fff !important;
  opacity: 0.8;
  filter: grayscale(0.3);
  background-color: #302c52;
}

.content[data-v-8f31d02e]{
    width: 1366px;
    margin: 0 auto;
}
.el-date-editor--datetimerange.el-input[data-v-8f31d02e], .el-date-editor--datetimerange.el-input__inner[data-v-8f31d02e]{
  width: 590px!important;
}

.content[data-v-96d4e92c] {
  width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
.content[data-v-96d4e92c] {
    width: 100%;
}
}
.award-box[data-v-9997e2b2] {
  box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.5);
  width: 30%;
  margin: 10px 0.5%;
}
@media (max-width: 1200px) {
.award-box[data-v-9997e2b2] {
    width: 48%;
    margin: 10px 0.5%;
}
}
.awardListPop[data-v-9997e2b2] {
  width: 700px;
  left: calc(50% - 350px);
  top: 25vh;
  z-index: 1002;
  position: relative;
}
@media (max-width: 1200px) {
.awardListPop[data-v-9997e2b2] {
    width: 98%;
    left: 1%;
}
}
.zhishi[data-v-9997e2b2] {
  padding: 30px 0;
  /*box-shadow: inset 0 0 10px #000;*/
  position: relative;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  clip-path: circle(65%);
}
.zhishi[data-v-9997e2b2]::before {
  content: "";
  width: 340px;
  height: 15px;
  /*background-image: url("../../assets/img/openIndex/zhishi.png");*/
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 550px);
  bottom: 0;
}
@media (max-width: 1200px) {
.zhishi[data-v-9997e2b2] {
    padding: 0;
    left: calc(50% - 550px);
}
}
@media (max-width: 960px) {
.zhishi[data-v-9997e2b2] {
    padding: 0;
}
}
.imgwh[data-v-9997e2b2] {
  width: 100%;
}
.lucky-box[data-v-9997e2b2] {
  width: 500px;
  padding: 20px 10px;
  top: calc(50% - 300px);
  left: calc(50% - 250px);
  z-index: 99;
  background-color: rgba(25, 34, 45, 0.8);
}
.content[data-v-9997e2b2] {
  width: 80%;
  padding: 20px;
  margin: 0 auto;
}
@media (max-width: 1366px) {
.content[data-v-9997e2b2] {
    width: 100%;
}
}
.content-top[data-v-9997e2b2] {
  width: 80%;
  height: 300px;
  background-size: 100%;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 1366px) {
.content-top[data-v-9997e2b2] {
    width: 70%;
    background-repeat: no-repeat;
}
}
.content-top-left[data-v-9997e2b2] {
  width: 100px;
  height: 100px;
  position: relative;
  background-image: url(../img/left.b5fe4146.png);
  background-size: 100% 100%;
  margin-right: 50px;
}
.content-top-left-rate[data-v-9997e2b2] {
  position: absolute;
  left: 33%;
  top: 42%;
  background-color: rgba(220, 53, 69, 0.2);
  box-shadow: 0 0 32px 3px #dc3545;
}
.content-top-center[data-v-9997e2b2] {
  width: 500px;
}
@media (max-width: 1366px) {
.content-top-center[data-v-9997e2b2] {
    position: absolute;
    width: 100%;
    top: 250px;
}
.content-top-center img[data-v-9997e2b2] {
    display: none;
}
}
.content-top-center img[data-v-9997e2b2] {
  width: 500px;
}
.content-top-center-title[data-v-9997e2b2] {
  font-size: 18px;
  margin-bottom: 30px;
}
@media (max-width: 1366px) {
.content-top-center-title[data-v-9997e2b2] {
    font-size: 14px;
}
}
.content-top-center-yesNo[data-v-9997e2b2] {
  font-size: 40px;
}
.content-top-center-yesNo div[data-v-9997e2b2]:nth-child(1) {
  color: var(--main-yellow);
}
.content-top-center-yesNo div[data-v-9997e2b2]:nth-child(2) {
  color: var(--main-dark-brown);
}
.content-top-right[data-v-9997e2b2] {
  width: 100px;
  height: 100px;
  position: relative;
  background-image: url(../img/right.1aedee67.png);
  background-size: 100% 100%;
  margin-left: 50px;
}
.content-top-right-rate[data-v-9997e2b2] {
  position: absolute;
  left: 33%;
  top: 42%;
  background-color: rgba(60, 60, 60, 0.2);
  box-shadow: 0 0 32px 3px #3c3c3c;
}
.content-bottom[data-v-9997e2b2] {
  width: 80%;
  height: 300px;
  padding: 0 50px;
  margin: 50px auto 0 auto;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (max-width: 1366px) {
.content-bottom[data-v-9997e2b2] {
    width: 95%;
    display: block !important;
    margin: 30px auto 0 auto;
}
}
.content-bottom-center[data-v-9997e2b2] {
  font-size: 18px;
  width: 150px;
  height: 50px;
  margin: 0 auto;
}
@media (max-width: 1366px) {
.content-bottom-center[data-v-9997e2b2] {
    font-size: 16px !important;
    width: 150px;
    height: 50px;
    margin: 150px auto 0 auto;
}
}
@media (max-width: 1200px) {
.content-bottom-center[data-v-9997e2b2] {
    font-size: 16px !important;
    width: 150px;
    height: 50px;
    margin: 150px auto 0 auto;
}
}
.content-bottom-left[data-v-9997e2b2] {
  width: 400px;
  padding-bottom: 20px;
  background-image: url(../img/left_back.eabcce48.png);
  background-size: 100% 100%;
}
.content-bottom-left img[data-v-9997e2b2] {
  animation: topBotton-9997e2b2 3s infinite alternate;
  animation-timing-function: ease;
}
@media (max-width: 1366px) {
.content-bottom-left[data-v-9997e2b2] {
    display: block !important;
    margin: 0 auto;
    background-image: url(../img/right_bottom.47ff9cc1.png);
}
}
@media (max-width: 960px) {
.content-bottom-left[data-v-9997e2b2] {
    width: 100%;
}
}
.content-bottom-centerVs[data-v-9997e2b2] {
  overflow: hidden;
}
.content-bottom-centerVs-ripple[data-v-9997e2b2] {
  width: 150px;
  height: 150px;
  border: 4px solid #e9b10e;
  clip-path: circle(50%);
}
.content-bottom-centerVs-ripple-title[data-v-9997e2b2] {
  border: 4px solid #e9b10e;
  font-size: 2.2rem;
  width: 150px;
  height: 150px;
  position: absolute;
  left: -4px;
  top: -4px;
}
.content-bottom-centerVs-ripple-bg[data-v-9997e2b2] {
  z-index: -1;
  width: 100000px;
  height: 500px;
  background-repeat: revert;
  animation: ripple-9997e2b2 500s linear;
  animation-iteration-count: infinite;
}
@media (max-width: 1366px) {
.content-bottom-centerVs-ripple[data-v-9997e2b2] {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.content-bottom-centerVs-ripple-bg[data-v-9997e2b2] {
    left: 0;
}
}
.content-bottom-right[data-v-9997e2b2] {
  width: 400px;
  padding-bottom: 20px;
  /*height: 300px;*/
  background-image: url(../img/right_back.d9c8834e.png);
  background-size: 100% 100%;
}
.content-bottom-right img[data-v-9997e2b2] {
  animation: topBotton-9997e2b2 3s infinite alternate;
  animation-timing-function: ease;
}
@media (max-width: 1366px) {
.content-bottom-right[data-v-9997e2b2] {
    display: none;
}
}
@keyframes topBotton-9997e2b2 {
0% {
    transform: translateY(0px);
}
100% {
    transform: translateY(-50px);
}
}
@keyframes ripple-9997e2b2 {
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-100000px);
}
}
@charset "UTF-8";
.pk-active-page[data-v-898c33a4] {
  background-image: url(../img/PVP-bg.48072a8a.jpg);
  background-position: top;
  background-repeat: no-repeat;
  padding-bottom: 50px;
  padding-top: 20px;
  min-height: 888px;
}
.battle-header[data-v-898c33a4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
  max-width: 1832px;
  width: 100%;
  height: 72px;
  justify-content: space-between;
}
@media screen and (max-width: 1920px) {
.battle-header[data-v-898c33a4] {
    padding: 0 20px;
}
}
.battle-header .battle-header__section[data-v-898c33a4] {
  display: flex;
  flex: 1 0 25%;
}
.battle-header .battle-header__section.flex-c[data-v-898c33a4] {
  justify-content: center;
}
.battle-header .battle-header__section.juc-e[data-v-898c33a4] {
  justify-content: flex-end;
}
.battle-header .back-button[data-v-898c33a4] {
  align-items: center;
  background-color: #1c1a31;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #9793c7;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  height: 42px;
  justify-content: center;
  min-width: 210px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.battle-header .back-button[data-v-898c33a4]:hover {
  background-color: #282546;
}
.battle-header .back-button i[data-v-898c33a4] {
  font-size: 18px;
  margin-right: 4px;
}
.battle-header .battle-recreate-button[data-v-898c33a4] {
  position: relative;
  align-items: center;
  background-color: #5c49d0;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  height: 48px;
  justify-content: center;
  min-width: 248px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
@media screen and (max-width: 490px) {
.battle-header .battle-recreate-button[data-v-898c33a4] {
    min-width: 188px;
}
}
.battle-header .save-battle-as-template[data-v-898c33a4] {
  margin-right: 10px;
  position: relative;
}
.battle-header .save-battle-as-template .save-battle-as-template__button[data-v-898c33a4] {
  align-items: center;
  background-color: #1c1a31;
  clip-path: polygon(3px 0, calc(100% - 3px) 0, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 0 calc(100% - 3px), 0 3px);
  color: #716d9e;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 42px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-transform: uppercase;
  transition: background-color 0.3s, color 0.3s;
  width: 205px;
}
.battle-header .save-battle-as-template .save-battle-as-template__button.disabled[data-v-898c33a4] {
  color: rgba(113, 109, 158, 0.3019607843);
}
.battle-header .save-battle-as-template .save-battle-as-template__button.disabled .icon[data-v-898c33a4] {
  opacity: 0.3;
}
.battle-header .save-battle-as-template .save-battle-as-template__button.active[data-v-898c33a4] {
  background-color: #28172d !important;
  color: #fff !important;
}
.battle-header .save-battle-as-template .save-battle-as-template__button.active .icon[data-v-898c33a4] {
  background-color: #cf3464;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 19'%3E%3Cpath d='M.002 10.383c0-2.486-.002-4.971.002-7.457C.006 1.493.869.346 2.155.066c.2-.044.406-.062.609-.062q4.239-.006 8.478-.002c1.352.001 2.405.892 2.692 2.269q.068.324.066.66v15.001c0 .42-.139.755-.488.953-.358.203-.691.12-1.012-.13-1.777-1.382-3.558-2.759-5.333-4.143-.128-.1-.21-.096-.335.002-1.77 1.38-3.546 2.752-5.317 4.132-.326.254-.664.35-1.03.137-.35-.204-.486-.546-.485-.977.005-2.507.002-5.015.002-7.523'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 19'%3E%3Cpath d='M.002 10.383c0-2.486-.002-4.971.002-7.457C.006 1.493.869.346 2.155.066c.2-.044.406-.062.609-.062q4.239-.006 8.478-.002c1.352.001 2.405.892 2.692 2.269q.068.324.066.66v15.001c0 .42-.139.755-.488.953-.358.203-.691.12-1.012-.13-1.777-1.382-3.558-2.759-5.333-4.143-.128-.1-.21-.096-.335.002-1.77 1.38-3.546 2.752-5.317 4.132-.326.254-.664.35-1.03.137-.35-.204-.486-.546-.485-.977.005-2.507.002-5.015.002-7.523'/%3E%3C/svg%3E");
}
.battle-header .save-battle-as-template .save-battle-as-template__button[data-v-898c33a4]:hover {
  background-color: #282546;
}
.battle-header .save-battle-as-template .save-battle-as-template__button:hover + .save-battle-as-template__info-tooltip[data-v-898c33a4] {
  opacity: 1;
  visibility: visible;
}
.battle-header .save-battle-as-template .icon[data-v-898c33a4] {
  background-color: #716d9e;
  display: inline-block;
  height: 19px;
  margin-right: 11px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 19'%3E%3Cpath d='M.002 10.383c0-2.486-.002-4.971.002-7.457C.006 1.493.869.346 2.155.066c.2-.044.406-.062.609-.062q4.239-.006 8.478-.002c1.352.001 2.405.892 2.692 2.269q.068.324.066.66v15.001c0 .42-.139.755-.488.953-.358.203-.691.12-1.012-.13-1.777-1.382-3.558-2.759-5.333-4.143-.128-.1-.21-.096-.335.002-1.77 1.38-3.546 2.752-5.317 4.132-.326.254-.664.35-1.03.137-.35-.204-.486-.546-.485-.977.005-2.507.002-5.015.002-7.523m12.215 5.762v-.25c0-4.29-.002-8.579.003-12.868 0-.605-.327-1.078-.985-1.072-2.09.02-4.18.008-6.27.008q-1.154.002-2.308 0a.79.79 0 0 0-.638.29c-.193.228-.235.507-.235.804l.001 12.824c0 .07-.02.146.021.215.078.003.122-.062.175-.103l4.371-3.39c.494-.383.806-.381 1.303.003l2.99 2.322z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 19'%3E%3Cpath d='M.002 10.383c0-2.486-.002-4.971.002-7.457C.006 1.493.869.346 2.155.066c.2-.044.406-.062.609-.062q4.239-.006 8.478-.002c1.352.001 2.405.892 2.692 2.269q.068.324.066.66v15.001c0 .42-.139.755-.488.953-.358.203-.691.12-1.012-.13-1.777-1.382-3.558-2.759-5.333-4.143-.128-.1-.21-.096-.335.002-1.77 1.38-3.546 2.752-5.317 4.132-.326.254-.664.35-1.03.137-.35-.204-.486-.546-.485-.977.005-2.507.002-5.015.002-7.523m12.215 5.762v-.25c0-4.29-.002-8.579.003-12.868 0-.605-.327-1.078-.985-1.072-2.09.02-4.18.008-6.27.008q-1.154.002-2.308 0a.79.79 0 0 0-.638.29c-.193.228-.235.507-.235.804l.001 12.824c0 .07-.02.146.021.215.078.003.122-.062.175-.103l4.371-3.39c.494-.383.806-.381 1.303.003l2.99 2.322z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  min-width: 14px;
  width: 14px;
}
.battle-header .save-battle-as-template .text[data-v-898c33a4] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.battle-header .save-battle-as-template .save-battle-as-template__info-tooltip[data-v-898c33a4] {
  background-color: #282546;
  border-radius: 3px;
  color: #ede9e9;
  font-size: 11px;
  font-weight: 500;
  left: 50%;
  opacity: 0;
  padding: 12px 20px;
  position: absolute;
  top: calc(100% + 4px);
  transform: translate(-50%);
  visibility: hidden;
  width: 300px;
  z-index: 1;
}
.battle-header .battle-invite-link[data-v-898c33a4] {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative;
}
.battle-header .battle-invite-link .info-tooltip[data-v-898c33a4] {
  align-items: center;
  background-color: #282546;
  border-radius: 8px;
  color: #ede9e9;
  display: flex;
  font-size: 13px;
  height: 30px;
  padding: 0 7px;
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  white-space: nowrap;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.battle-header .battle-invite-link__button[data-v-898c33a4] {
  align-items: center;
  background-color: #1c1a31;
  clip-path: polygon(3px 0, calc(100% - 3px) 0, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 0 calc(100% - 3px), 0 3px);
  display: flex;
  height: 42px;
  justify-content: center;
  transition: background-color 0.3s;
  width: 42px;
}
.battle-header .battle-invite-link__button.success .icon[data-v-898c33a4] {
  background-color: #4af1b8;
  height: 20px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 4.095 17.986 2 7.554 12.848 2.014 7.05 0 9.145 7.554 17z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M20 4.095 17.986 2 7.554 12.848 2.014 7.05 0 9.145 7.554 17z'/%3E%3C/svg%3E");
  width: 20px;
}
.battle-header .battle-invite-link__button.success + .info-tooltip[data-v-898c33a4] {
  opacity: 1;
  visibility: visible;
}
.battle-header .battle-invite-link__button[data-v-898c33a4]:hover {
  background-color: #282546;
}
.battle-header .battle-invite-link__button .icon[data-v-898c33a4] {
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  background-color: #4f4b78;
  height: 24px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.722 3.285a4.85 4.85 0 0 1 .413 6.838l-1.82 2.055-1.71-1.515 1.82-2.055a2.563 2.563 0 0 0-.218-3.614 2.564 2.564 0 0 0-3.614.218l-1.82 2.055-1.71-1.515 1.82-2.055a4.85 4.85 0 0 1 6.84-.412M3.928 9.287 5.75 7.233l1.71 1.515-1.821 2.054a2.564 2.564 0 0 0 .219 3.614 2.563 2.563 0 0 0 3.613-.218l1.821-2.054 1.71 1.515-1.821 2.054a4.85 4.85 0 0 1-6.838.413 4.85 4.85 0 0 1-.414-6.839'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.722 3.285a4.85 4.85 0 0 1 .413 6.838l-1.82 2.055-1.71-1.515 1.82-2.055a2.563 2.563 0 0 0-.218-3.614 2.564 2.564 0 0 0-3.614.218l-1.82 2.055-1.71-1.515 1.82-2.055a4.85 4.85 0 0 1 6.84-.412M3.928 9.287 5.75 7.233l1.71 1.515-1.821 2.054a2.564 2.564 0 0 0 .219 3.614 2.563 2.563 0 0 0 3.613-.218l1.821-2.054 1.71 1.515-1.821 2.054a4.85 4.85 0 0 1-6.838.413 4.85 4.85 0 0 1-.414-6.839'/%3E%3C/svg%3E");
  width: 24px;
}
.battle-progress-wrapper[data-v-898c33a4] {
  display: flex;
  width: 1384px;
  max-width: 100%;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 44px;
  padding-right: 44px;
  margin-bottom: 26px;
}
.battle-progress-wrapper .battle-progress__info-panel[data-v-898c33a4] {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-weight: 700;
  gap: 5px;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  background-color: #191829;
  flex-shrink: 0;
  padding: 0 12px;
  width: 120px;
}
.battle-progress-wrapper .battle-progress__info-panel[data-v-898c33a4]:first-child {
  clip-path: polygon(0 8px, 8px 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
}
.battle-progress-wrapper .battle-progress__info-panel[data-v-898c33a4]:last-child {
  clip-path: polygon(0 0, 0 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 100%, 0 0);
}
.battle-progress-wrapper .battle-progress__info-panel .info-panel__title[data-v-898c33a4] {
  color: #f9f9ff;
  font-size: 13px;
  line-height: 13px;
  word-break: break-word;
}
.battle-progress-wrapper .battle-progress__info-panel .info-panel__value[data-v-898c33a4] {
  color: #737e95;
  font-size: 20px;
  line-height: 20px;
}
.battle-progress-wrapper .battle-progress__info-panel .info-panel__value.is-accent[data-v-898c33a4] {
  color: #f83c76;
}
.battle-progress-wrapper .battle-progress__info-panel .info-panel__value.is-currency[data-v-898c33a4] {
  color: #4af1b8;
}
.battle-progress-wrapper .battle-progress__roulette[data-v-898c33a4] {
  background-color: #0b0a15;
  flex-grow: 1;
  max-width: calc(100% - 240px);
  position: relative;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress__mode-label[data-v-898c33a4] {
  display: flex;
  align-items: center;
  position: absolute;
  left: 8px;
  top: 8px;
  gap: 8px;
  z-index: 1;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress__mode-label .mode-label__icon[data-v-898c33a4] {
  height: 28px;
  width: 28px;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress__mode-label .mode-label__title[data-v-898c33a4] {
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-transform: uppercase;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress__mode-label .mode-tooltip[data-v-898c33a4] {
  background: #191827;
  border-radius: 50%;
  cursor: help;
  height: 20px;
  margin-left: 15px;
  position: relative;
  text-align: center;
  width: 20px;
  margin-left: 0;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress__mode-label .mode-tooltip:hover .tooltip__text[data-v-898c33a4] {
  opacity: 1;
  visibility: visible;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress__mode-label .tooltip__question-icon[data-v-898c33a4] {
  color: #62617b;
  font-size: 14px;
  font-weight: 700;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress__mode-label .tooltip__text[data-v-898c33a4] {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  background: #282546;
  border-radius: 4px;
  color: #dddcfc;
  font-size: 14px;
  margin-top: 10px;
  opacity: 0;
  padding: 10px;
  text-align: initial;
  top: 28px;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 200px;
  z-index: 10;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress__mode-label .tooltip__text[data-v-898c33a4]::before {
  left: 50%;
  transform: translate(-50%);
  border-color: transparent transparent #282546;
  border-style: solid;
  border-width: 0 7.5px 10px;
  content: "";
  height: 0;
  position: absolute;
  top: -10px;
  width: 0;
}
.battle-progress-wrapper .battle-progress__roulette.game_mode-2 .mode-label__icon[data-v-898c33a4] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fbf9f8' d='M6 11c1.018.564 1.988 1.096 3 1.652-.564.232-1.086.355-1.632.348a.48.48 0 0 1-.386-.155A4.46 4.46 0 0 1 6 11M11 12.654c1.014-.56 1.961-1.08 3-1.654-.209.83-.56 1.42-1.045 1.926-.092.1-.215.07-.332.07-.541.007-1.057-.14-1.623-.342'/%3E%3Cpath fill='%2313d761' d='M4.624 11.957S2 8.493 2 3.355c3.491.96 3.104-2.576 8.703-1.746 1.54.231.143-1.198-.595-1.609C15.032.281 15.204 5.852 18 3.824c-.129 2.75-.875 6.047-2.58 8.176.451-3.052-1.857-8.118-5.42-5.066-4.96-3.795-5.376 5.023-5.376 5.023'/%3E%3Cpath fill='%23ee1160' d='M5 14s1.848 3.954 5.035 3.954C13.199 17.954 15 14 15 14s-1.624 6-4.958 6C6.694 19.992 5 14 5 14'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.battle-progress-wrapper .battle-progress__roulette.game_mode-2 .mode-label__title[data-v-898c33a4] {
  color: #13d761;
}
.battle-progress-wrapper .battle-progress__roulette.game_mode-3 .mode-label__icon[data-v-898c33a4] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23fff' d='M13.994 21.578q-3.78.002-7.56-.001c-.755-.001-1.291-.36-1.452-.952-.223-.826.392-1.576 1.334-1.602.634-.017 1.27-.012 1.904-.001.221.004.348-.072.457-.253q1.915-3.151 3.843-6.297a.94.94 0 0 0 .146-.519 100 100 0 0 1 0-2.084c.008-.666.377-1.169.956-1.33.89-.248 1.698.365 1.714 1.314.012.694.007 1.39 0 2.083-.002.2.046.374.152.547 1.271 2.071 2.541 4.143 3.799 6.221.146.242.312.33.6.32.605-.02 1.21-.016 1.814 0 .543.014.975.238 1.225.715.233.445.184.883-.107 1.287-.303.42-.755.552-1.265.552h-7.56m.004-2.56c.705 0 1.41-.005 2.115.003.253.004.27-.065.15-.26a495 495 0 0 1-2.1-3.445c-.116-.19-.186-.218-.314-.006q-1.051 1.74-2.12 3.468c-.122.199-.062.244.155.242.704-.006 1.41-.002 2.114-.001'/%3E%3Cpath fill='%2366b5ba' d='M13.991 2.8c2.707-.005 4.917 1.945 5.18 4.558.1 1.01-.113 1.952-.585 2.851-.101.193-.195.256-.413.116-.569-.364-1.15-.712-1.735-1.052-.186-.11-.214-.198-.108-.39.788-1.435-.029-3.146-1.673-3.525-1.596-.368-3.14.762-3.19 2.328-.014.432.025.85.238 1.236.085.154.04.242-.105.331-.586.358-1.17.717-1.747 1.089-.19.122-.27.064-.371-.103-1.422-2.352-.535-5.45 1.941-6.781a5.4 5.4 0 0 1 2.568-.658M28 19.714c-.015 3.458-2.588 5.708-5.673 5.457-.648-.053-1.26-.24-1.849-.511-.23-.105-.23-.208-.1-.396q.556-.794 1.076-1.609c.128-.203.232-.247.476-.136.94.429 1.85.331 2.676-.265.863-.623 1.177-1.488.966-2.486-.203-.968-.85-1.602-1.843-1.884a2.43 2.43 0 0 0-1.817.166c-.225.115-.329.07-.452-.125a38 38 0 0 0-1.053-1.588c-.165-.233-.097-.34.13-.468 1.65-.923 3.846-.78 5.406.38 1.35 1.004 2.035 2.334 2.056 3.465zM.002 20.325c-.033-2.555 1.893-4.69 4.442-5.025 1.083-.142 2.076.102 3.03.575.224.112.286.22.13.446a44 44 0 0 0-1.085 1.637c-.117.183-.217.189-.412.098-1.727-.808-3.734.374-3.758 2.206-.024 1.802 1.941 3.044 3.657 2.292.292-.128.417-.073.57.166q.495.779 1.038 1.528c.16.223.112.315-.127.43C4.547 26.1.926 24.483.134 21.386a3.8 3.8 0 0 1-.13-1.062z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.battle-progress-wrapper .battle-progress__roulette.game_mode-3 .mode-label__title[data-v-898c33a4] {
  color: #66b5ba;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress-carousel[data-v-898c33a4] {
  height: 100%;
  position: relative;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress-carousel .carousel[data-v-898c33a4] {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress-carousel .carousel__list[data-v-898c33a4] {
  display: flex;
  gap: 20px;
  height: 100%;
  transition: transform 0.3s;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress-carousel .carousel__round[data-v-898c33a4] {
  flex: 0 0 auto;
  width: 120px;
  align-items: center;
  display: flex;
  justify-content: center;
  opacity: 0.5;
  position: relative;
  transition: opacity 0.3s;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress-carousel .carousel__round.is-current[data-v-898c33a4] {
  opacity: 1;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress-carousel .carousel__round.is-current .image-container__case-image[data-v-898c33a4] {
  filter: drop-shadow(0px 0px 3px rgb(72, 224, 130)) drop-shadow(0px 0px 5px rgba(72, 224, 130, 0.8));
  animation: boxGlowPulse-898c33a4 2s ease-in-out infinite;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress-carousel .image-container[data-v-898c33a4] {
  position: relative;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress-carousel .image-container__item-image[data-v-898c33a4] {
  position: absolute;
  left: 6%;
  top: 12%;
  transition: transform 0.3s;
  width: 69%;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress-carousel .image-container__case-image[data-v-898c33a4] {
  width: 120px;
  height: 120px;
  max-height: 100%;
  max-width: 100%;
  transition: filter 0.3s;
}
.battle-progress-wrapper .battle-progress__roulette .battle-progress-carousel .battle-progress-carousel__case-price[data-v-898c33a4] {
  background: #19172d;
  bottom: -14px;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  color: #4af1b8;
  font-size: 12px;
  font-weight: 600;
  height: 28px;
  line-height: 28px;
  min-width: 78px;
  padding: 0 16px;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.battle-progress-wrapper .battle-progress-carousel__case-title[data-v-898c33a4] {
  position: absolute;
  transform: translate(-50%);
  left: 50%;
  top: -30px;
  font-size: 14px;
  font-weight: 600;
}
.battle-progress-wrapper .battle-progress-carousel__pointer[data-v-898c33a4] {
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  width: 24px;
  height: 16px;
  margin: 0 auto;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAgCAYAAABU1PscAAADFUlEQVR4AdWVNZg9NRTFg1RsRYPT4NDg0ODyZpK37htZxxqcBnd3p8GhwalwOvxNMk9qqKigL9//nsxmN/91353zfb/v5t5Jbs59yhZLp/ZBzV17PwJvbD3CxtKaj4corfl4iNKaj4corfl4iNKaj4corfl4iNKaj4corfl4iNKaj4fYl+bbrH1Iux2xOI9qhruHtmoePULf9dzL1tKDV7QPN5W8Yx6Td1QQV0Cl9vHNmsfZhV7fehb3j+9+8MGfD2fr0fVd/x4xdnXjaE934+gh8ccxAOtJioCe0brl6zp1z238lc+fDX3BZLyO7hq6orgLnthGJKv1I3XSPEV22lN1UjtFdxOJZ6EWw90r6zdffxm9C2qLo2co6n0TeWGb0djVvx09zt25YJT/ea4U9pxR5LT2kUAt7CFzb605gKi/GfqFHiD0DvfIa4u+eJfZVjRVaZwoRXaZruaX6oQIkfD1pHZQXQn3zsqfeXpGeyb8udCnhrM+oh5y9J7qaZzItkMTvHGyTK0wEXEuF+Va2I8XmzfCfhSfV5WMK17ny/VCHR8dtp2a4tlZOnHDitdGECeEG9YCuUPuI54BLRrDZPrThQGyT7EXzxCxf7zTjYxR1CDqNU4ouovthKRonWOq+YxJsxmZ5jN04bSkNcAamLk6IPNfGyI8R9TCziJiH9bxGfTFd4DtpMY7WxfRxbdokd9iuL0VKAI5wDoQ9gGZzK0DlIfz4ZwR+cVsN4QvmkndvZIwEYrn9wCZZsUzURD2ksl74v0ShHUlu4ztplSaX625e3IxZPgpMuoJtfl1QkS1gEyya9heSPGMa2Ff0yInighU6l5FHqInpdzXkCMW4JeH7aVkUu/R3L4HVJq9X0T3PtAJ6iszVrG9bD+o+Am0n2vuPGT+M025Qh4Q9gvUwnP8fLL9pPHUaSXs92TwO+Oj/Q4gV2nIXZFXnWb7UXO//b8GFOIisIftZ2me3UQmm4bbphauoTlB0VBN8/wmVgb5Pypu/wHK4/5GjZVJWti7NM//owH+Hxf5XayMwj+yqeb3sB3UAYIwqeyR8/hGAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 100% 100%;
  z-index: 1;
  animation: pointer-float-898c33a4 1.5s ease-in-out infinite;
}
@keyframes pointer-float-898c33a4 {
0%, 100% {
    transform: translateY(0) scale(1);
}
50% {
    transform: translateY(2px) scale(0.95);
}
}
@keyframes boxGlowPulse-898c33a4 {
0%, 100% {
    filter: drop-shadow(0px 0px 1px rgb(57, 49, 80)) drop-shadow(0px 0px 2px rgba(79, 48, 109, 0.8));
}
50% {
    filter: drop-shadow(0px 0px 2px rgb(57, 49, 80)) drop-shadow(0px 0px 3px rgba(78, 48, 109, 0.808));
}
}
.battle-progress-wrapper .battle-progress__details-button[data-v-898c33a4] {
  position: absolute;
  right: 30px;
  top: 0;
  z-index: 1;
  align-items: center;
  background-color: #282546;
  clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 20px 100%);
  color: #9793c7;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  line-height: 16px;
  min-width: 160px;
  padding: 0 25px;
  text-transform: uppercase;
  transition: background-color 0.25s ease-out;
}
.battle-slots[data-v-898c33a4] {
  display: flex;
  width: 1384px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 44px;
  padding-right: 44px;
  margin-bottom: 26px;
  display: grid;
  grid-template-columns: repeat(var(--d01c08c6), minmax(0, 1fr));
  grid-gap: 26px;
}
.battle-slots.vs[data-v-898c33a4] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) 10px repeat(2, minmax(0, 1fr));
  grid-gap: 20px;
}
.battle-slot[data-v-898c33a4] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.battle-slot__main[data-v-898c33a4] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.battle-slot__main .battle-slot-game[data-v-898c33a4] {
  background: #0d0c1b;
  border-radius: 4px;
  display: flex;
  height: 300px;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.battle-state-finished .battle-state-finished__title[data-v-898c33a4] {
  color: rgb(74, 241, 204);
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  top: 58px;
  animation: 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s 1 normal both running tracking-in-contract-bck-b0487393;
}
.battle-state-finished .battle-state-finished__winnings[data-v-898c33a4] {
  align-items: center;
  display: flex;
  height: 75px;
  justify-content: center;
  position: relative;
  width: 160px;
  z-index: 1;
  padding: 6px 12px;
}
.battle-state-finished .battle-state-finished__winnings[data-v-898c33a4]::after, .battle-state-finished .battle-state-finished__winnings[data-v-898c33a4]::before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 75px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  background-position: 0px center;
  transition: background-image 0.3s;
}
.battle-state-finished .battle-state-finished__winnings .winnings__hexagon-outer[data-v-898c33a4] {
  align-items: center;
  clip-path: polygon(19px 0px, calc(100% - 19px) 0px, 100% 50%, calc(100% - 19px) 100%, 19px 100%, 0px 50%);
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
  padding: 8px;
  background: rgba(248, 60, 118, 0.051);
  transition: background-color 0.3s;
}
.battle-state-finished .battle-state-finished__winnings .winnings__hexagon-inner[data-v-898c33a4] {
  position: absolute;
}
.battle-state-finished .battle-state-finished__winnings .winnings__content[data-v-898c33a4] {
  display: flex;
  font-size: 16px;
  font-weight: 700;
  z-index: 1;
}
.battle-state-finished .battle-state-finished__winnings.winnings[data-v-898c33a4]::after, .battle-state-finished .battle-state-finished__winnings.winnings[data-v-898c33a4]::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='77' fill='none' viewBox='0 0 48 77'%3E%3Cpath stroke='%23f83c76' stroke-opacity='.05' d='m9.582 50.274 17 26M47 76.5H27m-17-26H0M10.582 27.5l17-26M48 1.274H28m-17 26H1'/%3E%3C/svg%3E");
}
.battle-state-finished .battle-state-finished__winnings.winnings[data-v-898c33a4]::before {
  left: 0px;
}
.battle-state-finished .battle-state-finished__winnings.winnings[data-v-898c33a4]::after {
  right: 0px;
  transform: scaleX(-1) translateY(-50%);
}
.battle-state-finished .total-winnings__title[data-v-898c33a4] {
  position: absolute;
  bottom: -66px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 180px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.battle-state-finished .total-winnings__title .tot_pic[data-v-898c33a4] {
  color: #4af1cc;
  font-size: 18px;
  margin-top: 8px;
}
.battle-state-finished .is-win[data-v-898c33a4] {
  position: relative;
}
.battle-state-finished .is-win .battle-state-finished__title[data-v-898c33a4] {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 200%;
}
.battle-state-finished .is-win .winnings__hexagon-outer[data-v-898c33a4] {
  background: rgba(64, 204, 177, 0.05) !important;
}
.battle-state-finished .is-win .winnings__hexagon-outer .battle-state-finished__winnings.winnings[data-v-898c33a4]::after, .battle-state-finished .is-win .winnings__hexagon-outer .battle-state-finished__winnings.winnings[data-v-898c33a4]::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='77' fill='none' viewBox='0 0 48 77'%3E%3Cpath stroke='%234af1cc' stroke-opacity='.05' d='m9.582 50.274 17 26M47 76.5H27m-17-26H0M10.582 27.5l17-26M48 1.274H28m-17 26H1'/%3E%3C/svg%3E");
}
.battle-slot-player .battle-slot-player__player-info[data-v-898c33a4] {
  align-items: center;
  background-color: #0d0c1b;
  border-radius: 4px;
  display: flex;
  height: 90px;
  padding: 20px 20px 20px 25px;
  position: relative;
  z-index: 1;
  gap: 12px;
}
.battle-slot-player .battle-slot-player__player-info .player-info__ulogo[data-v-898c33a4] {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: auto;
  height: auto;
  max-width: 60px;
  max-height: 60px;
  opacity: 0.1;
  z-index: 0;
  pointer-events: none;
}
.battle-slot-player .player-info__aside[data-v-898c33a4] {
  flex-shrink: 0;
  z-index: 1;
}
.battle-slot-player .player-info__main[data-v-898c33a4] {
  align-items: center;
  display: flex;
  gap: 8px;
  width: calc(100% - 60px);
}
.battle-slot-player .player-info__main .player-info__bot[data-v-898c33a4] {
  background: #191827;
  border-radius: 50%;
  cursor: help;
  height: 20px;
  margin-left: 15px;
  position: relative;
  text-align: center;
  width: 20px;
  background: unset;
  height: unset;
  margin-left: unset;
  width: unset;
  flex-shrink: 0;
}
.battle-slot-player .player-info__main .player-info__bot:hover .tooltip__text[data-v-898c33a4] {
  opacity: 1;
  visibility: visible;
}
.battle-slot-player .player-info__main .player-info__bot-icon[data-v-898c33a4] {
  background-color: #44a2f9;
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.558 3.167c1.638-.854 3.26-.854 4.898 0 .706-1.05 1.427-2.1 2.163-3.167.48.394.947.771 1.427 1.165a227 227 0 0 1-2.178 3.166c.135.197.285.378.42.575a6.05 6.05 0 0 1 1.052 3.363c.015 2.576 0 5.152 0 7.728v.131h-1.772V20H11.78v-3.856H8.22V20H6.445v-3.856H4.66V8.5c0-1.559.45-2.92 1.412-4.07.015-.016.03-.048.06-.098-.721-1.05-1.457-2.1-2.193-3.166C4.403.77 4.869.394 5.365 0 6.1 1.066 6.822 2.116 7.558 3.167M2 8.367h1.758v7.76H2zM18 16.128h-1.758v-7.76H18z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.558 3.167c1.638-.854 3.26-.854 4.898 0 .706-1.05 1.427-2.1 2.163-3.167.48.394.947.771 1.427 1.165a227 227 0 0 1-2.178 3.166c.135.197.285.378.42.575a6.05 6.05 0 0 1 1.052 3.363c.015 2.576 0 5.152 0 7.728v.131h-1.772V20H11.78v-3.856H8.22V20H6.445v-3.856H4.66V8.5c0-1.559.45-2.92 1.412-4.07.015-.016.03-.048.06-.098-.721-1.05-1.457-2.1-2.193-3.166C4.403.77 4.869.394 5.365 0 6.1 1.066 6.822 2.116 7.558 3.167M2 8.367h1.758v7.76H2zM18 16.128h-1.758v-7.76H18z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 16px;
}
.battle-slot-player .player-info__main .player-info__username[data-v-898c33a4] {
  color: #dddcfc;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.battle-slot-inventory[data-v-898c33a4] {
  display: grid;
  grid-gap: 6px;
}
.battle-slot-inventory.has-2-players[data-v-898c33a4] {
  grid-template-columns: repeat(4, 1fr);
}
.battle-slot-inventory.has-3-players[data-v-898c33a4] {
  grid-template-columns: repeat(3, 1fr);
}
.battle-slot-inventory.has-4-players[data-v-898c33a4] {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 490px) {
.battle-slot-inventory[data-v-898c33a4] {
    grid-template-columns: repeat(1, 1fr) !important;
}
}
.battle-slot-inventory .battle-inventory-drop[data-v-898c33a4] {
  background: linear-gradient(135deg, rgba(22, 20, 37, 0.8) 0%, rgba(17, 16, 32, 0.8) 100%);
  border: 1.5px solid rgba(92, 73, 208, 0.2);
  border-radius: 10px;
  padding: 15px;
  height: 240px;
  overflow: hidden;
  position: relative;
  cursor: default;
  transition: all 0.3s;
}
.battle-slot-inventory .battle-inventory-drop[data-v-898c33a4]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(92, 73, 208, 0.1) 0%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 0;
}
.battle-slot-inventory .battle-inventory-drop[data-v-898c33a4]:hover {
  border-color: #5c49d0;
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(92, 73, 208, 0.3);
}
.battle-slot-inventory .battle-inventory-drop[data-v-898c33a4]:hover::before {
  opacity: 1;
}
.battle-slot-inventory .battle-inventory-drop__section[data-v-898c33a4] {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  overflow: visible;
  padding: 0;
  position: relative;
  transition: transform 0.16s;
}
.battle-slot-inventory .battle-inventory-drop__section .gif-png .gif[data-v-898c33a4] {
  display: none;
}
.battle-slot-inventory .battle-inventory-drop__section .gif-png:hover .gif[data-v-898c33a4] {
  display: block;
}
.battle-slot-inventory .battle-inventory-drop__section .gif-png:hover .png[data-v-898c33a4] {
  display: none;
}
.battle-slot-inventory .battle-inventory-drop__section .battle-inventory-drop__section-visual[data-v-898c33a4] {
  width: 100%;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  background-size: 90% auto !important;
  margin-bottom: 8px;
}
.battle-slot-inventory .battle-inventory-drop__section .battle-inventory-drop__section-visual img[data-v-898c33a4] {
  width: 112px !important;
  height: 112px !important;
  max-width: 112px !important;
  max-height: 112px !important;
  min-width: 112px !important;
  min-height: 112px !important;
  -o-object-fit: contain;
  object-fit: contain !important;
  margin: 0 auto;
  box-sizing: border-box !important;
}
.battle-slot-inventory .battle-inventory-drop__section .battle-inventory-drop__section-visual .gif-png[data-v-898c33a4] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.battle-slot-inventory .battle-inventory-drop__section .battle-inventory-drop__section-visual .gif-png img[data-v-898c33a4] {
  width: 112px !important;
  height: 112px !important;
  max-width: 112px !important;
  max-height: 112px !important;
  min-width: 112px !important;
  min-height: 112px !important;
}
.battle-slot-inventory .battle-inventory-drop__section .battle-inventory-drop__section-content[data-v-898c33a4] {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-weight: 600;
  gap: 3px;
  line-height: 13px;
  padding: 0 8px;
  position: relative;
  text-align: center;
  flex: 1;
  justify-content: flex-start;
}
.battle-slot-inventory .battle-inventory-drop__section .drop-main-info__name[data-v-898c33a4] {
  font-size: 13px;
  color: #e8e4f7;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}
.battle-slot-inventory .battle-inventory-drop__section .drop-main-info__finish[data-v-898c33a4] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  z-index: 1;
  line-height: 1.2;
  margin-bottom: 0;
}
.battle-slot-inventory .battle-inventory-drop__section .drop-main-info__exterior[data-v-898c33a4] {
  color: #716d9e;
  font-size: 10px;
  line-height: 1.2;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
.battle-slot-inventory .battle-inventory-drop__section .drop-main-info__price[data-v-898c33a4] {
  font-size: 15px;
  color: #4af1cc;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(74, 241, 204, 0.3);
  display: flex;
  line-height: 1.2;
  margin-top: 4px;
  padding: 0;
  position: relative;
  z-index: 1;
}
.battle-slot-inventory .battle-inventory-drop__section .drop-main-info__price .price[data-v-898c33a4] {
  margin-right: 5px;
}
.battle-slot-inventory .battle-inventory-drop__section .drop-hover-info[data-v-898c33a4] {
  display: block;
}
.battle-slot-inventory .battle-inventory-drop__section .drop-hover-info__drop-image[data-v-898c33a4] {
  align-items: center;
  display: flex;
  height: 87px;
  justify-content: center;
  width: 100%;
}
.battle-slot-inventory .battle-inventory-drop__section .drop-hover-info__case-title[data-v-898c33a4] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.battle-slot-inventory .battle-inventory-drop__section .drop-hover-info__case-price[data-v-898c33a4] {
  color: #4af1b8;
  line-height: 16px;
  padding: 2px 0;
}
.battle-slot-inventory .drop-hover-info[data-v-898c33a4] {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate(-100%);
  width: 100%;
  z-index: 1;
}
.battle-slot-inventory .battle-slot-inventory-event-points[data-v-898c33a4] {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 211px;
  position: relative;
  background: rgb(24, 22, 41);
  border-radius: 4px;
  overflow: hidden;
  padding: 22px;
  font-weight: 600;
  text-align: center;
}
.battle-slot-inventory .battle-slot-inventory-event-points .battle-slot-inventory-event-points__text[data-v-898c33a4] {
  color: rgb(255, 255, 255);
  font-size: 13px;
  line-height: 1.15em;
  margin-top: 30px;
}
.battle-slot-inventory .battle-slot-inventory-event-points .battle-slot-inventory-event-points__event-points[data-v-898c33a4] {
  color: rgb(243, 155, 73);
  letter-spacing: -0.8px;
  margin-top: 10px;
}
.battle-slot-inventory .battle-slot-inventory-event-points .battle-slot-inventory-event-points__event-points.color4af1cc[data-v-898c33a4] {
  color: #4af1cc;
}
.imgss[data-v-898c33a4] {
  height: 130px;
  width: 90%;
}
.dollor[data-v-898c33a4] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.userImage[data-v-898c33a4] {
  display: none;
}
.pk_win_bg[data-v-898c33a4] {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 2px solid green;
  background-image: linear-gradient(180deg, rgba(57, 133, 89, 0) 20%, rgba(57, 133, 69, 0.15));
}
.pk_win_bg .userImages[data-v-898c33a4] {
  z-index: 1;
  padding: 15px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.pk_win_bg .userImages .userImage[data-v-898c33a4] {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% + 2px));
}
.pk_lose_bg[data-v-898c33a4] {
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 2px solid red;
  background-image: linear-gradient(180deg, rgba(133, 57, 57, 0) 20%, rgba(117, 53, 53, 0.15));
}
.pk_lose_bg .userImages[data-v-898c33a4] {
  padding: 15px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.pk_lose_bg .userImages .userImage[data-v-898c33a4] {
  display: none;
}
.content-award-item[data-v-898c33a4] {
  height: 146px;
}
.content-award-img[data-v-898c33a4] {
  height: 70px !important;
}
.yoyo-box[data-v-898c33a4] {
  border: 1px solid #353535;
  padding: 10px;
}
.gunboxtext[data-v-898c33a4] {
  font-size: 12px;
  position: absolute;
  top: 10px;
  color: #ddd;
}
.active_light[data-v-898c33a4] {
  position: relative;
}
.active_light[data-v-898c33a4]::before {
  content: "";
  /*background-image: url("../../assets/img/pk/100skins-yes.png");*/
  width: 100%;
  left: 0 !important;
  position: absolute;
  top: 100%;
  left: 0 !important;
  z-index: -1;
  animation: light-898c33a4 1s;
  box-shadow: 0 0 50px 20px rgba(255, 0, 0, 0.8);
  animation-iteration-count: 2;
  opacity: 0;
}
.active_light_err[data-v-898c33a4] {
  position: relative;
}
.active_light_err[data-v-898c33a4]::before {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  left: 0 !important;
  position: absolute;
  top: 100%;
  left: 0 !important;
  z-index: -1;
  animation: light-898c33a4 1s;
  box-shadow: 0 0 50px 20px rgba(63, 63, 63, 0.8);
  animation-iteration-count: 2;
  opacity: 0;
}
.successAndErr[data-v-898c33a4] {
  display: none;
}
.loading-zhuan[data-v-898c33a4] {
  animation: clockwise_rotation 2.5s linear infinite;
}

/* 物品滚动动画 - 当滚动容器有.an类时，物品列表容器向上移动 */
/* 列表：70个物品（索引0-69），初始位置：索引1居中，目标位置：索引(60+index)居中 */
/* 移动距离：(目标索引-初始索引)*140 = (60+index-1)*140 = (59+index)*140px */
/* 玩家0→索引60:8260px, 玩家1→索引61:8400px, 玩家2→索引62:8540px, 玩家3→索引63:8680px */
/* 每个玩家开始滚动的时间间隔0.01秒，通过transition-delay实现 */
/* 每个玩家滚动持续时间不同，通过内联样式动态设置：玩家0: 2.85s, 玩家1: 2.90s, 玩家2: 2.95s, 玩家3: 3.00s */
/* 这样每个玩家会在不同时间停止：玩家0在2850ms, 玩家1在2900ms, 玩家2在2950ms, 玩家3在3000ms */
.content-pk-item-pk-box-scroll.an .content-pk-item-pk-box-items-container[data-v-898c33a4] {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
  will-change: transform;
}
.line-light[data-v-898c33a4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #cf3464;
  z-index: 10;
}
.line-light.success[data-v-898c33a4] {
  background-color: #00efba;
}
.line-light.game_gun[data-v-898c33a4] {
  animation: --width-898c33a4 1.5s forwards;
}
@keyframes --width-898c33a4 {
0% {
    width: 0%;
}
100% {
    width: var(--width);
}
}
.line-light.line-light-red-line[data-v-898c33a4] {
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 2px;
  margin: 0;
  z-index: 5;
}
.content[data-v-898c33a4] {
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 1200px) {
.content[data-v-898c33a4] {
    width: 96%;
    left: 2%;
}
}
.content-bout[data-v-898c33a4] {
  height: 150px;
  width: 100%;
  padding: 0 15px;
}
.content-bout-sum[data-v-898c33a4] {
  padding: 0 20px 0 0px;
}
@media (max-width: 1200px) {
.content-bout-sum[data-v-898c33a4] {
    display: none;
}
}
.content-bout-box-item[data-v-898c33a4] {
  margin: 0 10px;
}
@media (max-width: 1200px) {
.content-bout-box-item img[data-v-898c33a4] {
    width: 70px !important;
}
}
.content-bout-box-item-index[data-v-898c33a4] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  background-color: rgb(114, 123, 140);
}
.content-bout-box .active img[data-v-898c33a4] {
  transform: scale(1.4);
  transition: all 0.5s;
}
@media (max-width: 1200px) {
.content-bout-add-pk[data-v-898c33a4] {
    display: none;
}
}
.content-pk-item[data-v-898c33a4] {
  border-right: 2px solid #000;
  /*margin-top: 50px;*/
}
.content-pk-item-sum[data-v-898c33a4] {
  height: 80px;
  padding: 0 30px;
}
.content-pk-item-pk[data-v-898c33a4] {
  /*background-color: rgba(42,42,42,.2);*/
  overflow: hidden;
  height: 350px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
}
.content-pk-item-pk[data-v-898c33a4]::before {
  /* 中将标识 */
  /*content: url("../../assets/img/aysmk.png");*/
}
.content-pk-item-pk-box[data-v-898c33a4] {
  position: relative;
  height: 350px;
}
.content-pk-item-pk-box-item[data-v-898c33a4] {
  background: linear-gradient(to bottom, #0d0c1b, rgba(13, 12, 27, 0.7725490196), #0d0c1b);
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100%;
  padding: 10px 30px;
  height: 350px;
  position: relative;
  overflow: hidden;
}
.content-pk-item-pk-box-item .triangle-left[data-v-898c33a4] {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #1c1a31;
  z-index: 999;
  pointer-events: none;
}
.content-pk-item-pk-box-item .triangle-left.triangle-glow[data-v-898c33a4] {
  filter: drop-shadow(0 0 8px rgba(255, 100, 100, 0.6)) drop-shadow(0 0 15px rgba(255, 100, 100, 0.4)) drop-shadow(0 0 25px rgba(255, 100, 100, 0.3));
  animation: triangle-glow-breathe-898c33a4 2s ease-in-out 1 forwards,triangle-glow-flicker-898c33a4 2.5s ease-in-out 2.1s 1 forwards,triangle-glow-flicker-loop-898c33a4 0.5s ease-in-out 4.6s infinite;
}
.content-pk-item-pk-box-item .triangle-right[data-v-898c33a4] {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 15px solid #1c1a31;
  z-index: 999;
  pointer-events: none;
}
.content-pk-item-pk-box-item .triangle-right.triangle-glow[data-v-898c33a4] {
  filter: drop-shadow(0 0 8px rgba(255, 100, 100, 0.6)) drop-shadow(0 0 15px rgba(255, 100, 100, 0.4)) drop-shadow(0 0 25px rgba(255, 100, 100, 0.3));
  animation: triangle-glow-breathe-898c33a4 2s ease-in-out 1 forwards,triangle-glow-flicker-898c33a4 2.5s ease-in-out 2.1s 1 forwards,triangle-glow-flicker-loop-898c33a4 0.5s ease-in-out 4.6s infinite;
}
@keyframes triangle-glow-breathe-898c33a4 {
0% {
    filter: drop-shadow(0 0 6px rgba(255, 100, 100, 0.4)) drop-shadow(0 0 12px rgba(255, 100, 100, 0.3)) drop-shadow(0 0 20px rgba(255, 100, 100, 0.2));
}
20% {
    filter: drop-shadow(0 0 12px rgba(255, 100, 100, 0.9)) drop-shadow(0 0 20px rgba(255, 100, 100, 0.7)) drop-shadow(0 0 35px rgba(255, 100, 100, 0.5));
}
40% {
    filter: drop-shadow(0 0 6px rgba(255, 100, 100, 0.4)) drop-shadow(0 0 12px rgba(255, 100, 100, 0.3)) drop-shadow(0 0 20px rgba(255, 100, 100, 0.2));
}
60% {
    filter: drop-shadow(0 0 12px rgba(255, 100, 100, 0.9)) drop-shadow(0 0 20px rgba(255, 100, 100, 0.7)) drop-shadow(0 0 35px rgba(255, 100, 100, 0.5));
}
80% {
    filter: drop-shadow(0 0 6px rgba(255, 100, 100, 0.4)) drop-shadow(0 0 12px rgba(255, 100, 100, 0.3)) drop-shadow(0 0 20px rgba(255, 100, 100, 0.2));
}
100% {
    filter: drop-shadow(0 0 12px rgba(255, 100, 100, 0.9)) drop-shadow(0 0 20px rgba(255, 100, 100, 0.7)) drop-shadow(0 0 35px rgba(255, 100, 100, 0.5));
}
}
@keyframes triangle-glow-flicker-898c33a4 {
0%, 20% {
    filter: drop-shadow(0 0 12px rgba(255, 100, 100, 0.9)) drop-shadow(0 0 20px rgba(255, 100, 100, 0.7)) drop-shadow(0 0 35px rgba(255, 100, 100, 0.5));
}
10% {
    filter: drop-shadow(0 0 10px rgba(255, 100, 100, 0.8)) drop-shadow(0 0 18px rgba(255, 100, 100, 0.6)) drop-shadow(0 0 32px rgba(255, 100, 100, 0.45));
}
20%, 40% {
    filter: drop-shadow(0 0 13px rgba(255, 100, 100, 0.92)) drop-shadow(0 0 21px rgba(255, 100, 100, 0.72)) drop-shadow(0 0 36px rgba(255, 100, 100, 0.52));
}
30% {
    filter: drop-shadow(0 0 11px rgba(255, 100, 100, 0.82)) drop-shadow(0 0 19px rgba(255, 100, 100, 0.62)) drop-shadow(0 0 33px rgba(255, 100, 100, 0.47));
}
40%, 60% {
    filter: drop-shadow(0 0 14px rgba(255, 100, 100, 0.94)) drop-shadow(0 0 22px rgba(255, 100, 100, 0.74)) drop-shadow(0 0 37px rgba(255, 100, 100, 0.54));
}
50% {
    filter: drop-shadow(0 0 12px rgba(255, 100, 100, 0.84)) drop-shadow(0 0 20px rgba(255, 100, 100, 0.64)) drop-shadow(0 0 34px rgba(255, 100, 100, 0.49));
}
60%, 80% {
    filter: drop-shadow(0 0 15px rgba(255, 100, 100, 0.96)) drop-shadow(0 0 23px rgba(255, 100, 100, 0.76)) drop-shadow(0 0 38px rgba(255, 100, 100, 0.56));
}
70% {
    filter: drop-shadow(0 0 13px rgba(255, 100, 100, 0.86)) drop-shadow(0 0 21px rgba(255, 100, 100, 0.66)) drop-shadow(0 0 35px rgba(255, 100, 100, 0.51));
}
80%, 100% {
    filter: drop-shadow(0 0 16px rgba(255, 100, 100, 0.98)) drop-shadow(0 0 24px rgba(255, 100, 100, 0.78)) drop-shadow(0 0 39px rgba(255, 100, 100, 0.58));
}
90% {
    filter: drop-shadow(0 0 14px rgba(255, 100, 100, 0.88)) drop-shadow(0 0 22px rgba(255, 100, 100, 0.68)) drop-shadow(0 0 36px rgba(255, 100, 100, 0.53));
}
}
@keyframes triangle-glow-flicker-loop-898c33a4 {
0%, 100% {
    filter: drop-shadow(0 0 16px rgba(255, 100, 100, 0.98)) drop-shadow(0 0 24px rgba(255, 100, 100, 0.78)) drop-shadow(0 0 39px rgba(255, 100, 100, 0.58));
}
50% {
    filter: drop-shadow(0 0 14px rgba(255, 100, 100, 0.88)) drop-shadow(0 0 22px rgba(255, 100, 100, 0.68)) drop-shadow(0 0 36px rgba(255, 100, 100, 0.53));
}
}
.content-pk-item-pk-box-item.ulogo-triangle-lines[data-v-898c33a4]::before, .content-pk-item-pk-box-item.ulogo-triangle-lines[data-v-898c33a4]::after {
  content: "";
  position: absolute;
  width: 1px;
  background: transparent;
  animation: triangle-line-breathe-898c33a4 2s ease-in-out 1 forwards,triangle-line-flicker-898c33a4 2.5s ease-in-out 2.1s 1 forwards,triangle-line-flicker-loop-898c33a4 0.5s ease-in-out 4.6s infinite;
  z-index: 998;
  pointer-events: none;
}
.content-pk-item-pk-box-item.ulogo-triangle-lines[data-v-898c33a4]::before {
  left: 0px;
  top: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, transparent calc(50% - 10px), rgba(255, 100, 100, 0.1) calc(50% - 10px), rgba(255, 100, 100, 0.1) calc(50% - 10px + 1px), transparent calc(50% - 10px + 1px), transparent calc(50% + 10px - 1px), rgba(255, 100, 100, 0.1) calc(50% + 10px - 1px), rgba(255, 100, 100, 0.1) calc(50% + 10px), transparent calc(50% + 10px), transparent 100%);
}
.content-pk-item-pk-box-item.ulogo-triangle-lines[data-v-898c33a4]::after {
  right: 0px;
  top: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, transparent calc(50% - 10px), rgba(255, 100, 100, 0.1) calc(50% - 10px), rgba(255, 100, 100, 0.1) calc(50% - 10px + 1px), transparent calc(50% - 10px + 1px), transparent calc(50% + 10px - 1px), rgba(255, 100, 100, 0.1) calc(50% + 10px - 1px), rgba(255, 100, 100, 0.1) calc(50% + 10px), transparent calc(50% + 10px), transparent 100%);
}
@keyframes triangle-line-breathe-898c33a4 {
0% {
    box-shadow: 0 0 6px rgba(255, 100, 100, 0.4), 0 0 12px rgba(255, 100, 100, 0.3), 0 0 20px rgba(255, 100, 100, 0.2);
}
20% {
    box-shadow: 0 0 12px rgba(255, 100, 100, 0.9), 0 0 25px rgba(255, 100, 100, 0.7), 0 0 40px rgba(255, 100, 100, 0.5);
}
40% {
    box-shadow: 0 0 6px rgba(255, 100, 100, 0.4), 0 0 12px rgba(255, 100, 100, 0.3), 0 0 20px rgba(255, 100, 100, 0.2);
}
60% {
    box-shadow: 0 0 12px rgba(255, 100, 100, 0.9), 0 0 25px rgba(255, 100, 100, 0.7), 0 0 40px rgba(255, 100, 100, 0.5);
}
80% {
    box-shadow: 0 0 6px rgba(255, 100, 100, 0.4), 0 0 12px rgba(255, 100, 100, 0.3), 0 0 20px rgba(255, 100, 100, 0.2);
}
100% {
    box-shadow: 0 0 12px rgba(255, 100, 100, 0.9), 0 0 25px rgba(255, 100, 100, 0.7), 0 0 40px rgba(255, 100, 100, 0.5);
}
}
@keyframes triangle-line-flicker-898c33a4 {
0%, 20% {
    box-shadow: 0 0 12px rgba(255, 100, 100, 0.9), 0 0 25px rgba(255, 100, 100, 0.7), 0 0 40px rgba(255, 100, 100, 0.5);
}
10% {
    box-shadow: 0 0 10px rgba(255, 100, 100, 0.8), 0 0 22px rgba(255, 100, 100, 0.6), 0 0 38px rgba(255, 100, 100, 0.45);
}
20%, 40% {
    box-shadow: 0 0 13px rgba(255, 100, 100, 0.92), 0 0 26px rgba(255, 100, 100, 0.72), 0 0 41px rgba(255, 100, 100, 0.52);
}
30% {
    box-shadow: 0 0 11px rgba(255, 100, 100, 0.82), 0 0 23px rgba(255, 100, 100, 0.62), 0 0 39px rgba(255, 100, 100, 0.47);
}
40%, 60% {
    box-shadow: 0 0 14px rgba(255, 100, 100, 0.94), 0 0 27px rgba(255, 100, 100, 0.74), 0 0 42px rgba(255, 100, 100, 0.54);
}
50% {
    box-shadow: 0 0 12px rgba(255, 100, 100, 0.84), 0 0 24px rgba(255, 100, 100, 0.64), 0 0 40px rgba(255, 100, 100, 0.49);
}
60%, 80% {
    box-shadow: 0 0 15px rgba(255, 100, 100, 0.96), 0 0 28px rgba(255, 100, 100, 0.76), 0 0 43px rgba(255, 100, 100, 0.56);
}
70% {
    box-shadow: 0 0 13px rgba(255, 100, 100, 0.86), 0 0 25px rgba(255, 100, 100, 0.66), 0 0 41px rgba(255, 100, 100, 0.51);
}
80%, 100% {
    box-shadow: 0 0 16px rgba(255, 100, 100, 0.98), 0 0 29px rgba(255, 100, 100, 0.78), 0 0 44px rgba(255, 100, 100, 0.58);
}
90% {
    box-shadow: 0 0 14px rgba(255, 100, 100, 0.88), 0 0 26px rgba(255, 100, 100, 0.68), 0 0 42px rgba(255, 100, 100, 0.53);
}
}
@keyframes triangle-line-flicker-loop-898c33a4 {
0%, 100% {
    box-shadow: 0 0 16px rgba(255, 100, 100, 0.98), 0 0 29px rgba(255, 100, 100, 0.78), 0 0 44px rgba(255, 100, 100, 0.58);
}
50% {
    box-shadow: 0 0 14px rgba(255, 100, 100, 0.88), 0 0 26px rgba(255, 100, 100, 0.68), 0 0 42px rgba(255, 100, 100, 0.53);
}
}
.content-pk-item-pk-box-scroll[data-v-898c33a4] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 100%;
  overflow: visible;
  z-index: 3;
  background: transparent;
}
.content-pk-item-pk-box-items-container[data-v-898c33a4] {
  position: absolute;
  top: -35px;
  left: 0;
  width: 100%;
}
.content-pk-item-pk-box-item-inner[data-v-898c33a4] {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0px 20px;
  height: 140px;
  position: relative;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.3s ease;
  margin-top: 0px;
  margin-bottom: 0px;
}
.content-pk-item-pk-box-scroll.an .content-pk-item-pk-box-items-container .content-pk-item-pk-box-item-inner[data-v-898c33a4] {
  opacity: 1 !important;
}
.content-pk-item-pk-box-scroll:has(.item-selected) .content-pk-item-pk-box-items-container .content-pk-item-pk-box-item-inner[data-v-898c33a4]:not(:has(.item-selected)):not(:has(.ulogo-selected)), .content-pk-item-pk-box-scroll:has(.ulogo-selected) .content-pk-item-pk-box-items-container .content-pk-item-pk-box-item-inner[data-v-898c33a4]:not(:has(.item-selected)):not(:has(.ulogo-selected)) {
  opacity: 0.1 !important;
}
.content-pk-item-pk-box-item-inner[data-v-898c33a4]:has(.item-selected), .content-pk-item-pk-box-item-inner[data-v-898c33a4]:has(.ulogo-selected) {
  opacity: 1 !important;
  z-index: 20 !important;
  width: 100% !important;
  height: 140px !important;
  min-height: 140px !important;
  max-height: 140px !important;
  max-width: 100% !important;
  transform: none !important;
  scale: 1 !important;
}
.content-pk-item-pk-box-item-ulogo[data-v-898c33a4] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 140px !important;
  position: relative;
  z-index: 2;
}
.content-pk-item-pk-box-item-ulogo img[data-v-898c33a4] {
  width: 112px !important;
  height: 112px !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.content-pk-item-pk-box-item-ulogo.ulogo-selected[data-v-898c33a4] {
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
@keyframes item-frame-glow-expand-898c33a4 {
0% {
    width: 112px;
    height: 112px;
    margin-top: -56px;
    margin-left: -56px;
    opacity: 0.8;
    background-size: 100% 100%;
}
100% {
    width: 400px;
    height: 400px;
    margin-top: -200px;
    margin-left: -200px;
    opacity: 0;
    background-size: 100% 100%;
}
}
.content-pk-item-pk-box-item-frame[data-v-898c33a4] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 140px !important;
  max-height: 140px !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  background-size: 80% auto !important;
  position: relative;
  min-height: 140px !important;
  transform: translate3d(0, 0, 0);
  z-index: 1;
  box-sizing: border-box !important;
  transition: transform 0.3s ease-out !important;
  will-change: transform;
  animation: none !important;
}
.content-pk-item-pk-box-item-frame.item-frame-selected[data-v-898c33a4] {
  height: 140px !important;
  min-height: 140px !important;
  max-height: 140px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  background-size: 80% auto !important;
  transition: transform 0.3s ease-out !important;
  transform: translate3d(0, -40px, 0) scale(1.5) !important;
  will-change: transform;
  z-index: 21 !important;
  animation: none !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  flex-basis: auto !important;
}
.content-pk-item-pk-box-item-frame.item-frame-selected.item-frame-selected-rare[data-v-898c33a4] {
  overflow: visible !important;
  position: relative;
}
.content-pk-item-pk-box-item-frame.item-frame-selected.item-frame-selected-rare[data-v-898c33a4]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 112px;
  height: 112px;
  margin-top: -56px;
  margin-left: -56px;
  border-radius: 50%;
  background: transparent;
  box-shadow: 0 0px 0px rgba(255, 217, 0, 0), 0 -20px 20px rgba(255, 217, 0, 0), 0 0px 0px rgba(255, 217, 0, 0), 0 2px 2px rgba(255, 217, 0, 0), -18px 0 8px rgba(255, 217, 0, 0.29), -38px 0 28px rgba(255, 217, 0, 0.15), 18px 0 8px rgba(255, 217, 0, 0.29), 38px 0 28px rgba(255, 217, 0, 0.15);
  z-index: -1;
  pointer-events: none;
  animation: item-frame-glow-expand-898c33a4 0.5s ease-out forwards;
}
.content-pk-item-pk-box-item-frame[data-v-898c33a4]:not(.item-frame-selected) {
  height: 140px !important;
  min-height: 140px !important;
  max-height: 140px !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  animation: none !important;
}
.content-pk-item-pk-box-item-gun[data-v-898c33a4] {
  width: 112px !important;
  height: 112px !important;
  max-width: 112px !important;
  max-height: 112px !important;
  min-width: 112px !important;
  min-height: 112px !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  position: relative;
  z-index: 2;
  box-sizing: border-box !important;
}
@media (max-width: 1200px) {
.content-pk-item-pk-box-item-gun[data-v-898c33a4] {
    width: 112px !important;
    height: 112px !important;
}
}
.content-pk-item-pk-box-item-gun.item-selected[data-v-898c33a4] {
  width: 112px !important;
  height: 112px !important;
  max-width: 112px !important;
  max-height: 112px !important;
  min-width: 112px !important;
  min-height: 112px !important;
  z-index: 22 !important;
  animation: none !important;
  transform: none !important;
}
.content-pk-item-pk-box-item-gun[data-v-898c33a4]:not(.item-selected) {
  width: 112px !important;
  height: 112px !important;
  max-width: 112px !important;
  max-height: 112px !important;
  min-width: 112px !important;
  min-height: 112px !important;
}
.content-pk-item-pk-box .item-text[data-v-898c33a4] {
  transform: translateY(0px);
  animation: text-move-up-898c33a4 0.3s linear forwards;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  margin-top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.content-pk-item-pk-box .item-text .item-text-name[data-v-898c33a4] {
  color: #ffffff;
  font-weight: 800;
  font-size: 13px;
  line-height: 16px;
}
.content-pk-item-pk-box .item-text .item-text-quality[data-v-898c33a4] {
  color: #9c9daf;
  font-weight: 800;
  font-size: 12px;
  line-height: 14px;
}
.content-pk-item-pk-box .item-text .item-text-price[data-v-898c33a4] {
  color: #4af1cc;
  font-weight: 800;
  font-size: 14px;
  line-height: 16px;
}
.content-pk-item-pk-box .item-text.item-text-selected[data-v-898c33a4] {
  z-index: 23 !important;
}
@keyframes text-move-up-898c33a4 {
0% {
    transform: translateY(20px);
}
100% {
    transform: translateY(-25px);
}
}
.content-pk-item .active[data-v-898c33a4] {
  /*background-image: url("../../assets/img/success.png");*/
  background-size: 100%;
}
.content-pk-item .error[data-v-898c33a4] {
  /*background-image: url("../../assets/img/error.png");*/
  background-size: 100%;
}
.content-award[data-v-898c33a4] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content-award-img[data-v-898c33a4] {
  height: 80px;
}
@media (max-width: 1500px) {
.content-award-img[data-v-898c33a4] {
    width: 96%;
    height: auto;
}
}
.content-award-active[data-v-898c33a4]::before {
  content: "";
  width: 50%;
  left: 25%;
  height: 1px;
  background-size: 100%;
  position: absolute;
  top: 0px;
  background-color: red;
  z-index: -1;
  animation: light-898c33a4 1s;
  box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.5);
  animation-iteration-count: 2;
  opacity: 0;
}
.pk-top-header[data-v-898c33a4] {
  border-bottom: 2px solid #000000;
  background-color: rgb(40, 40, 59);
}
.pk_pk_pk[data-v-898c33a4] {
  /*background: linear-gradient(rgba(15, 14, 43,1),rgba(31, 28, 79,1));*/
}
.sefl_pk_button[data-v-898c33a4] {
  align-items: center;
  background-color: #1c1a2e;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  min-width: 156px;
  padding: 0px 15px;
  position: relative;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: unset;
}
.sefl_pk_button[data-v-898c33a4]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #322f4a;
  clip-path: polygon(8px 0, 0 50%, 8px 100%, 9px calc(100% - 1px), 1px 50%, 9px 1px, calc(100% - 9px) 1px, calc(100% - 1px) 50%, calc(100% - 9px) calc(100% - 1px), 8px calc(100% - 1px), 8px 100%, calc(100% - 8px) 100%, 100% 50%, calc(100% - 8px) 0);
  pointer-events: none;
  z-index: -1;
}
.sefl_pk_button .el-icon-arrow-down[data-v-898c33a4] {
  margin-left: 4px;
}
@keyframes light-898c33a4 {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.PK_gun_index[data-v-898c33a4] {
  background-color: #0e0e1e;
  --gradient-color: 255, 255, 255;
  --gradient-opacity: 0.2;
  border-style: solid;
  border-width: 1px;
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, rgba(var(--gradient-color), 0), rgba(var(--gradient-color), 0) 28%, rgba(var(--gradient-color), var(--gradient-opacity)) 50%, rgba(var(--gradient-color), 0) 74%, rgba(var(--gradient-color), 0) 0%);
}
.content-pop[data-v-898c33a4] {
  width: 800px;
  left: calc(50% - 350px);
  top: 100px;
  height: 650px;
}
.content-pop-box[data-v-898c33a4] {
  height: 450px;
  width: 720px;
  margin: 0 auto;
  overflow: scroll;
  overflow-x: hidden;
}
.content-pop-box[data-v-898c33a4]::-webkit-scrollbar {
  display: none;
}
.content-pop-box-item[data-v-898c33a4] {
  border: 1px solid #000000;
  width: 160px !important;
  background-color: #090827;
}
.content-pop-box-item:hover .content-pop-box-item-add[data-v-898c33a4] {
  display: block;
}
.content-pop-box-item-add[data-v-898c33a4] {
  display: none;
}
.content-pop-box .active[data-v-898c33a4] {
  background-color: var(--main-yellow);
}
.content-pop-lock[data-v-898c33a4] {
  margin-top: 20px;
  height: 550px;
  overflow: scroll;
  overflow-x: hidden;
  padding: 30px;
}
.content-pop-lock-item[data-v-898c33a4] {
  position: relative;
  background-color: var(--f-main);
  border: 1px solid #000;
  /*border: 1px solid var(--main-brown);*/
}
@media (max-width: 960px) {
.content-pop[data-v-898c33a4] {
    width: 100%;
    left: 0;
    height: 650px;
}
}
.content-pop-lock-item[data-v-898c33a4] {
  background-size: 100% 100%;
  background-image: url(../img/pkbac.ecea81a0.png);
}
img[data-v-898c33a4] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/** 详细信息 - 弹窗 - 开始 */
[data-v-898c33a4] .el-dialog {
  background-color: #141225 !important;
  height: 90vh;
  width: 90vw !important;
  max-height: 827px;
  max-width: 1120px;
  overflow: hidden;
  position: relative;
}
[data-v-898c33a4] .el-dialog .el-dialog__body {
  height: 100%;
}
.box-preview-dialog[data-v-898c33a4] {
  height: 100%;
  color: #fff;
}
.box-preview-dialog .preview-dialog-title[data-v-898c33a4] {
  position: relative;
  align-items: center;
  border-bottom: 1px solid #1d1a32;
  display: flex;
  height: 125px;
  justify-content: space-between;
  padding: 0 70px;
}
.box-preview-dialog .preview-dialog-title .rounds-quantity-block[data-v-898c33a4] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  flex-direction: row;
}
.box-preview-dialog .preview-dialog-title .rounds-hexagon[data-v-898c33a4] {
  background: linear-gradient(180deg, #17162b, #2c2a46);
  height: 42px;
  position: relative;
  width: 37px;
}
.box-preview-dialog .preview-dialog-title .inner-hexagon[data-v-898c33a4] {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(22, 20, 39, 0.4);
  color: #e8e4f7;
  height: 34px;
  line-height: 34px;
  width: 30px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
}
.box-preview-dialog .preview-dialog-title .rounds-text[data-v-898c33a4] {
  margin: 0 0 0 8px;
  font-size: 14px;
  font-weight: 600;
}
.box-preview-dialog .preview-dialog-title .price[data-v-898c33a4] {
  font-size: 13px;
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
}
.box-preview-dialog .preview-dialog-title .price p[data-v-898c33a4] {
  display: block;
  color: #00efba;
  font-size: 16px;
  margin-top: 6px;
}
.box-preview-dialog .preview-dialog-content[data-v-898c33a4] {
  height: calc(100% - 125px);
  padding-top: 25px;
}
.box-preview-dialog .preview-dialog-content .simplebar-content-wrapper[data-v-898c33a4] {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  scrollbar-width: none;
  width: auto;
  overflow: auto;
}
.box-preview-dialog .preview-dialog-content .simplebar-content[data-v-898c33a4] {
  display: grid;
  grid-template-columns: repeat(auto-fill, 188px);
  justify-content: center;
  grid-gap: 10px;
  padding: 0 20px 125px;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block[data-v-898c33a4] {
  position: relative;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block:hover .hover-block[data-v-898c33a4] {
  opacity: 1;
  visibility: visible;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__battle-case-block:hover .hover-block .view-drops-button[data-v-898c33a4]:hover {
  background-color: #4f4b78;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__empty-case[data-v-898c33a4] {
  background: #171528;
  border-radius: 4px;
  height: 237px;
}
.box-preview-dialog .preview-dialog-content .battle-case[data-v-898c33a4] {
  background-color: #1a182d;
  border-radius: 4px;
  height: 237px;
  position: relative;
  text-align: center;
  width: 188px;
  font-size: 14px;
  font-weight: 600;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__multiplier[data-v-898c33a4] {
  background-color: #5c49d0 !important;
  clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
  font-size: 9px;
  font-weight: 700;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  width: 28px;
  z-index: 1;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap[data-v-898c33a4] {
  display: flex;
  height: 160px;
  justify-content: center;
  padding-top: 10px;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__img-wrap img[data-v-898c33a4] {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__name[data-v-898c33a4] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #dddcfc;
  margin-top: -5px;
  overflow: hidden;
  white-space: normal;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__price[data-v-898c33a4] {
  align-items: center;
  color: #00efba;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  text-transform: uppercase;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__event-points[data-v-898c33a4] {
  align-items: center;
  color: #ffb973;
  display: flex;
  margin-left: 6px;
}
.box-preview-dialog .preview-dialog-content .battle-case .battle-case__event-points img[data-v-898c33a4] {
  height: auto;
  margin-left: 3px;
  width: 22px;
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-898c33a4] {
  position: absolute;
  display: flex;
  gap: 2px;
  width: 80%;
  padding: 7px 0;
  left: 50%;
  transform: translate(-50%);
  bottom: 7px;
  z-index: 3;
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-898c33a4]::after, .box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-898c33a4]::before {
  position: absolute;
  content: "";
  top: 8px;
  width: 13px;
  height: 1px;
  background-color: rgba(94, 83, 143, 0.5019607843);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-898c33a4]::before {
  left: -12px;
  transform: rotate(49deg);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels[data-v-898c33a4]::after {
  right: -12px;
  transform: rotate(-49deg);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level[data-v-898c33a4] {
  position: relative;
  width: 25%;
  height: 3px;
  background-color: rgba(65, 57, 92, 0.4);
  clip-path: polygon(2px 0, calc(100% - 2px) 0, 100% 2px, 100% 100%, 0 100%, 0 2px);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-1[data-v-898c33a4] {
  background-image: linear-gradient(180deg, #c3ffc5, #6ecd72 50%, #3c9f40);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-2[data-v-898c33a4] {
  background-image: linear-gradient(180deg, #ffffb8, #ffff3b 50%, #99990a);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-3[data-v-898c33a4] {
  background-image: linear-gradient(180deg, #ffd3b3, #ff8d3b 50%, #9e4f16);
}
.box-preview-dialog .preview-dialog-content .battle-case .excite_levels .excite_level.active.level-4[data-v-898c33a4] {
  background-image: linear-gradient(180deg, #ff8797, #ff2441 50%, #ac071c);
}
.box-preview-dialog .preview-dialog-content .hover-block[data-v-898c33a4] {
  align-items: center;
  background-color: rgba(21, 19, 39, 0.7019607843);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 3;
}
.box-preview-dialog .preview-dialog-content .hover-block .view-drops-button[data-v-898c33a4] {
  align-items: center;
  background-color: #282546;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  min-width: unset;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.box-preview-dialog .preview-dialog-content .hover-block .view-drops-button__text[data-v-898c33a4] {
  max-width: 140px;
}
.box-preview-dialog .preview-dialog-content .simplebar-footer-wrapper[data-v-898c33a4] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 140px;
  z-index: 10;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__gradient[data-v-898c33a4] {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0, #0f0e1a);
  pointer-events: none;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__buttons[data-v-898c33a4] {
  position: absolute;
  bottom: 60px;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button[data-v-898c33a4] {
  align-items: center;
  background-color: #28172d;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 18px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 17px;
  font-weight: 700;
  height: 62px;
  justify-content: center;
  min-width: 272px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button[data-v-898c33a4]::before {
  background-color: transparent;
  clip-path: polygon(18px 0, 0 50%, 18px 100%, 19px calc(100% - 1px), 1px 50%, 19px 1px, calc(100% - 19px) 1px, calc(100% - 1px) 50%, calc(100% - 19px) calc(100% - 1px), 18px calc(100% - 1px), 18px 100%, calc(100% - 18px) 100%, 100% 50%, calc(100% - 18px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button[data-v-898c33a4]:hover {
  background-color: #201d37;
}
.box-preview-dialog .preview-dialog-content .battle-details-modal__button:hover.ok-button[data-v-898c33a4] {
  background-color: #8875fb;
}
.box-preview-dialog .preview-dialog-content .ok-button[data-v-898c33a4] {
  background: #5c49d0;
}
.box-preview-dialog .preview-dialog-content .ok-button[data-v-898c33a4]::before {
  background-color: transparent;
  clip-path: polygon(18px 0, 0 50%, 18px 100%, 19px calc(100% - 1px), 1px 50%, 19px 1px, calc(100% - 19px) 1px, calc(100% - 1px) 50%, calc(100% - 19px) calc(100% - 1px), 18px calc(100% - 1px), 18px 100%, calc(100% - 18px) 100%, 100% 50%, calc(100% - 18px) 0);
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@keyframes dim-main-modal-898c33a4 {
0% {
    background-color: transparent;
}
to {
    background-color: rgba(14, 12, 27, 0.7490196078);
}
}
.boxDetail-wrapper[data-v-898c33a4] {
  animation: dim-main-modal-898c33a4 0.5s;
  background-color: rgba(14, 12, 27, 0.7490196078);
  display: flex;
  height: 100%;
  justify-content: flex-end;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 101;
}
.boxDetail-wrapper .el-dialog__headerbtn[data-v-898c33a4] {
  z-index: 101;
}
.boxDetail-wrapper .el-dialog__headerbtn .el-dialog__close[data-v-898c33a4] {
  font-weight: 700;
}
.boxDetail-wrapper .el-dialog__headerbtn .el-dialog__close[data-v-898c33a4]::before {
  font-size: 22px;
}
.boxDetail-wrapper .el-dialog__headerbtn:hover .el-dialog__close[data-v-898c33a4] {
  color: #FFF;
}
.boxDetail-wrapper .boxDetail__inner-block[data-v-898c33a4] {
  animation: show-inner-modal-898c33a4 0.5s;
  background-color: #141225;
  height: 100%;
  max-height: 955px;
  position: relative;
  width: 80%;
  z-index: 100;
}
@keyframes show-inner-modal-898c33a4 {
0% {
    transform: translate(100%);
}
to {
    transform: translate(0);
}
}
.boxDetail-wrapper .case-items-block__case-main-info[data-v-898c33a4] {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.boxDetail-wrapper .case-items-block__case-main-info .image-block[data-v-898c33a4] {
  align-items: center;
  display: flex;
  height: 120px;
  justify-content: center;
  margin-top: 10px;
  width: 120px;
}
.boxDetail-wrapper .case-items-block__case-main-info .image-block img[data-v-898c33a4] {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
}
.boxDetail-wrapper .case-items-block__case-main-info .case-title[data-v-898c33a4] {
  font-size: 14px;
  font-weight: 700;
  margin-top: -6px;
  color: #fff;
  text-transform: uppercase;
}
.boxDetail-wrapper .case-items-block__case-main-info .case-price[data-v-898c33a4] {
  color: #4af1b8;
  font-size: 16px;
  font-weight: 600;
  margin-top: 7px;
  text-transform: uppercase;
}
.boxDetail-wrapper .boxDetail-list-wrapper[data-v-898c33a4] {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  max-width: 100%;
  overflow: auto;
  position: relative;
  scrollbar-width: none;
  width: auto;
  height: calc(100% - 190px);
  margin-top: 22px;
}
.boxDetail-wrapper .boxDetail-list[data-v-898c33a4] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 1384px;
  max-width: 100%;
  gap: 10px;
  padding: 0;
  padding-bottom: 35px;
}
.boxDetail-wrapper .case-item[data-v-898c33a4] {
  border-radius: 4px;
  content-visibility: auto;
  height: 237px;
  padding-bottom: 12px;
  position: relative;
  width: 206px;
  background-position: 50% 22%;
  background-repeat: no-repeat;
  background-size: 66%;
  text-align: center;
}
.boxDetail-wrapper .case-item .img-wrapper[data-v-898c33a4] {
  margin: 30px auto 14px;
  width: 120px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.boxDetail-wrapper .case-item .img-wrapper img[data-v-898c33a4] {
  width: 100%;
  height: 100%;
}
.boxDetail-wrapper .case-item .info_p[data-v-898c33a4] {
  font-weight: 700;
  position: absolute;
  right: 20px;
  text-align: right;
  top: 20px;
}
.boxDetail-wrapper .case-item .info_p p[data-v-898c33a4]:first-child {
  color: #9c9daf;
  font-size: 8px;
  text-transform: uppercase;
}
.boxDetail-wrapper .case-item .info_p p[data-v-898c33a4]:last-child {
  color: #827fff;
  font-size: 12px;
}
.boxDetail-wrapper .case-item .info_1[data-v-898c33a4] {
  color: #e4dcfc;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.boxDetail-wrapper .case-item .info_2[data-v-898c33a4] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  color: #fff;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 600;
  margin-top: 2px;
  overflow: hidden;
}
.boxDetail-wrapper .case-item .info_3[data-v-898c33a4] {
  color: #716d9e;
  font-size: 11px;
  font-weight: 500;
  margin-top: 2px;
}
.boxDetail-wrapper .case-item .info_4[data-v-898c33a4] {
  bottom: 9px;
  color: #4af1b8;
  font-size: 14px;
  font-weight: 600;
  left: 0;
  margin-top: 8px;
  position: absolute;
  width: 100%;
  text-align: center;
}
.boxDetail-wrapper .case-item .gif-png[data-v-898c33a4] {
  width: 90%;
  height: 100%;
  max-height: calc(100% - 30px);
}
@media screen and (max-width: 1023px) {
.boxDetail-wrapper .case-item .gif-png[data-v-898c33a4] {
    width: 100%;
}
}
.boxDetail-wrapper .case-item .skins-info[data-v-898c33a4] {
  display: flex;
  flex-direction: column;
  position: absolute;
  background-color: rgba(29, 27, 49, 0.95);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
  padding: 16px 10px;
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: 60%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row[data-v-898c33a4] {
  display: flex;
  justify-content: center;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row.head[data-v-898c33a4] {
  margin-bottom: 10px;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row.head .table-cell[data-v-898c33a4] {
  color: #9793c7;
  font-size: 10px;
  font-weight: 700;
  overflow: hidden;
  padding: 0 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row .price-and-quality[data-v-898c33a4] {
  flex-basis: 40%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row .odds[data-v-898c33a4] {
  flex-basis: 40%;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link[data-v-898c33a4] {
  border-bottom: 1px solid transparent;
  display: flex;
  width: 100%;
  color: #fff;
  justify-content: center;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link .table-cell[data-v-898c33a4] {
  font-size: 9px;
  font-weight: 600;
  padding: 0 1px;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link .quality[data-v-898c33a4] {
  text-transform: uppercase;
}
.boxDetail-wrapper .case-item .skins-info .pf-table-row-link .price[data-v-898c33a4] {
  color: #26c897;
}
.boxDetail-wrapper .case-item .skins-info .gif[data-v-898c33a4] {
  width: 100%;
  margin: 12px auto 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.boxDetail-wrapper .case-item:hover .skins-info[data-v-898c33a4] {
  opacity: 1;
  visibility: visible;
}
.boxDetail-wrapper .case-items-block__bottom-gradient[data-v-898c33a4] {
  background: linear-gradient(180deg, transparent, #141225);
  bottom: 0;
  height: 100px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.gif-png[data-v-898c33a4] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 70%;
  height: 110px;
}
.gif-png img[data-v-898c33a4] {
  width: 100%;
}

/** 详细信息 - 弹窗 - 结束 */
.button__content[data-v-898c33a4] {
  align-items: center;
  display: flex;
  flex-direction: row;
  white-space-collapse: preserve;
}
[data-v-898c33a4] .el-dialog__wrapper {
  background: rgba(4, 3, 2, 0.3);
}
[data-v-898c33a4] .pvp-result-dialog {
  height: 266px;
  width: 600px !important;
  background: linear-gradient(to right, #151326, rgba(26, 26, 46, 0.7960784314), #141225) !important;
}
@media screen and (max-width: 767px) {
[data-v-898c33a4] .pvp-result-dialog {
    width: 456px !important;
}
[data-v-898c33a4] .pvp-result-dialog .result-buttons {
    width: 75% !important;
}
}
@media screen and (max-width: 490px) {
[data-v-898c33a4] .pvp-result-dialog {
    transform: scale(0.88);
    transform-origin: center center;
}
[data-v-898c33a4] .pvp-result-dialog .result-buttons {
    width: 88% !important;
}
}
[data-v-898c33a4] .pvp-result-dialog .result-title {
  font-size: 26px;
  padding-top: 35px;
  text-align: center;
  color: #f83c76;
  font-weight: bold;
}
[data-v-898c33a4] .pvp-result-dialog .result-title.winner {
  color: rgb(74, 241, 204);
}
[data-v-898c33a4] .pvp-result-dialog .result-content {
  text-align: center;
  padding-top: 50px;
  color: #fff;
  font-size: 16px;
}
[data-v-898c33a4] .pvp-result-dialog .result-content span {
  font-weight: bold;
}
[data-v-898c33a4] .pvp-result-dialog .result-buttons {
  display: flex;
  justify-content: space-between;
  width: 60%;
  margin: 35px auto;
}
[data-v-898c33a4] .pvp-result-dialog .result-buttons .button {
  align-items: center;
  background-color: #201d37;
  clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 13px 100%, 0 50%);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  min-width: 134px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: unset;
}
[data-v-898c33a4] .pvp-result-dialog .result-buttons .button:hover {
  background-color: #272346;
}
[data-v-898c33a4] .pvp-result-dialog .result-buttons .button.sell {
  background-color: #67a0e0;
}
[data-v-898c33a4] .pvp-result-dialog .result-buttons .button.sell:hover {
  background-color: #8bbffa;
}
[data-v-898c33a4] .select-team-dialog-wrapper {
  width: unset !important;
  max-width: 800px !important;
  height: unset !important;
}
[data-v-898c33a4] .bot-list-dialog-wrapper {
  width: 688px !important;
  height: 456px;
}
@media screen and (max-width: 767px) {
[data-v-898c33a4] .bot-list-dialog-wrapper {
    transform: scale(0.9);
}
[data-v-898c33a4] .bot-list-dialog-wrapper .title {
    font-size: 20px !important;
}
[data-v-898c33a4] .bot-list-dialog-wrapper .tooltip__text {
    font-size: 12px !important;
}
[data-v-898c33a4] .bot-list-dialog-wrapper .item {
    height: 66px !important;
}
[data-v-898c33a4] .bot-list-dialog-wrapper img {
    width: 45px !important;
    height: 45px !important;
}
[data-v-898c33a4] .bot-list-dialog-wrapper p {
    font-size: 15px !important;
}
}
@media screen and (max-width: 490px) {
[data-v-898c33a4] .bot-list-dialog-wrapper {
    flex-direction: column;
    flex-wrap: unset !important;
}
[data-v-898c33a4] .bot-list-dialog-wrapper .title {
    font-size: 20px !important;
}
[data-v-898c33a4] .bot-list-dialog-wrapper .item {
    width: 100% !important;
}
}
.bot-list-dialog[data-v-898c33a4] {
  top: 40px;
  width: 100%;
  height: 100%;
  padding: 0px 25px 10px 30px;
  transition: height 0.8s;
  overflow: hidden;
  color: #e4dcfc;
}
.bot-list-dialog .title[data-v-898c33a4] {
  height: 80px;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  padding-top: 22px;
}
.bot-list-dialog .bot-list[data-v-898c33a4] {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  height: calc(100% - 80px);
  overflow-y: auto;
  box-sizing: border-box;
  padding: 7px 5px 10px 0;
}
.bot-list-dialog .bot-list .item[data-v-898c33a4] {
  position: relative;
  top: 0px;
  display: flex;
  align-items: center;
  width: 50%;
  height: 89px;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0);
  transition: all 0.3s;
  cursor: pointer;
}
.bot-list-dialog .bot-list .item[data-v-898c33a4]:hover {
  top: -5px;
  border-color: #5c49d0;
  box-shadow: 0 8px 20px rgba(92, 73, 208, 0.3);
}
.bot-list-dialog .bot-list .item img[data-v-898c33a4] {
  width: 66px;
  height: 66px;
  border-radius: 50%;
}
.bot-list-dialog .bot-list .item .player-info[data-v-898c33a4] {
  position: relative;
  margin-left: 10px;
  width: 16px;
  height: 16px;
}
.bot-list-dialog .bot-list .item .player-info.set .tooltip__text[data-v-898c33a4] {
  transform: translate(-50%, calc(-100% - 55px));
}
.bot-list-dialog .bot-list .item .player-info.set .tooltip__text[data-v-898c33a4]::before {
  transform: translate(-50%) rotate(180deg);
  top: unset;
  bottom: -10px;
}
.bot-list-dialog .bot-list .item .player-info:hover .tooltip__text[data-v-898c33a4] {
  opacity: 1;
  visibility: visible;
}
.bot-list-dialog .bot-list .item .player-info__bot-icon[data-v-898c33a4] {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.558 3.167c1.638-.854 3.26-.854 4.898 0 .706-1.05 1.427-2.1 2.163-3.167.48.394.947.771 1.427 1.165a227 227 0 0 1-2.178 3.166c.135.197.285.378.42.575a6.05 6.05 0 0 1 1.052 3.363c.015 2.576 0 5.152 0 7.728v.131h-1.772V20H11.78v-3.856H8.22V20H6.445v-3.856H4.66V8.5c0-1.559.45-2.92 1.412-4.07.015-.016.03-.048.06-.098-.721-1.05-1.457-2.1-2.193-3.166C4.403.77 4.869.394 5.365 0 6.1 1.066 6.822 2.116 7.558 3.167M2 8.367h1.758v7.76H2zM18 16.128h-1.758v-7.76H18z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.558 3.167c1.638-.854 3.26-.854 4.898 0 .706-1.05 1.427-2.1 2.163-3.167.48.394.947.771 1.427 1.165a227 227 0 0 1-2.178 3.166c.135.197.285.378.42.575a6.05 6.05 0 0 1 1.052 3.363c.015 2.576 0 5.152 0 7.728v.131h-1.772V20H11.78v-3.856H8.22V20H6.445v-3.856H4.66V8.5c0-1.559.45-2.92 1.412-4.07.015-.016.03-.048.06-.098-.721-1.05-1.457-2.1-2.193-3.166C4.403.77 4.869.394 5.365 0 6.1 1.066 6.822 2.116 7.558 3.167M2 8.367h1.758v7.76H2zM18 16.128h-1.758v-7.76H18z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  background-color: #44a2f9;
  cursor: help;
}
.bot-list-dialog .bot-list .item .tooltip__text[data-v-898c33a4] {
  position: absolute;
  left: 50%;
  top: 28px;
  transform: translate(-50%);
  background: #282546;
  border-radius: 4px;
  color: #dddcfc;
  font-size: 14px;
  margin-top: 10px;
  opacity: 0;
  padding: 10px;
  text-align: initial;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 200px;
  z-index: 10;
}
.bot-list-dialog .bot-list .item .tooltip__text[data-v-898c33a4]::before {
  left: 50%;
  transform: translate(-50%);
  border-color: transparent transparent #282546;
  border-style: solid;
  border-width: 0 7.5px 10px;
  content: "";
  height: 0;
  position: absolute;
  top: -10px;
  width: 0;
}
.bot-list-dialog .bot-list .item p[data-v-898c33a4] {
  flex: 0 0 auto;
  text-align: left;
  padding: 3px;
  font-size: 18px;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
@media screen and (max-width: 1365px) {
.pk-active-page[data-v-898c33a4] {
    transform: scale(0.85);
    transform-origin: top left;
    width: 117.6470588235%;
}
}
@media screen and (max-width: 1023px) {
.pk-active-page[data-v-898c33a4] {
    transform: scale(0.7);
    transform-origin: top left;
    width: 142.8571428571%;
}
.box-preview .preview-dialog-title[data-v-898c33a4] {
    transform: scale(0.85);
    transform-origin: top left;
    width: 117.6470588235% !important;
    height: 106.25px !important;
}
.box-preview .simplebar-content[data-v-898c33a4] {
    grid-template-columns: repeat(auto-fill, 150px) !important;
}
.box-preview .battle-case[data-v-898c33a4] {
    width: 150px !important;
    height: 200px !important;
}
.box-preview .battle-case .battle-case__multiplier[data-v-898c33a4] {
    top: 6px !important;
    height: 18px !important;
    line-height: 18px !important;
    min-width: 36px !important;
    font-size: 12px !important;
    clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 5px 100%, 0 50%);
}
.box-preview .battle-case .battle-case__img-wrap[data-v-898c33a4] {
    height: 140px !important;
}
.box-preview .battle-case .battle-case__name[data-v-898c33a4] {
    font-size: 13px;
}
.box-preview .view-drops-button[data-v-898c33a4] {
    height: 30px !important;
    font-size: 10px !important;
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
}
.box-preview .battle-details-modal__buttons .battle-details-modal__button[data-v-898c33a4] {
    min-width: 220px !important;
    height: 48px !important;
    font-size: 14px !important;
    clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 13px 100%, 0 50%) !important;
}
.box-preview .battle-details-modal__buttons .battle-details-modal__button[data-v-898c33a4]::before {
    clip-path: polygon(13px 0, 0 50%, 13px 100%, 14px calc(100% - 1px), 1px 50%, 14px 1px, calc(100% - 14px) 1px, calc(100% - 1px) 50%, calc(100% - 14px) calc(100% - 1px), 13px calc(100% - 1px), 13px 100%, calc(100% - 13px) 100%, 100% 50%, calc(100% - 13px) 0) !important;
}
.box-preview .battle-details-modal__buttons .battle-details-modal__button .eye-icon[data-v-898c33a4] {
    width: 16px !important;
    height: 16px !important;
}
.box-preview .battle-details-modal__buttons .battle-details-modal__button .default-mode-icon[data-v-898c33a4] {
    width: 14px !important;
    height: 14px !important;
}
.box-preview .battle-details-modal__buttons .battle-details-modal__button .crazy-mode-icon[data-v-898c33a4],
  .box-preview .battle-details-modal__buttons .battle-details-modal__button .sharing-mode-icon[data-v-898c33a4] {
    width: 18px !important;
    height: 18px !important;
}
.box-preview .case-item[data-v-898c33a4] {
    height: 200px !important;
    width: 150px !important;
}
.box-preview .case-item .info_p[data-v-898c33a4] {
    top: 10px !important;
    right: 10px !important;
}
.box-preview .case-item .img-wrapper[data-v-898c33a4] {
    margin: 20px auto 10px !important;
    width: 110px !important;
}
.box-preview .case-item .info_1[data-v-898c33a4] {
    font-size: 11px !important;
}
.box-preview .case-item .info_2[data-v-898c33a4] {
    font-size: 12px !important;
}
.box-preview .case-item .info_3[data-v-898c33a4] {
    font-size: 10px !important;
}
.box-preview .case-item .info_4[data-v-898c33a4] {
    font-size: 12px !important;
}
.box-preview .case-item .gif-png[data-v-898c33a4] {
    margin-top: 10px !important;
}
.box-preview .case-item .gif-png img[data-v-898c33a4] {
    margin-top: 0px !important;
}
.box-preview .ready-button[data-v-898c33a4] {
    min-width: 166px !important;
    height: 40px !important;
    font-size: 13px !important;
    clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 13px 100%, 0 50%) !important;
}
.box-preview .ready-button .ready-button__icon[data-v-898c33a4] {
    width: 15px !important;
    height: 11px !important;
}
}
@media screen and (max-width: 767px) {
.pk-active-page[data-v-898c33a4] {
    transform: scale(0.5);
    transform-origin: top left;
    width: 200%;
}
.box-preview .preview-dialog-title[data-v-898c33a4] {
    transform: scale(0.75) !important;
    width: 133.3333333333% !important;
    transform-origin: left center;
    padding: 0 60px !important;
}
.box-preview .preview-dialog-title .rounds-quantity-block[data-v-898c33a4] {
    gap: 5px;
    flex-direction: column !important;
}
.box-preview .preview-dialog-title .rounds-quantity-block .rounds-text[data-v-898c33a4] {
    margin-left: 0px !important;
}
.battle-slot-player__player-info[data-v-898c33a4] {
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: center;
    padding: 5px 5px !important;
}
.battle-slot-player__player-info .player-info__main[data-v-898c33a4] {
    width: unset !important;
    max-width: 100%;
}
.battle-slot-inventory-event-points[data-v-898c33a4] {
    padding: 22px 8px !important;
}
}
@media screen and (max-width: 490px) {
.battle-progress-wrapper[data-v-898c33a4] {
    transform: scale(0.8);
    transform-origin: top left;
    width: 125%;
    max-width: unset;
}
.sefl_pk_button[data-v-898c33a4] {
    min-width: 140px;
}
[data-v-898c33a4] .box-preview {
    width: 95vw !important;
}
[data-v-898c33a4] .box-preview .case-item {
    width: 130px !important;
}
[data-v-898c33a4] .box-preview .el-dialog__headerbtn {
    top: 15px !important;
    right: 15px !important;
}
[data-v-898c33a4] .box-preview .el-dialog__headerbtn .el-icon::before {
    font-size: 18px !important;
}
[data-v-898c33a4] .box-preview .preview-dialog-title {
    padding: 0 50px !important;
}
}

.battle-teams-total {
    font-size: 16px;
    font-weight: 600;
    line-height: inherit
}
@media screen and (max-width: 767px) {
.battle-teams-total {
        font-size:10px
}
}
.battle-teams-total.is-win {
    color: #4af1b8
}
.battle-teams-total.is-lose {
    color: #f83c76
}
.battle-teams {
    align-items: center;
    display: flex;


    width: 1384px;
    max-width: 100%;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 44px;
    padding-right: 44px;
}
.battle-teams__team {
    flex-basis: 50%;
    height: 46px
}
@media screen and (max-width: 767px) {
.battle-teams__team {
        height:32px
}
}
.battle-teams__team:first-child {
    background: linear-gradient(90deg,rgba(var(--team-color),.1) 0,rgba(var(--team-color),0));
    border-left: 2px solid rgb(var(--team-color))
}
.battle-teams__team:last-child {
    background: linear-gradient(-90deg,rgba(var(--team-color),.1) 0,rgba(var(--team-color),0));
    border-right: 2px solid rgb(var(--team-color));
    flex-direction: row-reverse
}
.battle-teams__versus-icon {
    flex-shrink: 0
}
.team {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    line-height: 16px;
    padding: 0 20px
}
@media screen and (max-width: 767px) {
.team {
        padding:0 8px
}
}
.team__main {
    align-items: center;
    display: flex;
    flex-direction: inherit;
    gap: 12px
}
@media screen and (max-width: 767px) {
.team__main {
        gap:4px
}
}
.team__title {
    color: #dddcfc;
    font-size: 13px;
    font-weight: 600;
    line-height: inherit;
    text-transform: uppercase
}
@media screen and (max-width: 767px) {
.team__title {
        font-size:8px
}
}
.team__logo {
    height: 32px;
    width: 32px
}
@media screen and (max-width: 767px) {
.team__logo {
        height:16px;
        width: 16px
}
}
.team__winnings {
    color: var(--team-result-color);
    font-size: 16px;
    font-weight: 600;
    line-height: inherit
}
@media screen and (max-width: 767px) {
.team__winnings {
        font-size:10px
}
}
.team.is-ct {
    --team-color: 188,212,235
}
.team.is-t {
    --team-color: 229,208,137
}
.team.is-winner {
    --team-result-color: #4af1b8
}
.team.is-loser {
    --team-result-color: #f83c76
}

/* 全局样式：确保数量文字颜色能够生效 */
::v-deep .box-preview-dialog .battle-case__multiplier {
  /* color: #b93c3c !important; */
}
@media screen and (max-width: 1024px) {
::v-deep .box-preview-dialog .battle-case__multiplier {
    /* color: #e02525 !important; */
}
.tooltip__text {
    left: -90px !important;
}
}



.open-box[data-v-45434753] {
  color: #FFFFFF;
}
@media (max-width: 1200px) {
.open-box[data-v-45434753] {
    font-size: 14px;
}
}
.award-box[data-v-45434753] {
  box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.5);
  width: 80%;
  margin: 10px 0.5%;
}
@media (max-width: 1200px) {
.award-box[data-v-45434753] {
    width: 50%;
    margin: 10px 0.5%;
}
}
.awardListPop[data-v-45434753] {
  width: 700px;
  left: calc(50% - 350px);
  top: 25vh;
  z-index: 1002;
  position: relative;
}
@media (max-width: 1200px) {
.awardListPop[data-v-45434753] {
    width: 98%;
    left: 1%;
}
}
.free[data-v-45434753] {
  width: 80%;
  margin: 0 auto;
  padding: 0 10px;
}
@media (max-width: 1200px) {
.free[data-v-45434753] {
    width: 100%;
}
}
.free-content[data-v-45434753] {
  width: 100%;
}
.free-content-left[data-v-45434753] {
  width: 100%;
  margin: 0 auto 50px auto;
  z-index: 3;
  position: relative;
}
.free-content-left-btn[data-v-45434753] {
  min-width: 100px;
  height: 40px;
  background-color: #3e321e;
  border-radius: 6px;
  border: 1px solid #dcae64;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
.free-content-left-btn[data-v-45434753] {
    width: 250px;
    height: auto;
    line-height: 50px;
}
}
.free-content-right-con[data-v-45434753] {
  width: 100%;
  margin: 0 auto;
}

.cls-1[data-v-3bdb01a6]{fill:#cf8035;}

.content-box-box0[data-v-6a2f21e7] {
  border: 2px solid;
  border-radius: 5px;
  border-image-source: linear-gradient(45deg, #191eff, #961cd7, #ff188b);
  border-image-slice: 1;
  border-image-repeat: stretch;
}
.content-box-title[data-v-6a2f21e7] {
  font-size: 30px;
  padding-bottom: 10px;
  position: relative;
}
.content-box-title[data-v-6a2f21e7]::before {
  /*display: none;*/
  content: "";
  width: 100%;
  height: 10%;
  opacity: 0.3;
  position: absolute;
  left: 0;
  bottom: -1px;
}
@media (max-width: 1000px) {
.content-box-title[data-v-6a2f21e7] {
    font-size: 22px;
}
.content-box-title[data-v-6a2f21e7]::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--main-yellow);
    position: absolute;
    left: 0;
    bottom: -2px;
    opacity: 0.1;
    border-radius: 2px;
}
}
.content-box-title0[data-v-6a2f21e7] {
  border-bottom: none;
}
.content-box-title0[data-v-6a2f21e7]::before {
  display: none;
}
@charset "UTF-8";@font-face{font-family:element-icons;src:url(../fonts/element-icons.535877f5.woff) format("woff"),url(../fonts/element-icons.732389de.ttf) format("truetype");font-weight:400;font-display:"auto";font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-ice-cream-round:before{content:"\e6a0"}.el-icon-ice-cream-square:before{content:"\e6a3"}.el-icon-lollipop:before{content:"\e6a4"}.el-icon-potato-strips:before{content:"\e6a5"}.el-icon-milk-tea:before{content:"\e6a6"}.el-icon-ice-drink:before{content:"\e6a7"}.el-icon-ice-tea:before{content:"\e6a9"}.el-icon-coffee:before{content:"\e6aa"}.el-icon-orange:before{content:"\e6ab"}.el-icon-pear:before{content:"\e6ac"}.el-icon-apple:before{content:"\e6ad"}.el-icon-cherry:before{content:"\e6ae"}.el-icon-watermelon:before{content:"\e6af"}.el-icon-grape:before{content:"\e6b0"}.el-icon-refrigerator:before{content:"\e6b1"}.el-icon-goblet-square-full:before{content:"\e6b2"}.el-icon-goblet-square:before{content:"\e6b3"}.el-icon-goblet-full:before{content:"\e6b4"}.el-icon-goblet:before{content:"\e6b5"}.el-icon-cold-drink:before{content:"\e6b6"}.el-icon-coffee-cup:before{content:"\e6b8"}.el-icon-water-cup:before{content:"\e6b9"}.el-icon-hot-water:before{content:"\e6ba"}.el-icon-ice-cream:before{content:"\e6bb"}.el-icon-dessert:before{content:"\e6bc"}.el-icon-sugar:before{content:"\e6bd"}.el-icon-tableware:before{content:"\e6be"}.el-icon-burger:before{content:"\e6bf"}.el-icon-knife-fork:before{content:"\e6c1"}.el-icon-fork-spoon:before{content:"\e6c2"}.el-icon-chicken:before{content:"\e6c3"}.el-icon-food:before{content:"\e6c4"}.el-icon-dish-1:before{content:"\e6c5"}.el-icon-dish:before{content:"\e6c6"}.el-icon-moon-night:before{content:"\e6ee"}.el-icon-moon:before{content:"\e6f0"}.el-icon-cloudy-and-sunny:before{content:"\e6f1"}.el-icon-partly-cloudy:before{content:"\e6f2"}.el-icon-cloudy:before{content:"\e6f3"}.el-icon-sunny:before{content:"\e6f6"}.el-icon-sunset:before{content:"\e6f7"}.el-icon-sunrise-1:before{content:"\e6f8"}.el-icon-sunrise:before{content:"\e6f9"}.el-icon-heavy-rain:before{content:"\e6fa"}.el-icon-lightning:before{content:"\e6fb"}.el-icon-light-rain:before{content:"\e6fc"}.el-icon-wind-power:before{content:"\e6fd"}.el-icon-baseball:before{content:"\e712"}.el-icon-soccer:before{content:"\e713"}.el-icon-football:before{content:"\e715"}.el-icon-basketball:before{content:"\e716"}.el-icon-ship:before{content:"\e73f"}.el-icon-truck:before{content:"\e740"}.el-icon-bicycle:before{content:"\e741"}.el-icon-mobile-phone:before{content:"\e6d3"}.el-icon-service:before{content:"\e6d4"}.el-icon-key:before{content:"\e6e2"}.el-icon-unlock:before{content:"\e6e4"}.el-icon-lock:before{content:"\e6e5"}.el-icon-watch:before{content:"\e6fe"}.el-icon-watch-1:before{content:"\e6ff"}.el-icon-timer:before{content:"\e702"}.el-icon-alarm-clock:before{content:"\e703"}.el-icon-map-location:before{content:"\e704"}.el-icon-delete-location:before{content:"\e705"}.el-icon-add-location:before{content:"\e706"}.el-icon-location-information:before{content:"\e707"}.el-icon-location-outline:before{content:"\e708"}.el-icon-location:before{content:"\e79e"}.el-icon-place:before{content:"\e709"}.el-icon-discover:before{content:"\e70a"}.el-icon-first-aid-kit:before{content:"\e70b"}.el-icon-trophy-1:before{content:"\e70c"}.el-icon-trophy:before{content:"\e70d"}.el-icon-medal:before{content:"\e70e"}.el-icon-medal-1:before{content:"\e70f"}.el-icon-stopwatch:before{content:"\e710"}.el-icon-mic:before{content:"\e711"}.el-icon-copy-document:before{content:"\e718"}.el-icon-full-screen:before{content:"\e719"}.el-icon-switch-button:before{content:"\e71b"}.el-icon-aim:before{content:"\e71c"}.el-icon-crop:before{content:"\e71d"}.el-icon-odometer:before{content:"\e71e"}.el-icon-time:before{content:"\e71f"}.el-icon-bangzhu:before{content:"\e724"}.el-icon-close-notification:before{content:"\e726"}.el-icon-microphone:before{content:"\e727"}.el-icon-turn-off-microphone:before{content:"\e728"}.el-icon-position:before{content:"\e729"}.el-icon-postcard:before{content:"\e72a"}.el-icon-message:before{content:"\e72b"}.el-icon-chat-line-square:before{content:"\e72d"}.el-icon-chat-dot-square:before{content:"\e72e"}.el-icon-chat-dot-round:before{content:"\e72f"}.el-icon-chat-square:before{content:"\e730"}.el-icon-chat-line-round:before{content:"\e731"}.el-icon-chat-round:before{content:"\e732"}.el-icon-set-up:before{content:"\e733"}.el-icon-turn-off:before{content:"\e734"}.el-icon-open:before{content:"\e735"}.el-icon-connection:before{content:"\e736"}.el-icon-link:before{content:"\e737"}.el-icon-cpu:before{content:"\e738"}.el-icon-thumb:before{content:"\e739"}.el-icon-female:before{content:"\e73a"}.el-icon-male:before{content:"\e73b"}.el-icon-guide:before{content:"\e73c"}.el-icon-news:before{content:"\e73e"}.el-icon-price-tag:before{content:"\e744"}.el-icon-discount:before{content:"\e745"}.el-icon-wallet:before{content:"\e747"}.el-icon-coin:before{content:"\e748"}.el-icon-money:before{content:"\e749"}.el-icon-bank-card:before{content:"\e74a"}.el-icon-box:before{content:"\e74b"}.el-icon-present:before{content:"\e74c"}.el-icon-sell:before{content:"\e6d5"}.el-icon-sold-out:before{content:"\e6d6"}.el-icon-shopping-bag-2:before{content:"\e74d"}.el-icon-shopping-bag-1:before{content:"\e74e"}.el-icon-shopping-cart-2:before{content:"\e74f"}.el-icon-shopping-cart-1:before{content:"\e750"}.el-icon-shopping-cart-full:before{content:"\e751"}.el-icon-smoking:before{content:"\e752"}.el-icon-no-smoking:before{content:"\e753"}.el-icon-house:before{content:"\e754"}.el-icon-table-lamp:before{content:"\e755"}.el-icon-school:before{content:"\e756"}.el-icon-office-building:before{content:"\e757"}.el-icon-toilet-paper:before{content:"\e758"}.el-icon-notebook-2:before{content:"\e759"}.el-icon-notebook-1:before{content:"\e75a"}.el-icon-files:before{content:"\e75b"}.el-icon-collection:before{content:"\e75c"}.el-icon-receiving:before{content:"\e75d"}.el-icon-suitcase-1:before{content:"\e760"}.el-icon-suitcase:before{content:"\e761"}.el-icon-film:before{content:"\e763"}.el-icon-collection-tag:before{content:"\e765"}.el-icon-data-analysis:before{content:"\e766"}.el-icon-pie-chart:before{content:"\e767"}.el-icon-data-board:before{content:"\e768"}.el-icon-data-line:before{content:"\e76d"}.el-icon-reading:before{content:"\e769"}.el-icon-magic-stick:before{content:"\e76a"}.el-icon-coordinate:before{content:"\e76b"}.el-icon-mouse:before{content:"\e76c"}.el-icon-brush:before{content:"\e76e"}.el-icon-headset:before{content:"\e76f"}.el-icon-umbrella:before{content:"\e770"}.el-icon-scissors:before{content:"\e771"}.el-icon-mobile:before{content:"\e773"}.el-icon-attract:before{content:"\e774"}.el-icon-monitor:before{content:"\e775"}.el-icon-search:before{content:"\e778"}.el-icon-takeaway-box:before{content:"\e77a"}.el-icon-paperclip:before{content:"\e77d"}.el-icon-printer:before{content:"\e77e"}.el-icon-document-add:before{content:"\e782"}.el-icon-document:before{content:"\e785"}.el-icon-document-checked:before{content:"\e786"}.el-icon-document-copy:before{content:"\e787"}.el-icon-document-delete:before{content:"\e788"}.el-icon-document-remove:before{content:"\e789"}.el-icon-tickets:before{content:"\e78b"}.el-icon-folder-checked:before{content:"\e77f"}.el-icon-folder-delete:before{content:"\e780"}.el-icon-folder-remove:before{content:"\e781"}.el-icon-folder-add:before{content:"\e783"}.el-icon-folder-opened:before{content:"\e784"}.el-icon-folder:before{content:"\e78a"}.el-icon-edit-outline:before{content:"\e764"}.el-icon-edit:before{content:"\e78c"}.el-icon-date:before{content:"\e78e"}.el-icon-c-scale-to-original:before{content:"\e7c6"}.el-icon-view:before{content:"\e6ce"}.el-icon-loading:before{content:"\e6cf"}.el-icon-rank:before{content:"\e6d1"}.el-icon-sort-down:before{content:"\e7c4"}.el-icon-sort-up:before{content:"\e7c5"}.el-icon-sort:before{content:"\e6d2"}.el-icon-finished:before{content:"\e6cd"}.el-icon-refresh-left:before{content:"\e6c7"}.el-icon-refresh-right:before{content:"\e6c8"}.el-icon-refresh:before{content:"\e6d0"}.el-icon-video-play:before{content:"\e7c0"}.el-icon-video-pause:before{content:"\e7c1"}.el-icon-d-arrow-right:before{content:"\e6dc"}.el-icon-d-arrow-left:before{content:"\e6dd"}.el-icon-arrow-up:before{content:"\e6e1"}.el-icon-arrow-down:before{content:"\e6df"}.el-icon-arrow-right:before{content:"\e6e0"}.el-icon-arrow-left:before{content:"\e6de"}.el-icon-top-right:before{content:"\e6e7"}.el-icon-top-left:before{content:"\e6e8"}.el-icon-top:before{content:"\e6e6"}.el-icon-bottom:before{content:"\e6eb"}.el-icon-right:before{content:"\e6e9"}.el-icon-back:before{content:"\e6ea"}.el-icon-bottom-right:before{content:"\e6ec"}.el-icon-bottom-left:before{content:"\e6ed"}.el-icon-caret-top:before{content:"\e78f"}.el-icon-caret-bottom:before{content:"\e790"}.el-icon-caret-right:before{content:"\e791"}.el-icon-caret-left:before{content:"\e792"}.el-icon-d-caret:before{content:"\e79a"}.el-icon-share:before{content:"\e793"}.el-icon-menu:before{content:"\e798"}.el-icon-s-grid:before{content:"\e7a6"}.el-icon-s-check:before{content:"\e7a7"}.el-icon-s-data:before{content:"\e7a8"}.el-icon-s-opportunity:before{content:"\e7aa"}.el-icon-s-custom:before{content:"\e7ab"}.el-icon-s-claim:before{content:"\e7ad"}.el-icon-s-finance:before{content:"\e7ae"}.el-icon-s-comment:before{content:"\e7af"}.el-icon-s-flag:before{content:"\e7b0"}.el-icon-s-marketing:before{content:"\e7b1"}.el-icon-s-shop:before{content:"\e7b4"}.el-icon-s-open:before{content:"\e7b5"}.el-icon-s-management:before{content:"\e7b6"}.el-icon-s-ticket:before{content:"\e7b7"}.el-icon-s-release:before{content:"\e7b8"}.el-icon-s-home:before{content:"\e7b9"}.el-icon-s-promotion:before{content:"\e7ba"}.el-icon-s-operation:before{content:"\e7bb"}.el-icon-s-unfold:before{content:"\e7bc"}.el-icon-s-fold:before{content:"\e7a9"}.el-icon-s-platform:before{content:"\e7bd"}.el-icon-s-order:before{content:"\e7be"}.el-icon-s-cooperation:before{content:"\e7bf"}.el-icon-bell:before{content:"\e725"}.el-icon-message-solid:before{content:"\e799"}.el-icon-video-camera:before{content:"\e772"}.el-icon-video-camera-solid:before{content:"\e796"}.el-icon-camera:before{content:"\e779"}.el-icon-camera-solid:before{content:"\e79b"}.el-icon-download:before{content:"\e77c"}.el-icon-upload2:before{content:"\e77b"}.el-icon-upload:before{content:"\e7c3"}.el-icon-picture-outline-round:before{content:"\e75f"}.el-icon-picture-outline:before{content:"\e75e"}.el-icon-picture:before{content:"\e79f"}.el-icon-close:before{content:"\e6db"}.el-icon-check:before{content:"\e6da"}.el-icon-plus:before{content:"\e6d9"}.el-icon-minus:before{content:"\e6d8"}.el-icon-help:before{content:"\e73d"}.el-icon-s-help:before{content:"\e7b3"}.el-icon-circle-close:before{content:"\e78d"}.el-icon-circle-check:before{content:"\e720"}.el-icon-circle-plus-outline:before{content:"\e723"}.el-icon-remove-outline:before{content:"\e722"}.el-icon-zoom-out:before{content:"\e776"}.el-icon-zoom-in:before{content:"\e777"}.el-icon-error:before{content:"\e79d"}.el-icon-success:before{content:"\e79c"}.el-icon-circle-plus:before{content:"\e7a0"}.el-icon-remove:before{content:"\e7a2"}.el-icon-info:before{content:"\e7a1"}.el-icon-question:before{content:"\e7a4"}.el-icon-warning-outline:before{content:"\e6c9"}.el-icon-warning:before{content:"\e7a3"}.el-icon-goods:before{content:"\e7c2"}.el-icon-s-goods:before{content:"\e7b2"}.el-icon-star-off:before{content:"\e717"}.el-icon-star-on:before{content:"\e797"}.el-icon-more-outline:before{content:"\e6cc"}.el-icon-more:before{content:"\e794"}.el-icon-phone-outline:before{content:"\e6cb"}.el-icon-phone:before{content:"\e795"}.el-icon-user:before{content:"\e6e3"}.el-icon-user-solid:before{content:"\e7a5"}.el-icon-setting:before{content:"\e6ca"}.el-icon-s-tools:before{content:"\e7ac"}.el-icon-delete:before{content:"\e6d7"}.el-icon-delete-solid:before{content:"\e7c9"}.el-icon-eleme:before{content:"\e7c7"}.el-icon-platform-eleme:before{content:"\e7ca"}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}.el-pagination{white-space:nowrap;padding:2px 5px;color:#303133;font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield;line-height:normal}.el-pagination .el-input__suffix{right:0;transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#409EFF}.el-pagination button:disabled{color:#C0C4CC;background-color:#FFF;cursor:not-allowed}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #FFF;background-size:16px;cursor:pointer;margin:0;color:#303133}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination .el-pager li.disabled{color:#C0C4CC;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination--small .more::before,.el-pagination--small li.more::before{line-height:24px}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){height:22px;line-height:22px}.el-pagination--small .el-pagination__editor,.el-pagination--small .el-pagination__editor.el-input .el-input__inner{height:22px}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#606266}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#409EFF}.el-pagination__total{margin-right:10px;font-weight:400;color:#606266}.el-pagination__jump{margin-left:24px;font-weight:400;color:#606266}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;box-sizing:border-box;border-radius:3px}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-dialog,.el-pager li{-webkit-box-sizing:border-box}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f4f4f5;color:#606266;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.disabled{color:#C0C4CC}.el-pagination.is-background .el-pager li:not(.disabled):hover{color:#409EFF}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#409EFF;color:#FFF}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;margin:0;display:inline-block}.el-pager{-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;font-size:0}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;background:#FFF;font-size:13px;min-width:35.5px;height:28px;line-height:28px;box-sizing:border-box;text-align:center}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#303133}.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled{color:#C0C4CC}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#409EFF}.el-pager li.active{color:#409EFF;cursor:default}.el-dialog{position:relative;margin:0 auto 50px;background:#FFF;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:20px 20px 10px}.el-dialog__headerbtn{position:absolute;top:20px;right:20px;padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__headerbtn .el-dialog__close{color:#909399}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:#409EFF}.el-dialog__title{line-height:24px;font-size:18px;color:#303133}.el-dialog__body{padding:30px 20px;color:#606266;font-size:14px;word-break:break-all}.el-dialog__footer{padding:10px 20px 20px;text-align:right;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 25px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.dialog-fade-enter-active{animation:dialog-fade-in .3s}.dialog-fade-leave-active{animation:dialog-fade-out .3s}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete-suggestion{margin:5px 0;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:4px;border:1px solid #E4E7ED;box-sizing:border-box;background-color:#FFF}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;box-sizing:border-box}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:#606266;font-size:14px;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li.highlighted,.el-autocomplete-suggestion li:hover{background-color:#F5F7FA}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid #000}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:#999}.el-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:#FFF}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-dropdown{display:inline-block;position:relative;color:#606266;font-size:14px}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button::before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5)}.el-dropdown .el-dropdown__caret-button.el-button--default::before{background:rgba(220,223,230,.5)}.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.el-dropdown [disabled]{cursor:not-allowed;color:#bbb}.el-dropdown-menu{position:absolute;top:0;left:0;z-index:10;padding:10px 0;margin:5px 0;background-color:#FFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-dropdown-menu__item,.el-menu-item{font-size:14px;padding:0 20px;cursor:pointer}.el-dropdown-menu__item{list-style:none;line-height:36px;margin:0;color:#606266;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:#ecf5ff;color:#66b1ff}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #EBEEF5}.el-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -20px;background-color:#FFF}.el-dropdown-menu__item.is-disabled{cursor:default;color:#bbb;pointer-events:none}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}.el-menu{border-right:solid 1px #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0;background-color:#FFF}.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color:#fff}.el-menu::after,.el-menu::before{display:table;content:""}.el-breadcrumb__item:last-child .el-breadcrumb__separator,.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu::after{clear:both}.el-menu.el-menu--horizontal{border-bottom:solid 1px #e6e6e6}.el-menu--horizontal{border-right:none}.el-menu--horizontal>.el-menu-item{float:left;height:60px;line-height:60px;margin:0;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-submenu{float:left}.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover{outline:0}.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{color:#303133}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #409EFF;color:#303133}.el-menu--horizontal>.el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--collapse .el-submenu,.el-menu-item{position:relative}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{background-color:#FFF;float:none;height:36px;line-height:36px;padding:0 10px;color:#909399}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title{color:#303133}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:#303133}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid #409EFF;color:#303133}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu-item,.el-submenu__title{height:56px;line-height:56px;list-style:none}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #E4E7ED;border-radius:2px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{transform:none}.el-menu--popup{z-index:100;min-width:200px;border:none;padding:5px 0;border-radius:2px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--popup-bottom-start{margin-top:5px}.el-menu--popup-right-start{margin-left:5px;margin-right:5px}.el-menu-item{color:#303133;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box;white-space:nowrap}.el-radio-button__inner,.el-submenu__title{-webkit-box-sizing:border-box;position:relative;white-space:nowrap}.el-menu-item *{vertical-align:middle}.el-menu-item i{color:#909399}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:#ecf5ff}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px;vertical-align:middle}.el-menu-item.is-active{color:#409EFF}.el-menu-item.is-active i{color:inherit}.el-submenu{list-style:none;margin:0;padding-left:0}.el-submenu__title{font-size:14px;color:#303133;padding:0 20px;cursor:pointer;transition:border-color .3s,background-color .3s,color .3s;box-sizing:border-box}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#909399}.el-submenu__title:focus,.el-submenu__title:hover{outline:0;background-color:#ecf5ff}.el-submenu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu__title:hover{background-color:#ecf5ff}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;transition:transform .3s;font-size:12px}.el-submenu.is-active .el-submenu__title{border-bottom-color:#409EFF}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{transform:rotateZ(180deg)}.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#909399}.el-radio-button__inner,.el-radio-group{display:inline-block;line-height:1;vertical-align:middle}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{transition:.2s;opacity:0}.el-radio-group{font-size:0}.el-radio-button{position:relative;display:inline-block;outline:0}.el-radio-button__inner{background:#FFF;border:1px solid #DCDFE6;font-weight:500;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:#409EFF}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #DCDFE6;border-radius:4px 0 0 4px;box-shadow:none!important}.el-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1}.el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#FFF;background-color:#409EFF;border-color:#409EFF;box-shadow:-1px 0 0 0 #409EFF}.el-radio-button__orig-radio:disabled+.el-radio-button__inner{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5;box-shadow:none}.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner{background-color:#F2F6FC}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 4px 4px 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:4px}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){box-shadow:0 0 2px 2px #409EFF}.el-picker-panel,.el-popover,.el-select-dropdown,.el-table-filter,.el-time-panel{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-switch{display:inline-flex;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.el-switch__core,.el-switch__label{display:inline-block;cursor:pointer}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{transition:.2s;height:20px;font-size:14px;font-weight:500;vertical-align:middle;color:#303133}.el-switch__label.is-active{color:#409EFF}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:14px;display:inline-block}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__core{margin:0;position:relative;width:40px;height:20px;border:1px solid #DCDFE6;outline:0;border-radius:10px;box-sizing:border-box;background:#DCDFE6;transition:border-color .3s,background-color .3s;vertical-align:middle}.el-input__prefix,.el-input__suffix{-webkit-transition:all .3s;color:#C0C4CC}.el-switch__core:after{content:"";position:absolute;top:1px;left:1px;border-radius:100%;transition:all .3s;width:16px;height:16px;background-color:#FFF}.el-switch.is-checked .el-switch__core{border-color:#409EFF;background-color:#409EFF}.el-switch.is-checked .el-switch__core::after{left:100%;margin-left:-17px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter,.el-switch .label-fade-leave-active{opacity:0}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #E4E7ED;border-radius:4px;background-color:#FFF;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item{padding-right:40px}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#409EFF;background-color:#FFF}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#F5F7FA}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\e6da";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#FFF}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#F5F7FA}.el-select-dropdown__item.selected{color:#409EFF;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#E4E7ED}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select{display:inline-block;position:relative}.el-select .el-select__tags>span{display:contents}.el-select:hover .el-input__inner{border-color:#C0C4CC}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#409EFF}.el-select .el-input .el-select__caret{color:#C0C4CC;font-size:14px;transition:transform .3s;transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;transform:rotateZ(180deg);border-radius:100%;color:#C0C4CC;transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#E4E7ED}.el-range-editor.is-active,.el-range-editor.is-active:hover,.el-select .el-input.is-focus .el-input__inner{border-color:#409EFF}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#C0C4CC;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;transform:translateY(-50%);display:flex;align-items:center;flex-wrap:wrap}.el-select__tags-text{overflow:hidden;text-overflow:ellipsis}.el-select .el-tag{box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5;display:flex;max-width:100%;align-items:center}.el-select .el-tag__close.el-icon-close{background-color:#C0C4CC;top:0;color:#FFF;flex-shrink:0}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-table,.el-table__expanded-cell{background-color:#FFF}.el-select .el-tag__close.el-icon-close::before{display:block;transform:translate(0,.5px)}.el-table{position:relative;overflow:hidden;box-sizing:border-box;flex:1;width:100%;max-width:100%;font-size:14px;color:#606266}.el-table__empty-block{min-height:60px;text-align:center;width:100%;display:flex;justify-content:center;align-items:center}.el-table__empty-text{line-height:60px;width:50%;color:#909399}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;transition:transform .2s ease-in-out;height:20px}.el-table__expand-icon--expanded{transform:rotate(90deg)}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table__placeholder{display:inline-block;width:20px}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-right:0;border-bottom:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table--scrollable-x .el-table__body-wrapper{overflow-x:auto}.el-table--scrollable-y .el-table__body-wrapper{overflow-y:auto}.el-table thead{color:#909399;font-weight:500}.el-table thead.is-group th.el-table__cell{background:#F5F7FA}.el-table .el-table__cell{padding:12px 0;min-width:0;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table .el-table__cell.is-hidden>*{visibility:hidden}.el-table--medium .el-table__cell{padding:10px 0}.el-table--small{font-size:12px}.el-table--small .el-table__cell{padding:8px 0}.el-table--mini{font-size:12px}.el-table--mini .el-table__cell{padding:6px 0}.el-table tr{background-color:#FFF}.el-table tr input[type=checkbox]{margin:0}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:1px solid #EBEEF5}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#FFF}.el-table th.el-table__cell>.cell{display:inline-block;box-sizing:border-box;position:relative;vertical-align:middle;padding-left:10px;padding-right:10px;width:100%}.el-table th.el-table__cell>.cell.highlight{color:#409EFF}.el-table th.el-table__cell.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table td.el-table__cell div{box-sizing:border-box}.el-date-table td,.el-table .cell,.el-table-filter{-webkit-box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table .cell{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;line-height:23px;padding-left:10px;padding-right:10px}.el-table .cell.el-tooltip{white-space:nowrap;min-width:50px}.el-table--border,.el-table--group{border:1px solid #EBEEF5}.el-table--border::after,.el-table--group::after,.el-table::before{content:'';position:absolute;background-color:#EBEEF5;z-index:1}.el-table--border::after,.el-table--group::after{top:0;right:0;width:1px;height:100%}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table--border{border-right:none;border-bottom:none}.el-table--border.el-loading-parent--relative{border-color:transparent}.el-table--border .el-table__cell,.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:1px solid #EBEEF5}.el-table--border .el-table__cell:first-child .cell{padding-left:10px}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:1px solid #EBEEF5;border-bottom-width:1px}.el-table--border th.el-table__cell,.el-table__fixed-right-patch{border-bottom:1px solid #EBEEF5}.el-table--hidden{visibility:hidden}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;overflow-y:hidden;box-shadow:0 0 10px rgba(0,0,0,.12)}.el-table__fixed-right::before,.el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#EBEEF5;z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:#FFF}.el-table__fixed-right{top:0;left:auto;right:0}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td.el-table__cell{border-top:1px solid #EBEEF5;background-color:#F5F7FA;color:#606266}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td.el-table__cell{border-top:1px solid #EBEEF5}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed;border-collapse:separate}.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table__footer-wrapper tbody td.el-table__cell,.el-table__header-wrapper tbody td.el-table__cell{background-color:#F5F7FA;color:#606266}.el-table__body-wrapper{overflow:hidden;position:relative}.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right{box-shadow:none}.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right{border-left:1px solid #EBEEF5}.el-table .caret-wrapper{display:inline-flex;flex-direction:column;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.el-table .sort-caret{width:0;height:0;border:5px solid transparent;position:absolute;left:7px}.el-table .sort-caret.ascending{border-bottom-color:#C0C4CC;top:5px}.el-table .sort-caret.descending{border-top-color:#C0C4CC;bottom:7px}.el-table .ascending .sort-caret.ascending{border-bottom-color:#409EFF}.el-table .descending .sort-caret.descending{border-top-color:#409EFF}.el-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#FAFAFA}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell,.el-table--striped .el-table__body tr.el-table__row--striped.selection-row td.el-table__cell{background-color:#ecf5ff}.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.selection-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row.selection-row>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell{background-color:#F5F7FA}.el-table__body tr.current-row>td.el-table__cell,.el-table__body tr.selection-row>td.el-table__cell{background-color:#ecf5ff}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #EBEEF5;z-index:10}.el-table__column-filter-trigger{display:inline-block;line-height:34px;cursor:pointer}.el-table__column-filter-trigger i{color:#909399;font-size:12px;transform:scale(.75)}.el-table--enable-row-transition .el-table__body td.el-table__cell{transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:#F5F7FA}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;width:20px;line-height:20px;height:20px;text-align:center;margin-right:3px}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:1px solid #EBEEF5;border-radius:2px;background-color:#FFF;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.el-table-filter__list-item:hover{background-color:#ecf5ff;color:#66b1ff}.el-table-filter__list-item.is-active{background-color:#409EFF;color:#FFF}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid #EBEEF5;padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:#606266;cursor:pointer;font-size:13px;padding:0 3px}.el-date-table td.in-range div,.el-date-table td.in-range div:hover,.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div{background-color:#F2F6FC}.el-table-filter__bottom button:hover{color:#409EFF}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-right:5px;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:#606266}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td{width:32px;height:30px;padding:4px 0;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.el-date-table td div{height:30px;padding:3px 0;box-sizing:border-box}.el-date-table td span{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;transform:translateX(-50%);border-radius:50%}.el-date-table td.next-month,.el-date-table td.prev-month{color:#C0C4CC}.el-date-table td.today{position:relative}.el-date-table td.today span{color:#409EFF;font-weight:700}.el-date-table td.today.end-date span,.el-date-table td.today.start-date span{color:#FFF}.el-date-table td.available:hover{color:#409EFF}.el-date-table td.current:not(.disabled) span{color:#FFF;background-color:#409EFF}.el-date-table td.end-date div,.el-date-table td.start-date div{color:#FFF}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:#409EFF}.el-date-table td.start-date div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled div{background-color:#F5F7FA;opacity:1;cursor:not-allowed;color:#C0C4CC}.el-date-table td.selected div{margin-left:5px;margin-right:5px;background-color:#F2F6FC;border-radius:15px}.el-date-table td.selected div:hover{background-color:#F2F6FC}.el-date-table td.selected span{background-color:#409EFF;color:#FFF;border-radius:15px}.el-date-table td.week{font-size:80%;color:#606266}.el-month-table,.el-year-table{font-size:12px;border-collapse:collapse}.el-date-table th{padding:5px;color:#606266;font-weight:400;border-bottom:solid 1px #EBEEF5}.el-month-table{margin:-1px}.el-month-table td{text-align:center;padding:8px 0;cursor:pointer}.el-month-table td div{height:48px;padding:6px 0;box-sizing:border-box}.el-month-table td.today .cell{color:#409EFF;font-weight:700}.el-month-table td.today.end-date .cell,.el-month-table td.today.start-date .cell{color:#FFF}.el-month-table td.disabled .cell{background-color:#F5F7FA;cursor:not-allowed;color:#C0C4CC}.el-month-table td.disabled .cell:hover{color:#C0C4CC}.el-month-table td .cell{width:60px;height:36px;display:block;line-height:36px;color:#606266;margin:0 auto;border-radius:18px}.el-month-table td .cell:hover{color:#409EFF}.el-month-table td.in-range div,.el-month-table td.in-range div:hover{background-color:#F2F6FC}.el-month-table td.end-date div,.el-month-table td.start-date div{color:#FFF}.el-month-table td.end-date .cell,.el-month-table td.start-date .cell{color:#FFF;background-color:#409EFF}.el-month-table td.start-date div{border-top-left-radius:24px;border-bottom-left-radius:24px}.el-month-table td.end-date div{border-top-right-radius:24px;border-bottom-right-radius:24px}.el-month-table td.current:not(.disabled) .cell{color:#409EFF}.el-year-table{margin:-1px}.el-year-table .el-icon{color:#303133}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.today .cell{color:#409EFF;font-weight:700}.el-year-table td.disabled .cell{background-color:#F5F7FA;cursor:not-allowed;color:#C0C4CC}.el-year-table td.disabled .cell:hover{color:#C0C4CC}.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px;color:#606266;margin:0 auto}.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell{color:#409EFF}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid #e4e4e4}.el-date-range-picker__content .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:#303133}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#FFF}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #EBEEF5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#606266}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#409EFF}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.selected:not(.disabled){color:#409EFF;font-weight:700}.time-select-item.disabled{color:#E4E7ED;cursor:not-allowed}.time-select-item:hover{background-color:#F5F7FA;font-weight:700;cursor:pointer}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:220px}.el-date-editor--monthrange.el-input,.el-date-editor--monthrange.el-input__inner{width:300px}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:350px}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:400px}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:#C0C4CC;float:left;line-height:32px}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:100%;margin:0;padding:0;width:39%;text-align:center;font-size:14px;color:#606266}.el-date-editor .el-range-input::-moz-placeholder{color:#C0C4CC}.el-date-editor .el-range-input::placeholder{color:#C0C4CC}.el-date-editor .el-range-separator{display:inline-block;height:100%;padding:0 5px;margin:0;text-align:center;line-height:32px;font-size:14px;width:5%;color:#303133}.el-date-editor .el-range__close-icon{font-size:14px;color:#C0C4CC;width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{display:inline-flex;align-items:center;padding:3px 10px}.el-range-editor .el-range-input{line-height:1}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#E4E7ED}.el-range-editor.is-disabled input{background-color:#F5F7FA;color:#C0C4CC;cursor:not-allowed}.el-range-editor.is-disabled input::-moz-placeholder{color:#C0C4CC}.el-range-editor.is-disabled input::placeholder{color:#C0C4CC}.el-range-editor.is-disabled .el-range-separator{color:#C0C4CC}.el-picker-panel{color:#606266;border:1px solid #E4E7ED;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#FFF;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#FFF;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#606266;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#409EFF}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#409EFF}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#409EFF}.el-picker-panel__icon-btn.is-disabled{color:#bbb}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;box-sizing:border-box;padding-top:6px;background-color:#FFF;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__wrapper.is-arrow{box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#FFF;cursor:default}.el-time-spinner__arrow{font-size:12px;color:#909399;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:#409EFF}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__list{margin:0;list-style:none}.el-time-spinner__list::after,.el-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:#606266}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#F5F7FA;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:#303133;font-weight:700}.el-time-spinner__item.disabled{color:#C0C4CC;cursor:not-allowed}.el-time-panel{margin:5px 0;border:1px solid #E4E7ED;background-color:#FFF;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:2px;position:absolute;width:180px;left:0;z-index:1000;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:content-box}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid #E4E7ED;border-bottom:1px solid #E4E7ED}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:calc(100% / 3 * 2)}.el-time-panel__content.has-seconds::before{padding-left:calc(100% / 3)}.el-time-panel__footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:#303133}.el-time-panel__btn.confirm{font-weight:800;color:#409EFF}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px}.el-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid #E4E7ED}.el-popover{position:absolute;background:#FFF;min-width:150px;border-radius:4px;border:1px solid #EBEEF5;padding:12px;z-index:2000;color:#606266;line-height:1.4;text-align:justify;font-size:14px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);word-break:break-all}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover,.el-cascader__dropdown,.el-color-picker__panel,.el-message-box,.el-notification{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#303133;font-size:16px;line-height:1;margin-bottom:12px}.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.v-modal-enter{animation:v-modal-in .2s ease}.v-modal-leave{animation:v-modal-out .2s ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}.el-popup-parent--hidden{overflow:hidden}.el-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#FFF;border-radius:4px;border:1px solid #EBEEF5;font-size:18px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;overflow:hidden;backface-visibility:hidden}.el-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.el-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:15px 15px 10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:18px;line-height:1;color:#303133}.el-message-box__headerbtn{position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus,.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus{border-color:#F56C6C}.el-message-box__headerbtn .el-message-box__close{color:#909399}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:#409EFF}.el-message-box__content{padding:10px 15px;color:#606266;font-size:14px}.el-message-box__container{position:relative}.el-message-box__input{padding-top:15px}.el-message-box__status{position:absolute;top:50%;transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px}.el-message-box__status.el-icon-success{color:#67C23A}.el-message-box__status.el-icon-info{color:#909399}.el-message-box__status.el-icon-warning{color:#E6A23C}.el-message-box__status.el-icon-error{color:#F56C6C}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:#F56C6C;font-size:12px;min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:flex;align-items:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{animation:msgbox-fade-out .3s}@keyframes msgbox-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:#C0C4CC}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner{color:#606266}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{font-weight:700;text-decoration:none;transition:color .2s cubic-bezier(.645,.045,.355,1);color:#303133}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:#409EFF;cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:#606266;cursor:text}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{display:inline-block;margin-right:10px;vertical-align:top}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item{margin-bottom:22px}.el-form-item::after,.el-form-item::before{display:table;content:""}.el-form-item::after{clear:both}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label-wrap{float:left}.el-form-item__label-wrap .el-form-item__label{display:inline-block;float:none}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item__content::after{clear:both}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:#F56C6C;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{content:'*';color:#F56C6C;margin-right:4px}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#F56C6C}.el-form-item--feedback .el-input__validateIcon{display:inline-block}.el-tabs__header{padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#409EFF;z-index:1;transition:transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:12px 0 9px 10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;transition:all .15s}.el-tabs__new-tab .el-icon-plus{transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:#409EFF}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#E4E7ED;z-index:1}.el-tabs__nav-wrap.is-scrollable{padding:0 20px;box-sizing:border-box}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:#909399}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;position:relative;transition:transform .3s;float:left;z-index:2}.el-tabs__nav.is-stretch{min-width:100%;display:flex}.el-tabs__nav.is-stretch>*{flex:1;text-align:center}.el-tabs__item{padding:0 20px;height:40px;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:#303133;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:0}.el-tabs__item:focus.is-active.is-focus:not(:active){box-shadow:0 0 2px 2px #409EFF inset;border-radius:3px}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{transform:scale(.9);display:inline-block}.el-tabs--card>.el-tabs__header .el-tabs__active-bar,.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left,.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs__item .el-icon-close:hover{background-color:#C0C4CC;color:#FFF}.el-tabs__item.is-active{color:#409EFF}.el-tabs__item:hover{color:#409EFF;cursor:pointer}.el-tabs__item.is-disabled{color:#C0C4CC;cursor:default}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header{border-bottom:1px solid #E4E7ED}.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid #E4E7ED;border-bottom:none;border-radius:4px 4px 0 0;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid #E4E7ED;transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#FFF}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close{width:14px}.el-tabs--border-card{background:#FFF;border:1px solid #DCDFE6;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:#F5F7FA;border-bottom:1px solid #E4E7ED;margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs--border-card>.el-tabs__header .el-tabs__item{transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;margin-top:-1px;color:#909399}.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{margin-left:-1px}.el-col-offset-0,.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:#409EFF;background-color:#FFF;border-right-color:#DCDFE6;border-left-color:#DCDFE6}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:#409EFF}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:#C0C4CC}.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),.el-tabs--top .el-tabs__item.is-top:nth-child(2){padding-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:last-child,.el-tabs--bottom .el-tabs__item.is-top:last-child,.el-tabs--top .el-tabs__item.is-bottom:last-child,.el-tabs--top .el-tabs__item.is-top:last-child{padding-right:0}.el-cascader-menu:last-child .el-cascader-node,.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid #DCDFE6}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{transform:rotateZ(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{right:auto;bottom:0}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__nav-wrap.is-left::after{right:0;left:auto}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left::after,.el-tabs--left .el-tabs__nav-wrap.is-right::after,.el-tabs--right .el-tabs__nav-wrap.is-left::after,.el-tabs--right .el-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{float:none}.el-tabs--left .el-tabs__item.is-left,.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-right{display:block}.el-tabs--left .el-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.el-button-group>.el-button:not(:last-child),.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-left:none;border-right:1px solid #E4E7ED;border-bottom:none;border-top:1px solid #E4E7ED;text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid #E4E7ED;border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid #E4E7ED;border-right-color:#fff;border-left:none;border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid #E4E7ED;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid #dfe4ed}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:#d1dbe5 transparent}.el-tabs--right .el-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right::after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid #E4E7ED}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid #E4E7ED;border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid #E4E7ED;border-left-color:#fff;border-right:none;border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid #E4E7ED;border-left:none}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid #dfe4ed}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:#d1dbe5 transparent}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter .3s}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave .3s}.slideInLeft-enter{animation:slideInLeft-enter .3s}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave .3s}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}.el-tree{position:relative;cursor:default;background:#FFF;color:#606266}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#909399;font-size:14px}.el-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:#409EFF}.el-tree-node{white-space:nowrap;outline:0}.el-tree-node:focus>.el-tree-node__content{background-color:#F5F7FA}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:#409EFF;color:#fff}.el-tree-node__content:hover,.el-upload-list__item:hover{background-color:#F5F7FA}.el-tree-node__content{display:flex;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{cursor:pointer;color:#C0C4CC;font-size:12px;transform:rotate(0);transition:transform .3s ease-in-out}.el-tree-node__expand-icon.expanded{transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#C0C4CC}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#f0f7ff}.el-alert{width:100%;padding:8px 16px;margin:0;box-sizing:border-box;border-radius:4px;position:relative;background-color:#FFF;overflow:hidden;opacity:1;display:flex;align-items:center;transition:opacity .2s}.el-alert.is-light .el-alert__closebtn{color:#C0C4CC}.el-alert.is-dark .el-alert__closebtn,.el-alert.is-dark .el-alert__description{color:#FFF}.el-alert.is-center{justify-content:center}.el-alert--success.is-light{background-color:#f0f9eb;color:#67C23A}.el-alert--success.is-light .el-alert__description{color:#67C23A}.el-alert--success.is-dark{background-color:#67C23A;color:#FFF}.el-alert--info.is-light{background-color:#f4f4f5;color:#909399}.el-alert--info.is-dark{background-color:#909399;color:#FFF}.el-alert--info .el-alert__description{color:#909399}.el-alert--warning.is-light{background-color:#fdf6ec;color:#E6A23C}.el-alert--warning.is-light .el-alert__description{color:#E6A23C}.el-alert--warning.is-dark{background-color:#E6A23C;color:#FFF}.el-alert--error.is-light{background-color:#fef0f0;color:#F56C6C}.el-alert--error.is-light .el-alert__description{color:#F56C6C}.el-alert--error.is-dark{background-color:#F56C6C;color:#FFF}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:16px;width:16px}.el-alert__icon.is-big{font-size:28px;width:28px}.el-alert__title{font-size:13px;line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:12px;margin:5px 0 0}.el-alert__closebtn{font-size:12px;opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert-fade-enter,.el-alert-fade-leave-active,.el-loading-fade-enter,.el-loading-fade-leave-active,.el-notification-fade-leave-active,.el-upload iframe{opacity:0}.el-carousel__arrow--right,.el-notification.right{right:16px}.el-alert__closebtn.is-customed{font-style:normal;font-size:13px;top:9px}.el-notification{display:flex;width:330px;padding:14px 26px 14px 13px;border-radius:8px;box-sizing:border-box;border:1px solid #EBEEF5;position:fixed;background-color:#FFF;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);transition:opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;overflow:hidden}.el-notification.left{left:16px}.el-notification__group{margin-left:13px;margin-right:8px}.el-notification__title{font-weight:700;font-size:16px;color:#303133;margin:0}.el-notification__content{font-size:14px;line-height:21px;margin:6px 0 0;color:#606266;text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:24px;width:24px;font-size:24px}.el-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:#909399;font-size:16px}.el-notification__closeBtn:hover{color:#606266}.el-notification .el-icon-success{color:#67C23A}.el-notification .el-icon-error{color:#F56C6C}.el-notification .el-icon-info{color:#909399}.el-notification .el-icon-warning{color:#E6A23C}.el-notification-fade-enter.right{right:0;transform:translateX(100%)}.el-notification-fade-enter.left{left:0;transform:translateX(-100%)}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#F5F7FA;color:#606266;cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:#409EFF}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#409EFF}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #DCDFE6}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #DCDFE6}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:#E4E7ED;color:#E4E7ED}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:#E4E7ED;cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{transform:scale(.9)}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 4px 0 0;border-bottom:1px solid #DCDFE6}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #DCDFE6;border-radius:0 0 4px}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-button-group::after,.el-button-group::before,.el-color-dropdown__main-wrapper::after,.el-link.is-underline:hover:after,.el-page-header__left::after,.el-progress-bar__inner::after,.el-row::after,.el-row::before,.el-slider::after,.el-slider::before,.el-slider__button-wrapper::after,.el-transfer-panel .el-transfer-panel__footer::after,.el-upload-cover::after,.el-upload-list--picture-card .el-upload-list__item-actions::after{content:""}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#FFF}.el-tooltip__popper.is-light{background:#FFF;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#FFF}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#FFF}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#FFF}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#FFF}.el-slider::after,.el-slider::before{display:table}.el-slider__button-wrapper .el-tooltip,.el-slider__button-wrapper::after{display:inline-block;vertical-align:middle}.el-slider::after{clear:both}.el-slider__runway{width:100%;height:6px;margin:16px 0;background-color:#E4E7ED;border-radius:3px;position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar{background-color:#C0C4CC}.el-slider__runway.disabled .el-slider__button{border-color:#C0C4CC}.el-slider__runway.disabled .el-slider__button-wrapper.dragging,.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{transform:scale(1);cursor:not-allowed}.el-slider__button-wrapper,.el-slider__stop{-webkit-transform:translateX(-50%);position:absolute}.el-slider__input{float:right;margin-top:3px;width:130px}.el-slider__input.el-input-number--mini{margin-top:5px}.el-slider__input.el-input-number--medium{margin-top:0}.el-slider__input.el-input-number--large{margin-top:-2px}.el-slider__bar{height:6px;background-color:#409EFF;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.el-slider__button-wrapper{height:36px;width:36px;z-index:1001;top:-15px;transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:normal}.el-image-viewer__btn,.el-slider__button,.el-step__icon-inner{-moz-user-select:none;-ms-user-select:none}.el-slider__button-wrapper::after{height:100%}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{width:16px;height:16px;border:2px solid #409EFF;background-color:#FFF;border-radius:50%;transition:.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{height:6px;width:6px;border-radius:100%;background-color:#FFF;transform:translateX(-50%)}.el-slider__marks{top:0;left:12px;width:18px;height:100%}.el-slider__marks-text{position:absolute;transform:translateX(-50%);font-size:14px;color:#909399;margin-top:15px}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:6px;height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:6px;height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:-15px;transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:1px solid #DCDFE6;line-height:20px;box-sizing:border-box;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:4px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:#C0C4CC}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:#409EFF}.el-slider.is-vertical .el-slider__marks-text{margin-top:0;left:15px;transform:translateY(50%)}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-col-pull-0,.el-col-pull-1,.el-col-pull-10,.el-col-pull-11,.el-col-pull-12,.el-col-pull-13,.el-col-pull-14,.el-col-pull-15,.el-col-pull-16,.el-col-pull-17,.el-col-pull-18,.el-col-pull-19,.el-col-pull-2,.el-col-pull-20,.el-col-pull-21,.el-col-pull-22,.el-col-pull-23,.el-col-pull-24,.el-col-pull-3,.el-col-pull-4,.el-col-pull-5,.el-col-pull-6,.el-col-pull-7,.el-col-pull-8,.el-col-pull-9,.el-col-push-0,.el-col-push-1,.el-col-push-10,.el-col-push-11,.el-col-push-12,.el-col-push-13,.el-col-push-14,.el-col-push-15,.el-col-push-16,.el-col-push-17,.el-col-push-18,.el-col-push-19,.el-col-push-2,.el-col-push-20,.el-col-push-21,.el-col-push-22,.el-col-push-23,.el-col-push-24,.el-col-push-3,.el-col-push-4,.el-col-push-5,.el-col-push-6,.el-col-push-7,.el-col-push-8,.el-col-push-9,.el-row,.el-upload-dragger,.el-upload-list__item{position:relative}.el-loading-spinner .el-loading-text{color:#409EFF;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#409EFF;stroke-linecap:round}.el-loading-spinner i{color:#409EFF}@keyframes loading-rotate{100%{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-row{box-sizing:border-box}.el-row::after,.el-row::before{display:table}.el-row::after{clear:both}.el-row--flex{display:flex}.el-col-0,.el-row--flex:after,.el-row--flex:before{display:none}.el-row--flex.is-justify-center{justify-content:center}.el-row--flex.is-justify-end{justify-content:flex-end}.el-row--flex.is-justify-space-between{justify-content:space-between}.el-row--flex.is-justify-space-around{justify-content:space-around}.el-row--flex.is-align-top{align-items:flex-start}.el-row--flex.is-align-middle{align-items:center}.el-row--flex.is-align-bottom{align-items:flex-end}[class*=el-col-]{float:left;box-sizing:border-box}.el-col-0{width:0%}.el-col-pull-0{right:0}.el-col-push-0{left:0}.el-col-1{width:4.16667%}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{right:4.16667%}.el-col-push-1{left:4.16667%}.el-col-2{width:8.33333%}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{right:8.33333%}.el-col-push-2{left:8.33333%}.el-col-3{width:12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{right:12.5%}.el-col-push-3{left:12.5%}.el-col-4{width:16.66667%}.el-col-offset-4{margin-left:16.66667%}.el-col-pull-4{right:16.66667%}.el-col-push-4{left:16.66667%}.el-col-5{width:20.83333%}.el-col-offset-5{margin-left:20.83333%}.el-col-pull-5{right:20.83333%}.el-col-push-5{left:20.83333%}.el-col-6{width:25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{right:25%}.el-col-push-6{left:25%}.el-col-7{width:29.16667%}.el-col-offset-7{margin-left:29.16667%}.el-col-pull-7{right:29.16667%}.el-col-push-7{left:29.16667%}.el-col-8{width:33.33333%}.el-col-offset-8{margin-left:33.33333%}.el-col-pull-8{right:33.33333%}.el-col-push-8{left:33.33333%}.el-col-9{width:37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{right:37.5%}.el-col-push-9{left:37.5%}.el-col-10{width:41.66667%}.el-col-offset-10{margin-left:41.66667%}.el-col-pull-10{right:41.66667%}.el-col-push-10{left:41.66667%}.el-col-11{width:45.83333%}.el-col-offset-11{margin-left:45.83333%}.el-col-pull-11{right:45.83333%}.el-col-push-11{left:45.83333%}.el-col-12{width:50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{right:50%}.el-col-push-12{left:50%}.el-col-13{width:54.16667%}.el-col-offset-13{margin-left:54.16667%}.el-col-pull-13{right:54.16667%}.el-col-push-13{left:54.16667%}.el-col-14{width:58.33333%}.el-col-offset-14{margin-left:58.33333%}.el-col-pull-14{right:58.33333%}.el-col-push-14{left:58.33333%}.el-col-15{width:62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{right:62.5%}.el-col-push-15{left:62.5%}.el-col-16{width:66.66667%}.el-col-offset-16{margin-left:66.66667%}.el-col-pull-16{right:66.66667%}.el-col-push-16{left:66.66667%}.el-col-17{width:70.83333%}.el-col-offset-17{margin-left:70.83333%}.el-col-pull-17{right:70.83333%}.el-col-push-17{left:70.83333%}.el-col-18{width:75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{right:75%}.el-col-push-18{left:75%}.el-col-19{width:79.16667%}.el-col-offset-19{margin-left:79.16667%}.el-col-pull-19{right:79.16667%}.el-col-push-19{left:79.16667%}.el-col-20{width:83.33333%}.el-col-offset-20{margin-left:83.33333%}.el-col-pull-20{right:83.33333%}.el-col-push-20{left:83.33333%}.el-col-21{width:87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{right:87.5%}.el-col-push-21{left:87.5%}.el-col-22{width:91.66667%}.el-col-offset-22{margin-left:91.66667%}.el-col-pull-22{right:91.66667%}.el-col-push-22{left:91.66667%}.el-col-23{width:95.83333%}.el-col-offset-23{margin-left:95.83333%}.el-col-pull-23{right:95.83333%}.el-col-push-23{left:95.83333%}.el-col-24{width:100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{right:100%}.el-col-push-24{left:100%}@media only screen and (max-width:767px){.el-col-xs-0{display:none;width:0%}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{position:relative;left:0}.el-col-xs-1{width:4.16667%}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{width:8.33333%}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{width:12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{width:16.66667%}.el-col-xs-offset-4{margin-left:16.66667%}.el-col-xs-pull-4{position:relative;right:16.66667%}.el-col-xs-push-4{position:relative;left:16.66667%}.el-col-xs-5{width:20.83333%}.el-col-xs-offset-5{margin-left:20.83333%}.el-col-xs-pull-5{position:relative;right:20.83333%}.el-col-xs-push-5{position:relative;left:20.83333%}.el-col-xs-6{width:25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{width:29.16667%}.el-col-xs-offset-7{margin-left:29.16667%}.el-col-xs-pull-7{position:relative;right:29.16667%}.el-col-xs-push-7{position:relative;left:29.16667%}.el-col-xs-8{width:33.33333%}.el-col-xs-offset-8{margin-left:33.33333%}.el-col-xs-pull-8{position:relative;right:33.33333%}.el-col-xs-push-8{position:relative;left:33.33333%}.el-col-xs-9{width:37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{width:41.66667%}.el-col-xs-offset-10{margin-left:41.66667%}.el-col-xs-pull-10{position:relative;right:41.66667%}.el-col-xs-push-10{position:relative;left:41.66667%}.el-col-xs-11{width:45.83333%}.el-col-xs-offset-11{margin-left:45.83333%}.el-col-xs-pull-11{position:relative;right:45.83333%}.el-col-xs-push-11{position:relative;left:45.83333%}.el-col-xs-12{width:50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{width:54.16667%}.el-col-xs-offset-13{margin-left:54.16667%}.el-col-xs-pull-13{position:relative;right:54.16667%}.el-col-xs-push-13{position:relative;left:54.16667%}.el-col-xs-14{width:58.33333%}.el-col-xs-offset-14{margin-left:58.33333%}.el-col-xs-pull-14{position:relative;right:58.33333%}.el-col-xs-push-14{position:relative;left:58.33333%}.el-col-xs-15{width:62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{width:66.66667%}.el-col-xs-offset-16{margin-left:66.66667%}.el-col-xs-pull-16{position:relative;right:66.66667%}.el-col-xs-push-16{position:relative;left:66.66667%}.el-col-xs-17{width:70.83333%}.el-col-xs-offset-17{margin-left:70.83333%}.el-col-xs-pull-17{position:relative;right:70.83333%}.el-col-xs-push-17{position:relative;left:70.83333%}.el-col-xs-18{width:75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{width:79.16667%}.el-col-xs-offset-19{margin-left:79.16667%}.el-col-xs-pull-19{position:relative;right:79.16667%}.el-col-xs-push-19{position:relative;left:79.16667%}.el-col-xs-20{width:83.33333%}.el-col-xs-offset-20{margin-left:83.33333%}.el-col-xs-pull-20{position:relative;right:83.33333%}.el-col-xs-push-20{position:relative;left:83.33333%}.el-col-xs-21{width:87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{width:91.66667%}.el-col-xs-offset-22{margin-left:91.66667%}.el-col-xs-pull-22{position:relative;right:91.66667%}.el-col-xs-push-22{position:relative;left:91.66667%}.el-col-xs-23{width:95.83333%}.el-col-xs-offset-23{margin-left:95.83333%}.el-col-xs-pull-23{position:relative;right:95.83333%}.el-col-xs-push-23{position:relative;left:95.83333%}.el-col-xs-24{width:100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0{display:none;width:0%}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{position:relative;left:0}.el-col-sm-1{width:4.16667%}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{width:8.33333%}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{width:12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{width:16.66667%}.el-col-sm-offset-4{margin-left:16.66667%}.el-col-sm-pull-4{position:relative;right:16.66667%}.el-col-sm-push-4{position:relative;left:16.66667%}.el-col-sm-5{width:20.83333%}.el-col-sm-offset-5{margin-left:20.83333%}.el-col-sm-pull-5{position:relative;right:20.83333%}.el-col-sm-push-5{position:relative;left:20.83333%}.el-col-sm-6{width:25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{width:29.16667%}.el-col-sm-offset-7{margin-left:29.16667%}.el-col-sm-pull-7{position:relative;right:29.16667%}.el-col-sm-push-7{position:relative;left:29.16667%}.el-col-sm-8{width:33.33333%}.el-col-sm-offset-8{margin-left:33.33333%}.el-col-sm-pull-8{position:relative;right:33.33333%}.el-col-sm-push-8{position:relative;left:33.33333%}.el-col-sm-9{width:37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{width:41.66667%}.el-col-sm-offset-10{margin-left:41.66667%}.el-col-sm-pull-10{position:relative;right:41.66667%}.el-col-sm-push-10{position:relative;left:41.66667%}.el-col-sm-11{width:45.83333%}.el-col-sm-offset-11{margin-left:45.83333%}.el-col-sm-pull-11{position:relative;right:45.83333%}.el-col-sm-push-11{position:relative;left:45.83333%}.el-col-sm-12{width:50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{width:54.16667%}.el-col-sm-offset-13{margin-left:54.16667%}.el-col-sm-pull-13{position:relative;right:54.16667%}.el-col-sm-push-13{position:relative;left:54.16667%}.el-col-sm-14{width:58.33333%}.el-col-sm-offset-14{margin-left:58.33333%}.el-col-sm-pull-14{position:relative;right:58.33333%}.el-col-sm-push-14{position:relative;left:58.33333%}.el-col-sm-15{width:62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{width:66.66667%}.el-col-sm-offset-16{margin-left:66.66667%}.el-col-sm-pull-16{position:relative;right:66.66667%}.el-col-sm-push-16{position:relative;left:66.66667%}.el-col-sm-17{width:70.83333%}.el-col-sm-offset-17{margin-left:70.83333%}.el-col-sm-pull-17{position:relative;right:70.83333%}.el-col-sm-push-17{position:relative;left:70.83333%}.el-col-sm-18{width:75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{width:79.16667%}.el-col-sm-offset-19{margin-left:79.16667%}.el-col-sm-pull-19{position:relative;right:79.16667%}.el-col-sm-push-19{position:relative;left:79.16667%}.el-col-sm-20{width:83.33333%}.el-col-sm-offset-20{margin-left:83.33333%}.el-col-sm-pull-20{position:relative;right:83.33333%}.el-col-sm-push-20{position:relative;left:83.33333%}.el-col-sm-21{width:87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{width:91.66667%}.el-col-sm-offset-22{margin-left:91.66667%}.el-col-sm-pull-22{position:relative;right:91.66667%}.el-col-sm-push-22{position:relative;left:91.66667%}.el-col-sm-23{width:95.83333%}.el-col-sm-offset-23{margin-left:95.83333%}.el-col-sm-pull-23{position:relative;right:95.83333%}.el-col-sm-push-23{position:relative;left:95.83333%}.el-col-sm-24{width:100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0{display:none;width:0%}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{position:relative;left:0}.el-col-md-1{width:4.16667%}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{width:8.33333%}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{width:12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{width:16.66667%}.el-col-md-offset-4{margin-left:16.66667%}.el-col-md-pull-4{position:relative;right:16.66667%}.el-col-md-push-4{position:relative;left:16.66667%}.el-col-md-5{width:20.83333%}.el-col-md-offset-5{margin-left:20.83333%}.el-col-md-pull-5{position:relative;right:20.83333%}.el-col-md-push-5{position:relative;left:20.83333%}.el-col-md-6{width:25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{width:29.16667%}.el-col-md-offset-7{margin-left:29.16667%}.el-col-md-pull-7{position:relative;right:29.16667%}.el-col-md-push-7{position:relative;left:29.16667%}.el-col-md-8{width:33.33333%}.el-col-md-offset-8{margin-left:33.33333%}.el-col-md-pull-8{position:relative;right:33.33333%}.el-col-md-push-8{position:relative;left:33.33333%}.el-col-md-9{width:37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{width:41.66667%}.el-col-md-offset-10{margin-left:41.66667%}.el-col-md-pull-10{position:relative;right:41.66667%}.el-col-md-push-10{position:relative;left:41.66667%}.el-col-md-11{width:45.83333%}.el-col-md-offset-11{margin-left:45.83333%}.el-col-md-pull-11{position:relative;right:45.83333%}.el-col-md-push-11{position:relative;left:45.83333%}.el-col-md-12{width:50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{width:54.16667%}.el-col-md-offset-13{margin-left:54.16667%}.el-col-md-pull-13{position:relative;right:54.16667%}.el-col-md-push-13{position:relative;left:54.16667%}.el-col-md-14{width:58.33333%}.el-col-md-offset-14{margin-left:58.33333%}.el-col-md-pull-14{position:relative;right:58.33333%}.el-col-md-push-14{position:relative;left:58.33333%}.el-col-md-15{width:62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{width:66.66667%}.el-col-md-offset-16{margin-left:66.66667%}.el-col-md-pull-16{position:relative;right:66.66667%}.el-col-md-push-16{position:relative;left:66.66667%}.el-col-md-17{width:70.83333%}.el-col-md-offset-17{margin-left:70.83333%}.el-col-md-pull-17{position:relative;right:70.83333%}.el-col-md-push-17{position:relative;left:70.83333%}.el-col-md-18{width:75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{width:79.16667%}.el-col-md-offset-19{margin-left:79.16667%}.el-col-md-pull-19{position:relative;right:79.16667%}.el-col-md-push-19{position:relative;left:79.16667%}.el-col-md-20{width:83.33333%}.el-col-md-offset-20{margin-left:83.33333%}.el-col-md-pull-20{position:relative;right:83.33333%}.el-col-md-push-20{position:relative;left:83.33333%}.el-col-md-21{width:87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{width:91.66667%}.el-col-md-offset-22{margin-left:91.66667%}.el-col-md-pull-22{position:relative;right:91.66667%}.el-col-md-push-22{position:relative;left:91.66667%}.el-col-md-23{width:95.83333%}.el-col-md-offset-23{margin-left:95.83333%}.el-col-md-pull-23{position:relative;right:95.83333%}.el-col-md-push-23{position:relative;left:95.83333%}.el-col-md-24{width:100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none;width:0%}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{position:relative;left:0}.el-col-lg-1{width:4.16667%}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{width:8.33333%}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{width:12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{width:16.66667%}.el-col-lg-offset-4{margin-left:16.66667%}.el-col-lg-pull-4{position:relative;right:16.66667%}.el-col-lg-push-4{position:relative;left:16.66667%}.el-col-lg-5{width:20.83333%}.el-col-lg-offset-5{margin-left:20.83333%}.el-col-lg-pull-5{position:relative;right:20.83333%}.el-col-lg-push-5{position:relative;left:20.83333%}.el-col-lg-6{width:25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{width:29.16667%}.el-col-lg-offset-7{margin-left:29.16667%}.el-col-lg-pull-7{position:relative;right:29.16667%}.el-col-lg-push-7{position:relative;left:29.16667%}.el-col-lg-8{width:33.33333%}.el-col-lg-offset-8{margin-left:33.33333%}.el-col-lg-pull-8{position:relative;right:33.33333%}.el-col-lg-push-8{position:relative;left:33.33333%}.el-col-lg-9{width:37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{width:41.66667%}.el-col-lg-offset-10{margin-left:41.66667%}.el-col-lg-pull-10{position:relative;right:41.66667%}.el-col-lg-push-10{position:relative;left:41.66667%}.el-col-lg-11{width:45.83333%}.el-col-lg-offset-11{margin-left:45.83333%}.el-col-lg-pull-11{position:relative;right:45.83333%}.el-col-lg-push-11{position:relative;left:45.83333%}.el-col-lg-12{width:50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{width:54.16667%}.el-col-lg-offset-13{margin-left:54.16667%}.el-col-lg-pull-13{position:relative;right:54.16667%}.el-col-lg-push-13{position:relative;left:54.16667%}.el-col-lg-14{width:58.33333%}.el-col-lg-offset-14{margin-left:58.33333%}.el-col-lg-pull-14{position:relative;right:58.33333%}.el-col-lg-push-14{position:relative;left:58.33333%}.el-col-lg-15{width:62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{width:66.66667%}.el-col-lg-offset-16{margin-left:66.66667%}.el-col-lg-pull-16{position:relative;right:66.66667%}.el-col-lg-push-16{position:relative;left:66.66667%}.el-col-lg-17{width:70.83333%}.el-col-lg-offset-17{margin-left:70.83333%}.el-col-lg-pull-17{position:relative;right:70.83333%}.el-col-lg-push-17{position:relative;left:70.83333%}.el-col-lg-18{width:75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{width:79.16667%}.el-col-lg-offset-19{margin-left:79.16667%}.el-col-lg-pull-19{position:relative;right:79.16667%}.el-col-lg-push-19{position:relative;left:79.16667%}.el-col-lg-20{width:83.33333%}.el-col-lg-offset-20{margin-left:83.33333%}.el-col-lg-pull-20{position:relative;right:83.33333%}.el-col-lg-push-20{position:relative;left:83.33333%}.el-col-lg-21{width:87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{width:91.66667%}.el-col-lg-offset-22{margin-left:91.66667%}.el-col-lg-pull-22{position:relative;right:91.66667%}.el-col-lg-push-22{position:relative;left:91.66667%}.el-col-lg-23{width:95.83333%}.el-col-lg-offset-23{margin-left:95.83333%}.el-col-lg-pull-23{position:relative;right:95.83333%}.el-col-lg-push-23{position:relative;left:95.83333%}.el-col-lg-24{width:100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none;width:0%}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{position:relative;left:0}.el-col-xl-1{width:4.16667%}.el-col-xl-offset-1{margin-left:4.16667%}.el-col-xl-pull-1{position:relative;right:4.16667%}.el-col-xl-push-1{position:relative;left:4.16667%}.el-col-xl-2{width:8.33333%}.el-col-xl-offset-2{margin-left:8.33333%}.el-col-xl-pull-2{position:relative;right:8.33333%}.el-col-xl-push-2{position:relative;left:8.33333%}.el-col-xl-3{width:12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{width:16.66667%}.el-col-xl-offset-4{margin-left:16.66667%}.el-col-xl-pull-4{position:relative;right:16.66667%}.el-col-xl-push-4{position:relative;left:16.66667%}.el-col-xl-5{width:20.83333%}.el-col-xl-offset-5{margin-left:20.83333%}.el-col-xl-pull-5{position:relative;right:20.83333%}.el-col-xl-push-5{position:relative;left:20.83333%}.el-col-xl-6{width:25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{width:29.16667%}.el-col-xl-offset-7{margin-left:29.16667%}.el-col-xl-pull-7{position:relative;right:29.16667%}.el-col-xl-push-7{position:relative;left:29.16667%}.el-col-xl-8{width:33.33333%}.el-col-xl-offset-8{margin-left:33.33333%}.el-col-xl-pull-8{position:relative;right:33.33333%}.el-col-xl-push-8{position:relative;left:33.33333%}.el-col-xl-9{width:37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{width:41.66667%}.el-col-xl-offset-10{margin-left:41.66667%}.el-col-xl-pull-10{position:relative;right:41.66667%}.el-col-xl-push-10{position:relative;left:41.66667%}.el-col-xl-11{width:45.83333%}.el-col-xl-offset-11{margin-left:45.83333%}.el-col-xl-pull-11{position:relative;right:45.83333%}.el-col-xl-push-11{position:relative;left:45.83333%}.el-col-xl-12{width:50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{width:54.16667%}.el-col-xl-offset-13{margin-left:54.16667%}.el-col-xl-pull-13{position:relative;right:54.16667%}.el-col-xl-push-13{position:relative;left:54.16667%}.el-col-xl-14{width:58.33333%}.el-col-xl-offset-14{margin-left:58.33333%}.el-col-xl-pull-14{position:relative;right:58.33333%}.el-col-xl-push-14{position:relative;left:58.33333%}.el-col-xl-15{width:62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{width:66.66667%}.el-col-xl-offset-16{margin-left:66.66667%}.el-col-xl-pull-16{position:relative;right:66.66667%}.el-col-xl-push-16{position:relative;left:66.66667%}.el-col-xl-17{width:70.83333%}.el-col-xl-offset-17{margin-left:70.83333%}.el-col-xl-pull-17{position:relative;right:70.83333%}.el-col-xl-push-17{position:relative;left:70.83333%}.el-col-xl-18{width:75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{width:79.16667%}.el-col-xl-offset-19{margin-left:79.16667%}.el-col-xl-pull-19{position:relative;right:79.16667%}.el-col-xl-push-19{position:relative;left:79.16667%}.el-col-xl-20{width:83.33333%}.el-col-xl-offset-20{margin-left:83.33333%}.el-col-xl-pull-20{position:relative;right:83.33333%}.el-col-xl-push-20{position:relative;left:83.33333%}.el-col-xl-21{width:87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{width:91.66667%}.el-col-xl-offset-22{margin-left:91.66667%}.el-col-xl-pull-22{position:relative;right:91.66667%}.el-col-xl-push-22{position:relative;left:91.66667%}.el-col-xl-23{width:95.83333%}.el-col-xl-offset-23{margin-left:95.83333%}.el-col-xl-pull-23{position:relative;right:95.83333%}.el-col-xl-push-23{position:relative;left:95.83333%}.el-col-xl-24{width:100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:#606266;margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;filter:alpha(opacity=0)}.el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;cursor:pointer;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover,.el-upload:focus{border-color:#409EFF;color:#409EFF}.el-upload:focus .el-upload-dragger{border-color:#409EFF}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;width:360px;height:180px;text-align:center;cursor:pointer;overflow:hidden}.el-upload-dragger .el-icon-upload{font-size:67px;color:#C0C4CC;margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid #DCDFE6;margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:#606266;font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:#409EFF;font-style:normal}.el-upload-dragger:hover{border-color:#409EFF}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #409EFF}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:#606266;line-height:1.8;margin-top:5px;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:#67C23A}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:#606266}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item .el-icon-close-tip{display:none;position:absolute;top:5px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:#409EFF}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:#409EFF;cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip{display:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item-name{color:#606266;display:block;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;transition:color .3s;white-space:nowrap}.el-upload-list__item-name [class^=el-icon]{height:100%;margin-right:7px;color:#909399;line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:#606266;display:none}.el-upload-list__item-delete:hover{color:#409EFF}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#FFF}.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);transition:opacity .3s}.el-upload-list--picture-card .el-upload-list__item-actions::after{display:inline-block;height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;z-index:0;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#FFF}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px;background-color:#FFF}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;transform:rotate(45deg);box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover::after{display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#FFF;font-size:14px;cursor:pointer;vertical-align:middle;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);margin-top:60px}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#FFF;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#FFF;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:#303133}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-progress{position:relative;line-height:1}.el-progress__text{font-size:14px;color:#606266;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;transform:translate(0,-50%)}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:#67C23A}.el-progress.is-success .el-progress__text{color:#67C23A}.el-progress.is-warning .el-progress-bar__inner{background-color:#E6A23C}.el-badge__content,.el-progress.is-exception .el-progress-bar__inner{background-color:#F56C6C}.el-progress.is-warning .el-progress__text{color:#E6A23C}.el-progress.is-exception .el-progress__text{color:#F56C6C}.el-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;box-sizing:border-box}.el-card__header,.el-message,.el-step__icon{-webkit-box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:#EBEEF5;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#409EFF;text-align:right;border-radius:100px;line-height:1;white-space:nowrap;transition:width .6s ease}.el-progress-bar__inner::after{display:inline-block;height:100%;vertical-align:middle}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#FFF;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}.el-time-spinner{width:100%;white-space:nowrap}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-message{min-width:380px;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;border-color:#EBEEF5;position:fixed;left:50%;top:20px;transform:translateX(-50%);background-color:#edf2fc;transition:opacity .3s,transform .4s,top .4s;overflow:hidden;padding:15px 15px 15px 20px;display:flex;align-items:center}.el-message.is-center{justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:#909399}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.el-message--success .el-message__content{color:#67C23A}.el-message--warning{background-color:#fdf6ec;border-color:#faecd8}.el-message--warning .el-message__content{color:#E6A23C}.el-message--error{background-color:#fef0f0;border-color:#fde2e2}.el-message--error .el-message__content{color:#F56C6C}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message__closeBtn{position:absolute;top:50%;right:15px;transform:translateY(-50%);cursor:pointer;color:#C0C4CC;font-size:16px}.el-message__closeBtn:focus{outline-width:0}.el-message__closeBtn:hover{color:#909399}.el-message .el-icon-success{color:#67C23A}.el-message .el-icon-error{color:#F56C6C}.el-message .el-icon-info{color:#909399}.el-message .el-icon-warning{color:#E6A23C}.el-message-fade-enter,.el-message-fade-leave-active{opacity:0;transform:translate(-50%,-100%)}.el-badge{position:relative;vertical-align:middle;display:inline-block}.el-badge__content{border-radius:10px;color:#FFF;display:inline-block;font-size:12px;height:18px;line-height:18px;padding:0 6px;text-align:center;white-space:nowrap;border:1px solid #FFF}.el-badge__content.is-fixed{position:absolute;top:0;right:10px;transform:translateY(-50%) translateX(100%)}.el-rate__icon,.el-rate__item{position:relative;display:inline-block}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.el-badge__content--primary{background-color:#409EFF}.el-badge__content--success{background-color:#67C23A}.el-badge__content--warning{background-color:#E6A23C}.el-badge__content--info{background-color:#909399}.el-badge__content--danger{background-color:#F56C6C}.el-card{border-radius:4px;border:1px solid #EBEEF5;background-color:#FFF;overflow:hidden;color:#303133;transition:.3s}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-card__header{padding:18px 20px;border-bottom:1px solid #EBEEF5;box-sizing:border-box}.el-card__body,.el-main{padding:20px}.el-rate{height:20px;line-height:1}.el-rate:active,.el-rate:focus{outline-width:0}.el-rate__item{font-size:0;vertical-align:middle}.el-rate__icon{font-size:18px;margin-right:6px;color:#C0C4CC;transition:.3s}.el-rate__decimal,.el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate__icon.hover{transform:scale(1.15)}.el-rate__decimal{display:inline-block;overflow:hidden}.el-step.is-vertical,.el-steps{display:-ms-flexbox}.el-rate__text{font-size:14px;vertical-align:middle}.el-steps{display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#F5F7FA}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{height:100%;flex-flow:column}.el-step{position:relative;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{flex-basis:auto!important;flex-shrink:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:#303133;border-color:#303133}.el-step__head.is-wait{color:#C0C4CC;border-color:#C0C4CC}.el-step__head.is-success{color:#67C23A;border-color:#67C23A}.el-step__head.is-error{color:#F56C6C;border-color:#F56C6C}.el-step__head.is-finish{color:#409EFF;border-color:#409EFF}.el-step__icon{position:relative;z-index:1;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;box-sizing:border-box;background:#FFF;transition:.15s ease-out}.el-step.is-horizontal,.el-step__icon-inner{display:inline-block}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:#C0C4CC}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;transition:.15s ease-out;box-sizing:border-box;width:0;height:0}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:#303133}.el-step__title.is-wait{color:#C0C4CC}.el-step__title.is-success{color:#67C23A}.el-step__title.is-error{color:#F56C6C}.el-step__title.is-finish{color:#409EFF}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:#303133}.el-step__description.is-wait{color:#C0C4CC}.el-step__description.is-success{color:#67C23A}.el-step__description.is-error{color:#F56C6C}.el-step__description.is-finish{color:#409EFF}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:flex}.el-step.is-vertical .el-step__head{flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:flex;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:flex;align-items:stretch;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{flex-grow:1;display:flex;align-items:center;justify-content:center}.el-step.is-simple .el-step__arrow::after,.el-step.is-simple .el-step__arrow::before{content:'';display:inline-block;position:absolute;height:15px;width:1px;background:#C0C4CC}.el-step.is-simple .el-step__arrow::before{transform:rotate(-45deg) translateY(-4px);transform-origin:0 0}.el-step.is-simple .el-step__arrow::after{transform:rotate(45deg) translateY(4px);transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-carousel{position:relative}.el-carousel--horizontal{overflow-x:hidden}.el-carousel--vertical{overflow-y:hidden}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:36px;width:36px;cursor:pointer;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#FFF;position:absolute;top:50%;z-index:10;transform:translateY(-50%);text-align:center;font-size:12px}.el-carousel__arrow--left{left:16px}.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;margin:0;padding:0;z-index:2}.el-carousel__indicators--horizontal{bottom:0;left:50%;transform:translateX(-50%)}.el-carousel__indicators--vertical{right:0;top:50%;transform:translateY(-50%)}.el-carousel__indicators--outside{bottom:26px;text-align:center;position:static;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:#C0C4CC;opacity:.24}.el-carousel__indicators--labels{left:0;right:0;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{background-color:transparent;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{display:inline-block;padding:12px 4px}.el-carousel__indicator--vertical{padding:4px 12px}.el-carousel__indicator--vertical .el-carousel__button{width:2px;height:15px}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:30px;height:2px;background-color:#FFF;border:none;outline:0;padding:0;margin:0;cursor:pointer;transition:.3s}.el-carousel__item,.el-carousel__mask{height:100%;position:absolute;top:0;left:0}.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{transform:translateY(-50%) translateX(10px);opacity:0}.el-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.el-carousel__item.is-active{z-index:2}.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-carousel__item--card{width:50%;transition:transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:2}.el-carousel__mask{width:100%;background-color:#FFF;opacity:.24;transition:.2s}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-collapse{border-top:1px solid #EBEEF5;border-bottom:1px solid #EBEEF5}.el-collapse-item.is-disabled .el-collapse-item__header{color:#bbb;cursor:not-allowed}.el-collapse-item__header{display:flex;align-items:center;height:48px;line-height:48px;background-color:#FFF;color:#303133;cursor:pointer;border-bottom:1px solid #EBEEF5;font-size:13px;font-weight:500;transition:border-bottom-color .3s;outline:0}.el-collapse-item__arrow{margin:0 8px 0 auto;transition:transform .3s;font-weight:300}.el-collapse-item__arrow.is-active{transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:#409EFF}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{will-change:height;background-color:#FFF;overflow:hidden;box-sizing:border-box;border-bottom:1px solid #EBEEF5}.el-cascader__search-input,.el-cascader__tags,.el-tag{-webkit-box-sizing:border-box}.el-collapse-item__content{padding-bottom:25px;font-size:13px;color:#303133;line-height:1.769230769230769}.el-collapse-item:last-child{margin-bottom:-1px}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-cascader,.el-tag{display:inline-block}.el-popper .popper__arrow{border-width:6px;filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#EBEEF5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#FFF;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#EBEEF5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#FFF}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#EBEEF5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#FFF;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#EBEEF5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#FFF}.el-tag{background-color:#ecf5ff;border-color:#d9ecff;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#409EFF;border-width:1px;border-style:solid;border-radius:4px;box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#409EFF}.el-tag .el-tag__close{color:#409eff}.el-tag .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--info .el-tag__close{color:#909399}.el-tag.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag.el-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67C23A}.el-tag.el-tag--success .el-tag__close{color:#67c23a}.el-tag.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag.el-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag.el-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#409eff;border-color:#409eff;color:#fff}.el-tag--dark.is-hit{border-color:#409EFF}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#FFF;background-color:#66b1ff}.el-tag--dark.el-tag--info{background-color:#909399;border-color:#909399;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#a6a9ad}.el-tag--dark.el-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#67C23A}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#85ce61}.el-tag--dark.el-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#ebb563}.el-tag--dark.el-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f78989}.el-tag--plain{background-color:#fff;border-color:#b3d8ff;color:#409eff}.el-tag--plain.is-hit{border-color:#409EFF}.el-tag--plain .el-tag__close{color:#409eff}.el-tag--plain .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--info .el-tag__close{color:#909399}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67C23A}.el-tag--plain.el-tag--success .el-tag__close{color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--plain.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;transform:scale(.7)}.el-cascader{position:relative;font-size:14px;line-height:40px}.el-cascader:not(.is-disabled):hover .el-input__inner{cursor:pointer;border-color:#C0C4CC}.el-cascader .el-input .el-input__inner:focus,.el-cascader .el-input.is-focus .el-input__inner{border-color:#409EFF}.el-cascader .el-input{cursor:pointer}.el-cascader .el-input .el-input__inner{text-overflow:ellipsis}.el-cascader .el-input .el-icon-arrow-down{transition:transform .3s;font-size:14px}.el-cascader .el-input .el-icon-arrow-down.is-reverse{transform:rotateZ(180deg)}.el-cascader .el-input .el-icon-circle-close:hover{color:#909399}.el-cascader--medium{font-size:14px;line-height:36px}.el-cascader--small{font-size:13px;line-height:32px}.el-cascader--mini{font-size:12px;line-height:28px}.el-cascader.is-disabled .el-cascader__label{z-index:2;color:#C0C4CC}.el-cascader__dropdown{margin:5px 0;font-size:14px;background:#FFF;border:1px solid #E4E7ED;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-cascader__tags{position:absolute;left:0;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-wrap:wrap;line-height:normal;text-align:left;box-sizing:border-box}.el-cascader__tags .el-tag{display:inline-flex;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:#f0f2f5}.el-cascader__tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__tags .el-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.el-cascader__tags .el-tag .el-icon-close{flex:none;background-color:#C0C4CC;color:#FFF}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:#909399}.el-cascader__suggestion-panel{border-radius:4px}.el-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:14px;color:#606266;text-align:center}.el-cascader__suggestion-item{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 15px;text-align:left;outline:0;cursor:pointer}.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover{background:#F5F7FA}.el-cascader__suggestion-item.is-checked{color:#409EFF;font-weight:700}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{margin:10px 0;color:#C0C4CC}.el-cascader__search-input{flex:1;height:24px;min-width:60px;margin:2px 0 2px 15px;padding:0;color:#606266;border:none;outline:0;box-sizing:border-box}.el-cascader__search-input::-moz-placeholder{color:#C0C4CC}.el-cascader__search-input::placeholder{color:#C0C4CC}.el-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap}.el-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px #409EFF}.el-color-predefine__color-selector>div{display:flex;height:100%;border-radius:3px}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px}.el-color-hue-slider__bar{position:relative;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-dropdown__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-color-dropdown__btn[disabled]{color:#ccc;cursor:not-allowed}.el-color-dropdown__btn:hover{color:#409EFF;border-color:#409EFF}.el-color-dropdown__link-btn{cursor:pointer;color:#409EFF;text-decoration:none;padding:15px;font-size:12px}.el-color-dropdown__link-btn:hover{color:tint(#409EFF,20%)}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.el-color-picker__trigger{display:inline-block;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;box-sizing:border-box;border:1px solid #999;border-radius:2px;width:100%;height:100%;text-align:center}.el-color-picker__icon,.el-input,.el-textarea{display:inline-block;width:100%}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty{font-size:12px;color:#999;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);color:#FFF;text-align:center;font-size:12px}.el-input__prefix,.el-input__suffix{position:absolute;top:0;text-align:center}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;box-sizing:content-box;background-color:#FFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-input__inner,.el-textarea__inner,.el-transfer-panel{-webkit-box-sizing:border-box}.el-textarea{position:relative;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-moz-placeholder{color:#C0C4CC}.el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea__inner:hover{border-color:#C0C4CC}.el-textarea__inner:focus{outline:0;border-color:#409EFF}.el-textarea .el-input__count{color:#909399;background:#FFF;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea.is-exceed .el-textarea__inner{border-color:#F56C6C}.el-textarea.is-exceed .el-input__count{color:#F56C6C}.el-input{position:relative;font-size:14px}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#C0C4CC;font-size:14px;cursor:pointer;transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:inline-flex;align-items:center;color:#909399;font-size:12px}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input,.el-input__inner{font-size:inherit}.el-input .el-input__count .el-input__count-inner{background:#FFF;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#FFF;background-image:none;border-radius:4px;border:1px solid #DCDFE6;box-sizing:border-box;color:#606266;display:inline-block;height:40px;line-height:40px;outline:0;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-moz-placeholder{color:#C0C4CC}.el-input__inner::placeholder{color:#C0C4CC}.el-input__inner:hover{border-color:#C0C4CC}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#409EFF;outline:0}.el-input__suffix{height:100%;right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{height:100%;left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-image-viewer__btn,.el-image__preview,.el-link,.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-input.is-exceed .el-input__inner{border-color:#F56C6C}.el-input.is-exceed .el-input__suffix .el-input__count{color:#F56C6C}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#F5F7FA;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #DCDFE6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-transfer{font-size:14px}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button{display:block;margin:0 auto;padding:10px;border-radius:50%;color:#FFF;background-color:#409EFF;font-size:0}.el-button-group>.el-button+.el-button,.el-transfer-panel__item+.el-transfer-panel__item,.el-transfer__button [class*=el-icon-]+span{margin-left:0}.el-divider__text,.el-image__error,.el-link,.el-timeline,.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer__button.is-with-texts{border-radius:4px}.el-transfer__button.is-disabled,.el-transfer__button.is-disabled:hover{border:1px solid #DCDFE6;background-color:#F5F7FA;color:#C0C4CC}.el-transfer__button:first-child{margin-bottom:10px}.el-transfer__button:nth-child(2){margin:0}.el-transfer-panel{border:1px solid #EBEEF5;border-radius:4px;overflow:hidden;background:#FFF;display:inline-block;vertical-align:middle;width:200px;max-height:100%;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:246px}.el-transfer-panel__body.is-with-footer{padding-bottom:40px}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:194px;padding-top:0}.el-transfer-panel__item{height:30px;line-height:30px;padding-left:15px;display:block!important}.el-transfer-panel__item.el-checkbox{color:#606266}.el-transfer-panel__item:hover{color:#409EFF}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;box-sizing:border-box;padding-left:24px;line-height:30px}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;margin:15px;box-sizing:border-box;display:block;width:auto}.el-transfer-panel__filter .el-input__inner{height:32px;width:100%;font-size:12px;display:inline-block;box-sizing:border-box;border-radius:16px;padding-right:10px;padding-left:30px}.el-transfer-panel__filter .el-input__icon{margin-left:5px}.el-transfer-panel .el-transfer-panel__header{height:40px;line-height:40px;background:#F5F7FA;margin:0;padding-left:15px;border-bottom:1px solid #EBEEF5;box-sizing:border-box;color:#000}.el-container,.el-header{-webkit-box-sizing:border-box}.el-transfer-panel .el-transfer-panel__header .el-checkbox{display:block;line-height:40px}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:#303133;font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;color:#909399;font-size:12px;font-weight:400}.el-transfer-panel .el-transfer-panel__footer{height:40px;background:#FFF;margin:0;padding:0;border-top:1px solid #EBEEF5;position:absolute;bottom:0;left:0;width:100%;z-index:1}.el-transfer-panel .el-transfer-panel__footer::after{display:inline-block;height:100%;vertical-align:middle}.el-container,.el-timeline-item__node{display:-ms-flexbox}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:#606266}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#909399;text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}.el-container{display:flex;flex-direction:row;flex:1;flex-basis:auto;box-sizing:border-box;min-width:0}.el-container.is-vertical,.el-drawer,.el-empty,.el-result{-webkit-box-orient:vertical}.el-container.is-vertical{flex-direction:column}.el-header{padding:0 20px;box-sizing:border-box;flex-shrink:0}.el-aside{overflow:auto;box-sizing:border-box;flex-shrink:0}.el-main{display:block;flex:1;flex-basis:auto;overflow:auto;box-sizing:border-box}.el-footer{padding:0 20px;box-sizing:border-box;flex-shrink:0}.el-timeline{margin:0;list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline-item{position:relative;padding-bottom:20px}.el-timeline-item__wrapper{position:relative;padding-left:28px;top:-3px}.el-timeline-item__tail{position:absolute;left:4px;height:100%;border-left:2px solid #E4E7ED}.el-timeline-item__icon{color:#FFF;font-size:13px}.el-timeline-item__node{position:absolute;background-color:#E4E7ED;border-radius:50%;display:flex;justify-content:center;align-items:center}.el-image__error,.el-timeline-item__dot{display:-ms-flexbox}.el-timeline-item__node--normal{left:-1px;width:12px;height:12px}.el-timeline-item__node--large{left:-2px;width:14px;height:14px}.el-timeline-item__node--primary{background-color:#409EFF}.el-timeline-item__node--success{background-color:#67C23A}.el-timeline-item__node--warning{background-color:#E6A23C}.el-timeline-item__node--danger{background-color:#F56C6C}.el-timeline-item__node--info{background-color:#909399}.el-timeline-item__dot{position:absolute;display:flex;justify-content:center;align-items:center}.el-timeline-item__content{color:#303133}.el-timeline-item__timestamp{color:#909399;line-height:1;font-size:13px}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-link{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;padding:0;font-weight:500}.el-link.is-underline:hover:after{position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid #409EFF}.el-link.el-link--default:after,.el-link.el-link--primary.is-underline:hover:after,.el-link.el-link--primary:after{border-color:#409EFF}.el-link.is-disabled{cursor:not-allowed}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link.el-link--default{color:#606266}.el-link.el-link--default:hover{color:#409EFF}.el-link.el-link--default.is-disabled{color:#C0C4CC}.el-link.el-link--primary{color:#409EFF}.el-link.el-link--primary:hover{color:#66b1ff}.el-link.el-link--primary.is-disabled{color:#a0cfff}.el-link.el-link--danger.is-underline:hover:after,.el-link.el-link--danger:after{border-color:#F56C6C}.el-link.el-link--danger{color:#F56C6C}.el-link.el-link--danger:hover{color:#f78989}.el-link.el-link--danger.is-disabled{color:#fab6b6}.el-link.el-link--success.is-underline:hover:after,.el-link.el-link--success:after{border-color:#67C23A}.el-link.el-link--success{color:#67C23A}.el-link.el-link--success:hover{color:#85ce61}.el-link.el-link--success.is-disabled{color:#b3e19d}.el-link.el-link--warning.is-underline:hover:after,.el-link.el-link--warning:after{border-color:#E6A23C}.el-link.el-link--warning{color:#E6A23C}.el-link.el-link--warning:hover{color:#ebb563}.el-link.el-link--warning.is-disabled{color:#f3d19e}.el-link.el-link--info.is-underline:hover:after,.el-link.el-link--info:after{border-color:#909399}.el-link.el-link--info{color:#909399}.el-link.el-link--info:hover{color:#a6a9ad}.el-link.el-link--info.is-disabled{color:#c8c9cc}.el-divider{background-color:#DCDFE6;position:relative}.el-divider--horizontal{display:block;height:1px;width:100%;margin:24px 0}.el-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;position:relative}.el-divider__text{position:absolute;background-color:#FFF;padding:0 20px;font-weight:500;color:#303133}.el-image__error,.el-image__placeholder{background:#F5F7FA}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}.el-image__error,.el-image__inner,.el-image__placeholder{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top}.el-image__inner--center{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);display:block}.el-image__error{display:flex;justify-content:center;align-items:center;color:#C0C4CC;vertical-align:middle}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.8;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-button,.el-checkbox,.el-checkbox-button__inner,.el-empty__image img,.el-radio{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:24px;color:#fff;background-color:#606266}.el-image-viewer__canvas{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.el-image-viewer__actions{left:50%;bottom:30px;transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:#606266;border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:flex;align-items:center;justify-content:space-around}.el-image-viewer__next,.el-image-viewer__prev{width:44px;height:44px;font-size:24px;color:#fff;background-color:#606266;border-color:#fff;top:50%}.el-image-viewer__prev{transform:translateY(-50%);left:40px}.el-image-viewer__next{transform:translateY(-50%);right:40px;text-indent:2px}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{animation:viewer-fade-in .3s}.viewer-fade-leave-active{animation:viewer-fade-out .3s}@keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button,.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-button:focus,.el-button:hover{color:#409EFF;border-color:#c6e2ff;background-color:#ecf5ff}.el-button:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#FFF;border-color:#409EFF;color:#409EFF}.el-button.is-active,.el-button.is-plain:active{color:#3a8ee6;border-color:#3a8ee6}.el-button.is-plain:active{background:#FFF;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#FFF;border-color:#EBEEF5;color:#C0C4CC}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#FFF;background-color:#409EFF;border-color:#409EFF}.el-button--primary:focus,.el-button--primary:hover{background:#66b1ff;border-color:#66b1ff;color:#FFF}.el-button--primary.is-active,.el-button--primary:active{background:#3a8ee6;border-color:#3a8ee6;color:#FFF}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#FFF;background-color:#a0cfff;border-color:#a0cfff}.el-button--primary.is-plain{color:#409EFF;background:#ecf5ff;border-color:#b3d8ff}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#409EFF;border-color:#409EFF;color:#FFF}.el-button--primary.is-plain:active{background:#3a8ee6;border-color:#3a8ee6;color:#FFF;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#8cc5ff;background-color:#ecf5ff;border-color:#d9ecff}.el-button--success{color:#FFF;background-color:#67C23A;border-color:#67C23A}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#FFF}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#FFF}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#FFF;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67C23A;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67C23A;border-color:#67C23A;color:#FFF}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#FFF;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#FFF;background-color:#E6A23C;border-color:#E6A23C}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#FFF}.el-button--warning.is-active,.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#FFF}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#FFF;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#E6A23C;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#E6A23C;border-color:#E6A23C;color:#FFF}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#FFF;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#FFF;background-color:#F56C6C;border-color:#F56C6C}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#FFF}.el-button--danger.is-active,.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#FFF}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#FFF;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#F56C6C;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#F56C6C;border-color:#F56C6C;color:#FFF}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#FFF;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#FFF;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#FFF}.el-button--info.is-active,.el-button--info:active{background:#82848a;border-color:#82848a;color:#FFF}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#FFF;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#FFF}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#FFF;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small{padding:9px 15px;font-size:12px;border-radius:3px}.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--mini{font-size:12px;border-radius:3px}.el-button--mini.is-circle{padding:7px}.el-button--text{border-color:transparent;color:#409EFF;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#66b1ff;border-color:transparent;background-color:transparent}.el-button--text:active{color:#3a8ee6;border-color:transparent;background-color:transparent}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{border-color:transparent}.el-button-group .el-button--danger:last-child,.el-button-group .el-button--danger:not(:first-child):not(:last-child),.el-button-group .el-button--info:last-child,.el-button-group .el-button--info:not(:first-child):not(:last-child),.el-button-group .el-button--primary:last-child,.el-button-group .el-button--primary:not(:first-child):not(:last-child),.el-button-group .el-button--success:last-child,.el-button-group .el-button--success:not(:first-child):not(:last-child),.el-button-group .el-button--warning:last-child,.el-button-group .el-button--warning:not(:first-child):not(:last-child),.el-button-group>.el-dropdown>.el-button{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child,.el-button-group .el-button--danger:not(:first-child):not(:last-child),.el-button-group .el-button--info:first-child,.el-button-group .el-button--info:not(:first-child):not(:last-child),.el-button-group .el-button--primary:first-child,.el-button-group .el-button--primary:not(:first-child):not(:last-child),.el-button-group .el-button--success:first-child,.el-button-group .el-button--success:not(:first-child):not(:last-child),.el-button-group .el-button--warning:first-child,.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-right-color:rgba(255,255,255,.5)}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button.is-disabled{z-index:1}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button.is-active,.el-button-group>.el-button:not(.is-disabled):active,.el-button-group>.el-button:not(.is-disabled):focus,.el-button-group>.el-button:not(.is-disabled):hover{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0}.el-calendar{background-color:#fff}.el-calendar__header{display:flex;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #EBEEF5}.el-backtop,.el-page-header{display:-ms-flexbox}.el-calendar__title{color:#000;align-self:center}.el-calendar__body{padding:12px 20px 35px}.el-calendar-table{table-layout:fixed;width:100%}.el-calendar-table thead th{padding:12px 0;color:#606266;font-weight:400}.el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev{color:#C0C4CC}.el-backtop,.el-calendar-table td.is-today{color:#409EFF}.el-calendar-table td{border-bottom:1px solid #EBEEF5;border-right:1px solid #EBEEF5;vertical-align:top;transition:background-color .2s ease}.el-calendar-table td.is-selected{background-color:#F2F8FE}.el-calendar-table tr:first-child td{border-top:1px solid #EBEEF5}.el-calendar-table tr td:first-child{border-left:1px solid #EBEEF5}.el-calendar-table tr.el-calendar-table__row--hide-border td{border-top:none}.el-calendar-table .el-calendar-day{box-sizing:border-box;padding:8px;height:85px}.el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:#F2F8FE}.el-backtop{position:fixed;background-color:#FFF;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 0 6px rgba(0,0,0,.12);cursor:pointer;z-index:5}.el-backtop:hover{background-color:#F2F6FC}.el-page-header{display:flex;line-height:24px}.el-page-header__left{display:flex;cursor:pointer;margin-right:40px;position:relative}.el-page-header__left::after{position:absolute;width:1px;height:16px;right:-20px;top:50%;transform:translateY(-50%);background-color:#DCDFE6}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative;white-space:nowrap}.el-page-header__left .el-icon-back{font-size:18px;margin-right:6px;align-self:center}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{font-size:18px;color:#303133}.el-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:30px}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #DCDFE6;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#409EFF}.el-checkbox.is-bordered.is-disabled{border-color:#EBEEF5;cursor:not-allowed}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#DCDFE6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#C0C4CC}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#C0C4CC}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#C0C4CC;border-color:#C0C4CC}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#409EFF;border-color:#409EFF}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#C0C4CC;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#409EFF}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#409EFF}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#FFF;height:2px;transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #DCDFE6;border-radius:2px;box-sizing:border-box;width:14px;height:14px;background-color:#FFF;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#409EFF}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:1px solid #FFF;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in .05s;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-button__inner{line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#409EFF}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-radio,.el-radio__inner,.el-radio__input{position:relative;display:inline-block}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#FFF;background-color:#409EFF;border-color:#409EFF;box-shadow:-1px 0 0 0 #8cc5ff}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#409EFF}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#EBEEF5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #DCDFE6;border-radius:4px 0 0 4px;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#409EFF}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-avatar,.el-cascader-panel,.el-radio,.el-radio--medium.is-bordered .el-radio__label,.el-radio__label{font-size:14px}.el-radio{color:#606266;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;outline:0;margin-right:30px}.el-cascader-node>.el-radio,.el-radio:last-child{margin-right:0}.el-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid #DCDFE6;box-sizing:border-box;height:40px}.el-cascader-menu,.el-cascader-menu__list,.el-radio__inner{-webkit-box-sizing:border-box}.el-radio.is-bordered.is-checked{border-color:#409EFF}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#EBEEF5}.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:#F5F7FA;border-color:#E4E7ED}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label{font-size:12px}.el-radio--medium.is-bordered .el-radio__inner{height:14px;width:14px}.el-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.el-radio--small.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.el-radio--mini.is-bordered .el-radio__inner{height:12px;width:12px}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:#F5F7FA}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:#C0C4CC}.el-radio__input.is-disabled+span.el-radio__label{color:#C0C4CC;cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:#409EFF;background:#409EFF}.el-radio__input.is-checked .el-radio__inner::after{transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:#409EFF}.el-radio__input.is-focus .el-radio__inner{border-color:#409EFF}.el-radio__inner{border:1px solid #DCDFE6;border-radius:100%;width:14px;height:14px;background-color:#FFF;cursor:pointer;box-sizing:border-box}.el-radio__inner:hover{border-color:#409EFF}.el-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#FFF;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{box-shadow:0 0 2px 2px #409EFF}.el-radio__label{padding-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-cascader-panel{display:flex;border-radius:4px}.el-cascader-panel.is-bordered{border:1px solid #E4E7ED;border-radius:4px}.el-cascader-menu{min-width:180px;box-sizing:border-box;color:#606266;border-right:solid 1px #E4E7ED}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu__wrap{height:204px}.el-cascader-menu__list{position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;box-sizing:border-box}.el-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.el-cascader-menu__empty-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#C0C4CC}.el-cascader-node{position:relative;display:flex;align-items:center;padding:0 30px 0 20px;height:34px;line-height:34px;outline:0}.el-cascader-node.is-selectable.in-active-path{color:#606266}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:#409EFF;font-weight:700}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:#F5F7FA}.el-cascader-node.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-cascader-node__prefix{position:absolute;left:10px}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{flex:1;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-avatar{display:inline-block;box-sizing:border-box;text-align:center;overflow:hidden;color:#fff;background:#C0C4CC;width:40px;height:40px;line-height:40px}.el-drawer,.el-drawer__body>*{-webkit-box-sizing:border-box}.el-avatar>img{display:block;height:100%;vertical-align:middle}.el-empty__image img,.el-empty__image svg{vertical-align:top;height:100%;width:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:4px}.el-avatar--icon{font-size:18px}.el-avatar--large{width:40px;height:40px;line-height:40px}.el-avatar--medium{width:36px;height:36px;line-height:36px}.el-avatar--small{width:28px;height:28px;line-height:28px}@keyframes el-drawer-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes rtl-drawer-in{0%{transform:translate(100%,0)}100%{transform:translate(0,0)}}@keyframes rtl-drawer-out{0%{transform:translate(0,0)}100%{transform:translate(100%,0)}}@keyframes ltr-drawer-in{0%{transform:translate(-100%,0)}100%{transform:translate(0,0)}}@keyframes ltr-drawer-out{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}@keyframes ttb-drawer-in{0%{transform:translate(0,-100%)}100%{transform:translate(0,0)}}@keyframes ttb-drawer-out{0%{transform:translate(0,0)}100%{transform:translate(0,-100%)}}@keyframes btt-drawer-in{0%{transform:translate(0,100%)}100%{transform:translate(0,0)}}@keyframes btt-drawer-out{0%{transform:translate(0,0)}100%{transform:translate(0,100%)}}.el-drawer{position:absolute;box-sizing:border-box;background-color:#FFF;display:flex;flex-direction:column;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);overflow:hidden;outline:0}.el-drawer.rtl{animation:rtl-drawer-out .3s;right:0}.el-drawer__open .el-drawer.rtl{animation:rtl-drawer-in .3s 1ms}.el-drawer.ltr{animation:ltr-drawer-out .3s;left:0}.el-drawer__open .el-drawer.ltr{animation:ltr-drawer-in .3s 1ms}.el-drawer.ttb{animation:ttb-drawer-out .3s;top:0}.el-drawer__open .el-drawer.ttb{animation:ttb-drawer-in .3s 1ms}.el-drawer.btt{animation:btt-drawer-out .3s;bottom:0}.el-drawer__open .el-drawer.btt{animation:btt-drawer-in .3s 1ms}.el-drawer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0}.el-drawer__header{align-items:center;color:#72767b;display:flex;margin-bottom:32px;padding:20px 20px 0}.el-drawer__header>:first-child{flex:1}.el-drawer__title{margin:0;flex:1;line-height:inherit;font-size:1rem}.el-drawer__close-btn{border:none;cursor:pointer;font-size:20px;color:inherit;background-color:transparent}.el-drawer__body{flex:1;overflow:auto}.el-drawer__body>*{box-sizing:border-box}.el-drawer.ltr,.el-drawer.rtl{height:100%;top:0;bottom:0}.el-drawer.btt,.el-drawer.ttb{width:100%;left:0;right:0}.el-drawer__container{position:relative;left:0;right:0;top:0;bottom:0;height:100%;width:100%}.el-drawer-fade-enter-active{animation:el-drawer-fade-in .3s}.el-drawer-fade-leave-active{animation:el-drawer-fade-in .3s reverse}.el-statistic{width:100%;box-sizing:border-box;margin:0;padding:0;color:#000;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";text-align:center}.el-statistic .head{margin-bottom:4px;color:#606266;font-size:13px}.el-statistic .con{font-family:Sans-serif;display:flex;justify-content:center;align-items:center;color:#303133}.el-statistic .con .number{font-size:20px;padding:0 4px}.el-statistic .con span{display:inline-block;margin:0;line-height:100%}.el-popconfirm__main,.el-skeleton__image{display:-ms-flexbox;-webkit-box-align:center;display:-webkit-box}.el-popconfirm__main{display:flex;align-items:center}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{text-align:right;margin:0}@keyframes el-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line,.el-skeleton__paragraph{height:16px;margin-top:16px;background:#f2f2f2}.el-skeleton.is-animated .el-skeleton__item{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading 1.4s ease infinite}.el-skeleton__item{background:#f2f2f2;display:inline-block;height:16px;border-radius:4px;width:100%}.el-skeleton__circle{border-radius:50%;width:36px;height:36px;line-height:36px}.el-skeleton__circle--lg{width:40px;height:40px;line-height:40px}.el-skeleton__circle--md{width:28px;height:28px;line-height:28px}.el-skeleton__button{height:40px;width:64px;border-radius:4px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{width:100%;height:13px}.el-skeleton__caption{height:12px}.el-skeleton__h1{height:20px}.el-skeleton__h3{height:18px}.el-skeleton__h5{height:16px}.el-skeleton__image{width:unset;display:flex;align-items:center;justify-content:center;border-radius:0}.el-skeleton__image svg{fill:#DCDDE0;width:22%;height:22%}.el-empty{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;box-sizing:border-box;padding:40px 0}.el-empty__image{width:160px}.el-empty__image img{-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:contain;object-fit:contain}.el-empty__image svg{fill:#DCDDE0}.el-empty__description{margin-top:20px}.el-empty__description p{margin:0;font-size:14px;color:#909399}.el-empty__bottom,.el-result__title{margin-top:20px}.el-descriptions{box-sizing:border-box;font-size:14px;color:#303133}.el-descriptions__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.el-descriptions__title{font-size:16px;font-weight:700}.el-descriptions--mini,.el-descriptions--small{font-size:12px}.el-descriptions__body{color:#606266;background-color:#FFF}.el-descriptions__body .el-descriptions__table{border-collapse:collapse;width:100%;table-layout:fixed}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell{box-sizing:border-box;text-align:left;font-weight:400;line-height:1.5}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-left{text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-center{text-align:center}.el-descriptions__body .el-descriptions__table .el-descriptions-item__cell.is-right{text-align:right}.el-descriptions .is-bordered{table-layout:auto}.el-descriptions .is-bordered .el-descriptions-item__cell{border:1px solid #EBEEF5;padding:12px 10px}.el-descriptions :not(.is-bordered) .el-descriptions-item__cell{padding-bottom:12px}.el-descriptions--medium.is-bordered .el-descriptions-item__cell{padding:10px}.el-descriptions--medium:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:10px}.el-descriptions--small.is-bordered .el-descriptions-item__cell{padding:8px 10px}.el-descriptions--small:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:8px}.el-descriptions--mini.is-bordered .el-descriptions-item__cell{padding:6px 10px}.el-descriptions--mini:not(.is-bordered) .el-descriptions-item__cell{padding-bottom:6px}.el-descriptions-item{vertical-align:top}.el-descriptions-item__container{display:flex}.el-descriptions-item__container .el-descriptions-item__content,.el-descriptions-item__container .el-descriptions-item__label{display:inline-flex;align-items:baseline}.el-descriptions-item__container .el-descriptions-item__content{flex:1}.el-descriptions-item__label.has-colon::after{content:':';position:relative;top:-.5px}.el-descriptions-item__label.is-bordered-label{font-weight:700;color:#909399;background:#fafafa}.el-descriptions-item__label:not(.is-bordered-label){margin-right:10px}.el-descriptions-item__content{word-break:break-word;overflow-wrap:break-word}.el-result{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;box-sizing:border-box;padding:40px 30px}.el-result__icon svg{width:64px;height:64px}.el-result__title p{margin:0;font-size:20px;color:#303133;line-height:1.3}.el-result__subtitle{margin-top:10px}.el-result__subtitle p{margin:0;font-size:14px;color:#606266;line-height:1.3}.el-result__extra{margin-top:30px}.el-result .icon-success{fill:#67C23A}.el-result .icon-error{fill:#F56C6C}.el-result .icon-info{fill:#909399}.el-result .icon-warning{fill:#E6A23C}
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=van-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-clearfix::after{display:table;clear:both;content:''}[class*=van-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after,.van-hairline-unset--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}@-webkit-keyframes van-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes van-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes van-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes van-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes van-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes van-fade-in{from{opacity:0}to{opacity:1}}@keyframes van-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes van-fade-out{from{opacity:1}to{opacity:0}}@keyframes van-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.van-fade-enter-active{-webkit-animation:.3s van-fade-in both ease-out;animation:.3s van-fade-in both ease-out}.van-fade-leave-active{-webkit-animation:.3s van-fade-out both ease-in;animation:.3s van-fade-out both ease-in}.van-slide-up-enter-active{-webkit-animation:van-slide-up-enter .3s both ease-out;animation:van-slide-up-enter .3s both ease-out}.van-slide-up-leave-active{-webkit-animation:van-slide-up-leave .3s both ease-in;animation:van-slide-up-leave .3s both ease-in}.van-slide-down-enter-active{-webkit-animation:van-slide-down-enter .3s both ease-out;animation:van-slide-down-enter .3s both ease-out}.van-slide-down-leave-active{-webkit-animation:van-slide-down-leave .3s both ease-in;animation:van-slide-down-leave .3s both ease-in}.van-slide-left-enter-active{-webkit-animation:van-slide-left-enter .3s both ease-out;animation:van-slide-left-enter .3s both ease-out}.van-slide-left-leave-active{-webkit-animation:van-slide-left-leave .3s both ease-in;animation:van-slide-left-leave .3s both ease-in}.van-slide-right-enter-active{-webkit-animation:van-slide-right-enter .3s both ease-out;animation:van-slide-right-enter .3s both ease-out}.van-slide-right-leave-active{-webkit-animation:van-slide-right-leave .3s both ease-in;animation:van-slide-right-leave .3s both ease-in}.van-overlay{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.van-info{position:absolute;top:0;right:0;box-sizing:border-box;min-width:16px;padding:0 3px;color:#fff;font-weight:500;font-size:12px;font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif;line-height:1.2;text-align:center;background-color:#ee0a24;border:1px solid #fff;border-radius:16px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%}.van-info--dot{width:8px;min-width:0;height:8px;background-color:#ee0a24;border-radius:100%}.van-sidebar-item{position:relative;display:block;box-sizing:border-box;padding:20px 12px;overflow:hidden;color:#323233;font-size:14px;line-height:20px;background-color:#f7f8fa;cursor:pointer;-webkit-user-select:none;user-select:none}.van-sidebar-item:active{background-color:#f2f3f5}.van-sidebar-item__text{position:relative;display:inline-block;word-break:break-all}.van-sidebar-item:not(:last-child)::after{border-bottom-width:1px}.van-sidebar-item--select{color:#323233;font-weight:500}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:#fff}.van-sidebar-item--select::before{position:absolute;top:50%;left:0;width:4px;height:16px;background-color:#ee0a24;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:''}.van-sidebar-item--disabled{color:#c8c9cc;cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:#f7f8fa}.van-icon{position:relative;display:inline-block;font:normal normal normal 14px/1 vant-icon;font:normal normal normal 14px/1 var(--van-icon-font-family, 'vant-icon');font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.van-icon:before{display:inline-block}.van-icon-contact:before{content:'\e753'}.van-icon-notes:before{content:'\e63c'}.van-icon-records:before{content:'\e63d'}.van-icon-cash-back-record:before{content:'\e63e'}.van-icon-newspaper:before{content:'\e63f'}.van-icon-discount:before{content:'\e640'}.van-icon-completed:before{content:'\e641'}.van-icon-user:before{content:'\e642'}.van-icon-description:before{content:'\e643'}.van-icon-list-switch:before{content:'\e6ad'}.van-icon-list-switching:before{content:'\e65a'}.van-icon-link-o:before{content:'\e751'}.van-icon-miniprogram-o:before{content:'\e752'}.van-icon-qq:before{content:'\e74e'}.van-icon-wechat-moments:before{content:'\e74f'}.van-icon-weibo:before{content:'\e750'}.van-icon-cash-o:before{content:'\e74d'}.van-icon-guide-o:before{content:'\e74c'}.van-icon-invitation:before{content:'\e6d6'}.van-icon-shield-o:before{content:'\e74b'}.van-icon-exchange:before{content:'\e6af'}.van-icon-eye:before{content:'\e6b0'}.van-icon-enlarge:before{content:'\e6b1'}.van-icon-expand-o:before{content:'\e6b2'}.van-icon-eye-o:before{content:'\e6b3'}.van-icon-expand:before{content:'\e6b4'}.van-icon-filter-o:before{content:'\e6b5'}.van-icon-fire:before{content:'\e6b6'}.van-icon-fail:before{content:'\e6b7'}.van-icon-failure:before{content:'\e6b8'}.van-icon-fire-o:before{content:'\e6b9'}.van-icon-flag-o:before{content:'\e6ba'}.van-icon-font:before{content:'\e6bb'}.van-icon-font-o:before{content:'\e6bc'}.van-icon-gem-o:before{content:'\e6bd'}.van-icon-flower-o:before{content:'\e6be'}.van-icon-gem:before{content:'\e6bf'}.van-icon-gift-card:before{content:'\e6c0'}.van-icon-friends:before{content:'\e6c1'}.van-icon-friends-o:before{content:'\e6c2'}.van-icon-gold-coin:before{content:'\e6c3'}.van-icon-gold-coin-o:before{content:'\e6c4'}.van-icon-good-job-o:before{content:'\e6c5'}.van-icon-gift:before{content:'\e6c6'}.van-icon-gift-o:before{content:'\e6c7'}.van-icon-gift-card-o:before{content:'\e6c8'}.van-icon-good-job:before{content:'\e6c9'}.van-icon-home-o:before{content:'\e6ca'}.van-icon-goods-collect:before{content:'\e6cb'}.van-icon-graphic:before{content:'\e6cc'}.van-icon-goods-collect-o:before{content:'\e6cd'}.van-icon-hot-o:before{content:'\e6ce'}.van-icon-info:before{content:'\e6cf'}.van-icon-hotel-o:before{content:'\e6d0'}.van-icon-info-o:before{content:'\e6d1'}.van-icon-hot-sale-o:before{content:'\e6d2'}.van-icon-hot:before{content:'\e6d3'}.van-icon-like:before{content:'\e6d4'}.van-icon-idcard:before{content:'\e6d5'}.van-icon-like-o:before{content:'\e6d7'}.van-icon-hot-sale:before{content:'\e6d8'}.van-icon-location-o:before{content:'\e6d9'}.van-icon-location:before{content:'\e6da'}.van-icon-label:before{content:'\e6db'}.van-icon-lock:before{content:'\e6dc'}.van-icon-label-o:before{content:'\e6dd'}.van-icon-map-marked:before{content:'\e6de'}.van-icon-logistics:before{content:'\e6df'}.van-icon-manager:before{content:'\e6e0'}.van-icon-more:before{content:'\e6e1'}.van-icon-live:before{content:'\e6e2'}.van-icon-manager-o:before{content:'\e6e3'}.van-icon-medal:before{content:'\e6e4'}.van-icon-more-o:before{content:'\e6e5'}.van-icon-music-o:before{content:'\e6e6'}.van-icon-music:before{content:'\e6e7'}.van-icon-new-arrival-o:before{content:'\e6e8'}.van-icon-medal-o:before{content:'\e6e9'}.van-icon-new-o:before{content:'\e6ea'}.van-icon-free-postage:before{content:'\e6eb'}.van-icon-newspaper-o:before{content:'\e6ec'}.van-icon-new-arrival:before{content:'\e6ed'}.van-icon-minus:before{content:'\e6ee'}.van-icon-orders-o:before{content:'\e6ef'}.van-icon-new:before{content:'\e6f0'}.van-icon-paid:before{content:'\e6f1'}.van-icon-notes-o:before{content:'\e6f2'}.van-icon-other-pay:before{content:'\e6f3'}.van-icon-pause-circle:before{content:'\e6f4'}.van-icon-pause:before{content:'\e6f5'}.van-icon-pause-circle-o:before{content:'\e6f6'}.van-icon-peer-pay:before{content:'\e6f7'}.van-icon-pending-payment:before{content:'\e6f8'}.van-icon-passed:before{content:'\e6f9'}.van-icon-plus:before{content:'\e6fa'}.van-icon-phone-circle-o:before{content:'\e6fb'}.van-icon-phone-o:before{content:'\e6fc'}.van-icon-printer:before{content:'\e6fd'}.van-icon-photo-fail:before{content:'\e6fe'}.van-icon-phone:before{content:'\e6ff'}.van-icon-photo-o:before{content:'\e700'}.van-icon-play-circle:before{content:'\e701'}.van-icon-play:before{content:'\e702'}.van-icon-phone-circle:before{content:'\e703'}.van-icon-point-gift-o:before{content:'\e704'}.van-icon-point-gift:before{content:'\e705'}.van-icon-play-circle-o:before{content:'\e706'}.van-icon-shrink:before{content:'\e707'}.van-icon-photo:before{content:'\e708'}.van-icon-qr:before{content:'\e709'}.van-icon-qr-invalid:before{content:'\e70a'}.van-icon-question-o:before{content:'\e70b'}.van-icon-revoke:before{content:'\e70c'}.van-icon-replay:before{content:'\e70d'}.van-icon-service:before{content:'\e70e'}.van-icon-question:before{content:'\e70f'}.van-icon-search:before{content:'\e710'}.van-icon-refund-o:before{content:'\e711'}.van-icon-service-o:before{content:'\e712'}.van-icon-scan:before{content:'\e713'}.van-icon-share:before{content:'\e714'}.van-icon-send-gift-o:before{content:'\e715'}.van-icon-share-o:before{content:'\e716'}.van-icon-setting:before{content:'\e717'}.van-icon-points:before{content:'\e718'}.van-icon-photograph:before{content:'\e719'}.van-icon-shop:before{content:'\e71a'}.van-icon-shop-o:before{content:'\e71b'}.van-icon-shop-collect-o:before{content:'\e71c'}.van-icon-shop-collect:before{content:'\e71d'}.van-icon-smile:before{content:'\e71e'}.van-icon-shopping-cart-o:before{content:'\e71f'}.van-icon-sign:before{content:'\e720'}.van-icon-sort:before{content:'\e721'}.van-icon-star-o:before{content:'\e722'}.van-icon-smile-comment-o:before{content:'\e723'}.van-icon-stop:before{content:'\e724'}.van-icon-stop-circle-o:before{content:'\e725'}.van-icon-smile-o:before{content:'\e726'}.van-icon-star:before{content:'\e727'}.van-icon-success:before{content:'\e728'}.van-icon-stop-circle:before{content:'\e729'}.van-icon-records-o:before{content:'\e72a'}.van-icon-shopping-cart:before{content:'\e72b'}.van-icon-tosend:before{content:'\e72c'}.van-icon-todo-list:before{content:'\e72d'}.van-icon-thumb-circle-o:before{content:'\e72e'}.van-icon-thumb-circle:before{content:'\e72f'}.van-icon-umbrella-circle:before{content:'\e730'}.van-icon-underway:before{content:'\e731'}.van-icon-upgrade:before{content:'\e732'}.van-icon-todo-list-o:before{content:'\e733'}.van-icon-tv-o:before{content:'\e734'}.van-icon-underway-o:before{content:'\e735'}.van-icon-user-o:before{content:'\e736'}.van-icon-vip-card-o:before{content:'\e737'}.van-icon-vip-card:before{content:'\e738'}.van-icon-send-gift:before{content:'\e739'}.van-icon-wap-home:before{content:'\e73a'}.van-icon-wap-nav:before{content:'\e73b'}.van-icon-volume-o:before{content:'\e73c'}.van-icon-video:before{content:'\e73d'}.van-icon-wap-home-o:before{content:'\e73e'}.van-icon-volume:before{content:'\e73f'}.van-icon-warning:before{content:'\e740'}.van-icon-weapp-nav:before{content:'\e741'}.van-icon-wechat-pay:before{content:'\e742'}.van-icon-warning-o:before{content:'\e743'}.van-icon-wechat:before{content:'\e744'}.van-icon-setting-o:before{content:'\e745'}.van-icon-youzan-shield:before{content:'\e746'}.van-icon-warn-o:before{content:'\e747'}.van-icon-smile-comment:before{content:'\e748'}.van-icon-user-circle-o:before{content:'\e749'}.van-icon-video-o:before{content:'\e74a'}.van-icon-add-square:before{content:'\e65c'}.van-icon-add:before{content:'\e65d'}.van-icon-arrow-down:before{content:'\e65e'}.van-icon-arrow-up:before{content:'\e65f'}.van-icon-arrow:before{content:'\e660'}.van-icon-after-sale:before{content:'\e661'}.van-icon-add-o:before{content:'\e662'}.van-icon-alipay:before{content:'\e663'}.van-icon-ascending:before{content:'\e664'}.van-icon-apps-o:before{content:'\e665'}.van-icon-aim:before{content:'\e666'}.van-icon-award:before{content:'\e667'}.van-icon-arrow-left:before{content:'\e668'}.van-icon-award-o:before{content:'\e669'}.van-icon-audio:before{content:'\e66a'}.van-icon-bag-o:before{content:'\e66b'}.van-icon-balance-list:before{content:'\e66c'}.van-icon-back-top:before{content:'\e66d'}.van-icon-bag:before{content:'\e66e'}.van-icon-balance-pay:before{content:'\e66f'}.van-icon-balance-o:before{content:'\e670'}.van-icon-bar-chart-o:before{content:'\e671'}.van-icon-bars:before{content:'\e672'}.van-icon-balance-list-o:before{content:'\e673'}.van-icon-birthday-cake-o:before{content:'\e674'}.van-icon-bookmark:before{content:'\e675'}.van-icon-bill:before{content:'\e676'}.van-icon-bell:before{content:'\e677'}.van-icon-browsing-history-o:before{content:'\e678'}.van-icon-browsing-history:before{content:'\e679'}.van-icon-bookmark-o:before{content:'\e67a'}.van-icon-bulb-o:before{content:'\e67b'}.van-icon-bullhorn-o:before{content:'\e67c'}.van-icon-bill-o:before{content:'\e67d'}.van-icon-calendar-o:before{content:'\e67e'}.van-icon-brush-o:before{content:'\e67f'}.van-icon-card:before{content:'\e680'}.van-icon-cart-o:before{content:'\e681'}.van-icon-cart-circle:before{content:'\e682'}.van-icon-cart-circle-o:before{content:'\e683'}.van-icon-cart:before{content:'\e684'}.van-icon-cash-on-deliver:before{content:'\e685'}.van-icon-cash-back-record-o:before{content:'\e686'}.van-icon-cashier-o:before{content:'\e687'}.van-icon-chart-trending-o:before{content:'\e688'}.van-icon-certificate:before{content:'\e689'}.van-icon-chat:before{content:'\e68a'}.van-icon-clear:before{content:'\e68b'}.van-icon-chat-o:before{content:'\e68c'}.van-icon-checked:before{content:'\e68d'}.van-icon-clock:before{content:'\e68e'}.van-icon-clock-o:before{content:'\e68f'}.van-icon-close:before{content:'\e690'}.van-icon-closed-eye:before{content:'\e691'}.van-icon-circle:before{content:'\e692'}.van-icon-cluster-o:before{content:'\e693'}.van-icon-column:before{content:'\e694'}.van-icon-comment-circle-o:before{content:'\e695'}.van-icon-cluster:before{content:'\e696'}.van-icon-comment:before{content:'\e697'}.van-icon-comment-o:before{content:'\e698'}.van-icon-comment-circle:before{content:'\e699'}.van-icon-completed-o:before{content:'\e69a'}.van-icon-credit-pay:before{content:'\e69b'}.van-icon-coupon:before{content:'\e69c'}.van-icon-debit-pay:before{content:'\e69d'}.van-icon-coupon-o:before{content:'\e69e'}.van-icon-contact-o:before{content:'\e69f'}.van-icon-descending:before{content:'\e6a0'}.van-icon-desktop-o:before{content:'\e6a1'}.van-icon-diamond-o:before{content:'\e6a2'}.van-icon-description-o:before{content:'\e6a3'}.van-icon-delete:before{content:'\e6a4'}.van-icon-diamond:before{content:'\e6a5'}.van-icon-delete-o:before{content:'\e6a6'}.van-icon-cross:before{content:'\e6a7'}.van-icon-edit:before{content:'\e6a8'}.van-icon-ellipsis:before{content:'\e6a9'}.van-icon-down:before{content:'\e6aa'}.van-icon-discount-o:before{content:'\e6ab'}.van-icon-ecard-pay:before{content:'\e6ac'}.van-icon-envelop-o:before{content:'\e6ae'}@font-face{font-weight:400;font-family:vant-icon;font-style:normal;font-display:auto;src:url('data:font/woff2;charset=utf-8;base64,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') format('woff2'),url(//at.alicdn.com/t/c/font_2553510_kfwma2yq1rs.woff?t=1694918397022) format('woff')}.van-icon__image{display:block;width:1em;height:1em;object-fit:contain}.van-tabbar-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#646566;font-size:12px;line-height:1;cursor:pointer}.van-tabbar-item__icon{position:relative;margin-bottom:4px;font-size:22px}.van-tabbar-item__icon .van-icon{display:block}.van-tabbar-item__icon img{display:block;height:20px}.van-tabbar-item--active{color:#1989fa;background-color:#fff}.van-tabbar-item .van-info{margin-top:4px}.van-step{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#969799;font-size:14px}.van-step__circle{display:block;width:5px;height:5px;background-color:#969799;border-radius:50%}.van-step__line{position:absolute;background-color:#ebedf0;-webkit-transition:background-color .3s;transition:background-color .3s}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{margin-left:0;-webkit-transform:none;transform:none}.van-step--horizontal:last-child{position:absolute;right:1px;width:auto}.van-step--horizontal:last-child .van-step__title{margin-left:0;-webkit-transform:none;transform:none}.van-step--horizontal:last-child .van-step__circle-container{right:-9px;left:auto}.van-step--horizontal .van-step__circle-container{position:absolute;top:30px;left:-8px;z-index:1;padding:0 8px;background-color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-step--horizontal .van-step__title{display:inline-block;margin-left:3px;font-size:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:321px){.van-step--horizontal .van-step__title{font-size:11px}}.van-step--horizontal .van-step__line{top:30px;left:0;width:100%;height:1px}.van-step--horizontal .van-step__icon{display:block;font-size:12px}.van-step--horizontal .van-step--process{color:#323233}.van-step--vertical{display:block;float:none;padding:10px 10px 10px 0;line-height:18px}.van-step--vertical:not(:last-child)::after{border-bottom-width:1px}.van-step--vertical .van-step__circle-container{position:absolute;top:19px;left:-15px;z-index:1;font-size:12px;line-height:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.van-step--vertical .van-step__line{top:16px;left:-15px;width:1px;height:100%}.van-step:last-child .van-step__line{width:0}.van-step--finish{color:#323233}.van-step--finish .van-step__circle,.van-step--finish .van-step__line{background-color:#07c160}.van-step__icon,.van-step__title{-webkit-transition:color .3s;transition:color .3s}.van-step__icon--active,.van-step__icon--finish,.van-step__title--active,.van-step__title--finish{color:#07c160}.van-rate{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer;-webkit-user-select:none;user-select:none}.van-rate__item{position:relative}.van-rate__item:not(:last-child){padding-right:4px}.van-rate__icon{display:block;width:1em;color:#c8c9cc;font-size:20px}.van-rate__icon--half{position:absolute;top:0;left:0;width:.5em;overflow:hidden}.van-rate__icon--full{color:#ee0a24}.van-rate__icon--disabled{color:#c8c9cc}.van-rate--disabled{cursor:not-allowed}.van-rate--readonly{cursor:default}.van-notice-bar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:40px;padding:0 16px;color:#ed6a0c;font-size:14px;line-height:24px;background-color:#fffbe8}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:24px;font-size:16px}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap;-webkit-transition-timing-function:linear;transition-timing-function:linear}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar--wrapable{height:auto;padding:8px 16px}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}.van-nav-bar{position:relative;z-index:1;line-height:22px;text-align:center;background-color:#fff;-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:#1989fa}.van-nav-bar__content{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:46px}.van-nav-bar__arrow{margin-right:4px;font-size:16px}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;font-weight:500;font-size:16px}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 16px;font-size:14px;cursor:pointer}.van-nav-bar__left:active,.van-nav-bar__right:active{opacity:.7}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:#1989fa}.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:28px}.van-grid-item__icon-wrapper{position:relative}.van-grid-item__text{color:#646566;font-size:12px;line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:8px}.van-grid-item__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;height:100%;padding:16px 8px;background-color:#fff}.van-grid-item__content::after{z-index:1;border-width:0 1px 1px 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-grid-item__content--horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__icon+.van-grid-item__text{margin-top:0;margin-left:8px}.van-grid-item__content--surround::after{border-width:1px}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:#f2f3f5}.van-goods-action-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:48px;height:100%;color:#646566;font-size:10px;line-height:1;text-align:center;background-color:#fff;cursor:pointer}.van-goods-action-icon:active{background-color:#f2f3f5}.van-goods-action-icon__icon{position:relative;width:1em;margin:0 auto 5px;color:#323233;font-size:18px}.van-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-checkbox--disabled{cursor:not-allowed}.van-checkbox--label-disabled{cursor:default}.van-checkbox--horizontal{margin-right:12px}.van-checkbox__icon{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:1em;font-size:20px;line-height:1em;cursor:pointer}.van-checkbox__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid #c8c9cc;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.van-checkbox__icon--round .van-icon{border-radius:100%}.van-checkbox__icon--checked .van-icon{color:#fff;background-color:#1989fa;border-color:#1989fa}.van-checkbox__icon--disabled{cursor:not-allowed}.van-checkbox__icon--disabled .van-icon{background-color:#ebedf0;border-color:#c8c9cc}.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{color:#c8c9cc}.van-checkbox__label{margin-left:8px;color:#323233;line-height:20px}.van-checkbox__label--left{margin:0 8px 0 0}.van-checkbox__label--disabled{color:#c8c9cc}.van-coupon{margin:0 12px 12px;overflow:hidden;background-color:#fff;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.1)}.van-coupon:active{background-color:#f2f3f5}.van-coupon__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;min-height:84px;padding:14px 0;color:#323233}.van-coupon__head{position:relative;min-width:96px;padding:0 8px;color:#ee0a24;text-align:center}.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount{margin-bottom:6px;font-weight:500;font-size:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{font-weight:400;font-size:40%}.van-coupon__amount span:not(:empty){margin-left:2px}.van-coupon__condition{font-size:12px;line-height:16px;white-space:pre-wrap}.van-coupon__body{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;border-radius:0 8px 8px 0}.van-coupon__name{margin-bottom:10px;font-weight:700;font-size:14px;line-height:20px}.van-coupon__valid{font-size:12px}.van-coupon__corner{position:absolute;top:0;right:16px;bottom:0}.van-coupon__description{padding:8px 16px;font-size:12px;border-top:1px dashed #ebedf0}.van-coupon--disabled:active{background-color:#fff}.van-coupon--disabled .van-coupon-item__content{height:74px}.van-coupon--disabled .van-coupon__head{color:inherit}.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:50%}.van-image--round img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#969799;font-size:14px;background-color:#f7f8fa}.van-image__loading-icon{color:#dcdee0;font-size:32px}.van-image__error-icon{color:#dcdee0;font-size:32px}.van-radio{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-radio--disabled{cursor:not-allowed}.van-radio--label-disabled{cursor:default}.van-radio--horizontal{margin-right:12px}.van-radio__icon{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:1em;font-size:20px;line-height:1em;cursor:pointer}.van-radio__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid #c8c9cc;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.van-radio__icon--round .van-icon{border-radius:100%}.van-radio__icon--checked .van-icon{color:#fff;background-color:#1989fa;border-color:#1989fa}.van-radio__icon--disabled{cursor:not-allowed}.van-radio__icon--disabled .van-icon{background-color:#ebedf0;border-color:#c8c9cc}.van-radio__icon--disabled.van-radio__icon--checked .van-icon{color:#c8c9cc}.van-radio__label{margin-left:8px;color:#323233;line-height:20px}.van-radio__label--left{margin:0 8px 0 0}.van-radio__label--disabled{color:#c8c9cc}.van-tag{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 4px;color:#fff;font-size:12px;line-height:16px;border-radius:2px}.van-tag--default{background-color:#969799}.van-tag--default.van-tag--plain{color:#969799}.van-tag--danger{background-color:#ee0a24}.van-tag--danger.van-tag--plain{color:#ee0a24}.van-tag--primary{background-color:#1989fa}.van-tag--primary.van-tag--plain{color:#1989fa}.van-tag--success{background-color:#07c160}.van-tag--success.van-tag--plain{color:#07c160}.van-tag--warning{background-color:#ff976a}.van-tag--warning.van-tag--plain{color:#ff976a}.van-tag--plain{background-color:#fff;border-color:currentColor}.van-tag--plain::before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:'';pointer-events:none}.van-tag--medium{padding:2px 6px}.van-tag--large{padding:4px 8px;font-size:14px;border-radius:4px}.van-tag--mark{border-radius:0 999px 999px 0}.van-tag--mark::after{display:block;width:2px;content:''}.van-tag--round{border-radius:999px}.van-tag__close{margin-left:2px;cursor:pointer}.van-card{position:relative;box-sizing:border-box;padding:8px 16px;color:#323233;font-size:12px;background-color:#fafafa}.van-card:not(:first-child){margin-top:8px}.van-card__header{display:-webkit-box;display:-webkit-flex;display:flex}.van-card__thumb{position:relative;-webkit-box-flex:0;-webkit-flex:none;flex:none;width:88px;height:88px;margin-right:8px}.van-card__thumb img{border-radius:8px}.van-card__content{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:88px}.van-card__content--centered{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{max-height:32px;font-weight:500;line-height:16px}.van-card__desc{max-height:20px;color:#646566;line-height:20px}.van-card__bottom{line-height:20px}.van-card__price{display:inline-block;color:#323233;font-weight:500;font-size:12px}.van-card__price-integer{font-size:16px;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-card__price-decimal{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-card__origin-price{display:inline-block;margin-left:5px;color:#969799;font-size:10px;text-decoration:line-through}.van-card__num{float:right;color:#969799}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{-webkit-box-flex:0;-webkit-flex:none;flex:none;text-align:right}.van-card__footer .van-button{margin-left:5px}.van-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:10px 16px;overflow:hidden;color:#323233;font-size:14px;line-height:24px;background-color:#fff}.van-cell::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-cell--borderless::after,.van-cell:last-child::after{display:none}.van-cell__label{margin-top:4px;color:#969799;font-size:12px;line-height:18px}.van-cell__title,.van-cell__value{-webkit-box-flex:1;-webkit-flex:1;flex:1}.van-cell__value{position:relative;overflow:hidden;color:#969799;text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{color:#323233;text-align:left}.van-cell__left-icon,.van-cell__right-icon{height:24px;font-size:16px;line-height:24px}.van-cell__left-icon{margin-right:4px}.van-cell__right-icon{margin-left:4px;color:#969799}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:#f2f3f5}.van-cell--required{overflow:visible}.van-cell--required::before{position:absolute;left:8px;color:#ee0a24;font-size:14px;content:'*'}.van-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-cell--large{padding-top:12px;padding-bottom:12px}.van-cell--large .van-cell__title{font-size:16px}.van-cell--large .van-cell__label{font-size:14px}.van-coupon-cell__value--selected{color:#323233}.van-contact-card{padding:16px}.van-contact-card__value{margin-left:5px;line-height:20px}.van-contact-card--add .van-contact-card__value{line-height:40px}.van-contact-card--add .van-cell__left-icon{color:#1989fa;font-size:40px}.van-contact-card::before{position:absolute;right:0;bottom:0;left:0;height:2px;background:-webkit-repeating-linear-gradient(135deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background:repeating-linear-gradient(-45deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background-size:80px;content:''}.van-collapse-item{position:relative}.van-collapse-item--border::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:16px;left:16px;border-top:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-collapse-item__title .van-cell__right-icon::before{-webkit-transform:rotate(90deg) translateZ(0);transform:rotate(90deg) translateZ(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s}.van-collapse-item__title::after{right:16px;display:none}.van-collapse-item__title--expanded .van-cell__right-icon::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.van-collapse-item__title--expanded::after{display:block}.van-collapse-item__title--borderless::after{display:none}.van-collapse-item__title--disabled{cursor:not-allowed}.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon{color:#c8c9cc}.van-collapse-item__title--disabled:active{background-color:#fff}.van-collapse-item__wrapper{overflow:hidden;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out;will-change:height}.van-collapse-item__content{padding:12px 16px;color:#969799;font-size:14px;line-height:1.5;background-color:#fff}.van-field__label{-webkit-box-flex:0;-webkit-flex:none;flex:none;box-sizing:border-box;width:6.2em;margin-right:12px;color:#646566;text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field--disabled .van-field__label{color:#c8c9cc}.van-field__value{overflow:visible}.van-field__body{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:#323233;line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none}.van-field__control::-webkit-input-placeholder{color:#c8c9cc}.van-field__control::placeholder{color:#c8c9cc}.van-field__control:disabled{color:#c8c9cc;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#c8c9cc}.van-field__control:read-only{cursor:default}.van-field__control--center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.van-field__control--right{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.van-field__control--custom{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:24px}.van-field__control[type=date],.van-field__control[type=datetime-local],.van-field__control[type=time]{min-height:24px}.van-field__control[type=search]{-webkit-appearance:none}.van-field__button,.van-field__clear,.van-field__icon,.van-field__right-icon{-webkit-flex-shrink:0;flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:-8px;padding:0 8px;line-height:inherit}.van-field__clear{color:#c8c9cc;font-size:16px;cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:16px;line-height:inherit}.van-field__left-icon{margin-right:4px}.van-field__right-icon{color:#969799}.van-field__button{padding-left:8px}.van-field__error-message{color:#ee0a24;font-size:12px;text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:4px;color:#646566;font-size:12px;line-height:16px;text-align:right}.van-field--error .van-field__control::-webkit-input-placeholder{color:#ee0a24;-webkit-text-fill-color:currentColor}.van-field--error .van-field__control,.van-field--error .van-field__control::placeholder{color:#ee0a24;-webkit-text-fill-color:currentColor}.van-field--min-height .van-field__control{min-height:60px}.van-search{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;padding:10px 12px;background-color:#fff}.van-search__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-left:12px;background-color:#f7f8fa;border-radius:2px}.van-search__content--round{border-radius:999px}.van-search__label{padding:0 5px;color:#323233;font-size:14px;line-height:34px}.van-search .van-cell{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:5px 8px 5px 0;background-color:transparent}.van-search .van-cell .van-field__left-icon{color:#969799}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:0 8px;color:#323233;font-size:14px;line-height:34px;cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:#f2f3f5}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:16px}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 16px 16px}.van-popup--right{top:50%;right:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:16px 0 0 16px}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:16px 16px 0 0}.van-popup--left{top:50%;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 16px 16px 0}.van-popup--safe-area-inset-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-popup-slide-bottom-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-top-enter-active{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.van-popup-slide-bottom-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-top-leave-active{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.van-popup-slide-top-enter,.van-popup-slide-top-leave-active{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter,.van-popup-slide-right-leave-active{-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter,.van-popup-slide-bottom-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.van-popup-slide-left-enter,.van-popup-slide-left-leave-active{-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{position:absolute;z-index:1;color:#c8c9cc;font-size:22px;cursor:pointer}.van-popup__close-icon:active{color:#969799}.van-popup__close-icon--top-left{top:16px;left:16px}.van-popup__close-icon--top-right{top:16px;right:16px}.van-popup__close-icon--bottom-left{bottom:16px;left:16px}.van-popup__close-icon--bottom-right{right:16px;bottom:16px}.van-share-sheet__header{padding:12px 16px 4px;text-align:center}.van-share-sheet__title{margin-top:8px;color:#323233;font-weight:400;font-size:14px;line-height:20px}.van-share-sheet__description{display:block;margin-top:8px;color:#969799;font-size:12px;line-height:16px}.van-share-sheet__options{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;padding:16px 0 16px 8px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border::before{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:0;left:16px;border-top:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.van-share-sheet__option:active{opacity:.7}.van-share-sheet__icon{width:48px;height:48px;margin:0 16px}.van-share-sheet__name{margin-top:8px;padding:0 4px;color:#646566;font-size:12px}.van-share-sheet__option-description{padding:0 4px;color:#c8c9cc;font-size:12px}.van-share-sheet__cancel{display:block;width:100%;padding:0;font-size:16px;line-height:48px;text-align:center;background:#fff;border:none;cursor:pointer}.van-share-sheet__cancel::before{display:block;height:8px;background-color:#f7f8fa;content:' '}.van-share-sheet__cancel:active{background-color:#f2f3f5}.van-popover{position:absolute;overflow:visible;background-color:transparent;-webkit-transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,transform .15s;transition:opacity .15s,transform .15s,-webkit-transform .15s}.van-popover__wrapper{display:inline-block}.van-popover__arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:6px}.van-popover__content{overflow:hidden;border-radius:8px}.van-popover__action{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;width:128px;height:44px;padding:0 16px;font-size:14px;line-height:20px;cursor:pointer}.van-popover__action:last-child .van-popover__action-text::after{display:none}.van-popover__action-text{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.van-popover__action-icon{margin-right:8px;font-size:20px}.van-popover__action--with-icon .van-popover__action-text{-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.van-popover[data-popper-placement^=top] .van-popover__arrow{bottom:0;border-top-color:currentColor;border-bottom-width:0;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}.van-popover[data-popper-placement=top]{-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.van-popover[data-popper-placement=top] .van-popover__arrow{left:50%}.van-popover[data-popper-placement=top-start]{-webkit-transform-origin:0 100%;transform-origin:0 100%}.van-popover[data-popper-placement=top-start] .van-popover__arrow{left:16px}.van-popover[data-popper-placement=top-end]{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.van-popover[data-popper-placement=top-end] .van-popover__arrow{right:16px}.van-popover[data-popper-placement^=left] .van-popover__arrow{right:0;border-right-width:0;border-left-color:currentColor;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}.van-popover[data-popper-placement=left]{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.van-popover[data-popper-placement=left] .van-popover__arrow{top:50%}.van-popover[data-popper-placement=left-start]{-webkit-transform-origin:100% 0;transform-origin:100% 0}.van-popover[data-popper-placement=left-start] .van-popover__arrow{top:16px}.van-popover[data-popper-placement=left-end]{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.van-popover[data-popper-placement=left-end] .van-popover__arrow{bottom:16px}.van-popover[data-popper-placement^=right] .van-popover__arrow{left:0;border-right-color:currentColor;border-left-width:0;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.van-popover[data-popper-placement=right]{-webkit-transform-origin:0 50%;transform-origin:0 50%}.van-popover[data-popper-placement=right] .van-popover__arrow{top:50%}.van-popover[data-popper-placement=right-start]{-webkit-transform-origin:0 0;transform-origin:0 0}.van-popover[data-popper-placement=right-start] .van-popover__arrow{top:16px}.van-popover[data-popper-placement=right-end]{-webkit-transform-origin:0 100%;transform-origin:0 100%}.van-popover[data-popper-placement=right-end] .van-popover__arrow{bottom:16px}.van-popover[data-popper-placement^=bottom] .van-popover__arrow{top:0;border-top-width:0;border-bottom-color:currentColor;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.van-popover[data-popper-placement=bottom]{-webkit-transform-origin:50% 0;transform-origin:50% 0}.van-popover[data-popper-placement=bottom] .van-popover__arrow{left:50%}.van-popover[data-popper-placement=bottom-start]{-webkit-transform-origin:0 0;transform-origin:0 0}.van-popover[data-popper-placement=bottom-start] .van-popover__arrow{left:16px}.van-popover[data-popper-placement=bottom-end]{-webkit-transform-origin:100% 0;transform-origin:100% 0}.van-popover[data-popper-placement=bottom-end] .van-popover__arrow{right:16px}.van-popover--light{color:#323233}.van-popover--light .van-popover__content{background-color:#fff;box-shadow:0 2px 12px rgba(50,50,51,.12)}.van-popover--light .van-popover__arrow{color:#fff}.van-popover--light .van-popover__action:active{background-color:#f2f3f5}.van-popover--light .van-popover__action--disabled{color:#c8c9cc;cursor:not-allowed}.van-popover--light .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark{color:#fff}.van-popover--dark .van-popover__content{background-color:#4a4a4a}.van-popover--dark .van-popover__arrow{color:#4a4a4a}.van-popover--dark .van-popover__action:active{background-color:rgba(0,0,0,.2)}.van-popover--dark .van-popover__action--disabled{color:#969799}.van-popover--dark .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark .van-popover__action-text::after{border-color:#646566}.van-popover-zoom-enter,.van-popover-zoom-leave-active{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}.van-popover-zoom-enter-active{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.van-popover-zoom-leave-active{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.van-notify{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:8px 16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word}.van-notify--primary{background-color:#1989fa}.van-notify--success{background-color:#07c160}.van-notify--danger{background-color:#ee0a24}.van-notify--warning{background-color:#ff976a}.van-dropdown-item{position:fixed;right:0;left:0;z-index:10;overflow:hidden}.van-dropdown-item__icon{display:block;line-height:inherit}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active{color:#ee0a24}.van-dropdown-item__option--active .van-dropdown-item__icon{color:#ee0a24}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:80%}.van-loading{position:relative;color:#c8c9cc;font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:30px;max-width:100%;height:30px;max-height:100%;vertical-align:middle;-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite}.van-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.van-loading__spinner--spinner i{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__spinner--spinner i::before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:' '}.van-loading__spinner--circular{-webkit-animation-duration:2s;animation-duration:2s}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{-webkit-animation:van-circular 1.5s ease-in-out infinite;animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:8px;color:#969799;font-size:14px;vertical-align:middle}.van-loading--vertical{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-loading--vertical .van-loading__text{margin:8px 0 0}@-webkit-keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__spinner--spinner i:nth-of-type(1){-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.van-loading__spinner--spinner i:nth-of-type(2){-webkit-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.van-loading__spinner--spinner i:nth-of-type(3){-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.van-loading__spinner--spinner i:nth-of-type(4){-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.van-loading__spinner--spinner i:nth-of-type(5){-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.van-loading__spinner--spinner i:nth-of-type(6){-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.van-loading__spinner--spinner i:nth-of-type(7){-webkit-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.van-loading__spinner--spinner i:nth-of-type(8){-webkit-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.van-loading__spinner--spinner i:nth-of-type(9){-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.van-loading__spinner--spinner i:nth-of-type(10){-webkit-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.van-loading__spinner--spinner i:nth-of-type(11){-webkit-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.van-loading__spinner--spinner i:nth-of-type(12){-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.3125}.van-pull-refresh{overflow:hidden;-webkit-user-select:none;user-select:none}.van-pull-refresh__track{position:relative;height:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}.van-pull-refresh__head{position:absolute;left:0;width:100%;height:50px;overflow:hidden;color:#969799;font-size:14px;line-height:50px;text-align:center;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:100;width:100%;padding-bottom:22px;background-color:#f2f3f5;-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;height:34px;padding-top:6px;color:#646566;font-size:16px}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:-webkit-box;display:-webkit-flex;display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:3;-webkit-flex:3;flex:3;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:0 16px;color:#576b95;font-size:14px;background-color:transparent;border:none;cursor:pointer}.van-number-keyboard__close:active{opacity:.7}.van-number-keyboard__sidebar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:48px;font-size:28px;line-height:1.5;background-color:#fff;border-radius:8px;cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:16px}.van-key--active{background-color:#ebedf0}.van-key--blue{color:#fff;background-color:#1989fa}.van-key--blue.van-key--active{background-color:#0570db}.van-key__wrapper{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:33%;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{-webkit-flex-basis:66%;flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:#fff}.van-list__error-text,.van-list__finished-text,.van-list__loading{color:#969799;font-size:14px;line-height:50px;text-align:center}.van-list__placeholder{height:0;pointer-events:none}.van-switch{position:relative;display:inline-block;box-sizing:content-box;width:2em;height:1em;font-size:30px;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:1em;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.van-switch__node{position:absolute;top:0;left:0;width:1em;height:1em;font-size:inherit;background-color:#fff;border-radius:100%;box-shadow:0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);-webkit-transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05), -webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05),-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05)}.van-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.van-switch--on{background-color:#1989fa}.van-switch--on .van-switch__node{-webkit-transform:translateX(1em);transform:translateX(1em)}.van-switch--on .van-switch__loading{color:#1989fa}.van-switch--disabled{cursor:not-allowed;opacity:.5}.van-switch--loading{cursor:default}.van-switch-cell{padding-top:9px;padding-bottom:9px}.van-switch-cell--large{padding-top:11px;padding-bottom:11px}.van-switch-cell .van-switch{float:right}.van-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:1.2;text-align:center;border-radius:2px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-appearance:none}.van-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:' '}.van-button:active::before{opacity:.1}.van-button--disabled::before,.van-button--loading::before{display:none}.van-button--default{color:#323233;background-color:#fff;border:1px solid #ebedf0}.van-button--primary{color:#fff;background-color:#07c160;border:1px solid #07c160}.van-button--info{color:#fff;background-color:#1989fa;border:1px solid #1989fa}.van-button--danger{color:#fff;background-color:#ee0a24;border:1px solid #ee0a24}.van-button--warning{color:#fff;background-color:#ff976a;border:1px solid #ff976a}.van-button--plain{background-color:#fff}.van-button--plain.van-button--primary{color:#07c160}.van-button--plain.van-button--info{color:#1989fa}.van-button--plain.van-button--danger{color:#ee0a24}.van-button--plain.van-button--warning{color:#ff976a}.van-button--large{width:100%;height:50px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{height:32px;padding:0 8px;font-size:12px}.van-button__loading{color:inherit;font-size:inherit}.van-button--mini{height:24px;padding:0 4px;font-size:10px}.van-button--mini+.van-button--mini{margin-left:4px}.van-button--block{display:block;width:100%}.van-button--disabled{cursor:not-allowed;opacity:.5}.van-button--loading{cursor:default}.van-button--round{border-radius:999px}.van-button--square{border-radius:0}.van-button__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.van-button__content::before{content:' '}.van-button__icon{font-size:1.2em;line-height:inherit}.van-button__icon+.van-button__text,.van-button__loading+.van-button__text,.van-button__text+.van-button__icon,.van-button__text+.van-button__loading{margin-left:4px}.van-button--hairline{border-width:0}.van-button--hairline::after{border-color:inherit;border-radius:4px}.van-button--hairline.van-button--round::after{border-radius:999px}.van-button--hairline.van-button--square::after{border-radius:0}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:100;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff;-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:8px 12px;color:#f56723;font-size:12px;line-height:1.5;background-color:#fff7cc}.van-submit-bar__tip-icon{min-width:18px;font-size:12px;vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;height:50px;padding:0 16px;font-size:14px}.van-submit-bar__text{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-right:12px;color:#323233;text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:5px;font-weight:500}.van-submit-bar__price{color:#ee0a24;font-weight:500;font-size:12px}.van-submit-bar__price--integer{font-size:20px;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-submit-bar__button{width:110px;height:40px;font-weight:500;border:none}.van-submit-bar__button--danger{background:-webkit-linear-gradient(left,#ff6034,#ee0a24);background:linear-gradient(to right,#ff6034,#ee0a24)}.van-submit-bar--unfit{padding-bottom:0}.van-goods-action-button{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:40px;font-weight:500;font-size:14px;border:none;border-radius:0}.van-goods-action-button--first{margin-left:5px;border-top-left-radius:999px;border-bottom-left-radius:999px}.van-goods-action-button--last{margin-right:5px;border-top-right-radius:999px;border-bottom-right-radius:999px}.van-goods-action-button--warning{background:-webkit-linear-gradient(left,#ffd01e,#ff8917);background:linear-gradient(to right,#ffd01e,#ff8917)}.van-goods-action-button--danger{background:-webkit-linear-gradient(left,#ff6034,#ee0a24);background:linear-gradient(to right,#ff6034,#ee0a24)}@media (max-width:321px){.van-goods-action-button{font-size:13px}}.van-toast{position:fixed;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;width:88px;max-width:70%;min-height:88px;padding:16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-break:break-all;background-color:rgba(0,0,0,.7);border-radius:8px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-toast--unclickable{overflow:hidden}.van-toast--unclickable *{pointer-events:none}.van-toast--html,.van-toast--text{width:-webkit-fit-content;width:fit-content;min-width:96px;min-height:0;padding:8px 12px}.van-toast--html .van-toast__text,.van-toast--text .van-toast__text{margin-top:0}.van-toast--top{top:20%}.van-toast--bottom{top:auto;bottom:20%}.van-toast__icon{font-size:36px}.van-toast__loading{padding:4px;color:#fff}.van-toast__text{margin-top:8px}.van-calendar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100%;background-color:#fff}.van-calendar__popup.van-popup--bottom,.van-calendar__popup.van-popup--top{height:80%}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{-webkit-flex-shrink:0;flex-shrink:0;box-shadow:0 2px 10px rgba(125,126,128,.16)}.van-calendar__header-subtitle,.van-calendar__header-title,.van-calendar__month-title{height:44px;font-weight:500;line-height:44px;text-align:center}.van-calendar__header-title{font-size:16px}.van-calendar__header-subtitle{font-size:14px}.van-calendar__month-title{font-size:14px}.van-calendar__weekdays{display:-webkit-box;display:-webkit-flex;display:flex}.van-calendar__weekday{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:12px;line-height:30px;text-align:center}.van-calendar__body{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:rgba(242,243,245,.8);font-size:160px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:64px;font-size:16px;cursor:pointer}.van-calendar__day--end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected,.van-calendar__day--start,.van-calendar__day--start-end{color:#fff;background-color:#ee0a24}.van-calendar__day--start{border-radius:4px 0 0 4px}.van-calendar__day--end{border-radius:0 4px 4px 0}.van-calendar__day--multiple-selected,.van-calendar__day--start-end{border-radius:4px}.van-calendar__day--middle{color:#ee0a24}.van-calendar__day--middle::after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:.1;content:''}.van-calendar__day--disabled{color:#c8c9cc;cursor:default}.van-calendar__bottom-info,.van-calendar__top-info{position:absolute;right:0;left:0;font-size:10px;line-height:14px}@media (max-width:350px){.van-calendar__bottom-info,.van-calendar__top-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:54px;height:54px;color:#fff;background-color:#ee0a24;border-radius:4px}.van-calendar__footer{-webkit-flex-shrink:0;flex-shrink:0;padding:0 16px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-calendar__footer--unfit{padding-bottom:0}.van-calendar__confirm{height:36px;margin:7px 0}.van-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.van-picker__toolbar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:44px}.van-picker__cancel,.van-picker__confirm{height:100%;padding:0 16px;font-size:14px;background-color:transparent;border:none;cursor:pointer}.van-picker__cancel:active,.van-picker__confirm:active{opacity:.7}.van-picker__confirm{color:#576b95}.van-picker__cancel{color:#969799}.van-picker__title{max-width:50%;font-weight:500;font-size:16px;line-height:20px;text-align:center}.van-picker__columns{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#1989fa;background-color:rgba(255,255,255,.9)}.van-picker__frame{position:absolute;top:50%;right:16px;left:16px;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.van-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-image:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-repeat:no-repeat;background-position:top,bottom;-webkit-transform:translateZ(0);transform:translateZ(0);pointer-events:none}.van-picker-column{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;font-size:16px}.van-picker-column__wrapper{-webkit-transition-timing-function:cubic-bezier(.23,1,.68,1);transition-timing-function:cubic-bezier(.23,1,.68,1)}.van-picker-column__item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:0 4px;color:#000}.van-picker-column__item--disabled{cursor:not-allowed;opacity:.3}.van-action-sheet{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;max-height:80%;overflow:hidden;color:#323233}.van-action-sheet__content{-webkit-box-flex:1;-webkit-flex:1 auto;flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__cancel,.van-action-sheet__item{display:block;width:100%;padding:14px 16px;font-size:16px;background-color:#fff;border:none;cursor:pointer}.van-action-sheet__cancel:active,.van-action-sheet__item:active{background-color:#f2f3f5}.van-action-sheet__item{line-height:22px}.van-action-sheet__item--disabled,.van-action-sheet__item--loading{color:#c8c9cc}.van-action-sheet__item--disabled:active,.van-action-sheet__item--loading:active{background-color:#fff}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{-webkit-flex-shrink:0;flex-shrink:0;box-sizing:border-box;color:#646566}.van-action-sheet__subname{margin-top:8px;color:#969799;font-size:12px;line-height:18px}.van-action-sheet__gap{display:block;height:8px;background-color:#f7f8fa}.van-action-sheet__header{-webkit-flex-shrink:0;flex-shrink:0;font-weight:500;font-size:16px;line-height:48px;text-align:center}.van-action-sheet__description{position:relative;-webkit-flex-shrink:0;flex-shrink:0;padding:20px 16px;color:#969799;font-size:14px;line-height:20px;text-align:center}.van-action-sheet__description::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:22px;height:22px}.van-action-sheet__close{position:absolute;top:0;right:0;z-index:1;padding:0 16px;color:#c8c9cc;font-size:22px;line-height:inherit}.van-action-sheet__close:active{color:#969799}.van-goods-action{position:fixed;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:content-box;height:50px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.van-goods-action--unfit{padding-bottom:0}.van-dialog{position:fixed;top:45%;left:50%;width:320px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:16px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:321px){.van-dialog{width:90%}}.van-dialog__header{padding-top:26px;font-weight:500;line-height:24px;text-align:center}.van-dialog__header--isolated{padding:24px 0}.van-dialog__content--isolated{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:104px}.van-dialog__message{-webkit-box-flex:1;-webkit-flex:1;flex:1;max-height:60vh;padding:26px 24px;overflow-y:auto;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:8px;color:#646566}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__cancel,.van-dialog__confirm{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:48px;margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:#ee0a24}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:8px 24px 16px}.van-dialog--round-button .van-dialog__message{padding-bottom:16px;color:#323233}.van-dialog--round-button .van-dialog__cancel,.van-dialog--round-button .van-dialog__confirm{height:36px}.van-dialog--round-button .van-dialog__confirm{color:#fff}.van-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}.van-contact-edit{padding:16px}.van-contact-edit__fields{overflow:hidden;border-radius:4px}.van-contact-edit__fields .van-field__label{width:4.1em}.van-contact-edit__switch-cell{margin-top:10px;padding-top:9px;padding-bottom:9px;border-radius:4px}.van-contact-edit__buttons{padding:32px 0}.van-contact-edit .van-button{margin-bottom:12px;font-size:16px}.van-address-edit{padding:12px}.van-address-edit__fields{overflow:hidden;border-radius:8px}.van-address-edit__fields .van-field__label{width:4.1em}.van-address-edit__default{margin-top:12px;overflow:hidden;border-radius:8px}.van-address-edit__buttons{padding:32px 4px}.van-address-edit__buttons .van-button{margin-bottom:12px}.van-address-edit-detail{padding:0}.van-address-edit-detail__search-item{background-color:#f2f3f5}.van-address-edit-detail__keyword{color:#ee0a24}.van-address-edit-detail__finish{color:#1989fa;font-size:12px}.van-radio-group--horizontal{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-contact-list{box-sizing:border-box;height:100%;padding-bottom:80px}.van-contact-list__item{padding:16px}.van-contact-list__item-value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding-right:32px;padding-left:8px}.van-contact-list__item-tag{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin-left:8px;padding-top:0;padding-bottom:0;line-height:1.4em}.van-contact-list__group{box-sizing:border-box;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-contact-list__edit{font-size:16px}.van-contact-list__bottom{position:fixed;right:0;bottom:0;left:0;z-index:999;padding:0 16px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.van-contact-list__add{height:40px;margin:5px 0}.van-address-list{box-sizing:border-box;height:100%;padding:12px 12px 80px}.van-address-list__bottom{position:fixed;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:0 16px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.van-address-list__add{height:40px;margin:5px 0}.van-address-list__disabled-text{padding:20px 0 16px;color:#969799;font-size:14px;line-height:20px}.van-address-item{padding:12px;background-color:#fff;border-radius:8px}.van-address-item:not(:last-child){margin-bottom:12px}.van-address-item__value{padding-right:44px}.van-address-item__name{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:8px;font-size:16px;line-height:22px}.van-address-item__tag{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin-left:8px;padding-top:0;padding-bottom:0;line-height:1.4em}.van-address-item__address{color:#323233;font-size:13px;line-height:18px}.van-address-item--disabled .van-address-item__address,.van-address-item--disabled .van-address-item__name{color:#c8c9cc}.van-address-item__edit{position:absolute;top:50%;right:16px;color:#969799;font-size:20px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.van-address-item .van-cell{padding:0}.van-address-item .van-radio__label{margin-left:12px}.van-address-item .van-radio__icon--checked .van-icon{background-color:#ee0a24;border-color:#ee0a24}.van-badge{display:inline-block;box-sizing:border-box;min-width:16px;padding:0 3px;color:#fff;font-weight:500;font-size:12px;font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif;line-height:1.2;text-align:center;background-color:#ee0a24;border:1px solid #fff;border-radius:999px}.van-badge--fixed{position:absolute;top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%}.van-badge--dot{width:8px;min-width:0;height:8px;background-color:#ee0a24;border-radius:100%}.van-badge__wrapper{position:relative;display:inline-block}.van-tab__pane,.van-tab__pane-wrapper{-webkit-flex-shrink:0;flex-shrink:0;box-sizing:border-box;width:100%}.van-tab__pane-wrapper--inactive{height:0;overflow:visible}.van-sticky--fixed{position:fixed;top:0;right:0;left:0;z-index:99}.van-tab{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:0 4px;color:#646566;font-size:14px;line-height:20px;cursor:pointer}.van-tab--active{color:#323233;font-weight:500}.van-tab--disabled{color:#c8c9cc;cursor:not-allowed}.van-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.van-tab__text-wrapper{position:relative}.van-tabs{position:relative}.van-tabs__wrap{overflow:hidden}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__wrap--scrollable .van-tab{-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto;padding:0 12px}.van-tabs__wrap--scrollable .van-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar{display:none}.van-tabs__nav{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;background-color:#fff;-webkit-user-select:none;user-select:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--complete{padding-right:8px;padding-left:8px}.van-tabs__nav--card{box-sizing:border-box;height:30px;margin:0 16px;border:1px solid #ee0a24;border-radius:2px}.van-tabs__nav--card .van-tab{color:#ee0a24;border-right:1px solid #ee0a24}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:#fff;background-color:#ee0a24}.van-tabs__nav--card .van-tab--disabled{color:#c8c9cc}.van-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:40px;height:3px;background-color:#ee0a24;border-radius:3px}.van-tabs__track{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:100%;will-change:left}.van-tabs__content--animated{overflow:hidden}.van-tabs--line .van-tabs__wrap{height:44px}.van-tabs--card>.van-tabs__wrap{height:30px}.van-coupon-list{position:relative;height:100%;background-color:#f7f8fa}.van-coupon-list__field{padding:5px 0 5px 16px}.van-coupon-list__field .van-field__body{height:34px;padding-left:12px;line-height:34px;background:#f7f8fa;border-radius:17px}.van-coupon-list__field .van-field__body::-webkit-input-placeholder{color:#c8c9cc}.van-coupon-list__field .van-field__body::placeholder{color:#c8c9cc}.van-coupon-list__field .van-field__clear{margin-right:0}.van-coupon-list__exchange-bar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fff}.van-coupon-list__exchange{-webkit-box-flex:0;-webkit-flex:none;flex:none;height:32px;font-size:16px;line-height:30px;border:0}.van-coupon-list .van-tabs__wrap{box-shadow:0 6px 12px -12px #969799}.van-coupon-list__list{box-sizing:border-box;padding:16px 0 24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-coupon-list__list--with-bottom{padding-bottom:66px}.van-coupon-list__bottom{position:absolute;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:5px 16px;font-weight:500;background-color:#fff}.van-coupon-list__close{height:40px}.van-coupon-list__empty{padding-top:60px;text-align:center}.van-coupon-list__empty p{margin:16px 0;color:#969799;font-size:14px;line-height:20px}.van-coupon-list__empty img{width:200px;height:200px}.van-cascader__header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:48px;padding:0 16px}.van-cascader__title{font-weight:500;font-size:16px;line-height:20px}.van-cascader__close-icon{color:#c8c9cc;font-size:22px}.van-cascader__close-icon:active{color:#969799}.van-cascader__tabs .van-tab{-webkit-box-flex:0;-webkit-flex:none;flex:none;padding:0 10px}.van-cascader__tabs.van-tabs--line .van-tabs__wrap{height:48px}.van-cascader__tabs .van-tabs__nav--complete{padding-right:6px;padding-left:6px}.van-cascader__tab{color:#323233;font-weight:500}.van-cascader__tab--unselected{color:#969799;font-weight:400}.van-cascader__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:10px 16px;font-size:14px;line-height:20px}.van-cascader__option:active{background-color:#f2f3f5}.van-cascader__option--selected{color:#ee0a24;font-weight:500}.van-cascader__selected-icon{font-size:18px}.van-cascader__options{box-sizing:border-box;height:384px;padding-top:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-cell-group{background-color:#fff}.van-cell-group--inset{margin:0 16px;overflow:hidden;border-radius:8px}.van-cell-group__title{padding:16px 16px 8px;color:#969799;font-size:14px;line-height:16px}.van-cell-group__title--inset{padding:16px 16px 8px 32px}.van-panel{background:#fff}.van-panel__header-value{color:#ee0a24}.van-panel__footer{padding:8px 16px}.van-checkbox-group--horizontal{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-circle{position:relative;display:inline-block;width:100px;height:100px;text-align:center}.van-circle svg{position:absolute;top:0;left:0;width:100%;height:100%}.van-circle__layer{stroke:#fff}.van-circle__hover{fill:none;stroke:#1989fa;stroke-linecap:round}.van-circle__text{position:absolute;top:50%;left:0;box-sizing:border-box;width:100%;padding:0 4px;color:#323233;font-weight:500;font-size:14px;line-height:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-col{float:left;box-sizing:border-box;min-height:1px}.van-col--1{width:4.16666667%}.van-col--offset-1{margin-left:4.16666667%}.van-col--2{width:8.33333333%}.van-col--offset-2{margin-left:8.33333333%}.van-col--3{width:12.5%}.van-col--offset-3{margin-left:12.5%}.van-col--4{width:16.66666667%}.van-col--offset-4{margin-left:16.66666667%}.van-col--5{width:20.83333333%}.van-col--offset-5{margin-left:20.83333333%}.van-col--6{width:25%}.van-col--offset-6{margin-left:25%}.van-col--7{width:29.16666667%}.van-col--offset-7{margin-left:29.16666667%}.van-col--8{width:33.33333333%}.van-col--offset-8{margin-left:33.33333333%}.van-col--9{width:37.5%}.van-col--offset-9{margin-left:37.5%}.van-col--10{width:41.66666667%}.van-col--offset-10{margin-left:41.66666667%}.van-col--11{width:45.83333333%}.van-col--offset-11{margin-left:45.83333333%}.van-col--12{width:50%}.van-col--offset-12{margin-left:50%}.van-col--13{width:54.16666667%}.van-col--offset-13{margin-left:54.16666667%}.van-col--14{width:58.33333333%}.van-col--offset-14{margin-left:58.33333333%}.van-col--15{width:62.5%}.van-col--offset-15{margin-left:62.5%}.van-col--16{width:66.66666667%}.van-col--offset-16{margin-left:66.66666667%}.van-col--17{width:70.83333333%}.van-col--offset-17{margin-left:70.83333333%}.van-col--18{width:75%}.van-col--offset-18{margin-left:75%}.van-col--19{width:79.16666667%}.van-col--offset-19{margin-left:79.16666667%}.van-col--20{width:83.33333333%}.van-col--offset-20{margin-left:83.33333333%}.van-col--21{width:87.5%}.van-col--offset-21{margin-left:87.5%}.van-col--22{width:91.66666667%}.van-col--offset-22{margin-left:91.66666667%}.van-col--23{width:95.83333333%}.van-col--offset-23{margin-left:95.83333333%}.van-col--24{width:100%}.van-col--offset-24{margin-left:100%}.van-count-down{color:#323233;font-size:14px;line-height:20px}.van-divider{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:16px 0;color:#969799;font-size:14px;line-height:24px;border-color:#ebedf0;border-style:solid;border-width:0}.van-divider::after,.van-divider::before{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:1px 0 0}.van-divider::before{content:''}.van-divider--hairline::after,.van-divider--hairline::before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--content-center::before,.van-divider--content-left::before,.van-divider--content-right::before{margin-right:16px}.van-divider--content-center::after,.van-divider--content-left::after,.van-divider--content-right::after{margin-left:16px;content:''}.van-divider--content-left::before{max-width:10%}.van-divider--content-right::after{max-width:10%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;height:48px;background-color:#fff;box-shadow:0 2px 12px rgba(100,101,102,.12)}.van-dropdown-menu__bar--opened{z-index:11}.van-dropdown-menu__item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:0;cursor:pointer}.van-dropdown-menu__item:active{opacity:.7}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:#969799}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:0 8px;color:#323233;font-size:15px;line-height:22px}.van-dropdown-menu__title::after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent #dcdee0 #dcdee0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:.8;content:''}.van-dropdown-menu__title--active{color:#ee0a24}.van-dropdown-menu__title--active::after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down::after{margin-top:-1px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.van-empty{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:32px 0}.van-empty__image{width:160px;height:160px}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:16px;padding:0 60px;color:#969799;font-size:14px;line-height:20px}.van-empty__bottom{margin-top:24px}.van-grid{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-swipe{position:relative;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:grab;-webkit-user-select:none;user-select:none}.van-swipe__track{display:-webkit-box;display:-webkit-flex;display:flex;height:100%}.van-swipe__track--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.van-swipe__indicators{position:absolute;bottom:12px;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:12px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:6px}.van-swipe__indicator{width:6px;height:6px;background-color:#ebedf0;border-radius:100%;opacity:.3;-webkit-transition:opacity .2s,background-color .2s;transition:opacity .2s,background-color .2s}.van-swipe__indicator:not(:last-child){margin-right:6px}.van-swipe__indicator--active{background-color:#1989fa;opacity:1}.van-swipe-item{position:relative;-webkit-flex-shrink:0;flex-shrink:0;width:100%;height:100%}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image{width:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}.van-image-preview__image--vertical{width:auto;height:100%}.van-image-preview__image img{-webkit-user-drag:none}.van-image-preview__image .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:16px;left:50%;color:#fff;font-size:14px;line-height:20px;text-shadow:0 1px 1px #323233;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.van-image-preview__overlay{background-color:rgba(0,0,0,.9)}.van-image-preview__close-icon{position:absolute;z-index:1;color:#c8c9cc;font-size:22px;cursor:pointer}.van-image-preview__close-icon:active{color:#969799}.van-image-preview__close-icon--top-left{top:16px;left:16px}.van-image-preview__close-icon--top-right{top:16px;right:16px}.van-image-preview__close-icon--bottom-left{bottom:16px;left:16px}.van-image-preview__close-icon--bottom-right{right:16px;bottom:16px}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:.5}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload--readonly:active{background-color:#f7f8fa}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:-2px;right:-2px;color:#fff;font-size:16px;-webkit-transform:scale(.5);transform:scale(.5)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88)}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff}.van-uploader__file{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-index-anchor{z-index:1;box-sizing:border-box;padding:0 16px;color:#323233;font-weight:500;font-size:14px;line-height:32px;background-color:transparent}.van-index-anchor--sticky{position:fixed;top:0;right:0;left:0;color:#ee0a24;background-color:#fff}.van-index-bar__sidebar{position:fixed;top:50%;right:0;z-index:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.van-index-bar__index{padding:0 8px 0 16px;font-weight:500;font-size:10px;line-height:14px}.van-index-bar__index--active{color:#ee0a24}.van-pagination{display:-webkit-box;display:-webkit-flex;display:flex;font-size:14px}.van-pagination__item,.van-pagination__page-desc{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-pagination__item{-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box;min-width:36px;height:40px;color:#1989fa;background-color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item:active{color:#fff;background-color:#1989fa}.van-pagination__item::after{border-width:1px 0 1px 1px}.van-pagination__item:last-child::after{border-right-width:1px}.van-pagination__item--active{color:#fff;background-color:#1989fa}.van-pagination__next,.van-pagination__prev{padding:0 4px;cursor:pointer}.van-pagination__item--disabled,.van-pagination__item--disabled:active{color:#646566;background-color:#f7f8fa;cursor:not-allowed;opacity:.5}.van-pagination__page{-webkit-box-flex:0;-webkit-flex-grow:0;flex-grow:0}.van-pagination__page-desc{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:40px;color:#646566}.van-pagination--simple .van-pagination__next::after,.van-pagination--simple .van-pagination__prev::after{border-width:1px}.van-password-input{position:relative;margin:0 16px;-webkit-user-select:none;user-select:none}.van-password-input__error-info,.van-password-input__info{margin-top:16px;font-size:14px;text-align:center}.van-password-input__info{color:#969799}.van-password-input__error-info{color:#ee0a24}.van-password-input__security{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:50px;cursor:pointer}.van-password-input__security::after{border-radius:6px}.van-password-input__security li{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%;font-size:20px;line-height:1.2;background-color:#fff}.van-password-input__security i{position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:#000;border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden}.van-password-input__cursor{position:absolute;top:50%;left:50%;width:1px;height:40%;background-color:#323233;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:1s van-cursor-flicker infinite;animation:1s van-cursor-flicker infinite}@-webkit-keyframes van-cursor-flicker{from{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes van-cursor-flicker{from{opacity:0}50%{opacity:1}100%{opacity:0}}.van-progress{position:relative;height:4px;background:#ebedf0;border-radius:4px}.van-progress__portion{position:absolute;left:0;height:100%;background:#1989fa;border-radius:inherit}.van-progress__pivot{position:absolute;top:50%;box-sizing:border-box;min-width:3.6em;padding:0 5px;color:#fff;font-size:10px;line-height:1.6;text-align:center;word-break:keep-all;background-color:#1989fa;border-radius:1em;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.van-row::after{display:table;clear:both;content:''}.van-row--flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-row--flex::after{display:none}.van-row--justify-center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-row--justify-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.van-row--justify-space-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.van-row--justify-space-around{-webkit-justify-content:space-around;justify-content:space-around}.van-row--align-center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-row--align-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}.van-sidebar{width:80px;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-tree-select{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;font-size:14px;-webkit-user-select:none;user-select:none}.van-tree-select__nav{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;background-color:#f7f8fa;-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:14px 12px}.van-tree-select__content{-webkit-box-flex:2;-webkit-flex:2;flex:2;overflow-y:auto;background-color:#fff;-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 16px;font-weight:500;line-height:48px;cursor:pointer}.van-tree-select__item--active{color:#ee0a24}.van-tree-select__item--disabled{color:#c8c9cc;cursor:not-allowed}.van-tree-select__selected{position:absolute;top:50%;right:16px;margin-top:-8px;font-size:16px}.van-skeleton{display:-webkit-box;display:-webkit-flex;display:flex;padding:0 16px}.van-skeleton__avatar{-webkit-flex-shrink:0;flex-shrink:0;width:32px;height:32px;margin-right:16px;background-color:#f2f3f5}.van-skeleton__avatar--round{border-radius:999px}.van-skeleton__content{width:100%}.van-skeleton__avatar+.van-skeleton__content{padding-top:8px}.van-skeleton__row,.van-skeleton__title{height:16px;background-color:#f2f3f5}.van-skeleton__title{width:40%;margin:0}.van-skeleton__row:not(:first-child){margin-top:12px}.van-skeleton__title+.van-skeleton__row{margin-top:20px}.van-skeleton--animate{-webkit-animation:van-skeleton-blink 1.2s ease-in-out infinite;animation:van-skeleton-blink 1.2s ease-in-out infinite}.van-skeleton--round .van-skeleton__row,.van-skeleton--round .van-skeleton__title{border-radius:999px}@-webkit-keyframes van-skeleton-blink{50%{opacity:.6}}@keyframes van-skeleton-blink{50%{opacity:.6}}.van-stepper{font-size:0;-webkit-user-select:none;user-select:none}.van-stepper__minus,.van-stepper__plus{position:relative;box-sizing:border-box;width:28px;height:28px;margin:0;padding:0;color:#323233;vertical-align:middle;background-color:#f2f3f5;border:0;cursor:pointer}.van-stepper__minus::before,.van-stepper__plus::before{width:50%;height:1px}.van-stepper__minus::after,.van-stepper__plus::after{width:1px;height:50%}.van-stepper__minus::after,.van-stepper__minus::before,.van-stepper__plus::after,.van-stepper__plus::before{position:absolute;top:50%;left:50%;background-color:currentColor;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:''}.van-stepper__minus:active,.van-stepper__plus:active{background-color:#e8e8e8}.van-stepper__minus--disabled,.van-stepper__plus--disabled{color:#c8c9cc;background-color:#f7f8fa;cursor:not-allowed}.van-stepper__minus--disabled:active,.van-stepper__plus--disabled:active{background-color:#f7f8fa}.van-stepper__minus{border-radius:4px 0 0 4px}.van-stepper__minus::after{display:none}.van-stepper__plus{border-radius:0 4px 4px 0}.van-stepper__input{box-sizing:border-box;width:32px;height:28px;margin:0 2px;padding:0;color:#323233;font-size:14px;line-height:normal;text-align:center;vertical-align:middle;background-color:#f2f3f5;border:0;border-width:1px 0;border-radius:0;-webkit-appearance:none}.van-stepper__input:disabled{color:#c8c9cc;background-color:#f2f3f5;-webkit-text-fill-color:#c8c9cc;opacity:1}.van-stepper__input:read-only{cursor:default}.van-stepper--round .van-stepper__input{background-color:transparent}.van-stepper--round .van-stepper__minus,.van-stepper--round .van-stepper__plus{border-radius:100%}.van-stepper--round .van-stepper__minus:active,.van-stepper--round .van-stepper__plus:active{opacity:.7}.van-stepper--round .van-stepper__minus--disabled,.van-stepper--round .van-stepper__minus--disabled:active,.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__plus--disabled:active{opacity:.3}.van-stepper--round .van-stepper__plus{color:#fff;background-color:#ee0a24}.van-stepper--round .van-stepper__minus{color:#ee0a24;background-color:#fff;border:1px solid #ee0a24}.van-sku-container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;min-height:50%;max-height:80%;overflow-y:visible;font-size:14px;background:#fff}.van-sku-body{-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;min-height:44px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-sku-body::-webkit-scrollbar{display:none}.van-sku-header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;margin:0 16px}.van-sku-header__img-wrap{-webkit-flex-shrink:0;flex-shrink:0;width:96px;height:96px;margin:12px 12px 12px 0;overflow:hidden;border-radius:4px}.van-sku-header__goods-info{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;padding:12px 20px 12px 0}.van-sku-header-item{margin-top:8px;color:#969799;font-size:12px;line-height:16px}.van-sku__price-symbol{font-size:16px;vertical-align:bottom}.van-sku__price-num{font-weight:500;font-size:22px;vertical-align:bottom;word-wrap:break-word}.van-sku__goods-price{margin-left:-2px;color:#ee0a24}.van-sku__price-tag{position:relative;display:inline-block;margin-left:8px;padding:0 5px;overflow:hidden;color:#ee0a24;font-size:12px;line-height:16px;border-radius:8px}.van-sku__price-tag::before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;opacity:.1;content:''}.van-sku-group-container{padding-top:12px}.van-sku-group-container--hide-soldout .van-sku-row__item--disabled{display:none}.van-sku-row{margin:0 16px 12px}.van-sku-row:last-child{margin-bottom:0}.van-sku-row__image-item,.van-sku-row__item{position:relative;overflow:hidden;color:#323233;border-radius:4px;cursor:pointer}.van-sku-row__image-item::before,.van-sku-row__item::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#f7f8fa;content:''}.van-sku-row__image-item--active,.van-sku-row__item--active{color:#ee0a24}.van-sku-row__image-item--active::before,.van-sku-row__item--active::before{background:currentColor;opacity:.1}.van-sku-row__item{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:40px;margin:0 12px 12px 0;font-size:13px;line-height:16px;vertical-align:middle}.van-sku-row__item-img{z-index:1;width:24px;height:24px;margin:4px 0 4px 4px;object-fit:cover;border-radius:2px}.van-sku-row__item-name{z-index:1;padding:8px}.van-sku-row__item--disabled{color:#c8c9cc;background:#f2f3f5;cursor:not-allowed}.van-sku-row__item--disabled .van-sku-row__item-img{opacity:.3}.van-sku-row__image{margin-right:0}.van-sku-row__image-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;width:110px;margin:0 4px 4px 0;border:1px solid transparent}.van-sku-row__image-item:last-child{margin-right:0}.van-sku-row__image-item-img{width:100%;height:110px}.van-sku-row__image-item-img-icon{position:absolute;top:0;right:0;z-index:3;width:18px;height:18px;color:#fff;line-height:18px;text-align:center;background-color:rgba(0,0,0,.4);border-bottom-left-radius:4px}.van-sku-row__image-item-name{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;height:40px;padding:4px;font-size:12px;line-height:16px}.van-sku-row__image-item-name span{word-wrap:break-word}.van-sku-row__image-item--active{border-color:currentColor}.van-sku-row__image-item--disabled{color:#c8c9cc;cursor:not-allowed}.van-sku-row__image-item--disabled::before{z-index:2;background:#f2f3f5;opacity:.4}.van-sku-row__title{padding-bottom:12px}.van-sku-row__title-multiple{color:#969799}.van-sku-row__scroller{margin:0 -16px;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-sku-row__scroller::-webkit-scrollbar{display:none}.van-sku-row__row{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;margin-bottom:4px;padding:0 16px}.van-sku-row__indicator{width:40px;height:4px;background:#ebedf0;border-radius:2px}.van-sku-row__indicator-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding-bottom:16px}.van-sku-row__indicator-slider{width:50%;height:100%;background-color:#ee0a24;border-radius:2px}.van-sku-stepper-stock{padding:12px 16px;overflow:hidden;line-height:30px}.van-sku__stepper{float:right;padding-left:4px}.van-sku__stepper-title{float:left}.van-sku__stepper-quota{float:right;color:#ee0a24;font-size:12px}.van-sku__stock{display:inline-block;margin-right:8px;color:#969799;font-size:12px}.van-sku__stock-num--highlight{color:#ee0a24}.van-sku-messages{padding-bottom:32px}.van-sku-messages__image-cell .van-cell__title{max-width:6.2em;margin-right:12px;color:#646566;text-align:left;word-wrap:break-word}.van-sku-messages__image-cell .van-cell__value{overflow:visible;text-align:left}.van-sku-messages__image-cell-label{color:#969799;font-size:12px;line-height:18px}.van-sku-messages__cell-block{position:relative}.van-sku-messages__cell-block::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-sku-messages__cell-block:last-child::after{display:none}.van-sku-messages__extra-message{margin-top:-2px;padding:0 16px 12px;color:#969799;font-size:12px;line-height:18px}.van-sku-actions{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;padding:8px 16px}.van-sku-actions .van-button{height:40px;font-weight:500;font-size:14px;border:none;border-radius:0}.van-sku-actions .van-button:first-of-type{border-top-left-radius:20px;border-bottom-left-radius:20px}.van-sku-actions .van-button:last-of-type{border-top-right-radius:20px;border-bottom-right-radius:20px}.van-sku-actions .van-button--warning{background:-webkit-linear-gradient(left,#ffd01e,#ff8917);background:linear-gradient(to right,#ffd01e,#ff8917)}.van-sku-actions .van-button--danger{background:-webkit-linear-gradient(left,#ff6034,#ee0a24);background:linear-gradient(to right,#ff6034,#ee0a24)}.van-slider{position:relative;width:100%;height:2px;background-color:#ebedf0;border-radius:999px;cursor:pointer}.van-slider::before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:''}.van-slider__bar{position:relative;width:100%;height:100%;background-color:#1989fa;border-radius:inherit;-webkit-transition:all .2s;transition:all .2s}.van-slider__button{width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.5)}.van-slider__button-wrapper,.van-slider__button-wrapper-right{position:absolute;top:50%;right:0;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0);cursor:grab}.van-slider__button-wrapper-left{position:absolute;top:50%;left:0;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);cursor:grab}.van-slider--disabled{cursor:not-allowed;opacity:.5}.van-slider--disabled .van-slider__button-wrapper,.van-slider--disabled .van-slider__button-wrapper-left,.van-slider--disabled .van-slider__button-wrapper-right{cursor:not-allowed}.van-slider--vertical{display:inline-block;width:2px;height:100%}.van-slider--vertical .van-slider__button-wrapper,.van-slider--vertical .van-slider__button-wrapper-right{top:auto;right:50%;bottom:0;-webkit-transform:translate3d(50%,50%,0);transform:translate3d(50%,50%,0)}.van-slider--vertical .van-slider__button-wrapper-left{top:0;right:50%;left:auto;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0)}.van-slider--vertical::before{top:0;right:-8px;bottom:0;left:-8px}.van-steps{overflow:hidden;background-color:#fff}.van-steps--horizontal{padding:10px 10px 0}.van-steps--horizontal .van-steps__items{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;margin:0 0 10px;padding-bottom:22px}.van-steps--vertical{padding:0 0 0 32px}.van-swipe-cell{position:relative;overflow:hidden;cursor:grab}.van-swipe-cell__wrapper{-webkit-transition-timing-function:cubic-bezier(.18,.89,.32,1);transition-timing-function:cubic-bezier(.18,.89,.32,1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}.van-swipe-cell__left,.van-swipe-cell__right{position:absolute;top:0;height:100%}.van-swipe-cell__left{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.van-swipe-cell__right{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.van-tabbar{z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:content-box;width:100%;height:50px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.van-tabbar--fixed{position:fixed;bottom:0;left:0}.van-tabbar--unfit{padding-bottom:0}