/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,:after,:before {
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Segoe UI",Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
    line-height: 1.15;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-color: currentcolor
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

:host,:root {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
    --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
    --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
    --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
    --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
    --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa {
    box-sizing: content-box;
    overflow: visible
}

.svg-inline--fa {
    display: inline-block;
    display: var(--fa-display,inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -.125em
}

.svg-inline--fa.fa-2xs {
    vertical-align: .1em
}

.svg-inline--fa.fa-xs {
    vertical-align: 0
}

.svg-inline--fa.fa-sm {
    vertical-align: -.07143em
}

.svg-inline--fa.fa-lg {
    vertical-align: -.2em
}

.svg-inline--fa.fa-xl {
    vertical-align: -.25em
}

.svg-inline--fa.fa-2xl {
    vertical-align: -.3125em
}

.svg-inline--fa.fa-pull-left {
    margin-right: .3em;
    margin-right: var(--fa-pull-margin,.3em);
    width: auto
}

.svg-inline--fa.fa-pull-right {
    margin-left: .3em;
    margin-left: var(--fa-pull-margin,.3em);
    width: auto
}

.svg-inline--fa.fa-li {
    top: .25em;
    width: 2em;
    width: var(--fa-li-width,2em)
}

.svg-inline--fa.fa-fw {
    width: 1.25em;
    width: var(--fa-fw-width,1.25em)
}

.fa-layers svg.svg-inline--fa {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.fa-layers-counter,.fa-layers-text {
    display: inline-block;
    position: absolute;
    text-align: center
}

.fa-layers {
    display: inline-block;
    height: 1em;
    position: relative;
    text-align: center;
    vertical-align: -.125em;
    width: 1em
}

.fa-layers svg.svg-inline--fa {
    transform-origin: center center
}

.fa-layers-text {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transform-origin: center center
}

.fa-layers-counter {
    background-color: #ff253a;
    background-color: var(--fa-counter-background-color,#ff253a);
    border-radius: 1em;
    border-radius: var(--fa-counter-border-radius,1em);
    box-sizing: border-box;
    color: #fff;
    color: var(--fa-inverse,#fff);
    line-height: 1;
    line-height: var(--fa-counter-line-height,1);
    max-width: 5em;
    max-width: var(--fa-counter-max-width,5em);
    min-width: 1.5em;
    min-width: var(--fa-counter-min-width,1.5em);
    overflow: hidden;
    padding: .25em .5em;
    padding: var(--fa-counter-padding,.25em .5em);
    right: 0;
    right: var(--fa-right,0);
    text-overflow: ellipsis;
    top: 0;
    top: var(--fa-top,0);
    transform: scale(.25);
    transform: scale(var(--fa-counter-scale,.25));
    transform-origin: top right
}

.fa-layers-bottom-right {
    bottom: 0;
    bottom: var(--fa-bottom,0);
    right: 0;
    right: var(--fa-right,0);
    top: auto;
    transform: scale(.25);
    transform: scale(var(--fa-layers-scale,.25));
    transform-origin: bottom right
}

.fa-layers-bottom-left {
    bottom: 0;
    bottom: var(--fa-bottom,0);
    left: 0;
    left: var(--fa-left,0);
    right: auto;
    top: auto;
    transform: scale(.25);
    transform: scale(var(--fa-layers-scale,.25));
    transform-origin: bottom left
}

.fa-layers-top-right {
    right: 0;
    right: var(--fa-right,0);
    top: 0;
    top: var(--fa-top,0);
    transform: scale(.25);
    transform: scale(var(--fa-layers-scale,.25));
    transform-origin: top right
}

.fa-layers-top-left {
    left: 0;
    left: var(--fa-left,0);
    right: auto;
    top: 0;
    top: var(--fa-top,0);
    transform: scale(.25);
    transform: scale(var(--fa-layers-scale,.25));
    transform-origin: top left
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: .05357em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    margin-left: var(--fa-li-margin,2.5em);
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    left: calc(var(--fa-li-width, 2em)*-1);
    line-height: inherit;
    position: absolute;
    text-align: center;
    width: 2em;
    width: var(--fa-li-width,2em)
}

.fa-border {
    border-color: #eee;
    border-color: var(--fa-border-color,#eee);
    border-radius: .1em;
    border-radius: var(--fa-border-radius,.1em);
    border-style: solid;
    border-style: var(--fa-border-style,solid);
    border-width: .08em;
    border-width: var(--fa-border-width,.08em);
    padding: .2em .25em .15em;
    padding: var(--fa-border-padding,.2em .25em .15em)
}

.fa-pull-left {
    float: left;
    margin-right: .3em;
    margin-right: var(--fa-pull-margin,.3em)
}

.fa-pull-right {
    float: right;
    margin-left: .3em;
    margin-left: var(--fa-pull-margin,.3em)
}

.fa-beat {
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-beat;
    animation-timing-function: ease-in-out;
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-bounce {
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-bounce;
    animation-timing-function: cubic-bezier(.28,.84,.42,1);
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))
}

.fa-fade {
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-fade;
    animation-timing-function: cubic-bezier(.4,0,.6,1);
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-beat-fade,.fa-fade {
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration,1s)
}

.fa-beat-fade {
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-beat-fade;
    animation-timing-function: cubic-bezier(.4,0,.6,1);
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-flip {
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-flip;
    animation-timing-function: ease-in-out;
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-shake {
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-shake;
    animation-timing-function: linear;
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-shake,.fa-spin {
    animation-delay: 0s;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction,normal)
}

.fa-spin {
    animation-duration: 2s;
    animation-duration: var(--fa-animation-duration,2s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-spin;
    animation-timing-function: linear;
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse,.fa-spin-pulse {
    animation-direction: normal;
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: 1s;
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: infinite;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-name: fa-spin;
    animation-timing-function: steps(8);
    animation-timing-function: var(--fa-animation-timing,steps(8))
}

@media (prefers-reduced-motion:reduce) {
    .fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@keyframes fa-beat {
    0%,90% {
        transform: scale(1)
    }

    45% {
        transform: scale(1.25);
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(1.1,.9) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        transform: scale(.9,1.1) translateY(-.5em);
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        transform: scale(1.05,.95) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        transform: scale(1) translateY(-.125em);
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }

    64% {
        transform: scale(1) translateY(0)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: .4;
        opacity: var(--fa-fade-opacity,.4)
    }
}

@keyframes fa-beat-fade {
    0%,to {
        opacity: .4;
        opacity: var(--fa-beat-fade-opacity,.4);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(1.125);
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotateY(-180deg);
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }

    4% {
        transform: rotate(15deg)
    }

    24%,8% {
        transform: rotate(-18deg)
    }

    12%,28% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-22deg)
    }

    20% {
        transform: rotate(22deg)
    }

    32% {
        transform: rotate(-12deg)
    }

    36% {
        transform: rotate(12deg)
    }

    40%,to {
        transform: rotate(0deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

.fa-rotate-180 {
    transform: rotate(180deg)
}

.fa-rotate-270 {
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    transform: scaleX(-1)
}

.fa-flip-vertical {
    transform: scaleY(-1)
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1)
}

.fa-rotate-by {
    transform: rotate(none);
    transform: rotate(var(--fa-rotate-angle,none))
}

.fa-stack {
    display: inline-block;
    height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,.fa-stack-2x {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: auto;
    z-index: var(--fa-stack-z-index,auto)
}

.svg-inline--fa.fa-stack-1x {
    height: 1em;
    width: 1.25em
}

.svg-inline--fa.fa-stack-2x {
    height: 2em;
    width: 2.5em
}

.fa-inverse {
    color: #fff;
    color: var(--fa-inverse,#fff)
}

.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus) {
    clip: rect(0,0,0,0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.svg-inline--fa .fa-primary {
    fill: currentColor;
    fill: var(--fa-primary-color,currentColor);
    opacity: 1;
    opacity: var(--fa-primary-opacity,1)
}

.svg-inline--fa .fa-secondary {
    fill: currentColor;
    fill: var(--fa-secondary-color,currentColor)
}

.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary {
    opacity: .4;
    opacity: var(--fa-secondary-opacity,.4)
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
    opacity: 1;
    opacity: var(--fa-primary-opacity,1)
}

.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary {
    fill: #000
}

.fa-duotone.fa-inverse,.fad.fa-inverse {
    color: #fff;
    color: var(--fa-inverse,#fff)
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    background-color: #333;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    position: relative;
    transition-property: transform,visibility,opacity;
    white-space: normal
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    border-top-color: initial;
    border-width: 8px 8px 0;
    bottom: -7px;
    left: 0;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: initial;
    border-width: 0 8px 8px;
    left: 0;
    top: -7px;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-left-color: initial;
    border-width: 8px 0 8px 8px;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    border-right-color: initial;
    border-width: 8px 8px 8px 0;
    left: -7px;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54,1.5,.38,1.11)
}

.tippy-arrow {
    color: #333;
    height: 16px;
    width: 16px
}

.tippy-arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    position: absolute
}

.tippy-content {
    padding: 5px 9px;
    position: relative;
    z-index: 1
}

.tippy-box[data-placement^=top]>.tippy-svg-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg {
    top: 16px;
    transform: rotate(180deg)
}

.tippy-box[data-placement^=bottom]>.tippy-svg-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg {
    bottom: 16px
}

.tippy-box[data-placement^=left]>.tippy-svg-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg {
    left: 11px;
    top: calc(50% - 3px);
    transform: rotate(90deg)
}

.tippy-box[data-placement^=right]>.tippy-svg-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg {
    right: 11px;
    top: calc(50% - 3px);
    transform: rotate(-90deg)
}

.tippy-svg-arrow {
    fill: #333;
    height: 16px;
    text-align: left;
    text-align: initial;
    width: 16px
}

.tippy-svg-arrow,.tippy-svg-arrow>svg {
    position: absolute
}

.tippy-box[data-animation=scale-subtle][data-placement^=top] {
    transform-origin: bottom
}

.tippy-box[data-animation=scale-subtle][data-placement^=bottom] {
    transform-origin: top
}

.tippy-box[data-animation=scale-subtle][data-placement^=left] {
    transform-origin: right
}

.tippy-box[data-animation=scale-subtle][data-placement^=right] {
    transform-origin: left
}

.tippy-box[data-animation=scale-subtle][data-state=hidden] {
    opacity: 0;
    transform: scale(.8)
}

@font-face {
    font-family: fallback-font;
    size-adjust:108.3%;src: local(Arial)
}

@font-face {
    font-display: swap;
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 300;
    src: local(""),url("space-grotesk-v12-latin-ext_latin-300.woff2") format("woff2"),url("space-grotesk-v12-latin-ext_latin-300.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 400;
    src: local(""),url("space-grotesk-v12-latin-ext_latin-regular.woff2") format("woff2"),url("space-grotesk-v12-latin-ext_latin-regular.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 500;
    src: local(""),url("space-grotesk-v12-latin-ext_latin-500.woff2") format("woff2"),url("space-grotesk-v12-latin-ext_latin-500.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 700;
    src: local(""),url("space-grotesk-v12-latin-ext_latin-700.woff2") format("woff2"),url("space-grotesk-v12-latin-ext_latin-700.woff") format("woff")
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 300;
    src: local(""),url("source-sans-pro-v21-latin_cyrillic-ext_cyrillic-300.woff2") format("woff2"),url("source-sans-pro-v21-latin_cyrillic-ext_cyrillic-300.woff") format("woff")
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    src: local(""),url("source-sans-pro-v21-latin_cyrillic-ext_cyrillic-regular.woff2") format("woff2"),url("source-sans-pro-v21-latin_cyrillic-ext_cyrillic-regular.woff") format("woff")
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 500;
    src: local(""),url("source-sans-pro-v21-latin_cyrillic-ext_cyrillic-600.woff2") format("woff2"),url("source-sans-pro-v21-latin_cyrillic-ext_cyrillic-600.woff") format("woff")
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    src: local(""),url("source-sans-pro-v21-latin_cyrillic-ext_cyrillic-700.woff2") format("woff2"),url("source-sans-pro-v21-latin_cyrillic-ext_cyrillic-700.woff") format("woff")
}

@font-face {
    font-family: "hobeaux";
    font-style: normal;
    font-weight: 700;
    src: local(""),url("") format("woff2")
}

@font-face {
    font-family: "hobeaux";
    font-style: normal;
    font-weight: 500;
    src: local(""),url("") format("woff")
}

html {
    background-color: #21201e;
    color: #fcf5e8;
    font-family: "Space Grotesk","Source Sans Pro",fallback-font,arial,sans-serif;
    font-size: 16px;
    font-weight: 400
}

html:not(.no-scroll) {
    scroll-behavior: smooth
}

html[lang=ru-RU] {
    font-family: "Source Sans Pro","Space Grotesk",fallback-font,arial,sans-serif
}

body {
    background: #21201e;
    margin: 0;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll
}

* {
    box-sizing: border-box
}

a {
    color: #f5c71b;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: color 275ms
}

a:hover {
    color: #ffe379
}

p {
    text-wrap: pretty;
    color: #aea89b;
    line-height: 1.5;
    margin: 1rem 0
}

@media screen and (max-width: 959px) {
    p {
        font-size:.875rem
    }
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

h1,h2,h3 {
    text-wrap: pretty
}

b,strong {
    font-weight: 700
}

[role=button] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

::-moz-selection {
    background-color: #d7aa00;
    color: #fcf5e8
}

::selection {
    background-color: #d7aa00;
    color: #fcf5e8
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media screen and (min-width: 960px) {
    .container {
        max-width:920px
    }
}

@media screen and (min-width: 1170px) {
    .container {
        max-width:1140px
    }
}

@media screen and (min-width: 1440px) {
    .container {
        max-width:1280px
    }
}

#crisp-chatbox:not([data-is-activity-ongoing=true])>div>a[role=button][class^=cc]:not([data-visible=true]) {
    display: none!important
}

.grecaptcha-badge {
    visibility: hidden
}

svg.svg-inline--fa[data-prefix=mdi] path {
    transform: scale(1.2);
    transform-origin: center
}

* {
    scrollbar-color: #56524d hsla(0,0%,100%,0);
    scrollbar-width: thin
}

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

::-webkit-scrollbar:horizontal {
    height: 8px
}

::-webkit-scrollbar-track {
    background: hsla(0,0%,100%,0)
}

::-webkit-scrollbar-thumb {
    background-color: #56524d;
    border: 2px solid #3f3c38;
    border-radius: .25rem
}

* ::-webkit-scrollbar-corner {
    background-color: hsla(0,0%,100%,0)
}

.dropdown-enter,.dropdown-leave-to {
    opacity: 0;
    transform: rotateX(90deg)
}

.dropdown-enter-active,.dropdown-leave-active {
    transform-origin: top;
    transition: transform 275ms,opacity 275ms
}

.dropdown-enter-active[data-popper-placement^=top],.dropdown-leave-active[data-popper-placement^=top] {
    transform-origin: bottom
}

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

.fade-enter-active,.fade-leave-active {
    transition: opacity 275ms
}

.page-enter,.page-leave-to {
    opacity: 0
}

.page-enter-active,.page-leave-active {
    transition: opacity 275ms
}

.slide-enter {
    opacity: 0;
    transform: translateY(-80%)
}

.slide-leave-to {
    opacity: 0;
    transform: translateY(80%)
}

.slide-enter-active,.slide-leave-active {
    transition: opacity 275ms,transform 275ms!important
}

.slide-leave-active {
    position: absolute!important;
    z-index: 1
}

.tooltip-activator {
    outline: none
}

.tooltip {
    display: none
}

.tippy-box {
    background-color: rgba(0,0,0,.8);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    color: #aea89b;
    font-size: .75rem;
    text-align: center
}

.tippy-box .tooltip {
    display: block
}

.tippy-box>.tippy-content {
    padding: .75rem
}

.tippy-box>.tippy-svg-arrow svg {
    fill: rgba(0,0,0,.8)
}

@supports((-webkit-backdrop-filter: none) or (backdrop-filter:none)) {
    .tippy-box {
        -webkit-backdrop-filter:blur(.75rem);
        backdrop-filter: blur(.75rem)
    }

    .tippy-box[data-placement=top] {
        background: linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,.65) 50%,rgba(0,0,0,.8))
    }

    .tippy-box[data-placement=bottom] {
        background: linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.65) 50%,rgba(0,0,0,.8))
    }

    .tippy-box[data-placement=left] {
        background: linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.65) 50%,rgba(0,0,0,.8))
    }

    .tippy-box[data-placement=right] {
        background: linear-gradient(270deg,rgba(0,0,0,.65),rgba(0,0,0,.65) 50%,rgba(0,0,0,.8))
    }

    .tippy-box>.tippy-svg-arrow svg {
        fill: rgba(0,0,0,.8)
    }
}

.noUi-target,.noUi-target * {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    box-sizing: border-box;
    touch-action: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.noUi-target {
    position: relative
}

.noUi-base,.noUi-connects {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,.noUi-origin {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 0 0;
    transform-style: flat;
    width: 100%;
    will-change: transform;
    z-index: 1
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: grabbing;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin {
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit!important
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    2%,4% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    10%,14%,18%,6% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    12%,16%,8% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    20% {
        transform: scaleX(1)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes landing-image-left {
    0% {
        transform: translateZ(0) rotateY(0deg) rotate(0deg)
    }

    to {
        transform: translate3d(0,3%,-20px) rotateY(12deg) rotate(6deg)
    }
}

@keyframes landing-image-right {
    0% {
        transform: translateZ(0) rotateY(0deg) rotate(0deg)
    }

    to {
        transform: translate3d(0,3%,-20px) rotateY(12deg) rotate(-6deg)
    }
}

@keyframes button-background-pulse {
    0% {
        filter: opacity(0);
        transform: scaleY(.95) scaleX(.98)
    }

    80% {
        filter: opacity(1);
        transform: scaleY(1) scaleX(1)
    }

    to {
        filter: opacity(0);
        transform: scaleY(1.05) scaleX(1.02)
    }
}

@font-face {
    font-family: "lores-12";
    font-style: normal;
    font-weight: 400;
    src: local(""),url("") format("woff2")
}

@font-face {
    font-family: "lores-12";
    font-style: normal;
    font-weight: 700;
    src: local(""),url("") format("woff2")
}

code[class*=language-],pre[class*=language-] {
    word-wrap: normal;
    background: none;
    color: #000;
    font-family: Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;
    font-size: 1em;
    -webkit-hyphens: none;
    hyphens: none;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    text-align: left;
    text-shadow: 0 1px #fff;
    white-space: pre;
    word-break: normal;
    word-spacing: normal
}

code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection {
    background: #b3d4fc;
    text-shadow: none
}

@media print {
    code[class*=language-],pre[class*=language-] {
        text-shadow: none
    }
}

pre[class*=language-] {
    margin: .5em 0;
    overflow: auto;
    padding: 1em
}

:not(pre)>code[class*=language-],pre[class*=language-] {
    background: #f5f2f0
}

:not(pre)>code[class*=language-] {
    border-radius: .3em;
    padding: .1em;
    white-space: normal
}

.token.cdata,.token.comment,.token.doctype,.token.prolog {
    color: #708090
}

.token.punctuation {
    color: #999
}

.token.namespace {
    opacity: .7
}

.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag {
    color: #905
}

.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string {
    color: #690
}

.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url {
    background: hsla(0,0%,100%,.5);
    color: #9a6e3a
}

.token.atrule,.token.attr-value,.token.keyword {
    color: #07a
}

.token.class-name,.token.function {
    color: #dd4a68
}

.token.important,.token.regex,.token.variable {
    color: #e90
}

.token.bold,.token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

.vue-recycle-scroller {
    position: relative
}

.vue-recycle-scroller.direction-vertical:not(.page-mode) {
    overflow-y: auto
}

.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
    overflow-x: auto
}

.vue-recycle-scroller.direction-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vue-recycle-scroller__slot {
    -webkit-box-flex: 1;
    -ms-flex: auto 0 0px;
    flex: auto 0 0
}

.vue-recycle-scroller__item-wrapper {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    position: relative
}

.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
    left: 0;
    position: absolute;
    top: 0;
    will-change: transform
}

.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
    width: 100%
}

.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
    height: 100%
}

.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
    width: 100%
}

.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
    height: 100%
}

.resize-observer[data-v-b329ee4c] {
    background-color: transparent;
    border: none;
    opacity: 0
}

.resize-observer[data-v-b329ee4c],.resize-observer[data-v-b329ee4c] object {
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.layout[data-v-3fb611fc] {
    background-color: var(--layout-background);
    transition: background-color 275ms
}

.layout--default[data-v-3fb611fc] {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.layout--event[data-v-3fb611fc] {
    --layout-background: #1d1c1a
}

.expand-enter-active,.expand-leave-active {
    overflow: hidden;
    transition: height 275ms,opacity 275ms,transform 275ms,margin-top 275ms
}

.expand-enter,.expand-leave-to {
    height: 0;
    opacity: 0;
    transform: translateY(-.25rem)
}

*[data-v-6506a19e] {
    will-change: height,transform
}

.navigation[data-v-7fa244de] {
    background-color: #21201e;
    width: 100%;
    z-index: 105
}

@media screen and (max-width: 959px) {
    .navigation[data-v-7fa244de] {
        position:sticky;
        top: 0
    }

    .navigation[data-v-7fa244de] .locale-switcher {
        display: none
    }
}

.navigation-wrapper[data-v-7fa244de] {
    align-items: center;
    display: flex;
    height: 5.25rem;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 1.5rem;
    position: relative;
    transition: max-width .5s
}

.navigation-wrapper[data-v-7fa244de]:not(.container) {
    max-width: 100%
}

@media screen and (max-width: 959px) {
    .navigation-wrapper[data-v-7fa244de] {
        height:4rem;
        padding: 0 1rem
    }
}

.navigation-brand[data-v-ba680d78] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media screen and (max-width: 959px) {
    .navigation-brand[data-v-ba680d78] .logo {
        --height:2.0625rem
    }
}

@media screen and (max-width: 959px) {
    .navigation-brand.loggedIn .navigation-brand__base[data-v-ba680d78] {
        display:none
    }

    .navigation-brand.loggedIn .navigation-brand__mini[data-v-ba680d78] {
        display: block
    }
}

.navigation-brand__base[data-v-ba680d78] {
    display: block
}

.navigation-brand__mini[data-v-ba680d78] {
    display: none
}

.logo[data-v-55fd3eea] {
    --height: 2.5rem;
    height: var(--height)
}

.logo.mini[data-v-55fd3eea] {
    width: var(--height)
}

.logo.mini img[data-v-55fd3eea] {
    aspect-ratio: 1
}

.logo img[data-v-55fd3eea] {
    aspect-ratio: 186/44;
    display: block;
    height: 100%;
    width: auto
}

.navigation-section[data-v-a0d6bec6] {
    align-items: center;
    display: flex;
    gap: .5rem;
    height: 100%
}

.navigation-settings[data-v-7fc6054d] {
    display: flex
}

.navigation-settings__button[data-v-7fc6054d] {
    align-items: center;
    color: #7b776f;
    display: flex;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    transition: color 275ms;
    width: 2.25rem
}

.navigation-settings__button[data-v-7fc6054d]:hover {
    color: #aea89b
}

@media screen and (max-width: 959px) {
    .navigation-settings__button--settings[data-v-7fc6054d] {
        display:none
    }
}

.locale-switcher[data-v-66e7a2da] {
    align-items: center;
    border: 1px solid #56524d;
    border-radius: .25rem;
    cursor: pointer;
    display: inline-flex;
    height: 2.25rem;
    position: relative;
    transition: background-color 275ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.locale-switcher[data-v-66e7a2da]:hover {
    background-color: #3f3c38
}

.locale-switcher>*[data-v-66e7a2da] {
    align-items: center;
    border-right: 1px solid #56524d;
    display: flex;
    height: 100%;
    padding: 0 .75rem
}

.locale-switcher[data-v-66e7a2da]>:last-child {
    border-right: none
}

.locale-switcher__currency[data-v-66e7a2da] {
    color: #fcf5e8;
    font-size: .875rem;
    font-weight: 700
}

.base-flag[data-v-766b0ffc] {
    overflow: hidden;
    width: 1.5rem
}

.base-flag img[data-v-766b0ffc] {
    border-radius: .125rem;
    display: block;
    height: auto;
    width: 100%
}

.auth-button__label--mobile[data-v-4922480a] {
    display: none
}

@media screen and (max-width: 959px) {
    .auth-button__label--mobile[data-v-4922480a] {
        display:inline;
        display: initial
    }

    .auth-button__label--desktop[data-v-4922480a] {
        display: none
    }
}

.auth-button__icon[data-v-4922480a] {
    font-size: 1.5rem;
    margin-left: -.5rem;
    margin-right: .5rem
}

.base-button[data-v-1b540458] {
    border: 1px solid hsla(0,0%,100%,0);
    border-radius: .25rem;
    cursor: pointer;
    display: inline-block;
    height: 2.25rem;
    height: var(--button-height,2.25rem);
    padding: 0 1rem;
    position: relative;
    transition: background-color 275ms,color 275ms,transform 175ms,box-shadow 175ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    will-change: transform;
    z-index: 1
}

.base-button.large[data-v-1b540458] {
    height: 3rem;
    height: var(--button-height,3rem);
    min-width: 11rem
}

.base-button.large .base-button__label[data-v-1b540458] {
    font-size: 1rem;
    font-size: var(--button-font-size,1rem)
}

.base-button[data-v-1b540458]:hover:not(:active):not(.loading):not(.disabled) {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)
}

.base-button.disabled[data-v-1b540458] {
    cursor: not-allowed
}

.base-button.primary[data-v-1b540458] {
    background-color: #f5c71b;
    color: #3b2600
}

.base-button.primary.disabled[data-v-1b540458] {
    background-color: #a37e09
}

.base-button.primary[data-v-1b540458]:hover:not(.disabled) {
    background-color: #ffd845
}

.base-button.neutral[data-v-1b540458] {
    background-color: #56524d;
    color: #fcf5e8
}

.base-button.neutral.disabled[data-v-1b540458] {
    background-color: #3f3c38;
    color: #9a958b
}

.base-button.neutral[data-v-1b540458]:hover:not(.disabled) {
    background-color: #7b776f
}

.base-button.transparent[data-v-1b540458] {
    border-color: #56524d;
    color: #fcf5e8
}

.base-button.transparent.disabled[data-v-1b540458] {
    border-color: #56524d;
    color: #9a958b
}

.base-button.transparent[data-v-1b540458]:hover:not(.disabled) {
    background-color: #3f3c38
}

.base-button.destructive[data-v-1b540458] {
    background-color: #b72020;
    color: #fce8e8
}

.base-button.destructive.disabled[data-v-1b540458] {
    background-color: #611818
}

.base-button.destructive[data-v-1b540458]:hover:not(.disabled) {
    background-color: #dc3030
}

.base-button.green[data-v-1b540458] {
    background-color: #83b135;
    color: #233700
}

.base-button.green.disabled[data-v-1b540458] {
    background-color: #77973c
}

.base-button.green[data-v-1b540458]:hover:not(.disabled) {
    background-color: #91c43b
}

.base-button__label[data-v-1b540458] {
    align-items: center;
    display: flex;
    font-size: .875rem;
    font-size: var(--button-font-size,.875rem);
    font-weight: 700;
    height: 100%;
    justify-content: center;
    letter-spacing: -.25px;
    text-align: center;
    transition: opacity 275ms;
    white-space: nowrap
}

.base-button.loading .base-button__label[data-v-1b540458] {
    opacity: 0
}

.base-button__loader[data-v-1b540458] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.base-button__icon[data-v-1b540458] {
    font-size: 1.2em
}

.base-button__icon--left[data-v-1b540458] {
    margin-left: -.75rem;
    margin-right: .5rem
}

.base-button__icon--right[data-v-1b540458] {
    margin-left: .5rem;
    margin-right: -.75rem
}

@media screen and (min-width: 960px) {
    .navigation-menu-mobile[data-v-598cea9b] {
        display:none
    }
}

.navigation-menu-mobile__hamburger[data-v-598cea9b] {
    color: #7b776f;
    font-size: 1.5rem;
    margin-left: .5rem
}

.navigation-menu-mobile__hamburger svg[data-v-598cea9b] {
    display: block
}

.landing-wrapper[data-v-3dcb86c7] {
    margin-bottom: -3rem;
    margin-top: -5.25rem;
    overflow: hidden;
    padding-bottom: 3rem;
    padding-top: 5.25rem
}

@media screen and (max-width: 959px) {
    .landing-wrapper[data-v-3dcb86c7] {
        margin-top:-4rem;
        padding-top: 4rem
    }
}

.landing[data-v-3dcb86c7] {
    display: flex;
    flex-direction: column;
    gap: 6rem;
    padding-bottom: 3rem;
    padding-top: 3rem
}

@media screen and (max-width: 959px) {
    .landing[data-v-3dcb86c7] {
        gap:4rem;
        padding-top: 2rem
    }
}

.hero[data-v-0c3a7d95] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 3rem 0
}

@media screen and (max-width: 959px) {
    .hero[data-v-0c3a7d95] {
        flex-direction:column;
        gap: 3rem;
        padding: 0
    }
}

.hero__body[data-v-0c3a7d95] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    z-index: 1
}

.hero__label[data-v-0c3a7d95] {
    color: #aea89b;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.5;
    text-transform: capitalize
}

.hero__label .base-flag[data-v-0c3a7d95] {
    display: inline-block;
    margin-right: .5rem;
    position: relative;
    transform: translateY(4px)
}

.hero__label[data-v-0c3a7d95] strong {
    color: #fff
}

.hero__label .hero__label-lg[data-v-0c3a7d95] {
    font-size: .875rem
}

@media screen and (max-width: 1169px) {
    .hero__label .hero__label-lg[data-v-0c3a7d95] {
        display:none
    }
}

.hero__label .hero__label-sm[data-v-0c3a7d95] {
    display: none
}

@media screen and (max-width: 1169px) {
    .hero__label .hero__label-sm[data-v-0c3a7d95] {
        display:inline;
        display: initial
    }
}

.hero__title[data-v-0c3a7d95] {
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
    text-transform: uppercase;
    white-space: nowrap
}

html[lang=en-US] .hero__title[data-v-0c3a7d95] {
    font-size: 3.5rem
}

html[lang=de-DE] .hero__title[data-v-0c3a7d95],html[lang=pl-PL] .hero__title[data-v-0c3a7d95] {
    font-size: 2.75rem
}

html[lang=es-ES] .hero__title[data-v-0c3a7d95],html[lang=fr-FR] .hero__title[data-v-0c3a7d95],html[lang=ru-RU] .hero__title[data-v-0c3a7d95] {
    font-size: 2.5rem
}

.hero__title[data-v-0c3a7d95] strong {
    color: #f5c71b;
    font-weight: 700
}

.hero__title[data-v-0c3a7d95] strong>span {
    font-weight: 500
}

@media screen and (min-width: 1440px) {
    html[lang=de-DE] .hero__title[data-v-0c3a7d95],html[lang=pl-PL] .hero__title[data-v-0c3a7d95] {
        font-size:3.25rem
    }

    html[lang=es-ES] .hero__title[data-v-0c3a7d95],html[lang=fr-FR] .hero__title[data-v-0c3a7d95],html[lang=ru-RU] .hero__title[data-v-0c3a7d95] {
        font-size: 2.75rem
    }
}

@media screen and (max-width: 1439px) {
    .hero__title[data-v-0c3a7d95] {
        font-size:2.25rem
    }

    html[lang=en-US] .hero__title[data-v-0c3a7d95] {
        font-size: 3rem
    }
}

@media screen and (max-width: 1169px) {
    .hero__title[data-v-0c3a7d95],html[lang=de-DE] .hero__title[data-v-0c3a7d95],html[lang=en-US] .hero__title[data-v-0c3a7d95],html[lang=pl-PL] .hero__title[data-v-0c3a7d95] {
        font-size:2.25rem
    }

    html[lang=es-ES] .hero__title[data-v-0c3a7d95],html[lang=fr-FR] .hero__title[data-v-0c3a7d95],html[lang=ru-RU] .hero__title[data-v-0c3a7d95] {
        font-size: 2rem
    }
}

@media screen and (max-width: 959px) {
    html[lang=es-ES] .hero__title[data-v-0c3a7d95],html[lang=fr-FR] .hero__title[data-v-0c3a7d95],html[lang=ru-RU] .hero__title[data-v-0c3a7d95] {
        font-size:2.25rem
    }
}

@media screen and (max-width: 599px) {
    html[lang=de-DE] .hero__title[data-v-0c3a7d95],html[lang=pl-PL] .hero__title[data-v-0c3a7d95] {
        font-size:1.875rem
    }

    html[lang=es-ES] .hero__title[data-v-0c3a7d95],html[lang=fr-FR] .hero__title[data-v-0c3a7d95],html[lang=ru-RU] .hero__title[data-v-0c3a7d95] {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 399px) {
    html[lang=de-DE] .hero__title[data-v-0c3a7d95],html[lang=pl-PL] .hero__title[data-v-0c3a7d95] {
        font-size:26px
    }

    html[lang=en-US] .hero__title[data-v-0c3a7d95] {
        font-size: 34px
    }

    html[lang=pt-BR] .hero__title[data-v-0c3a7d95] {
        font-size: 28px
    }
}

.hero__description[data-v-0c3a7d95] {
    color: #aea89b;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 1.5rem
}

@media screen and (max-width: 1169px) {
    html[lang=de-DE] .hero__description[data-v-0c3a7d95] br,html[lang=es-ES] .hero__description[data-v-0c3a7d95] br,html[lang=fr-FR] .hero__description[data-v-0c3a7d95] br,html[lang=pl-PL] .hero__description[data-v-0c3a7d95] br,html[lang=ru-RU] .hero__description[data-v-0c3a7d95] br {
        content:""
    }

    html[lang=de-DE] .hero__description[data-v-0c3a7d95] br:after,html[lang=es-ES] .hero__description[data-v-0c3a7d95] br:after,html[lang=fr-FR] .hero__description[data-v-0c3a7d95] br:after,html[lang=pl-PL] .hero__description[data-v-0c3a7d95] br:after,html[lang=ru-RU] .hero__description[data-v-0c3a7d95] br:after {
        content: " "
    }
}

@media screen and (max-width: 599px) {
    .hero__description[data-v-0c3a7d95] br {
        content:""
    }

    .hero__description[data-v-0c3a7d95] br:after {
        content: " "
    }
}

.hero__button.large[data-v-0c3a7d95] {
    height: 2.75rem;
    min-width: 13rem
}

.hero__footer[data-v-0c3a7d95] {
    align-items: center;
    display: flex;
    gap: 1.5rem
}

@media screen and (max-width: 1169px) {
    .hero__footer[data-v-0c3a7d95] {
        align-items:flex-start;
        flex-direction: column
    }
}

.hero__rating[data-v-0c3a7d95] {
    display: flex;
    flex-direction: column
}

.hero__rating-top[data-v-0c3a7d95] {
    align-items: baseline;
    display: flex;
    gap: .25rem
}

.hero__rating-stars[data-v-0c3a7d95] {
    color: #f5c71b
}

.hero__rating-stars svg[data-v-0c3a7d95] {
    transform: scale(.85)
}

.hero__rating-copy[data-v-0c3a7d95] {
    font-size: .875rem
}

.hero__rating-copy[data-v-0c3a7d95]>span {
    color: #f5c71b;
    font-weight: 500
}

.hero__rating-members[data-v-0c3a7d95] {
    color: #9a958b;
    margin-left: .125rem;
    margin-top: .125rem
}

.hero__stroke[data-v-0c3a7d95] {
    left: -3.5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

@media screen and (max-width: 1169px) {
    .hero__stroke[data-v-0c3a7d95] {
        left:-1.5rem
    }
}

@media screen and (max-width: 959px) {
    .hero__stroke[data-v-0c3a7d95] {
        display:none
    }
}

.landing-hero-image-mobile[data-v-6d4f51f6] {
    align-items: center;
    display: none;
    height: 100px;
    justify-content: center;
    pointer-events: none;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

@media screen and (max-width: 959px) {
    .landing-hero-image-mobile[data-v-6d4f51f6] {
        display:flex
    }
}

.landing-hero-image-mobile__image[data-v-6d4f51f6] {
    --scale-factor: 1.35;
    left: 50%;
    position: absolute;
    top: 0
}

.landing-hero-image-mobile__image[data-v-6d4f51f6] img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.landing-hero-image-mobile__image--fade[data-v-6d4f51f6] {
    height: calc(380px*var(--scale-factor));
    transform: translate(calc(-260px*var(--scale-factor)),calc(-135px*var(--scale-factor)))
}

.landing-hero-image-mobile__image--howl[data-v-6d4f51f6] {
    height: calc(450px*var(--scale-factor));
    transform: translate(calc(-180px*var(--scale-factor)),calc(-170px*var(--scale-factor)))
}

.landing-hero-image-mobile__image--howl[data-v-6d4f51f6] img {
    transform: rotate(-5deg)
}

.landing-cta-button[data-v-6292339d] {
    position: relative
}

.landing-cta-button[data-v-6292339d]:after {
    animation: button-background-pulse 3s infinite;
    background: rgba(245,199,27,.2);
    border-radius: .5rem;
    content: "";
    height: calc(100% + .5rem);
    left: -.25rem;
    position: absolute;
    top: -.25rem;
    width: calc(100% + .5rem)
}

.landing-cta-button[data-v-6292339d] .base-button__label {
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: uppercase
}

.landing-cta-button[data-v-6292339d] .base-button__label>span {
    align-items: center;
    display: inline-flex
}

.landing-cta-button[data-v-6292339d] .base-button__label svg {
    font-size: 1.25rem;
    margin-left: .25rem;
    transition: transform 175ms
}

.landing-cta-button[data-v-6292339d]:hover .base-button__label svg {
    transform: rotate(90deg) translateY(-.125rem)
}

.text-stroke[data-v-1b3c0d79] {
    -webkit-text-stroke: 2px transparent;
    background: linear-gradient(90deg,#3f3c38 45%,#21201e);
    background: linear-gradient(to right,var(--stroke-color,#3f3c38) 45%,var(--fill-color,#21201e));
    -webkit-background-clip: text;
    color: #21201e;
    color: var(--fill-color,#21201e);
    display: inline-block;
    font-size: 8.5rem;
    font-weight: 700;
    line-height: 1;
    opacity: .85;
    pointer-events: none;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.text-stroke.small[data-v-1b3c0d79] {
    font-size: 4rem
}

.text-stroke.full[data-v-1b3c0d79],.text-stroke.small[data-v-1b3c0d79] {
    background: #3f3c38;
    background: var(--stroke-color,#3f3c38);
    -webkit-background-clip: text;
    text-transform: none
}

.landing-hero-image__image[data-v-0f9fd319] {
    --animation-duration: 4.8s;
    --scale-factor: 1.35;
    --scale-factor-background: 1.65;
    left: 0;
    position: absolute;
    top: 0
}

.landing-hero-image__image[data-v-0f9fd319] img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.landing-hero-image__image--background[data-v-0f9fd319] {
    height: 100%;
    opacity: .75;
    transform: scale(var(--scale-factor-background)) translateY(calc(15px*var(--scale-factor)));
    width: 100%
}

.landing-hero-image__image--background[data-v-0f9fd319] img {
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.landing-hero-image__image--fade[data-v-0f9fd319] {
    height: 302px;
    height: calc(302px*var(--scale-factor, 1));
    transform: translate(-40px,-40px);
    transform: translate(calc(-40px*var(--scale-factor, 1)),calc(-40px*var(--scale-factor, 1)))
}

.landing-hero-image__image--fade[data-v-0f9fd319] img {
    animation: landing-image-left 5s ease-in-out infinite alternate;
    animation: landing-image-left var(--animation-duration,5s) ease-in-out infinite alternate;
    animation-delay: -.3s;
    animation-delay: var(--animation-delay,-.3s)
}

.landing-hero-image__image--vulcan[data-v-0f9fd319] {
    height: 419px;
    height: calc(419px*var(--scale-factor, 1));
    transform: translate(70px,-100px);
    transform: translate(calc(70px*var(--scale-factor, 1)),calc(-100px*var(--scale-factor, 1)))
}

.landing-hero-image__image--vulcan[data-v-0f9fd319] img {
    animation: landing-image-left 5s ease-in-out infinite alternate;
    animation: landing-image-left var(--animation-duration,5s) ease-in-out infinite alternate
}

.landing-hero-image__image--howl[data-v-0f9fd319] {
    height: 413px;
    height: calc(413px*var(--scale-factor, 1));
    transform: translate(-40px,30px);
    transform: translate(calc(-40px*var(--scale-factor, 1)),calc(30px*var(--scale-factor, 1)))
}

.landing-hero-image__image--howl[data-v-0f9fd319] img {
    animation: landing-image-right 5s ease-in-out infinite alternate;
    animation: landing-image-right var(--animation-duration,5s) ease-in-out infinite alternate
}

.landing-hero-image__image--tt[data-v-0f9fd319] {
    height: 250px;
    height: calc(250px*var(--scale-factor, 1));
    transform: translate(165px,115px);
    transform: translate(calc(165px*var(--scale-factor, 1)),calc(115px*var(--scale-factor, 1)))
}

.landing-hero-image__image--tt[data-v-0f9fd319] img {
    animation: landing-image-right 5s ease-in-out infinite alternate;
    animation: landing-image-right var(--animation-duration,5s) ease-in-out infinite alternate;
    animation-delay: -.3s;
    animation-delay: var(--animation-delay,-.3s)
}

@media screen and (min-width: 1440px) {
    .landing-hero-image__image[data-v-0f9fd319] {
        --scale-factor:1.45
    }
}

@media screen and (max-width: 1169px) {
    .landing-hero-image__image[data-v-0f9fd319] {
        --scale-factor:1.15
    }
}

@media screen and (min-width: 960px) {
    .landing-hero-image[data-v-7da0dd17] {
        transform:translate(-40px,-40px)
    }
}

@media screen and (min-width: 1170px) {
    .landing-hero-image[data-v-7da0dd17] {
        transform:translate(-20px,-20px)
    }
}

@media screen and (min-width: 1440px) {
    .landing-hero-image[data-v-7da0dd17] {
        transform:translate(-50px,-30px)
    }
}

.landing-image[data-v-8073996a] {
    align-items: center;
    display: flex;
    height: 400px;
    justify-content: center;
    max-width: 625px;
    pointer-events: none;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

@media screen and (max-width: 1169px) {
    .landing-image[data-v-8073996a] {
        height:280px
    }
}

@media screen and (max-width: 959px) {
    .landing-image[data-v-8073996a] {
        display:none
    }
}

.stats[data-v-3cc6f55e] {
    grid-gap: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4,1fr);
    position: relative
}

@media screen and (max-width: 959px) {
    .stats[data-v-3cc6f55e] {
        grid-template-columns:repeat(2,1fr)
    }
}

@media screen and (max-width: 599px) {
    .stats[data-v-3cc6f55e] {
        grid-template-columns:repeat(1,1fr)
    }
}

.stats-dots[data-v-3cc6f55e] {
    z-index: 0
}

.stats-dots--left[data-v-3cc6f55e] {
    height: 8rem;
    left: -3rem;
    top: -2rem;
    width: 13rem
}

.stats-dots--right[data-v-3cc6f55e] {
    bottom: -2rem;
    height: 8rem;
    right: -3rem;
    width: 13rem
}

.base-dot-pattern[data-v-44941d30] {
    background: radial-gradient(circle at center,var(--dot-color) 25%,hsla(0,0%,100%,0) 25%),hsla(0,0%,100%,0);
    background-size: 1rem 1rem;
    pointer-events: none;
    position: absolute
}

.stats-item[data-v-2aea18ba] {
    background: #2a2724;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    height: 110px;
    overflow: hidden;
    padding: 1.5rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.stats-item__icon[data-v-2aea18ba] {
    bottom: 0;
    color: #3f3c38;
    font-size: 80px;
    position: absolute;
    right: 0;
    transform: translate(12px,8px);
    z-index: 0
}

.stats-item[data-id=users] .stats-item__icon[data-v-2aea18ba] {
    transform: translate(12px,8px) scaleX(-1)
}

.stats-item__value[data-v-2aea18ba] {
    color: #f5c71b;
    font-size: 2.25rem;
    font-weight: 700;
    z-index: 1
}

.stats-item__label[data-v-2aea18ba] {
    color: #aea89b;
    font-weight: 500;
    margin-top: .125rem;
    z-index: 1
}

.base-header[data-v-70550540] {
    color: #fff;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.15;
    margin: 0
}

@media screen and (max-width: 959px) {
    .base-header[data-v-70550540] {
        font-size:2.25rem
    }
}

.base-header.small[data-v-70550540] {
    color: #fcf5e8;
    font-size: 1.5rem;
    font-weight: 500
}

@media screen and (max-width: 959px) {
    .base-header.small[data-v-70550540] {
        font-size:1.125rem;
        font-weight: 400
    }
}

.base-header[data-v-70550540] strong {
    font-weight: 700
}

.base-header[data-v-70550540]+ p {
    margin-top: .5rem
}

.popular-items[data-v-7798c16a] {
    --popular-item-size: 12rem
}

@media screen and (max-width: 959px) {
    .popular-items[data-v-7798c16a] {
        --popular-item-size:8.75rem
    }
}

.popular-items[data-v-7798c16a] {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.popular-items__container[data-v-7798c16a] {
    height: calc(var(--popular-item-size) + 4rem);
    margin: 0 -3rem;
    overflow: hidden;
    position: relative;
    width: calc(100% + 6rem)
}

@media screen and (max-width: 959px) {
    .popular-items__container[data-v-7798c16a] {
        height:calc(var(--popular-item-size) + 3rem);
        margin: 0 -1rem;
        width: calc(100% + 2rem)
    }
}

.popular-items__container[data-v-7798c16a]:after,.popular-items__container[data-v-7798c16a]:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 3rem;
    z-index: 1
}

.popular-items__container[data-v-7798c16a]:before {
    background: linear-gradient(90deg,#21201e,rgba(33,32,30,0));
    left: 0
}

@media screen and (max-width: 959px) {
    .popular-items__container[data-v-7798c16a]:before {
        background:hsla(0,0%,100%,0)
    }
}

.popular-items__container[data-v-7798c16a]:after {
    background: linear-gradient(90deg,rgba(33,32,30,0),#21201e);
    right: 0
}

@media screen and (max-width: 959px) {
    .popular-items__container[data-v-7798c16a]:after {
        background:hsla(0,0%,100%,0)
    }
}

.popular-items__track[data-v-7798c16a] {
    display: flex;
    gap: 2px;
    overflow-x: auto;
    padding: 2rem 0 3rem;
    position: relative
}

.popular-items__track[data-v-7798c16a]:after,.popular-items__track[data-v-7798c16a]:before {
    content: "";
    flex-shrink: 0;
    width: 3rem
}

@media screen and (max-width: 959px) {
    .popular-items__track[data-v-7798c16a]:after,.popular-items__track[data-v-7798c16a]:before {
        width:1rem
    }
}

.popular-items__more[data-v-7798c16a] {
    background: linear-gradient(90deg,rgba(33,32,30,0),#21201e);
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 370px
}

.popular-items__button[data-v-7798c16a] {
    color: #7b776f;
    cursor: pointer;
    opacity: 0;
    padding: .5rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: color 275ms,opacity 275ms;
    z-index: 2
}

@media screen and (max-width: 959px) {
    .popular-items__button[data-v-7798c16a] {
        display:none
    }
}

.popular-items__button.active[data-v-7798c16a] {
    opacity: 1;
    pointer-events: auto
}

.popular-items__button[data-v-7798c16a]:hover {
    color: #aea89b
}

.popular-items__button--prev[data-v-7798c16a] {
    left: -5rem
}

@media screen and (min-width: 1170px)and (max-width:1439px) {
    .popular-items__button--prev[data-v-7798c16a] {
        left:-3rem
    }
}

.popular-items__button--next[data-v-7798c16a] {
    right: -5rem
}

@media screen and (min-width: 1170px)and (max-width:1439px) {
    .popular-items__button--next[data-v-7798c16a] {
        right:-3rem
    }
}

.popular-item[data-v-208265d8] {
    position: relative;
    transition: transform 175ms
}

.popular-item:first-child .popular-item__body[data-v-208265d8] {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem
}

.popular-item:last-child .popular-item__body[data-v-208265d8] {
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem
}

.popular-item[data-v-208265d8]:hover {
    transform: translateY(calc(-1.5rem - 2px))
}

.popular-item:hover .popular-item__body[data-v-208265d8] {
    background: #56524d;
    border-bottom-left-radius: 0;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.popular-item:hover .popular-item__cta[data-v-208265d8] {
    transform: translateY(100%)
}

.popular-item__body[data-v-208265d8] {
    background: #3f3c38;
    display: flex;
    flex-direction: column;
    height: var(--popular-item-size);
    justify-content: space-between;
    overflow: hidden;
    transition: background-color 275ms,border-radius 175ms;
    width: var(--popular-item-size);
    z-index: 1
}

@media screen and (max-width: 959px) {
    .popular-item__body[data-v-208265d8] {
        height:var(--popular-item-size);
        width: var(--popular-item-size)
    }
}

.popular-item__image[data-v-208265d8] {
    filter: drop-shadow(0 10px 3px rgba(0,0,0,.25));
    height: calc(100% - 3rem);
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -o-object-position: center;
    object-position: center;
    padding: 1rem .25rem;
    width: 100%
}

.popular-item[data-appid="730"] .popular-item__image[data-v-208265d8] {
    transform: scale(1.25)
}

@media screen and (max-width: 959px) {
    .popular-item[data-appid="730"] .popular-item__image[data-v-208265d8] {
        transform:scale(1.4)
    }

    .popular-item__image[data-v-208265d8] {
        height: calc(100% - 2.75rem);
        padding: .75rem .25rem
    }
}

.popular-item__description[data-v-208265d8] {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    padding: 0 1rem .75rem;
    position: absolute;
    width: 100%
}

.popular-item__price[data-v-208265d8] {
    font-weight: 500;
    margin-top: .25rem
}

@media screen and (max-width: 959px) {
    .popular-item__price[data-v-208265d8] {
        font-size:.875rem
    }
}

.popular-item__label[data-v-208265d8] {
    color: #9a958b;
    font-size: .875rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popular-item__cta[data-v-208265d8] {
    align-items: center;
    background: #f5c71b;
    border-radius: 0 0 .5rem .5rem;
    bottom: 0;
    color: #21201e;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    height: 3rem;
    justify-content: space-between;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    transition: color 275ms,transform 175ms;
    width: 100%;
    z-index: -1
}

.popular-item__cta[data-v-208265d8]:hover {
    background: #ffd431
}

.popular-item__cta svg[data-v-208265d8] {
    font-size: 1.25rem
}

.item-card-730-label[data-v-368a6320] {
    color: #aea89b;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .05em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

[data-card-size=small] .item-card-730-label[data-v-368a6320] {
    font-size: .75rem
}

.item-card-730-label__modifier[data-v-368a6320] {
    font-size: .625rem
}

[data-card-size=small] .item-card-730-label__modifier[data-v-368a6320] {
    font-size: inherit
}

[data-card-size=large] .item-card-730-label__skin[data-v-368a6320] {
    font-size: 1rem
}

.item-card-730-label__exterior[data-v-368a6320],[data-card-size=small] .item-card-730-label__skin[data-v-368a6320] {
    display: none
}

[data-card-size=large] .item-card-730-label__exterior[data-v-368a6320] {
    font-size: 1rem
}

[data-card-size=large] .item-card-730-label__exterior[data-v-368a6320]:not(.item-card-730-label__modifier),[data-card-size=medium] .item-card-730-label__exterior.item-card-730-label__modifier[data-v-368a6320],[data-card-size=small] .item-card-730-label__exterior[data-v-368a6320]:not(.item-card-730-label__modifier) {
    display: inline;
    display: initial
}

.item-card-730-label__souvenir[data-v-368a6320] {
    color: #ffd701
}

.item-card-730-label__stat-trak[data-v-368a6320] {
    color: #f89407
}

[data-card-size=small] .item-card-730-label__modifier-break[data-v-368a6320] {
    display: none
}

.item-730-rarity[data-rarity=CONSUMER][data-v-3c32f2de],.item-730-rarity[data-rarity=UNKNOWN][data-v-3c32f2de] {
    color: #b0b9c4
}

.item-730-rarity[data-rarity=INDUSTRIAL][data-v-3c32f2de] {
    color: #8dadd2
}

.item-730-rarity[data-rarity=MILSPEC][data-v-3c32f2de] {
    color: #8595e9
}

.item-730-rarity[data-rarity=RESTRICTED][data-v-3c32f2de] {
    color: #a682e9
}

.item-730-rarity[data-rarity=CLASSIFIED][data-v-3c32f2de] {
    color: #ca6ed5
}

.item-730-rarity[data-rarity=COVERT][data-v-3c32f2de] {
    color: #dc8282
}

.item-730-rarity[data-rarity=CONTRABAND][data-v-3c32f2de] {
    color: #e7ba78
}

.benefits[data-v-3fd5e78a] {
    grid-gap: 2rem;
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(3,1fr)
}

@media screen and (max-width: 959px) {
    .benefits[data-v-3fd5e78a] {
        display:flex;
        flex-direction: column;
        gap: 3rem
    }
}

.benefits-item[data-v-c09af806] {
    display: flex;
    flex-direction: column;
    text-align: center
}

.benefits-item__icon[data-v-c09af806] {
    color: #f5c71b;
    margin: 0 auto .5rem
}

.benefits-item__header[data-v-c09af806] {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.15;
    margin: 1rem 0 0
}

.benefits-item__header[data-v-c09af806]+ p {
    margin-top: .75rem
}

.benefits-item__button[data-v-c09af806] {
    color: #aea89b;
    font-size: 1.125rem;
    line-height: 1.5;
    margin-top: .5rem
}

@media screen and (max-width: 959px) {
    .benefits-item__button[data-v-c09af806] {
        margin-top:0
    }
}

.benefits-item__button[data-v-c09af806]:hover {
    color: #f5c71b
}

.tutorial[data-v-6a5ccc3c] {
    grid-gap: 4rem;
    display: grid;
    gap: 4rem;
    grid-template-columns: 1fr min-content
}

@media screen and (max-width: 959px) {
    .tutorial[data-v-6a5ccc3c] {
        display:flex;
        flex-direction: column-reverse;
        gap: 2rem
    }
}

.tutorial__video[data-v-6a5ccc3c] {
    align-items: center;
    display: flex;
    position: relative;
    width: 100%
}

.tutorial-video[data-v-6a5ccc3c] {
    aspect-ratio: 720/404;
    border-radius: .5rem;
    position: relative;
    width: 720px;
    z-index: 2
}

@media screen and (max-width: 1439px) {
    .tutorial-video[data-v-6a5ccc3c] {
        margin-right:-3rem;
        width: 640px
    }
}

@media screen and (max-width: 1169px) {
    .tutorial-video[data-v-6a5ccc3c] {
        width:400px
    }
}

@media screen and (max-width: 959px) {
    .tutorial-video[data-v-6a5ccc3c] {
        width:100%
    }
}

.tutorial__dots[data-v-6a5ccc3c] {
    bottom: -2rem;
    height: 11rem;
    right: -3rem;
    width: 8rem;
    z-index: 1
}

@media screen and (max-width: 1439px) {
    .tutorial__dots[data-v-6a5ccc3c] {
        right:-6rem
    }
}

@media screen and (max-width: 959px) {
    .tutorial__dots[data-v-6a5ccc3c] {
        display:none
    }
}

.tutorial__steps[data-v-6a5ccc3c] {
    margin-top: 1.5rem
}

.tutorial-step[data-v-1f118724] {
    padding-bottom: 1.5rem;
    padding-left: 3rem;
    position: relative
}

.tutorial-step[data-v-1f118724]:last-child .tutorial-step-indicator__bar {
    display: none
}

.tutorial-step__title[data-v-1f118724] {
    color: #aea89b;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: .5rem;
    margin-top: 0;
    transition: color 175ms
}

@media screen and (max-width: 959px) {
    .tutorial-step__title[data-v-1f118724] {
        font-size:1.125rem
    }
}

.active .tutorial-step__title[data-v-1f118724] {
    color: #fcf5e8
}

.tutorial-step__description[data-v-1f118724] {
    color: #7b776f;
    margin: 0;
    transition: color 175ms
}

.active .tutorial-step__description[data-v-1f118724] {
    color: #aea89b
}

.tutorial-step-indicator[data-v-238f3270] {
    height: 100%;
    left: 0;
    margin-top: .125rem;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media screen and (max-width: 959px) {
    .tutorial-step-indicator[data-v-238f3270] {
        margin-top:0
    }
}

.tutorial-step-indicator__dot[data-v-238f3270] {
    align-items: center;
    background-color: hsla(0,0%,100%,0);
    border-radius: 50%;
    display: flex;
    height: 1.125rem;
    justify-content: center;
    position: relative;
    transition: background-color .5s;
    width: 1.125rem;
    will-change: transform;
    z-index: 1
}

.completed .tutorial-step-indicator__dot[data-v-238f3270] {
    animation: heartBeat-238f3270 1s ease-in-out
}

.loading .tutorial-step-indicator__dot[data-v-238f3270] {
    background-color: #3f3c38
}

.tutorial-step-indicator__dot[data-v-238f3270]:before {
    background-color: #56524d;
    border-radius: 50%;
    content: "";
    height: .625rem;
    transition: height 175ms,width 175ms,background-color 175ms;
    width: .625rem
}

.completed .tutorial-step-indicator__dot[data-v-238f3270]:before {
    background-color: #aea89b;
    height: 1.125rem;
    width: 1.125rem
}

.tutorial-step-indicator__icon[data-v-238f3270] {
    color: #21201e;
    height: 100%;
    line-height: 1;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1
}

.tutorial-step-indicator__bar[data-v-238f3270] {
    background-color: #302e2a;
    height: 100%;
    left: 50%;
    position: absolute;
    top: .625rem;
    transform: translateX(-50%);
    width: 4px
}

.tutorial-step-indicator__progress[data-v-238f3270] {
    background-color: #aea89b;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    height: 0;
    transition: height calc(var(--tutorial-step-duration) + .5s) ease-out;
    width: 100%;
    will-change: height
}

.reset .tutorial-step-indicator__progress[data-v-238f3270] {
    opacity: 0;
    transition: height 0s,opacity 175ms!important
}

.completed .tutorial-step-indicator__progress[data-v-238f3270] {
    height: 100%
}

@keyframes heartBeat-238f3270 {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.cta-middle[data-v-137f24ee] {
    --asset-height-mobile: 12rem;
    align-items: center;
    display: flex;
    height: 23rem;
    justify-content: center;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 959px) {
    .cta-middle[data-v-137f24ee] {
        height:auto;
        padding-top: var(--asset-height-mobile)
    }

    .cta-middle.dota2[data-v-137f24ee] {
        padding-top: 0
    }
}

.cta-middle__body[data-v-137f24ee] {
    text-align: center;
    z-index: 1
}

.cta-middle-layers__assets[data-v-183b5719] {
    top: 50%;
    transform: translateY(-50%)
}

.cta-middle-layers__assets--left[data-v-183b5719] {
    height: 90%;
    left: 0
}

@media screen and (max-width: 959px) {
    .cta-middle-layers__assets--left[data-v-183b5719] {
        height:100%;
        left: auto;
        right: 55%
    }
}

.cta-middle-layers__assets--right[data-v-183b5719] {
    height: calc(100% + 4rem);
    right: 0;
    transform: translateY(-50%) translateX(2rem)
}

@media screen and (max-width: 959px) {
    .cta-middle-layers__assets--right[data-v-183b5719] {
        left:55%;
        transform: translateY(-50%)
    }
}

.cta-middle-layers[data-v-e8e61ec4] {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width: 959px) {
    .cta-middle-layers[data-v-e8e61ec4] {
        height:var(--asset-height-mobile);
        margin: 0 -1rem;
        overflow: hidden;
        width: calc(100% + 2rem)
    }
}

.cta-middle-layers[data-v-e8e61ec4]:before {
    background-color: #191816;
    content: "";
    height: 100%;
    left: 50%;
    margin-left: -50vw;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1
}

@media screen and (max-width: 959px) {
    .cta-middle-layers[data-v-e8e61ec4]:before {
        display:none
    }
}

[data-v-e8e61ec4] .cta-middle-layers__assets {
    display: block;
    position: absolute;
    width: auto
}

.cta-middle-arrows[data-v-11d7dcd4] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.cta-middle-arrows path[data-v-11d7dcd4] {
    opacity: 0;
    transition: opacity 275ms
}

.cta-middle-arrows path.active[data-v-11d7dcd4] {
    opacity: 1
}

.cta-middle-arrows__left[data-v-11d7dcd4],.cta-middle-arrows__right[data-v-11d7dcd4] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width: 959px) {
    .cta-middle-arrows__left[data-v-11d7dcd4],.cta-middle-arrows__right[data-v-11d7dcd4] {
        height:4rem
    }
}

.cta-middle-arrows__left[data-v-11d7dcd4] {
    fill: #3f3c38;
    right: 50rem
}

@media screen and (max-width: 1169px) {
    .cta-middle-arrows__left[data-v-11d7dcd4] {
        right:75%
    }
}

@media screen and (max-width: 959px) {
    .cta-middle-arrows__left[data-v-11d7dcd4] {
        display:none
    }
}

.cta-middle-arrows__right[data-v-11d7dcd4] {
    fill: #f5c71b;
    left: 50rem
}

@media screen and (max-width: 1169px) {
    .cta-middle-arrows__right[data-v-11d7dcd4] {
        left:75%
    }
}

@media screen and (max-width: 959px) {
    .cta-middle-arrows__right[data-v-11d7dcd4] {
        left:50%;
        transform: translate(-50%,-50%)
    }
}

.rating[data-v-2ff20458] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.rating__header[data-v-2ff20458] {
    align-items: baseline;
    display: flex;
    justify-content: space-between
}

.rating__title[data-v-2ff20458] {
    color: #fff;
    font-size: 1.5rem;
    margin: 0
}

.rating__rate[data-v-2ff20458] {
    color: #aea89b;
    font-size: .875rem
}

@media screen and (max-width: 959px) {
    .rating__rate--desktop[data-v-2ff20458] {
        display:none
    }
}

.rating__rate--mobile[data-v-2ff20458] {
    display: none
}

@media screen and (max-width: 959px) {
    .rating__rate--mobile[data-v-2ff20458] {
        display:block
    }

    .rating__rate[data-v-2ff20458] {
        text-align: center
    }
}

.rating__rate strong[data-v-2ff20458] {
    font-weight: 500
}

.rating__rate a[data-v-2ff20458] {
    color: #fcf5e8;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.rating__rate a[data-v-2ff20458]:hover {
    color: #fff
}

@media screen and (max-width: 959px) {
    .rating__list[data-v-2ff20458] {
        border-bottom:1px solid #302e2a;
        border-top: 1px solid #302e2a;
        overflow: hidden;
        position: relative
    }
}

.rating__track[data-v-2ff20458] {
    grid-gap: 2rem;
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(3,1fr)
}

@media screen and (max-width: 959px) {
    .rating__track[data-v-2ff20458] {
        display:flex;
        gap: 0;
        position: relative;
        transition: transform .5s
    }

    .rating__review[data-v-2ff20458] {
        opacity: 0;
        transition: opacity .5s
    }

    .rating__review.active[data-v-2ff20458] {
        opacity: 1
    }
}

.rating__arrow[data-v-2ff20458] {
    display: none
}

@media screen and (max-width: 959px) {
    .rating__arrow[data-v-2ff20458] {
        align-items:center;
        color: #7b776f;
        display: flex;
        font-size: 1.25rem;
        height: 100%;
        justify-content: center;
        position: absolute;
        top: 0;
        transition: opacity 275ms;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 3rem
    }

    .rating__arrow.disabled[data-v-2ff20458] {
        opacity: .3;
        pointer-events: none
    }

    .rating__arrow--left[data-v-2ff20458] {
        background: linear-gradient(90deg,#21201e,rgba(33,32,30,0));
        left: -.75rem
    }

    .rating__arrow--right[data-v-2ff20458] {
        background: linear-gradient(270deg,#21201e,rgba(33,32,30,0));
        right: -.75rem
    }
}

.rating-review[data-v-c638f63e] {
    border-bottom: 1px solid #302e2a;
    border-top: 1px solid #302e2a;
    display: flex;
    flex-direction: column;
    padding: 1.5rem
}

@media screen and (max-width: 959px) {
    .rating-review[data-v-c638f63e] {
        border:none;
        flex-shrink: 0;
        padding-left: 3rem;
        padding-right: 3rem;
        width: 100%
    }
}

.rating-review__header[data-v-c638f63e] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.rating-review__header img[data-v-c638f63e] {
    height: 1.5rem
}

.rating-review__header p[data-v-c638f63e] {
    margin: 0
}

.rating-review__content[data-v-c638f63e],.rating-review__title[data-v-c638f63e] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden
}

.rating-review__title[data-v-c638f63e] {
    -webkit-line-clamp: 1;
    font-size: 1rem;
    line-height: 1.5;
    margin: 1rem 0 0
}

.rating-review__content[data-v-c638f63e] {
    -webkit-line-clamp: 3
}

.rating-review__author[data-v-c638f63e] {
    color: #7b776f;
    line-height: 1.5;
    margin-top: auto
}

.youtube[data-v-7a3a296a] {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    max-width: 100%;
    overflow: hidden;
    text-align: center
}

@media screen and (max-width: 959px) {
    .youtube[data-v-7a3a296a] {
        gap:2rem
    }
}

.youtube__logo[data-v-7a3a296a] {
    aspect-ratio: 51/37;
    height: 2.25rem
}

.youtube__title[data-v-7a3a296a] {
    margin: .75rem 0 -1rem
}

@media screen and (max-width: 959px) {
    .youtube__title[data-v-7a3a296a] {
        margin:.75rem 0 0
    }
}

.youtube__description[data-v-7a3a296a] {
    color: #fff;
    font-size: 1.25rem;
    margin: 0
}

@media screen and (max-width: 959px) {
    .youtube__description[data-v-7a3a296a] {
        font-size:.875rem;
        line-height: 1.5
    }
}

.youtube__description[data-v-7a3a296a] strong {
    color: #f5c71b
}

.youtube-videos[data-v-fd2fade4] {
    display: flex;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 47rem
}

.youtube-videos__dots[data-v-fd2fade4] {
    bottom: -3rem;
    height: 11rem;
    left: -3rem;
    width: 8rem
}

@media screen and (max-width: 959px) {
    .youtube-videos__dots[data-v-fd2fade4] {
        bottom:-1rem;
        height: 8rem;
        left: auto;
        right: -1rem;
        width: 20rem
    }
}

.youtube-videos__track[data-v-fd2fade4] {
    display: flex;
    height: 26.4375rem;
    position: relative;
    width: 47rem
}

@media screen and (max-width: 959px) {
    .youtube-videos__track[data-v-fd2fade4] {
        height:auto;
        padding-bottom: 56.25%;
        width: 100%
    }
}

.youtube-videos__item[data-v-fd2fade4] {
    flex-shrink: 1;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 100%
}

.youtube-videos__button[data-v-fd2fade4] {
    color: #7b776f;
    cursor: pointer;
    padding: .5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: color 275ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 2
}

@media screen and (max-width: 959px) {
    .youtube-videos__button[data-v-fd2fade4] {
        display:none
    }
}

.youtube-videos__button[data-v-fd2fade4]:hover {
    color: #aea89b
}

.youtube-videos__button--prev[data-v-fd2fade4] {
    left: -4rem
}

.youtube-videos__button--next[data-v-fd2fade4] {
    right: -4rem
}

.youtube-video__play[data-v-fd2fade4] {
    font-size: 7rem;
    left: 50%;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 3
}

@media screen and (max-width: 959px) {
    .youtube-video__play[data-v-fd2fade4] {
        font-size:4rem
    }
}

.youtube-video[data-v-08d505eb] {
    background-color: #000;
    border-radius: .75rem;
    box-shadow: 0 4px 6px -2px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.1);
    display: block;
    margin: 0 auto;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.youtube-video img[data-v-08d505eb] {
    border-radius: .75rem;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.youtube-creators[data-v-7d955cc8] {
    --youtuber-width: 200px;
    height: 115px;
    opacity: 0;
    padding: 0 6rem;
    transition: opacity 275ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.youtube-creators.show[data-v-7d955cc8] {
    opacity: 1
}

@media screen and (max-width: 1169px) {
    .youtube-creators[data-v-7d955cc8] {
        padding:0
    }
}

@media screen and (max-width: 959px) {
    .youtube-creators[data-v-7d955cc8] {
        margin-top:-.75rem;
        position: relative
    }
}

.youtube-creators__container[data-v-7d955cc8] {
    height: 100%;
    overflow: hidden;
    position: relative
}

.youtube-creators__container[data-v-7d955cc8]:before {
    background: linear-gradient(90deg,#21201e,rgba(33,32,30,0) 3rem,rgba(33,32,30,0) calc(100% - 3rem),#21201e);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.youtube-creators__track[data-v-7d955cc8] {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    transition: transform 275ms
}

.youtube-creators__track.winding[data-v-7d955cc8] {
    transition: none
}

.youtube-creators__arrow[data-v-7d955cc8] {
    display: none
}

@media screen and (max-width: 959px) {
    .youtube-creators__arrow[data-v-7d955cc8] {
        align-items:center;
        color: #aea89b;
        display: flex;
        font-size: 1.25rem;
        height: 100%;
        justify-content: center;
        position: absolute;
        top: 0;
        transition: opacity 275ms;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 3rem;
        z-index: 2
    }
}

.youtube-creators__arrow.disabled[data-v-7d955cc8] {
    opacity: .3;
    pointer-events: none
}

.youtube-creators__arrow--left[data-v-7d955cc8] {
    left: 0
}

.youtube-creators__arrow--right[data-v-7d955cc8] {
    right: 0
}

.youtube-creator[data-v-b5f12de0] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 100%;
    opacity: .3;
    padding-top: .25rem;
    transition: opacity 275ms;
    width: var(--youtuber-width)
}

@media screen and (max-width: 959px) {
    .youtube-creator[data-v-b5f12de0] {
        opacity:.15;
        pointer-events: none
    }
}

.youtube-creator.active[data-v-b5f12de0],.youtube-creator[data-v-b5f12de0]:hover {
    opacity: 1
}

.youtube-creator__avatar[data-v-b5f12de0] {
    height: 3rem;
    margin: 0 auto;
    position: relative;
    width: 3rem
}

.youtube-creator__avatar img[data-v-b5f12de0] {
    border-radius: 50%;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.youtube-creator__flag[data-v-b5f12de0] {
    border-radius: 50%;
    height: 1rem;
    overflow: hidden;
    position: absolute;
    right: -.25rem;
    top: -.25rem;
    width: 1rem
}

.youtube-creator__flag .base-flag[data-v-b5f12de0] {
    height: 100%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

.youtube-creator__flag[data-v-b5f12de0] img {
    height: 1rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 1rem
}

.youtube-creator__name[data-v-b5f12de0] {
    color: #fff;
    font-size: 1.125rem;
    margin: auto 0 .5rem
}

.youtube-creator__subs[data-v-b5f12de0] {
    color: #aea89b
}

.bonus[data-v-3764a00c] {
    --fill-color: #3f3c38;
    --stroke-color: #56524d;
    position: relative
}

.bonus__body[data-v-3764a00c] {
    grid-gap: 3rem;
    background-color: #3f3c38;
    border-radius: .25rem;
    display: grid;
    gap: 3rem;
    grid-template-columns: min-content 1fr;
    overflow: hidden;
    padding: 3rem;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 959px) {
    .bonus__body[data-v-3764a00c] {
        display:flex;
        flex-direction: column;
        gap: 2rem;
        padding: 1.5rem
    }
}

.bonus__decoration[data-v-3764a00c] {
    height: 8rem;
    left: -2rem;
    top: -2rem;
    width: 12rem
}

.bonus__value.text-stroke[data-v-3764a00c] {
    -webkit-text-stroke: 3px transparent;
    bottom: 0;
    font-size: 18rem;
    position: absolute;
    right: 0;
    transform: translate(16%,100%);
    transition: transform .5s;
    z-index: -1
}

.bonus__value.text-stroke.show[data-v-3764a00c] {
    transform: translate(16%,43%)
}

@media screen and (max-width: 959px) {
    .bonus__value.text-stroke[data-v-3764a00c] {
        display:none
    }
}

.bonus-methods[data-v-0e2c7714] {
    grid-gap: 1.5rem;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(5,3.75rem);
    grid-template-rows: repeat(3,3.75rem)
}

@media screen and (max-width: 959px) {
    .bonus-methods[data-v-0e2c7714] {
        gap:1rem;
        grid-template-columns: repeat(5,2.5rem);
        grid-template-rows: repeat(3,2.5rem);
        justify-content: center;
        position: relative
    }
}

.bonus-methods>img[data-v-0e2c7714] {
    aspect-ratio: 1;
    transition: transform 275ms ease;
    width: 100%
}

.bonus-methods>img[data-v-0e2c7714]:hover {
    transform: scale(1.125)
}

.bonus-description[data-v-164012a8] .base-header {
    margin-left: -.5rem
}

@media screen and (max-width: 959px) {
    .bonus-description[data-v-164012a8] p {
        font-size:1rem
    }
}

.landing-cta-cs2[data-v-7e6b6f57] {
    padding: 3.5rem 0;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 959px) {
    .landing-cta-cs2[data-v-7e6b6f57] {
        padding:3rem 0
    }
}

.landing-cta-cs2[data-v-7e6b6f57]:before {
    background-color: #191816;
    content: "";
    height: 100%;
    left: 50%;
    margin-left: -50vw;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -5
}

.landing-cta-cs2__body[data-v-7e6b6f57] {
    max-width: 750px
}

.landing-cta-cs2__body[data-v-7e6b6f57] p {
    color: #aea89b;
    font-size: .875rem;
    font-weight: 500
}

.landing-cta-cs2__title[data-v-7e6b6f57] {
    color: #fcf5e8;
    font-size: 2.25rem;
    font-weight: 600;
    margin: 0
}

.landing-cta-cs2__subtitle[data-v-7e6b6f57] {
    color: #ece6da;
    font-size: 1.125rem;
    font-weight: 500;
    margin: .75rem 0 0
}

.landing-cta-cs2__content[data-v-7e6b6f57] {
    margin: 1rem 0 2rem
}

@media screen and (max-width: 1169px) {
    .landing-cta-cs2__content[data-v-7e6b6f57] {
        max-width:660px
    }
}

.landing-cta-cs2__image-container[data-v-7e6b6f57] {
    bottom: 0;
    left: 0;
    left: 50%;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1
}

@media screen and (max-width: 959px) {
    .landing-cta-cs2__image-container[data-v-7e6b6f57] {
        display:none
    }
}

.landing-cta-cs2__image[data-v-7e6b6f57] {
    height: 100%;
    left: calc(50% - 100px);
    overflow: hidden;
    position: absolute;
    top: 0
}

@media screen and (max-width: 1169px) {
    .landing-cta-cs2__image[data-v-7e6b6f57] {
        left:50%
    }
}

.landing-cta-cs2__image--main[data-v-7e6b6f57] {
    filter: drop-shadow(20px 25px 30px rgba(0,0,0,.5));
    z-index: 2
}

.landing-cta-cs2__image--blur[data-v-7e6b6f57] {
    animation: image-7e6b6f57 5s ease-in-out infinite alternate;
    filter: blur(100px);
    z-index: 1
}

@keyframes image-7e6b6f57 {
    0% {
        filter: hue-rotate(-5deg) blur(100px);
        transform: translateZ(0) rotateY(0deg) rotate(0deg)
    }

    to {
        filter: hue-rotate(45deg) blur(100px);
        transform: translate3d(5%,10%,-50px) rotateY(12deg) rotate(-12deg) scale(1.2)
    }
}

img[data-v-69f11e18] {
    display: block;
    opacity: 0;
    pointer-events: none;
    transition: opacity 275ms ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

img.loaded[data-v-69f11e18] {
    opacity: 1
}

.about[data-v-ff5470d4]>:first-child {
    margin-top: 0
}

.about[data-v-ff5470d4]>:last-child {
    margin-bottom: 0
}

.about[data-v-ff5470d4] h1 {
    color: #ece6da;
    font-size: 1.25rem;
    font-weight: 500
}

.about[data-v-ff5470d4] h2 {
    color: #ece6da;
    font-size: 1rem;
    font-weight: 500
}

.about[data-v-ff5470d4] h3 {
    color: #aea89b;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: .5rem
}

.about[data-v-ff5470d4] h3+p {
    margin-top: .5rem
}

.about[data-v-ff5470d4] li,.about[data-v-ff5470d4] p {
    color: #9a958b;
    font-size: .875rem;
    line-height: 1.3
}

.about[data-v-ff5470d4] li+li {
    margin-top: .5rem
}

.cta-bottom[data-v-5254e95a] {
    align-items: center;
    box-shadow: 0 4px 6px -2px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.1);
    display: flex;
    height: 20rem;
    padding: 3rem 0;
    position: relative
}

@media screen and (max-width: 1169px) {
    .cta-bottom[data-v-5254e95a] {
        height:auto;
        justify-content: center;
        padding: 1rem 0
    }

    .cta-bottom[data-v-5254e95a] .base-header {
        font-size: 1.875rem
    }
}

.cta-bottom__body[data-v-5254e95a] {
    padding-left: 4.625rem;
    z-index: 5
}

@media screen and (max-width: 1169px) {
    .cta-bottom__body[data-v-5254e95a] {
        padding:2rem;
        text-align: center
    }
}

@media screen and (max-width: 959px) {
    .cta-bottom__body[data-v-5254e95a] {
        padding:.75rem 1rem
    }
}

@media screen and (max-width: 599px) {
    .cta-bottom__body[data-v-5254e95a] {
        padding:.5rem
    }

    .cta-bottom__body[data-v-5254e95a] br {
        content: ""
    }

    .cta-bottom__body[data-v-5254e95a] br:after {
        content: " "
    }
}

.cta-bottom-layers__assets[data-v-129fe6bf] {
    height: 30rem;
    right: -2rem;
    top: -2rem
}

@media screen and (max-width: 1169px) {
    .cta-bottom-layers__assets[data-v-129fe6bf] {
        display:none
    }
}

.cta-bottom-layers[data-v-4e50efa6] {
    background-color: #121211;
    border-radius: .5rem;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

[data-v-4e50efa6] .cta-bottom-layers__background {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

[data-v-4e50efa6] .cta-bottom-layers__assets {
    display: block;
    position: absolute;
    width: auto
}

@media screen and (max-width: 1169px) {
    [data-v-4e50efa6] .cta-bottom-layers__assets {
        display:none
    }
}

.footer[data-v-a68a9ce4] {
    background-color: #21201e;
    background-color: var(--layout-background,#21201e);
    transition: background-color 275ms
}

.footer__body[data-v-a68a9ce4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 3rem 1rem
}

@media screen and (max-width: 959px) {
    .footer__body[data-v-a68a9ce4] {
        padding:2rem 1rem
    }
}

.footer-row-brand[data-v-48ff6621] {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 959px) {
    .footer-row-brand .logo[data-v-48ff6621] {
        --height:2.0625rem
    }
}

.footer-button-support[data-v-48ff6621] {
    align-items: center;
    background: rgba(172,229,74,.1);
    border-radius: .25rem;
    color: #ace54a;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    gap: .5rem;
    justify-content: center;
    line-height: 1;
    padding: 0 1rem;
    transition: background-color 275ms
}

.footer-button-support[data-v-48ff6621]:hover {
    background: rgba(172,229,74,.15)
}

.footer-row-navigation[data-v-4948261e] {
    grid-gap: 100px;
    display: grid;
    gap: 100px;
    grid-template-columns: repeat(4,1fr);
    margin-top: 1rem
}

@media screen and (max-width: 959px) {
    .footer-row-navigation[data-v-4948261e] {
        gap:2rem 1rem;
        grid-template-columns: repeat(2,1fr)
    }

    .footer-row-navigation .footer-section[data-v-4948261e]:nth-child(3),.footer-row-navigation .footer-section[data-v-4948261e]:nth-child(4) {
        grid-column: span 2
    }

    .footer-row-navigation .footer-section:nth-child(3) .footer-links[data-v-4948261e] {
        display: grid;
        grid-template-columns: repeat(2,1fr)
    }
}

.footer-setting[data-v-4948261e] {
    align-items: center;
    background: #302e2a;
    border-radius: .25rem;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    gap: .75rem;
    height: 36px;
    line-height: 1;
    padding: 0 1rem;
    transition: background-color 275ms
}

.footer-setting[data-v-4948261e]:hover {
    background: #3f3c38
}

.footer-setting .base-flag[data-v-4948261e] {
    width: 20px
}

.footer-setting .footer-setting__icon-left[data-v-4948261e] {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.footer-setting .footer-setting__icon-left[data-v-4948261e] img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.footer-setting .footer-setting__icon-right[data-v-4948261e] {
    color: #aea89b;
    margin-left: auto;
    opacity: .5
}

.footer-setting--visual[data-v-4948261e] {
    color: #aea89b
}

.footer-setting--visual .footer-setting__icon-left[data-v-4948261e] {
    opacity: .5
}

.footer-section[data-v-2f29d033] {
    min-width: 0
}

.footer-label.footer-section__label[data-v-2f29d033] {
    display: block;
    margin-bottom: .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.footer-section__body[data-v-2f29d033] {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.footer-label[data-v-7e241382] {
    color: #fcf5e8;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
    white-space: nowrap
}

@media screen and (max-width: 599px) {
    .footer-label[data-v-7e241382] {
        white-space:normal
    }
}

.footer-label a[data-v-7e241382] {
    color: inherit
}

.footer-links[data-v-516aee54] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.footer-link[data-v-218fae46] {
    color: #aea89b;
    font-weight: 500
}

.footer-link[data-v-218fae46]:hover {
    color: #fcf5e8
}

span.footer-link[data-v-218fae46] {
    cursor: default
}

.footer-link__icon[data-v-218fae46] {
    margin-right: .25rem
}

.footer-row-socials[data-v-51683f5f] {
    margin: 1rem 0
}

.footer-row-socials__inner[data-v-51683f5f] {
    display: flex;
    gap: 3rem;
    justify-content: center;
    margin: 2rem 0
}

@media screen and (max-width: 959px) {
    .footer-row-socials__inner[data-v-51683f5f] {
        gap:1.5rem
    }
}

.footer-social[data-v-51683f5f] {
    align-items: center;
    color: #aea89b;
    display: flex;
    font-weight: 500;
    gap: .75rem;
    line-height: 1
}

.footer-social[data-v-51683f5f]:hover {
    color: #fcf5e8
}

.footer-social:hover svg[data-v-51683f5f] {
    color: #f5c71b
}

.footer-social svg[data-v-51683f5f] {
    font-size: 1.5rem;
    transition: color 275ms
}

@media screen and (max-width: 959px) {
    .footer-social span[data-v-51683f5f] {
        display:none
    }
}

.footer-row-socials__note[data-v-51683f5f] {
    color: #7b776f;
    font-size: .875rem;
    font-weight: 500
}

.base-divider[data-v-2977b0ab] {
    border: none;
    border-top: 1px solid #3f3c38;
    border-top: 1px solid var(--divider-color,#3f3c38);
    margin: 0 auto;
    margin: var(--divider-margin,0) auto;
    width: 100%
}

.footer-row-copyright[data-v-1335d70f] {
    color: #7b776f;
    font-size: .875rem;
    font-weight: 500
}

.footer-row-copyright p[data-v-1335d70f] {
    color: inherit
}

.footer-row-copyright__text[data-v-1335d70f] a {
    color: #aea89b
}

.footer-row-copyright__text[data-v-1335d70f] a:hover {
    color: #fcf5e8
}

.footer-additional-links[data-v-6834bd6a] {
    background-color: #1d1c1a;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-height: 300px;
    padding: 3rem 1rem
}

@media screen and (max-width: 959px) {
    .footer-additional-links[data-v-6834bd6a] {
        padding:1.5rem 0 max(1.5rem,env(safe-area-inset-bottom))
    }
}

.footer-additional-links__body[data-v-6834bd6a] {
    grid-gap: 2rem 100px;
    display: grid;
    gap: 2rem 100px;
    grid-template-columns: repeat(4,1fr);
    margin-top: 2rem
}

.footer-additional-links__body[data-v-6834bd6a] .footer-label {
    color: #aea89b
}

.footer-additional-links__body[data-v-6834bd6a] .footer-link {
    color: #aea89b;
    opacity: .5
}

.footer-additional-links__body[data-v-6834bd6a] a.footer-link:hover {
    opacity: .75
}

@media screen and (max-width: 959px) {
    .footer-additional-links__body[data-v-6834bd6a] {
        gap:2rem 1rem;
        grid-template-columns: repeat(2,1fr)
    }
}

.footer-additional-links__header[data-v-6834bd6a] {
    color: #fcf5e8;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
    white-space: nowrap
}

.event-gift-unwrapping[data-v-025ced92] {
    background-color: rgba(0,0,0,.8);
    bottom: 0;
    gap: 1rem;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 106
}

.event-gift-unwrapping[data-v-025ced92],.event-gift-unwrapping__body[data-v-025ced92] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.event-gift-unwrapping__body[data-v-025ced92] {
    pointer-events: none;
    text-align: center
}

.event-gift-unwrapping__title[data-v-025ced92] {
    color: #fff;
    font-family: "hobeaux",sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
    text-transform: uppercase
}

.event-gift-unwrapping__title[data-v-025ced92] em {
    color: #f5c71b;
    font-style: normal
}

.event-gift-unwrapping__gift[data-v-025ced92] {
    animation: shake-025ced92 1s linear infinite;
    height: 78px;
    transform-origin: 50% 100%;
    width: auto
}

.event-gift-unwrapping__progress[data-v-025ced92] {
    background-color: #52471d;
    border: 2px solid #52471d;
    border-radius: 4px;
    height: 8px;
    margin-top: .75rem;
    overflow: hidden;
    position: relative;
    width: 80px
}

.event-gift-unwrapping__progress[data-v-025ced92]:before {
    background-color: #f5c71b;
    border-radius: 4px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(calc(-100% + var(--unwrapping-progress)));
    transition: transform 275ms
}

@keyframes shake-025ced92 {
    0% {
        transform: translate(2px,1px) rotate(0deg)
    }

    10% {
        transform: translate(-1px,-2px) rotate(-2deg)
    }

    20% {
        transform: translate(-3px) rotate(3deg)
    }

    30% {
        transform: translateY(2px) rotate(0deg)
    }

    40% {
        transform: translate(1px,-1px) rotate(1deg)
    }

    50% {
        transform: translate(-1px,2px) rotate(-1deg)
    }

    60% {
        transform: translate(-3px,1px) rotate(0deg)
    }

    70% {
        transform: translate(2px,1px) rotate(-2deg)
    }

    80% {
        transform: translate(-1px,-1px) rotate(4deg)
    }

    90% {
        transform: translate(2px,2px) rotate(0deg)
    }

    to {
        transform: translate(1px,-2px) rotate(-1deg)
    }
}

.modal__core[data-v-fbcb8f4c] {
    background-color: #3f3c38;
    border-radius: .5rem;
    box-shadow: 0 4px 6px -2px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0;
    padding: 1.5rem 2rem 2rem;
    position: relative;
    transition: border-radius 275ms
}

@media screen and (max-width: 959px) {
    .modal__core[data-v-fbcb8f4c] {
        border-bottom-left-radius:0;
        border-bottom-right-radius: 0;
        padding: 1rem 1rem max(1rem,env(safe-area-inset-bottom));
        width: 100%!important
    }
}

.modal.full-screen .modal__core[data-v-fbcb8f4c] {
    border-radius: 0
}

.modal__core[data-v-fbcb8f4c] .prompt__emoji {
    margin-top: 1.5rem
}

.modal__core>*[data-v-fbcb8f4c] {
    z-index: 1
}

.modal__container[data-v-fbcb8f4c] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 107
}

@media screen and (max-width: 959px) {
    .modal__container[data-v-fbcb8f4c] {
        align-items:flex-end
    }
}

.modal__container>.scrollable-content[data-v-fbcb8f4c] {
    flex-grow: 1
}

@media screen and (min-width: 960px) {
    .modal__container>.scrollable-content[data-v-fbcb8f4c] {
        flex-grow:0
    }

    .modal__container>.scrollable-content[data-v-fbcb8f4c]:after,.modal__container>.scrollable-content[data-v-fbcb8f4c]:before {
        left: calc((var(--scrollbar-width) + 1.5rem)*.5);
        right: calc((var(--scrollbar-width) + 1.5rem)*.5)
    }
}

.modal__container>.scrollable-content[data-v-fbcb8f4c]>.scrollable-content__body {
    align-items: center;
    display: flex;
    justify-content: center
}

@media screen and (max-width: 959px) {
    .modal__container>.scrollable-content[data-v-fbcb8f4c]>.scrollable-content__body {
        align-items:flex-end;
        justify-content: normal
    }
}

.modal__inner-wrapper[data-v-fbcb8f4c] {
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh)*100);
    max-width: 100vw;
    position: relative
}

@media screen and (max-width: 959px) {
    .modal__inner-wrapper[data-v-fbcb8f4c] {
        width:100%
    }
}

.modal__close[data-v-fbcb8f4c] {
    color: #7b776f;
    padding: .25rem;
    position: absolute;
    right: .5rem;
    top: .5rem;
    transition: color 275ms;
    z-index: 5
}

@media screen and (max-width: 959px) {
    .modal__close[data-v-fbcb8f4c] {
        font-size:1.25rem;
        margin-top: -.125rem;
        padding: 0;
        right: 1rem;
        top: 1rem
    }
}

.modal__close[data-v-fbcb8f4c]:hover {
    color: #aea89b
}

.modal-enter.modal__container[data-v-fbcb8f4c],.modal-leave-to.modal__container[data-v-fbcb8f4c] {
    opacity: 0
}

.modal-enter .modal__inner-wrapper[data-v-fbcb8f4c] {
    transform: translateY(3rem)
}

.modal-leave-to .modal__inner-wrapper[data-v-fbcb8f4c] {
    transform: translateY(-3rem)
}

@media screen and (max-width: 959px) {
    .modal-leave-to .modal__inner-wrapper[data-v-fbcb8f4c] {
        transform:translateY(3rem)
    }
}

.modal-enter-active[data-v-fbcb8f4c],.modal-leave-active[data-v-fbcb8f4c] {
    overflow: hidden
}

.modal-enter-active .modal__inner-wrapper[data-v-fbcb8f4c],.modal-leave-active .modal__inner-wrapper[data-v-fbcb8f4c] {
    transition: transform 275ms
}

.modal-enter-active.modal__container[data-v-fbcb8f4c],.modal-leave-active.modal__container[data-v-fbcb8f4c] {
    transition: opacity 275ms
}

.modal-leave-active[data-v-fbcb8f4c] {
    pointer-events: none
}

.toasts[data-v-28edd2c6] {
    padding: 1rem 1.5rem;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 5.25rem;
    z-index: 109
}

@media screen and (max-width: 959px) {
    .toasts[data-v-28edd2c6] {
        padding:0;
        top: 0;
        width: 100%
    }
}

.toasts__container[data-v-28edd2c6] {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

@media screen and (max-width: 959px) {
    .toasts__container[data-v-28edd2c6] {
        gap:1px
    }
}

.layout-scroll-top[data-v-75a19135] {
    align-items: center;
    background-color: #302e2a;
    border-radius: 50%;
    bottom: -3rem;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    color: #aea89b;
    display: flex;
    font-size: 1.5rem;
    height: 3rem;
    justify-content: center;
    opacity: 0;
    position: fixed;
    right: 1rem;
    transition: color 275ms,background-color 275ms,bottom .5s,opacity .5s;
    width: 3rem;
    z-index: 102
}

@media screen and (min-width: 960px) {
    .layout-scroll-top[data-v-75a19135] {
        bottom:-4rem;
        height: 4rem;
        width: 4rem
    }
}

@media screen and (min-width: 1170px) {
    .layout-scroll-top[data-v-75a19135] {
        right:3rem
    }
}

.layout-scroll-top[data-v-75a19135]:hover {
    background-color: #3f3c38;
    color: #fcf5e8
}

.layout-scroll-top:hover .layout-scroll-top__icon[data-v-75a19135] {
    animation: bounce-75a19135 1.5s infinite
}

.layout-scroll-top.active[data-v-75a19135] {
    bottom: max(1rem,env(safe-area-inset-bottom));
    opacity: 1
}

@media screen and (min-width: 960px) {
    .layout-scroll-top.active[data-v-75a19135] {
        bottom:3rem
    }
}

@keyframes bounce-75a19135 {
    0%,20%,50%,80%,to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-.75rem);
        @media screen and (min-width: 960px) {
            transform:translateY(-1rem)
        }
    }

    60% {
        transform: translateY(-.375rem);
        @media screen and (min-width: 960px) {
            transform:translateY(-.5rem)
        }
    }
}

.overlay[data-v-89363dee] {
    background-color: rgba(18,18,17,.8);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 106
}

.base-spinner {
    text-align: center
}

.base-spinner__label {
    color: #aea89b;
    display: block;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: .75rem
}

.base-spinner__label:empty {
    display: none
}

.error[data-v-1075b1ae] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    padding: 3rem 1rem;
    position: relative;
    text-align: center
}

@media screen and (max-width: 959px) {
    .error[data-v-1075b1ae] {
        flex-grow:0;
        padding-top: 12rem
    }
}

.error[data-v-1075b1ae]:before {
    background-image: url("");
    background-image: -webkit-image-set(url("") 1x,url("") 2x,url("") 3x);
    background-image: image-set(url("") 1x,url("") 2x,url("") 3x);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100vw
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .error[data-v-1075b1ae]:before {
        background-image:url("")
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-resolution:288dpi) {
    .error[data-v-1075b1ae]:before {
        background-image:url("")
    }
}

@media screen and (max-width: 959px) {
    .error[data-v-1075b1ae]:before {
        background-image:url("");
        background-image: -webkit-image-set(url("") 1x,url("") 2x,url("") 3x);
        background-image: image-set(url("") 1x,url("") 2x,url("") 3x);
        background-position: top;
        background-size: auto 24rem
    }

    @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
        .error[data-v-1075b1ae]:before {
            background-image:url("")
        }
    }

    @media (-webkit-min-device-pixel-ratio: 3),(min-resolution:288dpi) {
        .error[data-v-1075b1ae]:before {
            background-image:url("")
        }
    }
}

.error[data-v-1075b1ae] .text-stroke {
    bottom: -1.5rem;
    font-size: 10rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: -1
}

.error[data-v-1075b1ae] .base-button {
    min-width: 8rem
}

.error__header[data-v-1075b1ae] {
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 959px) {
    .error__header[data-v-1075b1ae] {
        margin-bottom:0
    }

    .error__stroke[data-v-1075b1ae] {
        display: none
    }
}

.error__message[data-v-1075b1ae] {
    color: #fff;
    font-size: 1.125rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px
}

@media screen and (max-width: 959px) {
    .error__message[data-v-1075b1ae] {
        color:#aea89b;
        font-size: .875rem;
        max-width: 280px
    }
}

.scrollable-content[data-v-01be2ea4] {
    height: 100%;
    overflow: hidden;
    position: relative
}

.scrollable-content[data-v-01be2ea4]:after,.scrollable-content[data-v-01be2ea4]:before {
    content: "";
    height: 1rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: opacity 175ms,transform 175ms;
    z-index: 5
}

.scrollable-content[data-v-01be2ea4]:before {
    top: 0
}

.scrollable-content[data-v-01be2ea4]:after {
    bottom: 0
}

.scrollable-content.top[data-v-01be2ea4]:before {
    opacity: 0;
    transform: translateY(-100%)
}

.scrollable-content.bottom[data-v-01be2ea4]:after {
    opacity: 0
}

.scrollable-content.inverted .scrollable-content__body[data-v-01be2ea4] {
    direction: rtl
}

.scrollable-content.inverted .scrollable-content__body[data-v-01be2ea4]>* {
    direction: ltr
}

.scrollable-content.neutral-100[data-v-01be2ea4] {
    scrollbar-color: #21201e;
    scrollbar-color: var(--scrollable-content-background,#21201e)
}

.scrollable-content.neutral-100[data-v-01be2ea4] ::-webkit-scrollbar-thumb {
    border-color: #21201e;
    border-color: var(--scrollable-content-background,#21201e)
}

.scrollable-content.neutral-100[data-v-01be2ea4]:before {
    background: linear-gradient(180deg,#21201e,rgba(33,32,30,0));
    background: linear-gradient(to bottom,var(--scrollable-content-background,#21201e),var(--scrollable-content-transparent,rgba(33,32,30,0)))
}

.scrollable-content.neutral-100[data-v-01be2ea4]:after {
    background: linear-gradient(0deg,#21201e,rgba(33,32,30,0));
    background: linear-gradient(to top,var(--scrollable-content-background,#21201e),var(--scrollable-content-transparent,rgba(33,32,30,0)))
}

.scrollable-content.neutral-200[data-v-01be2ea4] {
    scrollbar-color: #302e2a;
    scrollbar-color: var(--scrollable-content-background,#302e2a)
}

.scrollable-content.neutral-200[data-v-01be2ea4] ::-webkit-scrollbar-thumb {
    border-color: #302e2a;
    border-color: var(--scrollable-content-background,#302e2a)
}

.scrollable-content.neutral-200[data-v-01be2ea4]:before {
    background: linear-gradient(180deg,#302e2a,rgba(48,46,42,0));
    background: linear-gradient(to bottom,var(--scrollable-content-background,#302e2a),var(--scrollable-content-transparent,rgba(48,46,42,0)))
}

.scrollable-content.neutral-200[data-v-01be2ea4]:after {
    background: linear-gradient(0deg,#302e2a,rgba(48,46,42,0));
    background: linear-gradient(to top,var(--scrollable-content-background,#302e2a),var(--scrollable-content-transparent,rgba(48,46,42,0)))
}

.scrollable-content.neutral-300[data-v-01be2ea4] {
    scrollbar-color: #3f3c38;
    scrollbar-color: var(--scrollable-content-background,#3f3c38)
}

.scrollable-content.neutral-300[data-v-01be2ea4] ::-webkit-scrollbar-thumb {
    background-color: #56524d;
    border-color: #3f3c38;
    border-color: var(--scrollable-content-background,#3f3c38)
}

.scrollable-content.neutral-300[data-v-01be2ea4]:before {
    background: linear-gradient(180deg,#3f3c38,rgba(63,60,56,0));
    background: linear-gradient(to bottom,var(--scrollable-content-background,#3f3c38),var(--scrollable-content-transparent,rgba(63,60,56,0)))
}

.scrollable-content.neutral-300[data-v-01be2ea4]:after {
    background: linear-gradient(0deg,#3f3c38,rgba(63,60,56,0));
    background: linear-gradient(to top,var(--scrollable-content-background,#3f3c38),var(--scrollable-content-transparent,rgba(63,60,56,0)))
}

.scrollable-content.neutral-400[data-v-01be2ea4] {
    scrollbar-color: #56524d;
    scrollbar-color: var(--scrollable-content-background,#56524d)
}

.scrollable-content.neutral-400[data-v-01be2ea4] ::-webkit-scrollbar-thumb {
    border-color: #56524d;
    border-color: var(--scrollable-content-background,#56524d)
}

.scrollable-content.neutral-400[data-v-01be2ea4]:before {
    background: linear-gradient(180deg,#56524d,rgba(86,82,77,0));
    background: linear-gradient(to bottom,var(--scrollable-content-background,#56524d),var(--scrollable-content-transparent,rgba(86,82,77,0)))
}

.scrollable-content.neutral-400[data-v-01be2ea4]:after {
    background: linear-gradient(0deg,#56524d,rgba(86,82,77,0));
    background: linear-gradient(to top,var(--scrollable-content-background,#56524d),var(--scrollable-content-transparent,rgba(86,82,77,0)))
}

.scrollable-content__body[data-v-01be2ea4] {
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll
}

.scrollable-content.hidden-scroll>.scrollable-content__body[data-v-01be2ea4] {
    padding-right: 1.5rem;
    width: calc(100% + 1.5rem + var(--scrollbar-width))
}

[data-ios] .scrollable-content.hidden-scroll>.scrollable-content__body[data-v-01be2ea4] {
    width: calc(100% + 1.5rem)
}

.scrollable-content .resize-observer {
    z-index: 0!important
}

.toast[data-v-26bb654a] {
    background-color: #121211;
    border-radius: .25rem;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    font-size: .875rem;
    overflow: hidden;
    padding: 1rem 3rem 1rem 1rem;
    pointer-events: auto;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 20rem
}

@supports((-webkit-backdrop-filter: none) or (backdrop-filter:none)) {
    .toast[data-v-26bb654a] {
        -webkit-backdrop-filter:blur(.75rem);
        backdrop-filter: blur(.75rem);
        background-color: rgba(0,0,0,.5)
    }
}

@media screen and (max-width: 959px) {
    .toast[data-v-26bb654a] {
        background-color:#121211;
        border-radius: 0;
        width: 100%
    }
}

.toast[data-v-26bb654a]:after {
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: var(--fill);
    z-index: 1
}

.toast.success[data-v-26bb654a]:after {
    background-color: #6a9a16
}

.toast.warning[data-v-26bb654a]:after {
    background-color: #cba53d
}

.toast.error[data-v-26bb654a]:after {
    background-color: #dc3030
}

.toast.info[data-v-26bb654a]:after {
    background-color: #7b776f
}

.toast__close[data-v-26bb654a] {
    color: #7b776f;
    font-size: .875rem;
    padding: .5rem;
    position: absolute;
    right: .5rem;
    top: .5rem;
    transition: color 275ms
}

.toast__close[data-v-26bb654a]:hover {
    color: #fff
}

.toast__content[data-v-26bb654a] {
    line-height: 1.5
}

.success .toast__content[data-v-26bb654a] span {
    color: #6a9a16
}

.warning .toast__content[data-v-26bb654a] span {
    color: #cba53d
}

.error .toast__content[data-v-26bb654a] span {
    color: #dc3030
}

.toast-enter[data-v-26bb654a],.toast-leave-to[data-v-26bb654a] {
    opacity: 0;
    transform: translateX(100%)
}

.toast-enter-active[data-v-26bb654a],.toast-leave-active[data-v-26bb654a] {
    transition: opacity 275ms,transform 275ms
}

.dropdown-group[data-v-f47e927a] {
    background-color: #3f3c38;
    border-radius: .25rem;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    display: flex;
    flex-direction: column;
    padding: 0 .75rem
}

.dropdown-list[data-v-388f7ab8] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    overflow-y: auto;
    width: 100%
}

.dropdown-list__dismiss[data-v-388f7ab8] {
    align-items: center;
    color: #aea89b;
    display: flex;
    height: 2.875rem;
    justify-content: center
}

.dropdown-item[data-v-275c519a] {
    align-items: center;
    border-bottom: 1px solid #56524d;
    color: #aea89b;
    display: flex;
    height: 2.875rem;
    justify-content: center;
    padding: 0 2rem;
    position: relative;
    transition: color 275ms;
    width: 100%
}

.dropdown-item.selected[data-v-275c519a] {
    color: #fff
}

.dropdown-item[data-v-275c519a]:last-child {
    border-bottom: 0
}

.dropdown-generic-item__icon[data-v-500c910f] {
    left: .25rem;
    position: absolute;
    transition: color 275ms
}

.selected .dropdown-generic-item__icon[data-v-500c910f] {
    color: #f5c71b
}

.mobile-dropdown[data-v-a7d7892e] {
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    padding: .75rem .75rem max(.75rem,env(safe-area-inset-bottom));
    position: fixed;
    right: 0;
    top: 0;
    z-index: 108
}

.mobile-dropdown-enter[data-v-a7d7892e],.mobile-dropdown-leave-to[data-v-a7d7892e] {
    opacity: 0
}

.mobile-dropdown-enter[data-v-a7d7892e] .dropdown-list,.mobile-dropdown-leave-to[data-v-a7d7892e] .dropdown-list {
    transform: translateY(100%)
}

.mobile-dropdown-enter-active[data-v-a7d7892e],.mobile-dropdown-leave-active[data-v-a7d7892e] {
    transition: opacity 275ms
}

.mobile-dropdown-enter-active[data-v-a7d7892e] .dropdown-list,.mobile-dropdown-leave-active[data-v-a7d7892e] .dropdown-list {
    transition: transform 275ms
}

.form-item[data-v-03908d55] {
    display: flex;
    flex-direction: column;
    gap: calc(.75rem - 1px)
}

.form-label[data-v-e49b0e12] {
    align-items: baseline;
    color: #fff;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 400;
    gap: .75rem
}

.form-label.hidden[data-v-e49b0e12] {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.form-label>*[data-v-e49b0e12] {
    font-size: .75rem
}

.form-label[data-v-e49b0e12]>:not(a) {
    color: #aea89b
}

.form-label a[data-v-e49b0e12] {
    border-bottom: 1px solid;
    line-height: .95
}

.form-validation[data-v-25ac68aa] {
    font-size: .75rem
}

.form-validation.expand-enter[data-v-25ac68aa],.form-validation.expand-leave-to[data-v-25ac68aa] {
    margin-top: -.5rem
}

.form-validation.error[data-v-25ac68aa] {
    color: #dc3030
}

.form-validation.success[data-v-25ac68aa] {
    color: #81bd1b
}

input[data-v-116a954c]::-webkit-inner-spin-button,input[data-v-116a954c]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number][data-v-116a954c] {
    -moz-appearance: textfield
}

.form-input.leading .form-input__core[data-v-116a954c] {
    padding-left: 2.25rem
}

.form-input.trailing .form-input__core[data-v-116a954c] {
    padding-right: 2.25rem
}

.form-input.editing .form-input__core[data-v-116a954c] {
    padding-right: 3.75rem
}

.form-input__body[data-v-116a954c] {
    position: relative
}

.form-input__core[data-v-116a954c] {
    font-feature-settings: "tnum";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #3f3c38;
    border: 1px solid #3f3c38;
    border-radius: .25rem;
    color: #fcf5e8;
    font-size: .875rem;
    font-variant-numeric: tabular-nums;
    height: 2.25rem;
    padding: 0 .75rem;
    transition: border 275ms,box-shadow 175ms;
    width: 100%
}

.form-input.light .form-input__core[data-v-116a954c] {
    background-color: #56524d;
    border-color: #56524d
}

.form-input__core[data-v-116a954c]::-moz-placeholder {
    color: #aea89b;
    font-weight: 500;
    -moz-user-select: none;
    user-select: none
}

.form-input__core[data-v-116a954c]::placeholder {
    color: #aea89b;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.form-input.light .form-input__core[data-v-116a954c]::-moz-placeholder {
    color: #9a958b;
    font-weight: 500
}

.form-input.light .form-input__core[data-v-116a954c]::placeholder {
    color: #9a958b;
    font-weight: 500
}

.form-input__core[type=date][data-v-116a954c]::-webkit-calendar-picker-indicator,.form-input__core[type=date][data-v-116a954c]::-webkit-clear-button,.form-input__core[type=date][data-v-116a954c]::-webkit-inner-spin-button {
    filter: invert(1)
}

.form-input__core[data-v-116a954c]:focus,.form-input__core[data-v-116a954c]:hover {
    border-color: #7b776f
}

.form-input__core:focus+.form-input__slot[data-v-116a954c],.form-input__core:hover+.form-input__slot[data-v-116a954c] {
    color: #9a958b
}

.form-input__core[data-v-116a954c]:focus {
    box-shadow: 0 0 0 3px hsla(40,5%,46%,.25);
    outline: none
}

.form-input__core[data-v-116a954c]:-moz-read-only {
    background-color: #302e2a;
    border-color: hsla(0,0%,100%,0);
    box-shadow: none;
    color: #fcf5e8;
    pointer-events: none
}

.form-input__core[data-v-116a954c]:read-only {
    background-color: #302e2a;
    border-color: hsla(0,0%,100%,0);
    box-shadow: none;
    color: #fcf5e8;
    pointer-events: none
}

.form-input__core:-moz-read-only+.form-input__slot[data-v-116a954c] {
    color: #56524d
}

.form-input__core:read-only+.form-input__slot[data-v-116a954c] {
    color: #56524d
}

.form-input.copiable .form-input__core[data-v-116a954c]:-moz-read-only,.form-input.editable .form-input__core[data-v-116a954c]:-moz-read-only {
    background-color: #3f3c38
}

.form-input.copiable .form-input__core[data-v-116a954c]:read-only,.form-input.editable .form-input__core[data-v-116a954c]:read-only {
    background-color: #3f3c38
}

.form-input.copiable .form-input__core:-moz-read-only+.form-input__slot[data-v-116a954c],.form-input.editable .form-input__core:-moz-read-only+.form-input__slot[data-v-116a954c] {
    color: #9a958b
}

.form-input.copiable .form-input__core:read-only+.form-input__slot[data-v-116a954c],.form-input.editable .form-input__core:read-only+.form-input__slot[data-v-116a954c] {
    color: #9a958b
}

.form-input.lite .form-input__core[data-v-116a954c] {
    background-color: hsla(0,0%,100%,0);
    color: #aea89b
}

.form-input.error .form-input__core[data-v-116a954c] {
    border-color: #dc3030
}

.form-input.error .form-input__core[data-v-116a954c]:focus {
    box-shadow: 0 0 0 3px rgba(220,48,48,.25)
}

.form-input.success .form-input__core[data-v-116a954c] {
    border-color: #99df20;
    box-shadow: 0 0 0 3px rgba(153,223,32,.25)
}

.form-input__slot[data-v-116a954c] {
    color: #7b776f;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: color 275ms
}

.form-input__slot--leading[data-v-116a954c] {
    left: .75rem
}

.form-input__slot--trailing[data-v-116a954c] {
    right: .75rem
}

.form-input.light .form-input__slot[data-v-116a954c] {
    color: #9a958b
}

.form-input__slot[data-v-116a954c] svg {
    display: inline-block
}

.form-input__actions[data-v-116a954c] {
    display: flex;
    gap: .5rem
}

.form-input__action[data-v-116a954c] {
    pointer-events: auto;
    transition: color 275ms
}

.form-input__action[data-v-116a954c]:hover {
    color: #fcf5e8
}

.form-input__action--confirm[data-v-116a954c] {
    color: #81bd1b
}

.form-input.error .form-input__action--confirm[data-v-116a954c] {
    color: #7b776f;
    cursor: not-allowed
}

.form-input__action--confirm[data-v-116a954c]:hover {
    color: #99df20
}

.form-input__action--dismiss[data-v-116a954c]:hover {
    color: #dc3030
}

.select-list[data-v-49f2d0b5] {
    background-color: #56524d;
    border-radius: .25rem;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    max-height: 350px;
    overflow-y: scroll;
    padding: .25rem 0 .25rem .25rem;
    scrollbar-gutter: stable;
    z-index: 100
}

.select-list[data-v-49f2d0b5]::-webkit-scrollbar {
    width: 4px
}

.select-list[data-v-49f2d0b5]::-webkit-scrollbar-track {
    background: #56524d
}

.select-list[data-v-49f2d0b5]::-webkit-scrollbar-thumb {
    background-color: #3f3c38!important;
    border: 2px solid #56524d!important;
    border-left-width: 0!important
}

.search-results-item[data-v-be536f62] {
    align-items: center;
    border-radius: .25rem;
    cursor: pointer;
    display: flex;
    gap: .75rem;
    height: 3rem;
    padding: .5rem;
    transition: background-color 175ms
}

.search-results-item.highlighted[data-v-be536f62] {
    background-color: #7b776f
}

.search-results-item.highlighted .search-results-item__details[data-v-be536f62] {
    color: #ece6da
}

.search-results-item__image[data-v-be536f62] {
    align-items: center;
    display: flex;
    flex-grow: 0;
    height: 3rem;
    width: 3rem
}

.search-results-item__image img[data-v-be536f62] {
    display: block;
    height: auto;
    width: 100%
}

.search-results-item__details[data-v-be536f62] {
    color: #aea89b;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    line-height: 1.15;
    transition: color 175ms;
    width: 100%
}

.search-results-item__details[data-v-be536f62] :last-child {
    color: #fff;
    font-size: 1rem
}

.search-results-item__icon[data-v-be536f62] {
    color: #fcf5e8;
    font-size: 1rem;
    opacity: 0;
    transition: color 275ms
}

.search-results-item.highlighted .search-results-item__icon[data-v-be536f62] {
    opacity: 1
}

.search-results-group__label[data-v-8d12a2a6] {
    color: #fcf5e8;
    display: block;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .05em;
    margin: .5rem 0;
    padding-left: .5rem;
    pointer-events: none
}

.prompt[data-v-36fe28b0] {
    align-items: center;
    display: flex;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    width: 100%
}

.prompt.small .prompt__emoji[data-v-36fe28b0] {
    margin-top: 0
}

.prompt a[data-v-36fe28b0]:not([role=button]) {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.prompt__inner[data-v-36fe28b0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

.prompt__background[data-v-36fe28b0] {
    height: 36rem;
    left: 50%;
    max-height: 100%;
    opacity: .25;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 36rem
}

.prompt__background img[data-v-36fe28b0] {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

.prompt__emoji[data-v-36fe28b0] {
    display: block;
    height: 2.25rem;
    margin: 0 auto;
    width: auto
}

.prompt__title[data-v-36fe28b0] {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700
}

.prompt__title[data-v-36fe28b0]:not(:first-child) {
    margin-top: 1.5rem
}

.prompt.small .prompt__title[data-v-36fe28b0] {
    font-size: 1.125rem
}

.prompt__description[data-v-36fe28b0] {
    color: #aea89b;
    font-weight: 500;
    margin: .75rem auto 0;
    width: calc(100% - 2rem)
}

.prompt.narrow .prompt__description[data-v-36fe28b0] {
    width: min(45ch,100% - 2rem)
}

.prompt.small .prompt__description[data-v-36fe28b0] {
    margin-top: .5rem
}

.prompt__description[data-v-36fe28b0] span {
    color: #fcf5e8
}

@media screen and (max-width: 959px) {
    .prompt__description[data-v-36fe28b0] br {
        content:""
    }

    .prompt__description[data-v-36fe28b0] br:after {
        content: " "
    }
}

.prompt__action[data-v-36fe28b0],.prompt__body[data-v-36fe28b0] {
    margin-top: 1.5rem
}

.prompt__background-text[data-v-36fe28b0] {
    --fill-color: #302e2a;
    --stroke-color: #393632;
    bottom: 100%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,calc(50% + 1rem));
    z-index: -1
}

.search-results[data-v-83282ff0] {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 19rem;
    overflow: hidden;
    padding: .25rem 0 .25rem .5rem;
    position: relative
}

@media screen and (max-width: 959px) {
    .search-results[data-v-83282ff0] {
        max-height:calc(100vh - 4.5rem)
    }
}

.search-results__empty[data-v-83282ff0],.search-results__loading[data-v-83282ff0] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.search-results__empty[data-v-83282ff0] {
    margin-top: -.5rem
}

.search-results__phrase[data-v-83282ff0] {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    font-weight: 500;
    gap: 1rem;
    height: 3rem;
    justify-content: space-between;
    padding: 0 .5rem;
    transition: background-color 275ms
}

.search-results__phrase.highlighted[data-v-83282ff0] {
    background-color: #7b776f
}

.search-results__phrase.highlighted svg[data-v-83282ff0] {
    color: #fcf5e8
}

.search-results__phrase[data-v-83282ff0] em {
    font-style: normal
}

.search-results__phrase span[data-v-83282ff0] {
    color: #fcf5e8;
    font-size: .875rem
}

.search-results__phrase svg[data-v-83282ff0] {
    font-size: 1rem;
    transform: rotateY(180deg);
    transition: color 275ms
}

.search-input[data-v-f764232c] {
    position: relative
}

.search-input .search-results[data-v-f764232c] {
    height: 20rem;
    left: 0;
    position: absolute;
    top: calc(100% + .25rem);
    width: 100%
}

.search-input__clear[data-v-f764232c] {
    transition: color 275ms
}

.search-input__clear[data-v-f764232c]:hover {
    color: #e46364
}

.search-input__icon[data-v-f764232c] {
    transform: rotateY(180deg)
}

.search-mobile[data-v-12264bd0] {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    left: 0;
    padding: max(.75rem,env(safe-area-inset-top)) .75rem .75rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 108
}

.event-giveaway-banner-mobile[data-v-21da86af] {
    align-items: center;
    background-color: #1d1c1a;
    border-radius: 6px;
    display: flex;
    flex-shrink: 0;
    height: 80px;
    justify-content: flex-start;
    overflow: hidden;
    padding: .75rem;
    position: relative;
    width: 100%
}

.event-giveaway-banner-mobile[data-v-21da86af]:before {
    background: linear-gradient(90deg,#1d1c1a,rgba(29,28,26,.9) 90%,rgba(29,28,26,0));
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: calc(222px + 2rem);
    z-index: 1
}

.event-giveaway-banner-mobile__title[data-v-21da86af] {
    height: 55px;
    position: relative;
    z-index: 2
}

.event-giveaway-banner-mobile__background[data-v-21da86af] {
    height: 200%;
    left: calc(50% - 185px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto
}

.layout[data-v-27d1f53c] {
    align-items: center;
    background-color: #121211;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 100vh;
    justify-content: center;
    position: relative;
    text-align: center
}

.layout__body[data-v-27d1f53c],.layout__content[data-v-27d1f53c] {
    align-items: center;
    display: flex;
    flex-direction: column
}

.layout__body[data-v-27d1f53c] {
    gap: 1rem
}

.layout__content[data-v-27d1f53c] {
    gap: 1.5rem;
    max-width: 560px
}

@media screen and (max-width: 959px) {
    .layout__content[data-v-27d1f53c] {
        gap:1rem
    }
}

[data-v-27d1f53c] p {
    font-size: 1.125rem
}

@media screen and (max-width: 959px) {
    [data-v-27d1f53c] p {
        font-size:.875rem
    }
}

.navigation-menu-link[data-v-845afdca] {
    align-items: center;
    color: #aea89b;
    display: flex;
    font-weight: 500;
    gap: .5rem;
    height: 100%;
    position: relative;
    white-space: nowrap
}

.navigation-menu-link.featured[data-v-845afdca],.navigation-menu-link.featured.nuxt-link-exact-active[data-v-845afdca],.navigation-menu-link.featured.nuxt-link-exact-active svg[data-v-845afdca],.navigation-menu-link.featured[data-v-845afdca]:hover,.navigation-menu-link.featured:hover svg[data-v-845afdca] {
    color: #ace54a
}

.navigation-menu-link.nuxt-link-exact-active[data-v-845afdca],.navigation-menu-link[data-v-845afdca]:hover {
    color: #fff
}

.navigation-menu-link.nuxt-link-exact-active svg[data-v-845afdca],.navigation-menu-link:hover svg[data-v-845afdca] {
    color: #f5c71b
}

svg[data-v-845afdca] {
    font-size: 1.125rem;
    transition: color 275ms
}

.navigation-menu-link.featured svg[data-v-845afdca] {
    color: rgba(172,229,74,.5)
}

.menu-item[data-v-691decb2] {
    align-items: center;
    border-radius: .25rem;
    color: #9a958b;
    cursor: pointer;
    display: flex;
    gap: .75rem;
    height: 2.25rem;
    padding: 0 1rem;
    transition: color 275ms,background-color 275ms
}

.menu-item[data-v-691decb2]:hover {
    background-color: #21201e;
    color: #fcf5e8
}

.menu-item[data-v-691decb2]:hover svg {
    color: #f5c71b
}

.menu-item[data-v-691decb2] svg {
    transition: color 275ms
}

.menu-item.destructive[data-v-691decb2] {
    color: #e46364
}

.menu-item.destructive[data-v-691decb2]:hover svg {
    color: #e46364
}

.menu-item.success[data-v-691decb2]:hover {
    background-color: rgba(129,189,27,.2);
    color: #fcf5e8
}

.menu-item.success[data-v-691decb2]:hover svg {
    color: #81bd1b
}

.menu-dropdown[data-v-936aae18] {
    background-color: #000;
    border-radius: .25rem;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
    margin-top: .5rem;
    position: absolute;
    right: -.75rem;
    top: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 15rem;
    z-index: 105
}

.menu-dropdown[data-v-936aae18]:before {
    border-color: hsla(0,0%,100%,0) hsla(0,0%,100%,0) #000;
    border-style: solid;
    border-width: 0 .375rem .375rem;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    right: 10px;
    transform: translateX(-50%);
    width: 0
}

.app-menu[data-v-2ce8a3a8] {
    align-self: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.app-menu__activator[data-v-2ce8a3a8] {
    align-items: center;
    display: flex
}

.app-menu__activator:hover svg[data-v-2ce8a3a8] {
    color: #aea89b
}

.app-menu__activator svg[data-v-2ce8a3a8] {
    color: #7b776f;
    font-size: 1.25rem;
    transition: transform 175ms,color 275ms
}

.app-menu.active .app-menu__activator svg[data-icon=chevron-down][data-v-2ce8a3a8] {
    transform: scaleY(-1)
}

.app-menu__activator svg[data-v-2ce8a3a8]:not(:first-child) {
    margin-left: .5rem
}

.event-calendar-navigation-button[data-v-2907cbb4] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 107px;
    z-index: 1
}

@media screen and (max-width: 959px) {
    .event-calendar-navigation-button[data-v-2907cbb4] {
        display:none
    }
}

.event-calendar-navigation-button.nuxt-link-exact-active[data-v-2907cbb4]:before {
    transform: scaleX(1)
}

.event-calendar-navigation-button[data-v-2907cbb4]:after {
    background: linear-gradient(270deg,rgba(245,199,27,0),#f5c71b 33.33%,#f5c71b 66.67%,rgba(245,199,27,0));
    bottom: 0;
    content: "";
    filter: blur(32px);
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center;
    transition: opacity 275ms,transform 275ms;
    z-index: -1
}

.event-calendar-navigation-button.event-calendar-navigation-button.loaded[data-v-2907cbb4]:after {
    opacity: .4
}

.event-calendar-navigation-button[data-v-2907cbb4]:hover:after {
    opacity: .5;
    transform: scaleX(1.25)
}

.event-calendar-navigation-button__image[data-v-2907cbb4] {
    width: 107px
}

.navigation-menu[data-v-28c01a66] {
    display: none;
    flex-shrink: 1;
    gap: 2rem;
    height: 100%;
    margin-right: auto;
    opacity: 0;
    overflow: hidden;
    padding: 0 3rem;
    pointer-events: none;
    position: relative;
    width: 100%
}

@media screen and (min-width: 960px) {
    .navigation-menu[data-v-28c01a66] {
        display:flex
    }
}

.navigation-menu.initial[data-v-28c01a66] {
    transition: opacity 275ms
}

.navigation-menu.ready[data-v-28c01a66] {
    opacity: 1;
    pointer-events: auto
}

.navigation-menu__body[data-v-28c01a66] {
    display: flex;
    gap: 2rem;
    height: 100%
}

.navigation-menu__dropdown-body[data-v-28c01a66] {
    display: flex;
    flex-direction: column;
    padding: .5rem
}

.navigation-menu__indicator[data-v-28c01a66] {
    background-color: #f5c71b;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    transition: width 275ms,transform 275ms;
    width: 0
}

[data-prefix=sm][data-icon=stars][data-v-28c01a66] {
    font-size: 1.5rem;
    transform: translateY(.125rem)
}

[data-prefix=mdi][data-icon=cash-multiple][data-v-28c01a66] {
    transform: translateY(-.125rem)
}

.account-avatar[data-v-1c8b3436] {
    border-radius: 50%;
    box-shadow: 0 0 0 1px hsla(0,0%,100%,.05);
    height: 2.5rem;
    height: var(--avatar-size,2.5rem);
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 2.5rem;
    width: var(--avatar-size,2.5rem)
}

.account-avatar img[data-v-1c8b3436] {
    display: block;
    height: 100%;
    width: 100%
}

.amount[data-v-55720de6] {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    white-space: nowrap
}

.amount.colored.positive[data-v-55720de6] {
    color: #81bd1b
}

.amount.colored.negative[data-v-55720de6] {
    color: #e46364
}

.amount.primary.positive[data-v-55720de6] {
    color: #f5c71b
}

.account-balance[data-v-3939cd19] {
    font-feature-settings: "tnum";
    align-items: center;
    background-color: #3f3c38;
    border: 1px solid hsla(0,0%,100%,0);
    border-radius: .25rem;
    color: #fcf5e8;
    display: inline-flex;
    font-size: .875rem;
    font-variant-numeric: tabular-nums;
    gap: .5rem;
    height: 2.25rem;
    padding: 0 .25rem;
    white-space: nowrap
}

.account-balance .amount[data-v-3939cd19]:last-child {
    margin-right: .25rem
}

.account-balance__icon[data-v-3939cd19] {
    color: #f5c71b;
    font-size: 1rem;
    margin-left: .25rem
}

.account-balance__add[data-v-3939cd19] {
    align-items: center;
    background-color: #f5c71b;
    border-radius: .25rem;
    color: #000;
    display: flex;
    font-size: 1rem;
    height: 1.5rem;
    justify-content: center;
    transition: background-color 275ms;
    width: 1.5rem
}

.account-balance__add[data-v-3939cd19]:hover {
    background-color: #ffd431
}

.navigation-user-menu__account[data-v-11a8f6bc] {
    border-bottom: 1px solid #21201e;
    color: #7b776f;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    padding: 1rem 1.5rem
}

.navigation-user-menu__name[data-v-11a8f6bc] {
    color: #fcf5e8;
    font-size: 1rem;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis
}

.navigation-user-menu__items[data-v-11a8f6bc] {
    display: flex;
    flex-direction: column;
    padding: .5rem
}

.navigation-user-menu__logout[data-v-11a8f6bc] {
    margin-top: .5rem
}

.navigation-user[data-v-5c3b5fcd] {
    gap: 1.5rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media screen and (max-width: 959px) {
    .navigation-user[data-v-5c3b5fcd] {
        left:50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%)
    }
}

.navigation-user[data-v-5c3b5fcd] {
    align-items: center;
    display: flex
}

@media screen and (max-width: 959px) {
    .navigation-user__profile[data-v-5c3b5fcd] {
        display:none
    }
}

.navigation-menu-link-mobile[data-v-320f7af7] {
    color: #aea89b;
    cursor: pointer;
    position: relative;
    transition: color 275ms;
    width: 100%
}

.navigation-menu-link-mobile.nuxt-link-exact-active[data-v-320f7af7] {
    color: #fff
}

.navigation-menu-link-mobile.destructive[data-v-320f7af7] {
    color: #e46364
}

.navigation-menu-link-mobile__icon[data-v-320f7af7] {
    left: .25rem;
    position: absolute;
    transition: color 275ms
}

.nuxt-link-exact-active .navigation-menu-link-mobile__icon[data-v-320f7af7] {
    color: #f5c71b
}

.destructive .navigation-menu-link-mobile__icon[data-v-320f7af7] {
    color: #e46364
}

[data-v-bdaeed0a] html {
    --landing-cta-height: $cta-height
}

@media screen and (max-width: 959px) {
    [data-v-bdaeed0a] html {
        --landing-cta-height:calc(3.75rem + max(0.75rem, env(safe-area-inset-bottom)))
    }
}

.landing-cta-bonus-wrapper[data-v-bdaeed0a] {
    height: 7.25rem
}

@media screen and (max-width: 959px) {
    .landing-cta-bonus-wrapper[data-v-bdaeed0a] {
        height:calc(3.75rem + max(.75rem, env(safe-area-inset-bottom)))
    }
}

.landing-cta-bonus[data-v-bdaeed0a] {
    grid-gap: 1.5rem;
    align-items: center;
    background-color: #f5c71b;
    border-radius: .5rem;
    bottom: 1rem;
    box-shadow: 0 4px 6px -2px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.1);
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr auto 1fr;
    height: 6.25rem;
    left: 1rem;
    opacity: 0;
    padding: 0 3rem;
    position: fixed;
    right: 1rem;
    transform: translateY(6.25rem);
    transition: transform .5s,opacity .5s;
    z-index: 105
}

@media screen and (max-width: 959px) {
    .landing-cta-bonus[data-v-bdaeed0a] {
        border-radius:0;
        bottom: 0;
        grid-template-columns: 1fr min-content;
        height: auto;
        left: 0;
        margin: 0;
        overflow: hidden;
        padding: .75rem .75rem max(.75rem,env(safe-area-inset-bottom));
        position: fixed;
        top: auto;
        width: 100%
    }
}

.landing-cta-bonus.visible[data-v-bdaeed0a] {
    opacity: 1;
    transform: translateY(0)
}

.landing-cta-bonus__content[data-v-bdaeed0a] {
    color: #3b2600;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 1.3;
    text-align: center
}

@media screen and (max-width: 1169px) {
    .landing-cta-bonus__content[data-v-bdaeed0a] {
        font-size:1.875rem
    }
}

@media screen and (max-width: 959px) {
    .landing-cta-bonus__content[data-v-bdaeed0a] {
        font-size:1.5rem;
        text-align: left
    }
}

@media screen and (max-width: 599px) {
    .landing-cta-bonus__content[data-v-bdaeed0a] {
        font-size:1rem
    }
}

.landing-cta-bonus__content[data-v-bdaeed0a] strong {
    animation: tada 5s infinite;
    display: inline-block;
    position: relative
}

@media screen and (max-width: 959px) {
    .landing-cta-bonus__content[data-v-bdaeed0a] strong {
        animation:none
    }
}

.landing-cta-bonus__button[data-v-bdaeed0a] {
    align-items: center;
    background-color: #3b2600;
    border-radius: .25rem;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
    color: #fff;
    display: inline-flex;
    font-size: 1.125rem;
    font-weight: 700;
    height: 3.625rem;
    margin-left: auto;
    padding: 0 2rem;
    white-space: nowrap
}

@media screen and (max-width: 959px) {
    .landing-cta-bonus__button[data-v-bdaeed0a] {
        font-size:1rem;
        height: 3rem;
        padding: 0 1rem
    }
}

.landing-cta-bonus__logo[data-v-bdaeed0a] {
    height: 50px
}

@media screen and (max-width: 959px) {
    .landing-cta-bonus__logo[data-v-bdaeed0a] {
        display:none
    }
}

.event-button-close[data-v-de95b4be] {
    align-items: center;
    background-color: #173b1c;
    border-radius: .25rem;
    display: flex;
    height: 26px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color 275ms,color 275ms;
    width: 26px;
    z-index: 1
}

.event-button-close[data-v-de95b4be]:hover {
    color: #f5c71b
}

.event-button-close[data-v-de95b4be] img {
    filter: invert(1) grayscale(100%) brightness(100%);
    transform: scale(1.25)
}

.animated-number[data-v-350d2561] {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    white-space: nowrap
}

.event-reward-tiers[data-v-0fb00164] {
    color: #173b1c;
    margin: 0 auto;
    max-width: 456px;
    min-width: 215px;
    width: 100%
}

.event-reward-tiers.small[data-v-0fb00164] {
    min-width: 0;
    width: 190px
}

.event-reward-tiers__top[data-v-0fb00164] {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px
}

.event-reward-tiers__label[data-v-0fb00164] {
    color: #fff;
    font-family: "hobeaux",sans-serif;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .025em;
    text-transform: uppercase
}

@media screen and (max-width: 959px) {
    .event-reward-tiers__label[data-v-0fb00164] {
        font-size:.75rem;
        font-weight: 500
    }
}

.event-reward-tiers__experience[data-v-0fb00164] {
    color: #fff;
    font-family: "Inter",fallback-font,arial,sans-serif;
    font-size: .625rem;
    font-weight: 700;
    letter-spacing: .025em
}

.event-reward-tiers__experience span[data-v-0fb00164] {
    font-feature-settings: "tnum";
    font-variant: tabular-nums
}

.event-reward-tiers__bar[data-v-0fb00164] {
    background-color: #173b1c;
    border: 1px dashed #fff;
    border-radius: 10px;
    display: flex;
    height: 20px;
    padding: .25rem
}

.event-reward-tiers__filling[data-v-0fb00164] {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.event-reward-tiers__filling[data-v-0fb00164]:after,.event-reward-tiers__filling[data-v-0fb00164]:before {
    background-image: url("");
    background-position: 0 50%;
    background-repeat: repeat-x;
    background-size: 2% 100%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.event-reward-tiers.small .event-reward-tiers__filling[data-v-0fb00164]:after,.event-reward-tiers.small .event-reward-tiers__filling[data-v-0fb00164]:before {
    background-size: 5% 100%
}

.event-reward-tiers__filling[data-v-0fb00164]:before {
    opacity: .2
}

.event-reward-tiers__filling[data-v-0fb00164]:after {
    opacity: 1;
    transform: translateX(calc(-100% + var(--progress)))
}

.event-reward-tiers__percents[data-v-0fb00164] {
    color: #fff;
    display: flex;
    font-family: "Inter",fallback-font,arial,sans-serif;
    font-size: .625rem;
    font-weight: 700;
    justify-content: space-between;
    letter-spacing: .025em;
    margin-top: .5rem;
    position: relative;
    text-transform: uppercase
}

.event-reward-tiers__percents[data-v-0fb00164]>:first-child,.event-reward-tiers__percents[data-v-0fb00164]>:last-child {
    position: relative
}

.event-reward-tiers__percents[data-v-0fb00164]>:first-child:after,.event-reward-tiers__percents[data-v-0fb00164]>:first-child:before,.event-reward-tiers__percents[data-v-0fb00164]>:last-child:after,.event-reward-tiers__percents[data-v-0fb00164]>:last-child:before {
    background-color: #fff;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.event-reward-tiers__percents[data-v-0fb00164]>:first-child:after,.event-reward-tiers__percents[data-v-0fb00164]>:last-child:after {
    border-radius: 50%;
    height: 5px;
    width: 5px
}

.event-reward-tiers__percents[data-v-0fb00164]>:first-child:before,.event-reward-tiers__percents[data-v-0fb00164]>:last-child:before {
    height: 1px;
    width: 135px
}

@media screen and (max-width: 959px) {
    .event-reward-tiers__percents[data-v-0fb00164]>:first-child:before,.event-reward-tiers__percents[data-v-0fb00164]>:last-child:before {
        width:calc(50vw - 110px)
    }
}

.event-reward-tiers__percents[data-v-0fb00164]>:first-child {
    padding-right: .5rem
}

.event-reward-tiers__percents[data-v-0fb00164]>:first-child:after,.event-reward-tiers__percents[data-v-0fb00164]>:first-child:before {
    left: 100%
}

.event-reward-tiers__percents[data-v-0fb00164]>:last-child {
    padding-left: .5rem
}

.event-reward-tiers__percents[data-v-0fb00164]>:last-child:after,.event-reward-tiers__percents[data-v-0fb00164]>:last-child:before {
    right: 100%
}

.event-reward-tiers__value[data-v-0fb00164] {
    color: #fff;
    left: 50%;
    padding: 0 .75rem;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

@keyframes background-0fb00164 {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 25px 25px
    }
}

.event-button[data-v-3b3dc7b5] {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    color: #173b1c;
    font-family: "hobeaux",sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
    transition: background-color 275ms;
    width: 100%
}

.event-button[data-v-3b3dc7b5]:hover {
    background-color: #f5c71b
}

.event-button.disabled[data-v-3b3dc7b5] {
    background-color: #628050
}

.event-button.featured[data-v-3b3dc7b5],.event-button[data-theme=dark-green][data-v-3b3dc7b5] {
    background-color: #3b6930;
    color: #fff
}

.event-button.featured[data-v-3b3dc7b5]:hover,.event-button[data-theme=dark-green][data-v-3b3dc7b5]:hover {
    background-color: #628050
}

.event-button.featured[data-v-3b3dc7b5]:active,.event-button[data-theme=dark-green][data-v-3b3dc7b5]:active {
    background-color: #173b1c
}

.event-button[data-theme=neutral][data-v-3b3dc7b5] {
    background-color: #2a2724;
    border: 1px solid #302e2a;
    color: #aea89b
}

.event-button[data-theme=yellow][data-v-3b3dc7b5] {
    background-color: #f5c71b;
    border: 1px solid #ffd845;
    color: #382600
}

.event-button[data-theme=green][data-v-3b3dc7b5] {
    background-color: #83b135;
    border: 1px solid #ace54a;
    color: #233700
}

.event-banner-header__container[data-v-05d73c2c] {
    position: relative;
    transition: filter 275ms
}

@media screen and (max-width: 959px) {
    .event-banner-header__container[data-v-05d73c2c] {
        --button-font-size:0.75rem;
        --button-height: 30px
    }
}

@media screen and (min-width: 960px) {
    .event-banner-header__container[data-v-05d73c2c] {
        align-items:flex-end;
        display: grid;
        padding: .75rem .75rem 0
    }
}

.event-banner-header__body[data-v-05d73c2c] {
    align-items: flex-end;
    background-color: #173b1c;
    display: flex;
    justify-content: center;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.event-banner-header__body[data-v-05d73c2c]:hover {
    filter: brightness(1.15)
}

@media screen and (min-width: 960px) {
    .event-banner-header__body--mobile[data-v-05d73c2c] {
        display:none
    }
}

.event-banner-header__body--desktop[data-v-05d73c2c] {
    display: none;
    overflow: hidden
}

@media screen and (min-width: 960px) {
    .event-banner-header__body--desktop[data-v-05d73c2c] {
        display:flex
    }
}

@media screen and (min-width: 2560px) {
    .event-banner-header__body--desktop[data-v-05d73c2c] {
        margin:0 auto;
        width: 2560px
    }
}

.event-banner-header__body--base[data-v-05d73c2c] {
    border-radius: 6px;
    cursor: pointer;
    height: 90px
}

.event-banner-header.loaded .event-banner-header__body--base[data-v-05d73c2c] {
    background-color: #173b1c
}

.event-banner-header__body--full[data-v-05d73c2c] {
    height: 90px;
    margin: 0 6px;
    pointer-events: none
}

.event-banner-header__image[data-v-05d73c2c] {
    height: 100%;
    width: auto
}

@media screen and (min-width: 960px)and (max-width:1169px) {
    .event-banner-header__image[data-v-05d73c2c] {
        transform:translateX(4%)
    }
}

@media screen and (min-width: 960px) {
    .event-banner-header__image[data-v-05d73c2c] {
        height:90px;
        width: auto
    }
}

.event-banner-header__state[data-v-05d73c2c] {
    left: calc(50% + 320px);
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.event-banner-header__state--button.event-button[data-v-05d73c2c] {
    position: absolute;
    width: auto
}

@media screen and (min-width: 960px)and (max-width:1169px) {
    .event-banner-header__state[data-v-05d73c2c] {
        display:none
    }
}

@media screen and (max-width: 1169px) {
    .event-banner-header__state[data-v-05d73c2c] {
        left:calc(50% + 10px)
    }
}

.event-banner-header__close[data-v-05d73c2c] {
    margin: .5rem .5rem 0 0
}

@media screen and (max-width: 369px) {
    .event-banner-header__close[data-v-05d73c2c] {
        display:none
    }
}

.waiting[data-v-56536c90] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100vh;
    justify-content: center;
    margin-top: -1.5rem
}

.waiting__body[data-v-56536c90] {
    text-align: center
}

.waiting__body h1[data-v-56536c90] {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0
}

.waiting__body p[data-v-56536c90] {
    margin: .5rem 0 0
}

.waiting__component[data-v-56536c90] {
    display: none
}

.landing-hero-image__image[data-v-4c0050d7] {
    --animation-duration: 4.8s;
    --scale-factor: 1.55;
    --scale-factor-background: 2.15;
    left: 0;
    position: absolute;
    top: 0
}

.landing-hero-image__image[data-v-4c0050d7] img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.landing-hero-image__image--background[data-v-4c0050d7] {
    height: 100%;
    opacity: .5;
    transform: scale(var(--scale-factor-background)) translate(calc(15px*var(--scale-factor)),calc(10px*var(--scale-factor)));
    width: 100%
}

.landing-hero-image__image--background[data-v-4c0050d7] img {
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.landing-hero-image__image--mp5[data-v-4c0050d7] {
    height: 265px;
    height: calc(265px*var(--scale-factor, 1));
    transform: translate(-20px,80px);
    transform: translate(calc(-20px*var(--scale-factor, 1)),calc(80px*var(--scale-factor, 1)))
}

.landing-hero-image__image--mp5[data-v-4c0050d7] img {
    animation: landing-image-right 5s ease-in-out infinite alternate;
    animation: landing-image-right var(--animation-duration,5s) ease-in-out infinite alternate
}

.landing-hero-image__image--ak47[data-v-4c0050d7] {
    height: 195px;
    height: calc(195px*var(--scale-factor, 1));
    transform: translate(120px,-20px);
    transform: translate(calc(120px*var(--scale-factor, 1)),calc(-20px*var(--scale-factor, 1)))
}

.landing-hero-image__image--ak47[data-v-4c0050d7] img {
    animation: landing-image-left 5s ease-in-out infinite alternate;
    animation: landing-image-left var(--animation-duration,5s) ease-in-out infinite alternate
}

.landing-hero-image__image--vest[data-v-4c0050d7] {
    height: 245px;
    height: calc(245px*var(--scale-factor, 1));
    transform: translate(0,-30px);
    transform: translate(calc(0px*var(--scale-factor, 1)),calc(-30px*var(--scale-factor, 1)))
}

.landing-hero-image__image--vest[data-v-4c0050d7] img {
    animation: landing-image-left 5s ease-in-out infinite alternate;
    animation: landing-image-left var(--animation-duration,5s) ease-in-out infinite alternate;
    animation-delay: -.3s;
    animation-delay: var(--animation-delay,-.3s)
}

.landing-hero-image__image--firejacket[data-v-4c0050d7] {
    height: 232px;
    height: calc(232px*var(--scale-factor, 1));
    transform: translate(165px,85px);
    transform: translate(calc(165px*var(--scale-factor, 1)),calc(85px*var(--scale-factor, 1)))
}

.landing-hero-image__image--firejacket[data-v-4c0050d7] img {
    animation: landing-image-right 5s ease-in-out infinite alternate;
    animation: landing-image-right var(--animation-duration,5s) ease-in-out infinite alternate;
    animation-delay: -.3s;
    animation-delay: var(--animation-delay,-.3s)
}

@media screen and (min-width: 1440px) {
    .landing-hero-image__image[data-v-4c0050d7] {
        --scale-factor:1.65
    }
}

@media screen and (max-width: 1169px) {
    .landing-hero-image__image[data-v-4c0050d7] {
        --scale-factor:1.35
    }
}

<link href="client_default.css" type="text/css" rel="stylesheet"> .layout-header[data-v-f95090f4] {
    --stroke-color: #302e2a;
    background-color: #21201e;
    overflow: hidden
}

.layout-header__container[data-v-f95090f4] {
    align-items: center;
    border-top: 1px solid #3f3c38;
    display: flex;
    justify-content: space-between;
    padding-bottom: 2rem;
    padding-top: 2rem;
    position: relative;
    z-index: 1
}

.layout-header.tall .layout-header__container[data-v-f95090f4] {
    padding-bottom: 4rem;
    padding-top: 4rem
}

@media screen and (max-width: 959px) {
    .layout-header__container[data-v-f95090f4]:after {
        background:linear-gradient(270deg,#21201e .75rem,rgba(48,46,42,0));
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 3rem;
        z-index: -1
    }
}

.layout-header__title[data-v-f95090f4] {
    color: #fff;
    font-size: 2.25rem;
    font-weight: 400;
    margin: 0
}

@media screen and (max-width: 959px) {
    .layout-header__title[data-v-f95090f4] {
        margin-left:1rem
    }
}

.layout-header__stroked[data-v-f95090f4] {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-55%);
    z-index: -1
}

@media screen and (max-width: 959px) {
    .layout-header__stroked[data-v-f95090f4] {
        left:1rem;
        overflow: hidden;
        white-space: nowrap
    }
}

.layout-container[data-v-77f14a66] {
    background-color: #302e2a;
    padding: 2rem 0
}

@media screen and (max-width: 959px) {
    .layout-container[data-v-77f14a66] {
        padding:1.5rem 0
    }
}

.layout-container.sidebar .container[data-v-77f14a66] {
    display: flex;
    gap: 2rem
}

@media screen and (max-width: 959px) {
    .layout-container.sidebar .container[data-v-77f14a66] {
        flex-direction:column
    }
}

.layout-sidebar[data-v-f78d04ee] {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 100%;
    width: 16rem
}

@media screen and (max-width: 959px) {
    .layout-sidebar[data-v-f78d04ee] {
        width:100%
    }

    .layout-sidebar.only-desktop[data-v-f78d04ee] {
        display: none
    }
}

.sidebar-navigation[data-v-30f18dce] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: -.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.sidebar-navigation-item[data-v-9c7b2750] {
    align-items: center;
    border-radius: .25rem;
    color: #aea89b;
    cursor: pointer;
    display: flex;
    height: 2.75rem;
    padding: 0 .75rem;
    transition: color 275ms,background-color 275ms
}

.sidebar-navigation-item.nuxt-link-exact-active[data-v-9c7b2750],.sidebar-navigation-item[data-v-9c7b2750]:hover {
    background-color: #3f3c38
}

.sidebar-navigation-item.nuxt-link-exact-active[data-v-9c7b2750],.sidebar-navigation-item[data-v-9c7b2750]:hover:not(.destructive) {
    color: #fcf5e8
}

.sidebar-navigation-item.destructive[data-v-9c7b2750] {
    color: #e46364
}

.sidebar-navigation-item__icon[data-v-9c7b2750] {
    font-size: 1.25rem;
    margin-right: .75rem
}

.nuxt-link-exact-active .sidebar-navigation-item__icon[data-v-9c7b2750] {
    color: #f5c71b
}

.skeleton-base[data-v-026461cd] {
    background: #56524d;
    background: var(--background-color,#56524d);
    border-radius: .125rem;
    display: block;
    overflow: hidden;
    position: relative
}

.skeleton-base[data-v-026461cd]:before {
    animation: wave-026461cd 2.5s linear .5s infinite;
    background: linear-gradient(90deg,transparent,hsla(0,0%,100%,.15) 2rem,hsla(0,0%,100%,0) 4rem);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-200px)
}

@keyframes wave-026461cd {
    0% {
        transform: translateX(-4rem)
    }

    to {
        transform: translateX(max(100%,min(25rem,1000%)))
    }
}

.item-ghost[data-v-3f63033e] {
    aspect-ratio: 1;
    background: linear-gradient(180deg,#3f3c38,rgba(63,60,56,.5));
    border-bottom: var(--inventory-gap) solid rgba(86,82,77,.5);
    flex-direction: column;
    font-size: .75rem;
    height: 100%;
    padding: .75rem .75rem 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.item-ghost[data-v-3f63033e],.item-ghost__top[data-v-3f63033e] {
    display: flex;
    justify-content: space-between
}

.item-ghost__top[data-v-3f63033e] {
    width: 100%
}

.item-ghost__bottom[data-v-3f63033e] {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.deposit-item-card[data-v-6c447d84] {
    aspect-ratio: 1;
    background-color: #3f3c38;
    cursor: pointer;
    height: 100%;
    position: relative
}

.deposit-item-card[data-v-6c447d84]:before {
    background-image: url("");
    background-position: 0 0;
    background-repeat: round;
    background-size: 2.5rem;
    content: "";
    height: 100%;
    left: 0;
    opacity: .4;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

[data-card-size=small] .deposit-item-card[data-v-6c447d84]:before {
    background-size: 1.8rem
}

.deposit-item-card:hover .deposit-item-card__image-container[data-v-6c447d84] {
    filter: drop-shadow(2px 5px 10px rgba(0,0,0,.25));
    transform: translateY(-.25rem) scale(1.05) rotate(-3deg)
}

.deposit-item-card:hover .deposit-item-card__image[data-v-6c447d84]:before {
    left: 100%;
    opacity: .3;
    transition: left 1.5s,opacity 175ms;
    transition-delay: 175ms
}

.deposit-item-card__body[data-v-6c447d84] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    text-align: center;
    z-index: 1
}

.deposit-item-card__image-container[data-v-6c447d84] {
    position: relative;
    transform-origin: center;
    transition: transform 275ms,filter 275ms
}

.deposit-item-card__image[data-v-6c447d84] {
    aspect-ratio: 2/1;
    background-blend-mode: lighten;
    background-image: url("");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    -webkit-mask: url("");
    mask: url("");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    overflow: hidden;
    position: relative;
    width: 65%
}

@media screen and (max-width: 959px) {
    .deposit-item-card__image[data-v-6c447d84] {
        width:60%
    }
}

.deposit-item-card__image[data-v-6c447d84]:before {
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff,hsla(0,0%,100%,0));
    content: "";
    height: 200%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -50%;
    transform: rotate(25deg);
    transform-origin: center;
    width: 3rem;
    z-index: 1
}

.deposit-item-card__text[data-v-6c447d84] {
    color: #fff;
    font-size: .875rem;
    margin: 1rem 0 .75rem
}

[data-card-size=small] .deposit-item-card__text[data-v-6c447d84] {
    font-size: .75rem;
    margin: .5rem 0
}

.deposit-item-card__button[data-v-6c447d84] {
    align-items: center;
    background-color: #6a9a16;
    border-radius: .25rem;
    color: #fff;
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    height: 2.25rem;
    letter-spacing: .05em;
    line-height: 1;
    margin: 0 auto;
    padding: 0 1rem;
    transition: background-color 275ms
}

.deposit-item-card__button[data-v-6c447d84]:hover {
    background-color: #81bd1b
}

[data-card-size=small] .deposit-item-card__button[data-v-6c447d84] {
    font-size: .75rem;
    height: 1.625rem;
    padding: 0 .5rem
}

.event-deposit-item-card[data-v-75bfe577] {
    aspect-ratio: 1;
    background-color: #173b1c;
    cursor: pointer;
    position: relative
}

[data-card-size=small] .event-deposit-item-card[data-v-75bfe577] {
    --button-height: 28px;
    --button-offset: 1.125rem
}

[data-card-size=medium] .event-deposit-item-card[data-v-75bfe577] {
    --button-font-size: 1rem;
    --button-height: 32px;
    --button-offset: 1.5rem
}

[data-card-size=large] .event-deposit-item-card[data-v-75bfe577] {
    --button-font-size: 1.5rem;
    --button-height: 42px;
    --button-offset: 2rem
}

.event-deposit-item-card[data-v-75bfe577]:hover {
    filter: brightness(1.15)
}

.event-deposit-item-card__button[data-v-75bfe577] {
    bottom: var(--button-offset);
    left: var(--button-offset);
    pointer-events: none;
    position: absolute;
    right: var(--button-offset);
    top: auto;
    width: auto;
    z-index: 1
}

.event-deposit-item-card__image[data-v-75bfe577] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.inventory-grid-row[data-v-c152408e] {
    grid-gap: var(--inventory-gap);
    display: grid;
    gap: var(--inventory-gap);
    grid-template-columns: repeat(var(--inventory-row-items),1fr)
}

.inventory-grid-row>*[data-v-c152408e] {
    min-width: 0
}

.inventory-status>*[data-v-34a0702e] {
    background-color: rgba(63,60,56,.5);
    margin-bottom: 2px
}

.inventory-status__prompt[data-v-34a0702e] {
    align-items: center;
    color: #aea89b;
    display: flex;
    font-size: .875rem;
    font-weight: 500;
    gap: 1rem;
    padding: 1.5rem
}

@media screen and (max-width: 1169px) {
    .inventory-status__prompt[data-v-34a0702e] {
        gap:.75rem;
        padding: 1rem
    }
}

.inventory-status.vertical .inventory-status__prompt[data-v-34a0702e] {
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.inventory-status__body p[data-v-34a0702e] {
    margin: 0
}

@media screen and (max-width: 1169px) {
    .inventory-status__body p[data-v-34a0702e] br {
        content:""
    }

    .inventory-status__body p[data-v-34a0702e] br:after {
        content: " "
    }
}

.inventory-status__icon[data-v-34a0702e] {
    display: block;
    height: 1.5rem
}

[data-v-34a0702e] .base-button {
    height: 30px
}

[data-v-34a0702e] .base-button__label {
    font-size: .75rem;
    letter-spacing: .025em
}

.inventory-status-empty__label[data-v-c3325db2] {
    align-items: center;
    display: flex;
    font-size: .875rem;
    height: 50px;
    justify-content: center
}

[data-cart=FLOATING] .inventory-status-empty__label[data-v-c3325db2] {
    background-color: #3f3c38
}

.base-button[data-v-c3325db2] {
    margin-top: 1rem
}

@media screen and (max-width: 1169px) {
    .base-button[data-v-c3325db2] {
        margin-top:.75rem
    }
}

.expand-multiple-enter-active,.expand-multiple-leave-active {
    overflow: hidden;
    transition: opacity 275ms,transform 275ms,height 275ms
}

.expand-multiple-enter,.expand-multiple-leave-to {
    opacity: 0
}

.expand-multiple-enter {
    transform: translateY(1rem)
}

.expand-multiple-leave-to {
    transform: translateY(-1rem)
}

.inventory-status-failed[data-v-23acb37b] p span {
    color: #fcf5e8
}

.inventory-status-action[data-v-23acb37b] {
    margin-left: auto
}

.inventory-status-action[data-v-23acb37b] span {
    line-height: 1
}

.inventory-status-action[data-v-23acb37b] svg {
    margin-bottom: -1px;
    margin-left: .25rem
}

.inventory-grid[data-v-b2c2d914] {
    height: calc(100% - 3.75rem);
    position: relative
}

[data-cart=STATIC] .inventory-grid[data-v-b2c2d914] {
    height: calc(100% - 6.25rem - var(--cart-height));
    transition: height 275ms;
    width: calc(100% + var(--scrollbar-width))
}

[data-cart=STATIC] [data-inventory=USER] .inventory-grid[data-v-b2c2d914] {
    margin-left: calc(var(--scrollbar-width)*-1)
}

[data-cart=STATIC] [data-inventory=SITE] .inventory-grid[data-v-b2c2d914] {
    margin-right: calc(var(--scrollbar-width)*-1)
}

@media screen and (max-width: 1439px) {
    .inventory-grid[data-v-b2c2d914] {
        height:calc(100% - 6.25rem)
    }

    [data-cart=STATIC] .inventory-grid[data-v-b2c2d914] {
        height: calc(100% - 8.75rem - var(--cart-height))
    }
}

@media screen and (max-width: 959px) {
    .inventory-grid[data-v-b2c2d914] {
        height:calc(100% - 6rem)
    }

    [data-inventory=USER] .inventory-grid[data-v-b2c2d914] {
        padding-right: var(--scrollbar-width)
    }

    [data-inventory=SITE] .inventory-grid[data-v-b2c2d914] {
        padding-left: var(--scrollbar-width)
    }

    @supports(-webkit-overflow-scrolling:touch) {
        .inventory-grid[data-v-b2c2d914] {
            padding: 0 var(--scrollbar-width)
        }
    }
}

.inventory-grid__container[data-v-b2c2d914] .scrollable-content__body {
    overflow-y: scroll!important
}

[data-auth=true] .inventory-grid__container[data-v-b2c2d914] .scrollable-content__body {
    padding-bottom: 2.625rem
}

@media screen and (max-width: 959px) {
    .inventory-grid__container[data-v-b2c2d914] .scrollable-content__body {
        padding-bottom:calc(env(safe-area-inset-bottom) + 2.75rem)
    }

    .inventory-grid.bonus .inventory-grid__container[data-v-b2c2d914] .scrollable-content__body {
        padding-bottom: calc(env(safe-area-inset-bottom) + 9.375rem)
    }
}

.inventory-grid__after[data-v-b2c2d914] {
    bottom: 0;
    left: 0;
    padding-right: .5rem;
    position: absolute;
    right: 0;
    top: 0
}

.inventory-grid__after.inverted[data-v-b2c2d914] {
    padding-left: .5rem;
    padding-right: 0
}

.inventory-grid__after-content[data-v-b2c2d914] {
    height: 100%;
    position: relative;
    width: 100%
}

[data-v-b2c2d914] .vue-recycle-scroller {
    display: flex;
    flex-direction: column
}

[data-v-b2c2d914] .vue-recycle-scroller__item-wrapper {
    overflow: visible
}

[data-v-b2c2d914] .vue-recycle-scroller__item-wrapper+.vue-recycle-scroller__slot {
    align-self: center;
    flex-grow: 1
}

[data-v-b2c2d914] .vue-recycle-scroller__item-wrapper+.vue-recycle-scroller__slot:not(:empty) {
    min-height: 100%
}

[data-v-b2c2d914] .vue-recycle-scroller__item-view.hover {
    z-index: 2
}

[data-v-b2c2d914] .vue-recycle-scroller__slot {
    width: 100%
}

.inventory-prompt {
    width: 100%
}

.inventory-worth[data-v-e3ab123e] {
    align-items: center;
    background-color: #21201e;
    border-radius: .5rem;
    bottom: .25rem;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    color: #ece6da;
    display: flex;
    font-size: .875rem;
    margin: 0 auto;
    padding: 0 .125rem;
    position: absolute;
    right: .25rem;
    transition: transform 275ms;
    z-index: 5
}

@media screen and (max-width: 959px) {
    .inventory-worth[data-v-e3ab123e] {
        display:none
    }
}

.inventory-worth.hidden[data-v-e3ab123e] {
    transform: translateX(calc(100% - 1.625rem + 2px))
}

.inventory-worth.hidden .inventory-worth__close svg[data-v-e3ab123e] {
    transform: scaleX(-1)
}

.inventory-worth__body[data-v-e3ab123e] {
    border-left: 1px solid #302e2a;
    display: flex
}

@media screen and (max-width: 1169px) {
    .inventory-worth__body[data-v-e3ab123e] {
        flex-direction:column
    }
}

.inventory-worth__section[data-v-e3ab123e] {
    align-items: center;
    display: flex;
    height: 2.25rem;
    padding: 0 .75rem
}

.inventory-worth__section+.inventory-worth__section[data-v-e3ab123e] {
    border-left: 1px solid #302e2a
}

@media screen and (max-width: 1169px) {
    .inventory-worth__section+.inventory-worth__section[data-v-e3ab123e] {
        border-left:none;
        border-top: 1px solid #302e2a
    }
}

.inventory-worth__close[data-v-e3ab123e] {
    color: #56524d;
    cursor: pointer;
    font-size: 1.125rem;
    padding: 0 .5rem;
    transition: color 275ms;
    width: 1.625rem
}

.inventory-worth__close[data-v-e3ab123e]:hover {
    color: #7b776f
}

.inventory-worth__close svg[data-v-e3ab123e] {
    transition: transform 275ms
}

.inventory-worth__button[data-v-e3ab123e] {
    color: #f5c71b;
    position: relative;
    transition: color 275ms
}

.inventory-worth__button.selecting[data-v-e3ab123e] {
    pointer-events: none
}

.inventory-worth__button.selecting span[data-v-e3ab123e] {
    opacity: 0
}

.inventory-worth__button.disabled[data-v-e3ab123e] {
    color: #7b776f;
    cursor: not-allowed
}

.inventory-worth__button[data-v-e3ab123e]:hover:not(.disabled) {
    color: #ffd845
}

.inventory-worth__button span[data-v-e3ab123e] {
    transition: opacity 275ms
}

[data-v-e3ab123e] .base-spinner {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity 275ms,transform 275ms
}

.inventory-toolbar[data-v-424cbe5a] {
    align-items: center;
    color: #7b776f;
    display: flex;
    gap: .5rem;
    height: 3.75rem;
    justify-items: stretch;
    position: sticky;
    top: 0;
    z-index: 99
}

[data-cart=FLOATING] .inventory-toolbar[data-v-424cbe5a] {
    background-color: #302e2a;
    width: 100%
}

[data-cart=STATIC] .inventory-toolbar[data-v-424cbe5a] {
    background-color: rgba(63,60,56,.5);
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    margin-bottom: 2px;
    padding: 0 .75rem
}

[data-cart=STATIC] [data-inventory=SITE] .inventory-toolbar[data-v-424cbe5a] {
    justify-content: flex-end
}

@media screen and (max-width: 1439px) {
    .inventory-toolbar[data-v-424cbe5a] {
        align-content:center;
        flex-wrap: wrap;
        height: 6.25rem;
        padding-bottom: .5rem;
        padding-top: .75rem
    }
}

@media screen and (min-width: 960px)and (max-width:1240px) {
    .inventory-toolbar .inventory-toolbar-sort.form-select[data-v-424cbe5a] {
        display:none
    }
}

@media screen and (max-width: 959px) {
    .inventory-toolbar[data-v-424cbe5a] {
        align-content:normal;
        flex-wrap: nowrap;
        gap: .25rem;
        height: 3.75rem;
        padding-bottom: 0;
        padding-top: 0
    }

    .inventory-toolbar .inventory-toolbar-cart[data-v-424cbe5a] {
        margin-left: 0;
        margin-right: 0
    }
}

[data-v-424cbe5a] .inventory-toolbar-cart {
    height: 2.25rem;
    padding: 0 1rem
}

[data-v-424cbe5a] .inventory-toolbar-search {
    flex-grow: 1
}

.select-item[data-v-3ecc3dd6] {
    border-radius: .25rem;
    color: #fcf5e8;
    cursor: pointer;
    font-size: .875rem;
    height: 2rem;
    padding: 0 .5rem;
    transition: color 275ms,background-color 275ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.select-item.focused[data-v-3ecc3dd6],.select-item[data-v-3ecc3dd6]:hover {
    background-color: #7b776f;
    color: #fff
}

.select-item__value[data-v-3ecc3dd6] {
    align-items: center;
    display: flex;
    gap: .5rem;
    height: 100%;
    line-height: 1
}

.select-item__value[data-v-3ecc3dd6]>span {
    line-height: 1.5;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form-select[data-v-0d211bc6] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.form-select.active.lite .form-select__body[data-v-0d211bc6] {
    background-color: #56524d
}

.form-select.leading .form-select__body[data-v-0d211bc6] {
    padding-left: 2.5rem
}

.form-select.trailing .form-select__body[data-v-0d211bc6] {
    padding-right: 2.5rem
}

.form-select.lite[data-v-0d211bc6] {
    display: inline-flex
}

.form-select.lite.active .form-select__body[data-v-0d211bc6],.form-select.lite:hover .form-select__body[data-v-0d211bc6] {
    background-color: #56524d
}

.form-select.lite:hover .form-select__placeholder[data-v-0d211bc6],.form-select.lite:hover .form-select__value[data-v-0d211bc6] {
    color: #fcf5e8
}

.form-select.lite:hover .form-select__slot[data-v-0d211bc6] {
    color: #9a958b
}

.form-select.lite.leading .form-select__body[data-v-0d211bc6] {
    padding-left: 2rem
}

.form-select.lite.trailing .form-select__body[data-v-0d211bc6] {
    padding-right: 2rem
}

.form-select__label[data-v-0d211bc6] {
    cursor: pointer
}

.form-select__label:hover+.form-select__body[data-v-0d211bc6] {
    border-color: #7b776f
}

.form-select__label:hover+.form-select__body+.form-select__slot[data-v-0d211bc6] {
    color: #9a958b
}

.form-select__body[data-v-0d211bc6] {
    align-items: center;
    background-color: #3f3c38;
    border: 1px solid hsla(0,0%,100%,0);
    border-radius: .375rem;
    color: #fcf5e8;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    height: 2.25rem;
    padding: 0 .75rem;
    position: relative;
    transition: background-color 275ms,border 275ms,box-shadow 175ms,opacity 275ms;
    width: 100%
}

.lite .form-select__body[data-v-0d211bc6] {
    background-color: transparent;
    border: none!important;
    box-shadow: none!important;
    color: #aea89b
}

.light .form-select__body[data-v-0d211bc6] {
    background-color: #56524d;
    border-color: #56524d
}

.read-only .form-select__body[data-v-0d211bc6] {
    background-color: #302e2a;
    border-color: hsla(0,0%,100%,0);
    box-shadow: none;
    color: #fcf5e8;
    cursor: not-allowed
}

.read-only .form-select__body+.form-input__slot[data-v-0d211bc6] {
    color: #56524d
}

.error .form-select__body[data-v-0d211bc6] {
    border-color: #dc3030
}

.active .form-select__body[data-v-0d211bc6],.form-select__body[data-v-0d211bc6]:hover {
    border-color: #7b776f
}

.active .form-select__body+.form-select__slot[data-v-0d211bc6],.form-select__body:hover+.form-select__slot[data-v-0d211bc6] {
    color: #9a958b
}

.active .form-select__body[data-v-0d211bc6] {
    box-shadow: 0 0 0 3px hsla(40,5%,46%,.25)
}

.form-select__placeholder[data-v-0d211bc6],.form-select__value[data-v-0d211bc6] {
    align-items: center;
    color: #aea89b;
    display: flex;
    font-weight: 500;
    gap: .5rem;
    letter-spacing: .025em;
    overflow: hidden;
    transition: color 275ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.active .form-select__placeholder[data-v-0d211bc6],.active .form-select__value[data-v-0d211bc6] {
    color: #fcf5e8
}

.form-select__slot[data-v-0d211bc6] {
    color: #7b776f;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: color 275ms
}

.active .form-select__slot[data-v-0d211bc6] {
    color: #9a958b
}

.form-select__slot--leading[data-v-0d211bc6] {
    left: .75rem
}

.form-select.lite .form-select__slot--leading[data-v-0d211bc6] {
    left: .5rem
}

.form-select__slot--trailing[data-v-0d211bc6] {
    right: .75rem
}

.form-select.lite .form-select__slot--trailing[data-v-0d211bc6] {
    right: .5rem
}

.form-select__slot[data-v-0d211bc6] svg {
    display: block
}

.form-select__toggle[data-v-0d211bc6] {
    font-size: .875rem
}

.active .form-select__toggle[data-v-0d211bc6] {
    transform: rotate(180deg)
}

.form-select__search-input[data-v-0d211bc6] {
    background-color: transparent;
    border: none;
    font-weight: 500;
    letter-spacing: .025em;
    outline: none
}

.form-select__search-input[data-v-0d211bc6]::-moz-placeholder {
    color: #aea89b
}

.form-select__search-input[data-v-0d211bc6],.form-select__search-input[data-v-0d211bc6]::placeholder {
    color: #aea89b
}

.form-select__list--empty[data-v-0d211bc6] {
    color: #aea89b;
    padding: 1rem .5rem;
    text-align: center
}

.inventory-toolbar-select[data-v-8e0901dc] {
    flex-shrink: 0
}

.inventory-toolbar-select.trailing.lite[data-v-8e0901dc] .form-select__body {
    font-size: 1rem
}

@media screen and (max-width: 959px) {
    .inventory-toolbar-select.trailing.lite[data-v-8e0901dc] .form-select__body {
        font-size:.875rem
    }
}

@media screen and (max-width: 599px) {
    .inventory-toolbar-select.trailing.lite[data-v-8e0901dc] .form-select__body {
        padding-right:1.5rem
    }
}

@media screen and (max-width: 399px) {
    .inventory-toolbar-select.trailing.lite[data-v-8e0901dc] .form-select__toggle {
        font-size:.625rem
    }
}

.inventory-toolbar-game-item[data-v-41c0426d] {
    align-items: center;
    display: flex;
    gap: .5rem;
    width: 100%
}

.inventory-toolbar-game-item.simple .inventory-toolbar-game-item__image[data-v-41c0426d] {
    position: static
}

.inventory-toolbar-game-item__image[data-v-41c0426d] {
    left: .25rem;
    position: absolute
}

.selected .inventory-toolbar-game-item__image[data-v-41c0426d] {
    filter: invert(82%) sepia(57%) saturate(2110%) hue-rotate(347deg) brightness(190%) contrast(90%)
}

.inventory-toolbar-sort__icon[data-v-f8172f34] {
    color: #9a958b;
    position: relative;
    transform: scaleX(-1)
}

@media screen and (max-width: 1439px) {
    .inventory-toolbar-search {
        flex-shrink:0;
        order: -1;
        width: 100%
    }
}

@media screen and (max-width: 959px) {
    .inventory-toolbar-search {
        flex-shrink:1;
        order: 0;
        width: auto
    }
}

.inventory-toolbar-cart[data-v-31885314] {
    align-items: center;
    color: #aea89b;
    cursor: pointer;
    display: flex;
    gap: .5rem;
    transition: color 275ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.inventory-toolbar-cart.active[data-v-31885314],.inventory-toolbar-cart[data-v-31885314]:hover {
    color: #ece6da
}

.inventory-toolbar-cart.inverted[data-v-31885314] {
    flex-direction: row-reverse
}

.inventory-toolbar-cart[data-v-31885314] svg {
    font-size: 1rem
}

@media screen and (max-width: 1439px) {
    .inventory-toolbar .inventory-toolbar-cart[data-v-31885314] {
        margin-right:auto
    }

    .inventory-toolbar.inverted .inventory-toolbar-cart[data-v-31885314] {
        margin-left: auto;
        margin-right: 0
    }
}

.inventory-toolbar-cart__icon[data-v-31885314] {
    position: relative
}

.inventory-toolbar-cart__items[data-v-31885314] {
    align-items: center;
    background-color: #f5c71b;
    border: 2px solid #302e2a;
    border-radius: calc(.5rem + 1px);
    color: #302e2a;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: calc(1rem + 2px);
    justify-content: center;
    left: 0;
    min-width: calc(1rem + 2px);
    padding: 0 .25rem;
    position: absolute;
    top: 0;
    transform: translate(-55%,-55%);
    z-index: 1
}

.inverted .inventory-toolbar-cart__items[data-v-31885314] {
    left: auto;
    right: 0;
    transform: translate(55%,-55%)
}

.inventory-toolbar-button[data-v-4c583efe] {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    flex-shrink: 0;
    font-size: 1.25rem;
    height: 2.25rem;
    justify-content: center;
    transition: background-color 275ms,color 275ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.25rem
}

.inventory-toolbar-button[data-v-4c583efe]:hover {
    background-color: #56524d;
    color: #fcf5e8
}

.inventory-toolbar-button.spin svg[data-v-4c583efe] {
    animation: spin .5s ease-in 1
}

.cart-floating-header[data-v-84d1f20a] {
    color: #fff;
    margin: .5rem .75rem
}

.cart-floating-empty[data-v-13d45d5a] {
    padding: 3rem
}

.item-price[data-v-4470fb48] {
    color: #fff;
    font-size: 1rem
}

.item-price.large[data-v-4470fb48] {
    font-size: 1.875rem
}

.item-price.large span[data-v-4470fb48] {
    font-size: 1.5rem
}

.item-price span[data-v-4470fb48] {
    color: #9a958b;
    font-size: .875em
}

@media screen and (max-width: 959px) {
    .item-price span[data-v-4470fb48] {
        font-size:.75rem
    }
}

.large .item-price span[data-v-4470fb48] {
    font-size: 1rem
}

.cart-floating-summary[data-v-f4909a2e] {
    color: #fff;
    font-weight: 500;
    padding: 0 .75rem
}

.cart-floating-summary__box[data-v-f4909a2e] {
    border: 1px solid #56524d;
    border-radius: .25rem;
    display: flex;
    justify-content: space-between;
    padding: .75rem 1rem
}

.item-params[data-v-3c5a6149] {
    color: #aea89b;
    display: flex;
    font-weight: 500;
    gap: .25rem
}

.item-params>*[data-v-3c5a6149] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item-params.digest[data-v-3c5a6149] {
    font-weight: 700;
    letter-spacing: .05em
}

[data-card-size=small] .item-params[data-v-3c5a6149] {
    font-weight: 500
}

.item-params__souvenir[data-v-3c5a6149] {
    color: #ffd701
}

.item-params__stat-trak[data-v-3c5a6149] {
    color: #f89407
}

.cart-floating-item[data-v-42554511] {
    grid-gap: .75rem;
    border-radius: .25rem;
    display: grid;
    gap: .75rem;
    grid-template-columns: 5.25rem auto 1fr;
    height: 5.25rem;
    padding-right: 1.5rem;
    position: relative;
    transition: background-color 275ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cart-floating-item[data-v-42554511]:hover {
    background-color: #302e2a
}

.cart-floating-item:hover .cart-floating-item__price[data-v-42554511] {
    opacity: 0
}

.cart-floating-item:hover .cart-floating-item__remove[data-v-42554511] {
    opacity: 1
}

.cart-floating-item[data-v-42554511]:last-child {
    margin-bottom: .75rem
}

.cart-floating-item__image[data-v-42554511] {
    align-items: center;
    display: flex;
    height: 5.25rem;
    justify-content: center;
    padding: .5rem
}

.cart-floating-item__image img[data-v-42554511] {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.cart-floating-item__body[data-v-42554511] {
    color: #9a958b;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    gap: .25rem;
    justify-content: center;
    overflow: hidden
}

.cart-floating-item__type[data-v-42554511] {
    color: #aea89b;
    display: flex;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cart-floating-item__params[data-v-42554511] {
    display: flex
}

.cart-floating-item__params[data-v-42554511]>* {
    font-size: .75rem;
    min-width: 0;
    text-overflow: ellipsis
}

.cart-floating-item__stickers[data-v-42554511] {
    align-items: center;
    display: flex;
    gap: .125rem;
    margin-top: .125rem
}

.cart-floating-item__stickers img[data-v-42554511] {
    cursor: pointer;
    display: block;
    height: 1.5rem;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    transition: transform 175ms,filter 175ms;
    width: 1.5rem
}

.cart-floating-item__stickers img[data-v-42554511]:hover {
    filter: brightness(1.25);
    transform: scale(1.25)
}

.cart-floating-item__name[data-v-42554511] {
    color: #fff;
    font-size: .875rem
}

.cart-floating-item__price[data-v-42554511] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: opacity 275ms;
    white-space: nowrap
}

.cart-floating-item__remove[data-v-42554511] {
    align-items: center;
    background-color: #3f3c38;
    border-radius: .125rem;
    bottom: 2px;
    display: flex;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 2px;
    top: 2px;
    transition: opacity 275ms,color 275ms;
    width: 2.5rem
}

.cart-floating-item__remove[data-v-42554511]:hover {
    color: #e46364
}

.cart-floating-items[data-v-0907c6a4] {
    align-items: stretch;
    display: flex;
    min-height: 0
}

.cart-floating-items__content[data-v-0907c6a4] {
    height: auto;
    margin-right: calc(-.75rem - var(--scrollbar-width));
    width: calc(100% + .75rem - var(--scrollbar-width))
}

[data-v-0907c6a4] .scrollable-content__body {
    direction: ltr!important
}

.cart-floating[data-v-0d7091f2] {
    background-color: #21201e;
    border-radius: .25rem;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
    left: .5rem;
    max-height: max(100vh - 18rem,16rem);
    padding: .75rem;
    position: absolute;
    top: calc(100% - .25rem);
    width: 26rem
}

.cart-floating.inverted[data-v-0d7091f2] {
    left: auto;
    right: .5rem
}

.cart-floating__arrow[data-v-0d7091f2] {
    fill: #21201e;
    align-items: flex-end;
    bottom: 100%;
    display: flex;
    left: .5rem;
    position: absolute
}

.inverted .cart-floating__arrow[data-v-0d7091f2] {
    left: auto;
    right: .5rem
}

.cart-floating__body[data-v-0d7091f2] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-height: 0
}

.cart-floating__actions[data-v-0d7091f2] {
    grid-gap: .5rem;
    display: grid;
    gap: .5rem;
    grid-template-columns: 1fr 2fr;
    padding: 0 .75rem .75rem
}

.inventory-toolbar-divider[data-v-24f6afe6] {
    background-color: #3f3c38;
    height: 14px;
    pointer-events: none;
    width: 1px
}

.inventory-toolbar-mobile[data-v-6500b272] {
    padding-left: var(--scrollbar-width)
}

@media screen and (min-width: 960px) {
    .inventory-toolbar-mobile[data-v-6500b272] {
        display:none
    }
}

@media screen and (max-width: 399px) {
    .inventory-toolbar-mobile[data-v-6500b272] {
        gap:0
    }
}

.inventory-toolbar-mobile__right[data-v-6500b272] {
    align-items: center;
    display: flex;
    gap: .25rem;
    margin-left: auto
}

@media screen and (max-width: 399px) {
    .inventory-toolbar-mobile__right[data-v-6500b272] {
        gap:0
    }
}

.rating-rating[data-v-bce93ed4] {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.rating-rating__row[data-v-bce93ed4] {
    align-items: center;
    color: #fff;
    display: flex;
    font-weight: 500;
    justify-content: center;
    margin: 0;
    text-align: center;
    white-space: nowrap
}

.rating-rating__row--stars[data-v-bce93ed4] {
    font-size: 1rem
}

.rating-rating__row--stars[data-v-bce93ed4] img {
    height: 24px;
    margin: 0 .75rem;
    width: 128px
}

@media screen and (max-width: 599px) {
    .rating-rating__row--stars[data-v-bce93ed4] {
        gap:.5rem;
        padding-top: calc(24px + .5rem);
        position: relative
    }

    .rating-rating__row--stars[data-v-bce93ed4] img {
        left: 50%;
        margin: 0;
        position: absolute;
        top: 0;
        transform: translateX(-50%)
    }
}

.rating-rating__row--reviews[data-v-bce93ed4] {
    color: #aea89b;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .025em
}

.rating-rating__row--reviews[data-v-bce93ed4] img {
    height: 24px;
    margin-left: .75rem;
    transform: translateY(-.125rem);
    width: 98px
}

.inventory-welcome[data-v-51a0eb19] {
    align-items: center;
    background: linear-gradient(180deg,rgba(48,46,42,.8),#302e2a);
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: calc(100% - 3.75rem);
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 5
}

[data-cart=STATIC] .inventory-welcome[data-v-51a0eb19] {
    height: calc(100% - 6.25rem - var(--cart-height))
}

@media screen and (max-width: 1439px) {
    .inventory-welcome[data-v-51a0eb19] {
        height:calc(100% - 6.25rem)
    }

    [data-cart=STATIC] .inventory-welcome[data-v-51a0eb19] {
        height: calc(100% - 8.75rem - var(--cart-height))
    }
}

@media screen and (max-width: 959px) {
    .inventory-welcome[data-v-51a0eb19] {
        height:calc(100% - 3.75rem)
    }
}

.inventory-welcome__body[data-v-51a0eb19] {
    margin-top: -3rem;
    max-width: 475px
}

.inventory-welcome__body[data-v-51a0eb19] .prompt__description {
    margin-top: .5rem
}

@media screen and (max-width: 959px) {
    .inventory-welcome__body[data-v-51a0eb19] {
        margin-top:-6rem
    }
}

@media screen and (min-width: 960px) {
    .inventory-welcome__body[data-v-51a0eb19] .prompt__description {
        width:100%
    }
}

.inventory-welcome__icon[data-v-51a0eb19] {
    height: 44px;
    margin: 0 auto -.75rem;
    width: 44px
}

.inventory-welcome__button.large[data-v-51a0eb19] {
    height: 48px;
    width: 100%
}

.inventory-welcome__button[data-v-51a0eb19]:after {
    animation: button-background-pulse 3s infinite;
    background: rgba(245,199,27,.2);
    border-radius: .5rem;
    content: "";
    height: calc(100% + .5rem);
    left: -.25rem;
    position: absolute;
    top: -.25rem;
    width: calc(100% + .5rem)
}

.inventory-welcome__button-wrapper[data-v-51a0eb19] {
    margin: 0 auto 1.5rem;
    min-width: min(420px,100%);
    position: relative
}

.inventory-welcome__arrow[data-v-51a0eb19] {
    bottom: 14px;
    left: 100%;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    transform: translateX(24px);
    z-index: -1
}

@media screen and (max-width: 1440px) {
    .inventory-welcome__arrow[data-v-51a0eb19] {
        display:none
    }
}

.inventory-welcome__arrow.loaded img[data-v-51a0eb19] {
    opacity: 1;
    transform: rotate(0)
}

.inventory-welcome__arrow img[data-v-51a0eb19] {
    opacity: 0;
    position: relative;
    transform: rotate(-180deg);
    transform-origin: 0 50%;
    transition: transform 275ms,opacity 175ms
}

.trade-inventory[data-v-5167152a] {
    height: 100%;
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 960px) {
    [data-cart=STATIC] .trade-inventory[data-v-5167152a] {
        width:calc(100% + var(--scrollbar-width))
    }

    [data-cart=STATIC] .trade-inventory[data-inventory=USER][data-v-5167152a] {
        margin-left: calc(var(--scrollbar-width)*-1);
        padding-left: var(--scrollbar-width)
    }

    [data-cart=STATIC] .trade-inventory[data-inventory=SITE][data-v-5167152a] {
        margin-right: calc(var(--scrollbar-width)*-1);
        padding-right: var(--scrollbar-width)
    }
}

@media screen and (max-width: 959px) {
    .trade-inventory[data-v-5167152a] {
        padding-bottom:1.75rem
    }
}

.starting-bonus-description[data-v-091963f9] {
    color: #ece6da;
    font-size: .875rem
}

@media screen and (max-width: 959px) {
    .starting-bonus-description[data-v-091963f9] {
        font-size:.75rem
    }
}

.starting-bonus-description .amount[data-v-091963f9] {
    font-weight: 700
}

.starting-bonus-description__value[data-v-091963f9] {
    color: #81bd1b
}

.starting-bonus-progress__bar[data-v-b11fab70] {
    background-image: linear-gradient(-45deg,rgba(63,60,56,.9) 25%,rgba(63,60,56,.25) 0,rgba(63,60,56,.25) 50%,rgba(63,60,56,.9) 0,rgba(63,60,56,.9) 75%,rgba(63,60,56,.25) 0,rgba(63,60,56,.25));
    background-size: 1.5rem 1.5rem;
    border-bottom: 2px solid #9a958b;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    height: 1rem;
    overflow: hidden;
    position: relative;
    transition: height 175ms;
    width: 100%
}

.starting-bonus-progress.minified .starting-bonus-progress__bar[data-v-b11fab70] {
    height: .5rem
}

.starting-bonus-progress__fill[data-v-b11fab70] {
    background-image: linear-gradient(-45deg,#81bd1b 25%,#6a9a16 0,#6a9a16 50%,#81bd1b 0,#81bd1b 75%,#6a9a16 0,#6a9a16);
    background-size: 1.5rem 1.5rem;
    height: 100%;
    left: 0;
    position: absolute;
    transition: width .5s;
    width: var(--tier-progress)
}

.starting-bonus-progress__legend[data-v-b11fab70] {
    display: grid;
    font-size: .875rem;
    grid-template-columns: repeat(var(--axis-points),1fr);
    position: relative
}

.starting-bonus-progress__tier[data-v-b11fab70] {
    border-top: 2px solid hsla(0,0%,100%,0);
    height: 2rem;
    position: relative;
    top: -2px;
    transition: border-top-color 175ms,height 175ms;
    z-index: 1
}

.starting-bonus-progress.minified .starting-bonus-progress__tier[data-v-b11fab70] {
    height: 8px
}

.starting-bonus-progress__tier.active[data-v-b11fab70] {
    border-top-color: #fff
}

.starting-bonus-progress__tier.active[data-v-b11fab70]:before {
    background-color: #fff
}

.starting-bonus-progress__tier[data-v-b11fab70]:before {
    background-color: #9a958b;
    content: "";
    height: 8px;
    left: 100%;
    position: absolute;
    top: -5px;
    transform: translateX(-50%);
    transition: background-color 175ms;
    width: 2px
}

.starting-bonus-progress__tier[data-v-b11fab70]:last-child:before {
    transform: translateX(-100%)
}

.starting-bonus-progress__tier:last-child span[data-v-b11fab70] {
    transform: translateY(-50%)
}

.starting-bonus-progress__tier--0[data-v-b11fab70] {
    left: 0;
    position: absolute
}

.starting-bonus-progress__tier--0[data-v-b11fab70]:before {
    transform: none
}

.starting-bonus-progress__tier--0 span[data-v-b11fab70] {
    left: 0;
    transform: translateY(-50%)
}

.starting-bonus-progress__tier span[data-v-b11fab70] {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%,-50%);
    transition: opacity 175ms
}

.starting-bonus-progress.minified .starting-bonus-progress__tier span[data-v-b11fab70] {
    opacity: 0
}

.starting-bonus-tier[data-v-056bc25d] {
    align-items: center;
    border-bottom: 1px solid #3f3c38;
    color: #aea89b;
    display: flex;
    font-size: .875rem;
    height: 2.375rem;
    justify-content: space-between;
    position: relative;
    transition: color 275ms
}

.starting-bonus-tier[data-v-056bc25d]:last-child {
    border-bottom: none
}

.starting-bonus-tier.active[data-v-056bc25d] {
    color: #fff
}

.starting-bonus-tier .amount[data-v-056bc25d] {
    color: #fff;
    font-weight: 700
}

.starting-bonus-tier__arrow[data-v-056bc25d] {
    color: #56524d;
    font-size: 1rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: color 275ms
}

.starting-bonus-tier.active .starting-bonus-tier__arrow[data-v-056bc25d] {
    color: #81bd1b
}

.starting-bonus-tiers[data-v-43691f6a] {
    background-color: #302e2a;
    border-radius: .25rem;
    overflow: hidden;
    padding: 0 .75rem;
    position: relative
}

.starting-bonus-tiers__list[data-v-43691f6a] {
    position: relative;
    z-index: 1
}

.starting-bonus-tiers__indicator[data-v-43691f6a] {
    height: 2.375rem;
    left: 0;
    opacity: 0;
    padding: .25rem;
    position: absolute;
    top: 0;
    transform: translateY(calc(var(--tier-indicator-transition)*2.375rem));
    transition: transform 275ms,opacity 275ms;
    width: 100%
}

.starting-bonus-tiers__indicator.active[data-v-43691f6a] {
    opacity: 1
}

.starting-bonus-tiers__indicator[data-v-43691f6a]:before {
    background-color: #3f3c38;
    border-radius: .25rem;
    content: "";
    display: block;
    height: 100%
}

.starting-bonus-popover[data-v-f9d5db50] {
    background-color: #21201e;
    background-image: linear-gradient(rgba(33,32,30,0),rgba(33,32,30,.75) 50%,#21201e),url("");
    background-position: top;
    background-size: cover;
    border-radius: .5rem;
    bottom: 1rem;
    display: flex;
    flex-direction: column;
    left: 1rem;
    padding: .75rem;
    position: sticky;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 440px;
    z-index: 103
}

@media screen and (max-width: 959px) {
    .starting-bonus-popover[data-v-f9d5db50] {
        border-radius:.25rem;
        bottom: calc(max(.75rem, env(safe-area-inset-bottom)) + 3.5rem);
        height: 5.875rem;
        left: .5rem;
        padding: .5rem 0;
        right: .5rem;
        width: calc(100% - 1rem)
    }
}

.starting-bonus-popover__header[data-v-f9d5db50] {
    padding: .25rem .75rem 0;
    position: relative
}

.starting-bonus-popover__title[data-v-f9d5db50] {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: .25rem
}

@media screen and (max-width: 959px) {
    .starting-bonus-popover__title[data-v-f9d5db50] {
        font-size:1rem
    }
}

.starting-bonus-popover__progress[data-v-f9d5db50] {
    margin-bottom: .5rem;
    margin-top: 1rem;
    transition: margin-bottom 175ms
}

.starting-bonus-popover.collapsed .starting-bonus-popover__progress[data-v-f9d5db50] {
    margin-bottom: 0
}

@media screen and (max-width: 959px) {
    .starting-bonus-popover__progress[data-v-f9d5db50] {
        margin-bottom:0
    }
}

.starting-bonus-popover__toggle[data-v-f9d5db50] {
    color: #7b776f;
    font-size: 1.5rem;
    position: absolute;
    right: 0;
    top: 0;
    transition: color 275ms,transform 275ms
}

@media screen and (max-width: 959px) {
    .starting-bonus-popover__toggle[data-v-f9d5db50] {
        display:none
    }
}

.starting-bonus-popover.collapsed .starting-bonus-popover__toggle[data-v-f9d5db50] {
    transform: scaleY(-1)
}

.starting-bonus-popover__toggle[data-v-f9d5db50]:hover {
    color: #aea89b
}

@media screen and (max-width: 959px) {
    .starting-bonus-popover__tiers[data-v-f9d5db50] {
        display:none
    }
}

.bonus-popover-enter-active[data-v-f9d5db50] {
    animation: bounce-in-f9d5db50 .75s
}

.bonus-popover-leave-to[data-v-f9d5db50] {
    opacity: 0
}

.bonus-popover-leave-active[data-v-f9d5db50] {
    transition: opacity 275ms
}

@keyframes bounce-in-f9d5db50 {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-60px,0) scaleY(.9)
    }

    75% {
        transform: translate3d(0,30px,0) scaleY(.95)
    }

    90% {
        transform: translate3d(0,-15px,0) scaleY(.985)
    }

    to {
        transform: translateZ(0)
    }
}

.order-recent-item[data-v-28aeeae8] {
    align-items: center;
    border-radius: .25rem;
    color: #fcf5e8;
    cursor: pointer;
    display: flex;
    gap: .75rem;
    height: 2rem;
    margin: 0 -.5rem;
    padding: 0 .5rem;
    transition: background-color 275ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: calc(100% + 1rem)
}

.order-recent-item.hover-background[data-v-28aeeae8]:hover {
    background-color: #56524d
}

.order-recent-item:hover .order-recent-item__more[data-v-28aeeae8] {
    color: #fcf5e8
}

.order-recent-item__status[data-v-28aeeae8] {
    color: #fff
}

.order-recent-item.neutral .order-recent-item__status[data-v-28aeeae8] {
    color: #aea89b
}

.order-recent-item.success .order-recent-item__status[data-v-28aeeae8] {
    color: #81bd1b
}

.order-recent-item.destructive .order-recent-item__status[data-v-28aeeae8] {
    color: #e46364
}

.order-recent-item__id[data-v-28aeeae8] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.order-recent-item__more[data-v-28aeeae8] {
    color: #7b776f;
    margin-left: auto;
    transition: color 275ms
}

.order-recent[data-v-496fc81a] {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.order-recent__more[data-v-496fc81a] {
    color: #aea89b;
    font-size: .875rem;
    margin-right: auto;
    margin-top: .5rem;
    transition: color 275ms
}

.order-recent__more[data-v-496fc81a]:hover {
    color: #f5c71b
}

.base-tooltip__activator[data-v-7ca282eb] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.base-tooltip__activator svg[data-v-7ca282eb] {
    display: block
}

.trade-summary-row[data-v-0d2cb0b2] {
    align-items: center;
    color: #9a958b;
    display: flex;
    font-size: .75rem;
    font-weight: 500;
    gap: .75rem;
    height: 18px;
    justify-content: space-between;
    letter-spacing: .025em;
    white-space: nowrap
}

.trade-summary-row.featured .trade-summary-row__value[data-v-0d2cb0b2],.trade-summary-row.featured .trade-summary-row__value[data-v-0d2cb0b2] .amount {
    color: #fcf5e8
}

.trade-summary-row-separator[data-v-0d0104a6] {
    border-bottom: 1px solid hsla(40,5%,46%,.2);
    margin: .25rem 0
}

.trade-summary__container[data-v-3cc97fd0] {
    align-items: center;
    background-color: #3f3c38;
    border-radius: .25rem;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    display: flex;
    flex-direction: column;
    gap: .125rem;
    height: 55px;
    justify-content: center;
    padding: .75rem;
    transition: background-color 275ms
}

.trade-summary:hover .trade-summary__container[data-v-3cc97fd0] {
    background-color: #4a4642
}

.trade-summary__label[data-v-3cc97fd0] {
    color: #aea89b;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .025em;
    transition: color 275ms
}

.trade-summary:hover .trade-summary__label[data-v-3cc97fd0] {
    color: #fcf5e8
}

.trade-summary__value[data-v-3cc97fd0] {
    display: flex;
    font-size: .875rem;
    gap: .5rem
}

.trade-summary:hover .trade-summary__value svg[data-v-3cc97fd0] {
    color: #aea89b
}

.trade-summary__value svg[data-v-3cc97fd0] {
    color: hsla(41,10%,65%,.5);
    font-size: 1rem;
    transition: color 275ms
}

.trade-summary__value[data-v-3cc97fd0] .amount {
    color: #fcf5e8;
    font-weight: 700
}

.trade-summary__tooltip[data-v-3cc97fd0] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 220px
}

.trade-panel[data-v-0a9cd94e] {
    height: calc(100vh - 5.25rem - var(--steam-condition-height));
    height: calc(100vh - 5.25rem - var(--steam-condition-height) - var(--event-banner-height, 0px));
    transition: height 275ms
}

.trade-panel[data-v-0a9cd94e],.trade-panel__group[data-v-0a9cd94e],.trade-panel__top[data-v-0a9cd94e] {
    display: flex;
    flex-direction: column
}

.trade-panel__group[data-v-0a9cd94e] {
    gap: .5rem
}

.trade-panel__bottom>*[data-v-0a9cd94e],.trade-panel__top>*[data-v-0a9cd94e] {
    width: 100%
}

.trade-panel__top[data-v-0a9cd94e] {
    gap: 1rem;
    padding: .75rem 0
}

[data-cart=STATIC] .trade-panel__top[data-v-0a9cd94e] {
    padding-top: 1.5rem
}

.trade-panel__bottom[data-v-0a9cd94e] {
    margin-top: auto;
    padding: .75rem 0 1.5rem
}

.trade-panel__wrapper[data-v-0a9cd94e] {
    height: 100%
}

.trade-balance-mobile[data-v-60bce673] {
    align-items: center;
    align-self: stretch;
    background-color: #7b776f;
    border-radius: .25rem;
    bottom: max(.75rem,env(safe-area-inset-bottom));
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
    color: #ece6da;
    display: grid;
    font-size: 1.125rem;
    grid-template-columns: 1fr auto 1fr;
    height: 2.75rem;
    margin: 0 .5rem;
    padding: 0 .75rem;
    position: sticky;
    transition: background-color 275ms,color 275ms;
    z-index: 5
}

@media screen and (min-width: 960px) {
    .trade-balance-mobile[data-v-60bce673] {
        display:none
    }
}

.trade-balance-mobile.active[data-v-60bce673] {
    background-color: #f5c71b
}

.trade-balance-mobile.active[data-v-60bce673],.trade-balance-mobile.active svg[data-v-60bce673] {
    color: #7f5600
}

.trade-balance-mobile svg[data-v-60bce673] {
    color: #aea89b;
    transition: color 275ms
}

.trade-balance-mobile__cart[data-v-60bce673] {
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    gap: .125rem
}

.trade-balance-mobile__cart span[data-v-60bce673] {
    font-size: .625rem;
    font-weight: 700;
    letter-spacing: .025em
}

.trade-balance-mobile__cart[data-v-60bce673]:last-child {
    text-align: right
}

[data-v-60bce673] .item-price {
    font-size: .875rem
}

[data-v-60bce673] .item-price,[data-v-60bce673] .item-price span {
    color: #fff;
    transition: color 275ms
}

.trade-balance-mobile.active[data-v-60bce673] .item-price,.trade-balance-mobile.active[data-v-60bce673] .item-price span {
    color: #3b2600;
    font-weight: 500
}

.slide[data-v-7b5e37dd] {
    overflow: hidden
}

.slide__container[data-v-7b5e37dd] {
    position: relative;
    transition: height .5s
}

.slide-enter-active[data-v-7b5e37dd],.slide-leave-active[data-v-7b5e37dd] {
    position: absolute;
    top: 0;
    transition: opacity .5s,transform .5s
}

.slide-enter[data-v-7b5e37dd],.slide-leave-to[data-v-7b5e37dd] {
    opacity: 0
}

.slide.left .slide-enter[data-v-7b5e37dd],.slide.right .slide-leave-to[data-v-7b5e37dd] {
    transform: translateX(100%)
}

.slide.left .slide-leave-to[data-v-7b5e37dd],.slide.right .slide-enter[data-v-7b5e37dd] {
    transform: translateX(-100%)
}

.item-details-box[data-v-3600eb22] {
    background-color: #302e2a;
    border-radius: .25rem;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    font-size: .75rem;
    padding: 1rem .75rem .75rem
}

.item-details-box.light[data-v-3600eb22] {
    background-color: #3f3c38
}

.item-float[data-v-2cf355cb] {
    background-color: var(--float-background-color);
    display: flex;
    height: 4px;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: 1
}

.item-float[data-v-2cf355cb]:after {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 6px;
    left: min(var(--float-value),100% - 1px);
    position: absolute;
    transition: opacity 275ms;
    width: 1px
}

.item-float.large[data-v-2cf355cb] {
    margin-top: 4px
}

.item-float.large[data-v-2cf355cb],.item-float.large .item-float__bar[data-v-2cf355cb] {
    border-radius: 2px;
    height: 6px
}

.item-float.large[data-v-2cf355cb]:after {
    display: none
}

.item-float.large .item-float__indicator[data-v-2cf355cb] {
    display: block
}

.item-float.empty[data-v-2cf355cb] {
    pointer-events: none
}

.item-float.empty .item-float__bar[data-v-2cf355cb],.item-float.empty .item-float__indicator[data-v-2cf355cb],.item-float.empty[data-v-2cf355cb]:after {
    opacity: 0
}

.item-float__bar[data-v-2cf355cb] {
    background: linear-gradient(90deg,#3b818f 0,#3b818f 7%,#83b135 0,#83b135 15%,#d7be47 0,#d7be47 38%,#f08140 0,#f08140 45%,#ec4f3d 0,#ec4f3d);
    -webkit-clip-path: polygon(var(--float-range-start) 0,var(--float-range-end) 0,var(--float-range-end) 100%,var(--float-range-start) 100%);
    clip-path: polygon(var(--float-range-start) 0,var(--float-range-end) 0,var(--float-range-end) 100%,var(--float-range-start) 100%);
    height: 4px;
    transition: opacity 275ms;
    width: 100%
}

.item-float.sticker .item-float__bar[data-v-2cf355cb] {
    background: linear-gradient(90deg,#3b818f 0,#3b818f 0,#83b135 0,#83b135 10%,#d7be47 0,#d7be47 50%,#f08140 0,#f08140 0,#ec4f3d 0,#ec4f3d)
}

.item-float__indicator[data-v-2cf355cb] {
    fill: #fff;
    bottom: 4px;
    display: none;
    left: -10px;
    margin-left: var(--float-value);
    position: absolute;
    transition: opacity 275ms
}

.item-details-row[data-v-0351da04] {
    display: flex;
    font-size: .875rem;
    justify-content: space-between
}

.item-details-row.divider[data-v-0351da04] {
    padding-bottom: .75rem;
    position: relative
}

.item-details-row.divider[data-v-0351da04]:after {
    border-bottom: 1px solid #3f3c38;
    bottom: 0;
    content: "";
    left: -.5rem;
    position: absolute;
    width: calc(100% + 1rem)
}

.item-details-row.divider.light[data-v-0351da04]:after {
    border-bottom: 1px solid #56524d
}

.item-details-row.small[data-v-0351da04]:not(.light) {
    font-size: .75rem
}

.item-details-row.fade .item-details-row__value[data-v-0351da04] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg,#e65e7c,#e1b072);
    -webkit-background-clip: text
}

.item-details-row.blue .item-details-row__value[data-v-0351da04] span:first-child {
    color: #5f7bd0
}

.item-details-row.blue .item-details-row__value[data-v-0351da04] span:last-child {
    color: #77acdf
}

.item-details-row__label[data-v-0351da04] {
    color: #aea89b
}

.item-details-row__value[data-v-0351da04] {
    color: #fcf5e8
}

[data-phase=emerald] .item-details-row__value[data-v-0351da04] {
    color: #81bd1b
}

[data-phase=ruby] .item-details-row__value[data-v-0351da04] {
    color: #eb4b4b
}

[data-phase=sapphire] .item-details-row__value[data-v-0351da04] {
    color: #4b69ff
}

.item-details-row__value.tooltip-activator[data-v-0351da04] {
    cursor: help
}

.item-details-paint[data-v-4a503b26] {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.item-details-sticker[data-v-758d32a2] {
    align-items: center;
    aspect-ratio: 1;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin: auto;
    max-height: 64px;
    max-width: 64px;
    width: 100%
}

.item-details-sticker.small[data-v-758d32a2] {
    max-height: 48px;
    max-width: 48px
}

.item-details-sticker__image[data-v-758d32a2] {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    transform: scale(1.25);
    transition: transform 175ms ease-in-out;
    width: 100%
}

.item-details-sticker:not(.blank):hover .item-details-sticker__image[data-v-758d32a2] {
    transform: scale(1.35)
}

.item-details-sticker.scratched .item-details-sticker__image[data-v-758d32a2] {
    opacity: .25
}

.item-details-sticker__placeholder[data-v-758d32a2] {
    height: 48px;
    transform: scale(1.25);
    width: 48px
}

.item-details-sticker__blank[data-v-758d32a2] {
    align-items: center;
    background-image: url("");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 24px;
    color: #7b776f;
    display: flex;
    font-size: 1.125rem;
    height: 100%;
    justify-content: center;
    transform: scale(.75);
    width: 100%
}

.item-details-sticker__blank.small[data-v-758d32a2] {
    transform: scale(.65)
}

.item-details-sticker__tooltip[data-v-758d32a2] {
    color: #aea89b;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 700;
    gap: .25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 10rem
}

.item-details-sticker__tooltip.price .item-details-sticker__name[data-v-758d32a2] {
    color: #f5c71b
}

.item-details-sticker__name[data-v-758d32a2] {
    color: #fcf5e8;
    line-height: 1
}

.item-details-sticker__value[data-v-758d32a2] {
    color: #fcf5e8
}

.item-details-sticker__inspect[data-v-758d32a2] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 4px;
    position: relative
}

.item-details-sticker__inspect.unavailable[data-v-758d32a2] {
    opacity: .25
}

.item-details-sticker__inspect.unavailable[data-v-758d32a2] .item-float__indicator {
    display: none
}

.item-details-sticker__wear-wrapper[data-v-758d32a2] {
    display: flex;
    flex-direction: column
}

.item-details-sticker__position[data-v-758d32a2],.item-details-sticker__wear[data-v-758d32a2] {
    align-items: baseline;
    color: #aea89b;
    display: flex;
    justify-content: space-between;
    margin-top: -.25rem
}

.item-details-sticker__position[data-v-758d32a2] span,.item-details-sticker__wear[data-v-758d32a2] span {
    color: #fcf5e8
}

.item-details-sticker__inspect.unavailable .item-details-sticker__position[data-v-758d32a2] span,.item-details-sticker__inspect.unavailable .item-details-sticker__wear[data-v-758d32a2] span {
    color: #aea89b
}

.item-details-stickers[data-v-3db20e17] {
    grid-gap: .75rem;
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(var(--max-sticker-count),1fr);
    justify-items: center;
    margin: 0 auto;
    min-height: 36px;
    width: 100%
}

.item-floating-730-label[data-v-83309c02] {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    padding: 0 .25rem
}

.item-floating-730-label__souvenir[data-v-83309c02] {
    color: #ffd701
}

.item-floating-730-label__stat-trak[data-v-83309c02] {
    color: #f89407
}

.item-floating-730-label__small[data-v-83309c02] {
    color: #aea89b;
    font-size: .75rem
}

.item-floating-730-label__skin[data-v-83309c02] {
    font-size: 1.125rem;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.item-floating-730-label__skin[data-v-83309c02]:first-child {
    font-size: 1rem;
    line-height: 1.15
}

.item-details-link[data-v-d77badee] {
    align-items: center;
    color: #aea89b;
    display: flex;
    font-size: .875rem;
    font-weight: 500;
    gap: .5rem;
    letter-spacing: .025em;
    transition: color 275ms
}

.item-details-link[data-v-d77badee]:hover,.item-details-link:hover svg[data-v-d77badee] {
    color: #f5c71b
}

.item-details-link.progress[data-v-d77badee] {
    color: #7b776f;
    cursor: progress
}

.item-details-link svg[data-v-d77badee] {
    color: #7b776f;
    font-size: 1rem;
    transition: color 275ms
}

.item-details-actions[data-v-2c5eae34] {
    align-items: baseline;
    display: flex;
    gap: 1.5rem
}

.item-details-actions.small[data-v-2c5eae34] {
    gap: .5rem;
    justify-content: center
}

.item-details-actions.center[data-v-2c5eae34] {
    gap: .75rem;
    justify-content: center
}

@media screen and (max-width: 959px) {
    .item-details-actions__link--game[data-v-2c5eae34] {
        display:none
    }
}

.item-details-actions__more[data-v-2c5eae34] {
    border-left: 1px solid hsla(40,5%,46%,.3);
    margin-right: -.75rem;
    padding: 0 .75rem
}

.item-details-actions__more[data-v-2c5eae34] .item-details-link {
    padding: .5rem 1rem
}

.item-details-actions__more[data-v-2c5eae34] .app-menu__activator svg {
    color: hsla(41,10%,65%,.5);
    font-size: 1.125rem
}

.item-details-actions__more[data-v-2c5eae34] .app-menu__activator svg:hover {
    color: #aea89b
}

.base-clipboard__tooltip[data-v-01d9172c] {
    color: #aea89b;
    font-weight: 700
}

.base-clipboard__tooltip[data-v-01d9172c] svg {
    color: hsla(41,10%,65%,.75);
    margin-right: .25rem
}

.item-details-button[data-v-159473ff] {
    align-items: center;
    border: 1px solid #7b776f;
    border-radius: .25rem;
    color: #aea89b;
    display: flex;
    font-size: .75rem;
    font-weight: 500;
    gap: .5rem;
    height: 28px;
    justify-content: center;
    letter-spacing: .025em;
    padding: 0 .25rem;
    transition: color 275ms,border-color 275ms;
    width: 100%
}

.item-details-button[data-v-159473ff]:hover {
    border-color: #aea89b;
    color: #fcf5e8
}

.item-details-button__icon[data-v-159473ff] {
    font-size: .875rem
}

.item-details-charm[data-v-2c50d750] {
    align-items: center;
    color: #ece6da;
    display: flex;
    gap: .25rem
}

.item-details-charm[data-rarity=CONSUMER][data-v-2c50d750],.item-details-charm[data-rarity=UNKNOWN][data-v-2c50d750] {
    color: #b0b9c4
}

.item-details-charm[data-rarity=INDUSTRIAL][data-v-2c50d750] {
    color: #8dadd2
}

.item-details-charm[data-rarity=MILSPEC][data-v-2c50d750] {
    color: #8595e9
}

.item-details-charm[data-rarity=RESTRICTED][data-v-2c50d750] {
    color: #a682e9
}

.item-details-charm[data-rarity=CLASSIFIED][data-v-2c50d750] {
    color: #ca6ed5
}

.item-details-charm[data-rarity=COVERT][data-v-2c50d750] {
    color: #dc8282
}

.item-details-charm[data-rarity=CONTRABAND][data-v-2c50d750] {
    color: #e7ba78
}

.item-details-charm__image[data-v-2c50d750] {
    flex-shrink: 0;
    height: 48px;
    transform: scale(1.25);
    width: 48px
}

.item-details-charm__body[data-v-2c50d750] {
    display: flex;
    flex-direction: column;
    gap: .125rem;
    justify-content: center;
    overflow: hidden
}

.item-details-charm__name[data-v-2c50d750] {
    display: block;
    font-size: .875rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item-details-charm__meta[data-v-2c50d750] {
    color: #aea89b;
    font-size: .75rem;
    font-weight: 500
}

.item-details-charm__meta[data-v-2c50d750] span {
    color: #ece6da;
    font-weight: 600
}

.item-floating-details[data-v-5df630a2] {
    z-index: 101
}

.item-floating-details[data-popper-placement^=left][data-v-5df630a2] {
    padding-right: 2px
}

.item-floating-details[data-popper-placement^=right][data-v-5df630a2] {
    padding-left: 2px
}

.item-floating-details__body[data-v-5df630a2] {
    background-color: #56524d;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
    width: 15.5rem
}

[data-popper-placement^=left] .item-floating-details__body[data-v-5df630a2] {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}

[data-popper-placement^=right] .item-floating-details__body[data-v-5df630a2] {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.item-floating-details__top[data-v-5df630a2] {
    display: flex;
    gap: .25rem;
    justify-content: space-between;
    width: 100%
}

.item-floating-details__top>*[data-v-5df630a2] {
    min-width: 0
}

.item-floating-details__main[data-v-5df630a2] {
    border-bottom: 1px solid color-mix(in srgb,#fff 5%,#56524d);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 1rem .75rem .75rem;
    position: relative;
    z-index: 1
}

.item-floating-details__main[data-v-5df630a2]:after {
    background-color: #393632;
    border-radius: 50%;
    bottom: 0;
    content: "";
    filter: blur(30px);
    height: 48px;
    left: 0;
    position: absolute;
    right: 0;
    transform: translateY(100%);
    width: 100%;
    z-index: -1
}

.item-floating-details__extra[data-v-5df630a2] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .75rem .5rem .5rem;
    position: relative;
    z-index: 2
}

.item-floating-details__more[data-v-5df630a2] {
    color: #9a958b;
    padding: .5rem;
    transform: translate(.25rem,-.5rem);
    transition: color 275ms
}

.item-floating-details__more[data-v-5df630a2]:hover {
    color: #fcf5e8
}

.item-floating-details__image[data-v-5df630a2] {
    height: 150px;
    margin: -.5rem auto .5rem;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    -o-object-position: center;
    object-position: center;
    pointer-events: none;
    width: 150px
}

.item-floating-details__image[data-type=ASSAULT_RIFLE][data-v-5df630a2],.item-floating-details__image[data-type=SNIPER_RIFLE][data-v-5df630a2] {
    transform: scale(1.2)
}

.item-floating-details__image[data-type=PISTOL][data-v-5df630a2],.item-floating-details__image[data-type=SHOTGUN][data-v-5df630a2] {
    transform: scale(1.1)
}

.item-floating-details__image[data-type=KNIFE][data-v-5df630a2] {
    transform: scale(1.35) rotate(-15deg)
}

.item-floating-details__image+.item-floating-details__actions[data-v-5df630a2] {
    margin-top: -1rem
}

.item-floating-details__image+.item-floating-details__stickers[data-v-5df630a2] {
    margin-top: -1.25rem
}

.item-floating-details__actions[data-v-5df630a2]:last-child {
    margin-bottom: .25rem
}

.item-floating-details__actions+.item-floating-details__stickers[data-v-5df630a2] {
    margin-top: .75rem
}

.item-floating-details__stickers[data-v-5df630a2] {
    margin-bottom: 0!important
}

.item-floating-details__stickers+.item-floating-details__actions[data-v-5df630a2] {
    margin-top: .75rem
}

.item-floating-details__charm[data-v-5df630a2] {
    border-top: 1px solid #56524d;
    margin-bottom: -.5rem;
    padding-top: .25rem
}

.floating-details-enter[data-v-5df630a2],.floating-details-leave-to[data-v-5df630a2] {
    opacity: 0;
    transform: rotateY(90deg)
}

.floating-details-enter-active[data-v-5df630a2],.floating-details-leave-active[data-v-5df630a2] {
    transition: transform 275ms,opacity 275ms
}

.floating-details-enter-active[data-popper-placement^=left][data-v-5df630a2],.floating-details-leave-active[data-popper-placement^=left][data-v-5df630a2] {
    transform-origin: right
}

.floating-details-enter-active[data-popper-placement^=right][data-v-5df630a2],.floating-details-leave-active[data-popper-placement^=right][data-v-5df630a2] {
    transform-origin: left
}

.form-switcher[data-v-21fdb8e6] {
    background-color: #3f3c38;
    border-radius: .25rem;
    height: 2.25rem;
    padding: .25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.form-switcher.light[data-v-21fdb8e6] {
    background-color: #56524d
}

.form-switcher__container[data-v-21fdb8e6] {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(var(--switch-options),1fr);
    height: 100%;
    overflow: hidden;
    position: relative
}

.form-switcher__option[data-v-21fdb8e6] {
    align-items: center;
    color: #9a958b;
    display: flex;
    font-size: .875rem;
    height: 100%;
    justify-content: center;
    position: relative;
    text-align: center;
    transition: color 275ms;
    z-index: 1
}

.form-switcher__option.active[data-v-21fdb8e6] {
    color: #fff
}

.form-switcher__pointer[data-v-21fdb8e6] {
    background-color: #56524d;
    border-radius: .125rem;
    height: 100%;
    left: 0;
    position: absolute;
    transform: translateX(var(--switch-pointer-transform));
    transition: transform 175ms;
    width: calc(100%/var(--switch-options))
}

.form-switcher.light .form-switcher__pointer[data-v-21fdb8e6] {
    background-color: #7b776f
}

.trade-landing-item-section[data-v-5da2591c] {
    display: flex;
    flex-direction: column;
    width: 100%
}

.trade-landing-item-section h2[data-v-5da2591c] {
    font-size: 1.125rem;
    margin: 0 0 .75rem
}

.trade-landing-item-section+.trade-landing-item-section[data-v-5da2591c] {
    margin-top: .75rem
}

.trade-landing-item-rating[data-v-718c4867] {
    margin: .75rem 0
}

.trade-landing-item-rating__body[data-v-718c4867] {
    align-items: center;
    align-self: center;
    display: flex;
    flex-direction: column;
    margin-top: .75rem;
    text-align: center
}

.trade-landing-item-rating__average[data-v-718c4867] {
    color: #fcf5e8;
    display: block;
    font-size: 1rem;
    font-weight: 700
}

.trade-landing-item-rating__votes[data-v-718c4867] {
    color: #aea89b;
    display: block;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .025em;
    margin-top: .125rem
}

.trade-landing-item-rating__stars[data-v-718c4867] {
    align-items: center;
    align-self: center;
    cursor: pointer;
    display: inline-flex;
    margin-top: .75rem
}

.trade-landing-item-rating__stars:hover .trade-landing-item-rating__item[data-v-718c4867] {
    color: #ffd845
}

.trade-landing-item-rating__stars.voted[data-v-718c4867] {
    pointer-events: none
}

.trade-landing-item-rating__item[data-v-718c4867] {
    color: #9a958b;
    font-size: 1.25rem;
    transition: color 275ms
}

.trade-landing-item-rating__item:hover~.trade-landing-item-rating__item[data-v-718c4867] {
    color: #9a958b
}

.trade-landing-item-rating__item.fill[data-v-718c4867],.trade-landing-item-rating__item[data-v-718c4867]:hover {
    color: #ffd845
}

.trade-landing-item-rating__item svg[data-v-718c4867] {
    margin: 0 .125rem
}

.trade-landing-item-table[data-v-095426d3] {
    background-color: #2a2724;
    border-radius: .5rem;
    border-spacing: 0;
    overflow: hidden;
    width: 100%
}

.trade-landing-item-table[data-v-095426d3] tr:hover:not(.disabled) td {
    background-color: hsla(0,0%,100%,.1)
}

.trade-landing-item-table[data-v-095426d3] tr.disabled td {
    color: #9a958b
}

.trade-landing-item-table[data-v-095426d3] td {
    height: 2.5rem;
    padding: 0 1rem;
    transition: color 275ms,background-color 275ms;
    white-space: nowrap
}

.trade-landing-item-table[data-v-095426d3] td:first-child {
    color: #9a958b
}

.trade-landing-item-table[data-v-095426d3] td:last-child {
    color: #ece6da;
    text-align: right
}

.trade-landing-item-prices__table[data-v-1cd6f29b] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.trade-landing-item-price__name>span[data-v-1cd6f29b] {
    color: #fcf5e8
}

tr.disabled .trade-landing-item-price__name>span[data-v-1cd6f29b] {
    color: #9a958b
}

.trade-landing-item-price__price[data-v-1cd6f29b] {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.trade-landing-item-price__stock[data-v-1cd6f29b] {
    background-color: #4a4642;
    border-radius: .25rem;
    color: #aea89b;
    display: inline-block;
    font-size: .625rem;
    font-weight: 700;
    margin-left: .25rem;
    padding: .25rem .5rem
}

@media screen and (max-width: 599px) {
    .trade-landing-item-price__stock[data-v-1cd6f29b] {
        display:none
    }
}

.trade-landing-item-price__stat-trak[data-v-1cd6f29b] {
    color: #f89407
}

.trade-landing-item__header h1[data-v-70abe1d2] {
    font-size: 1.25rem
}

.trade-landing-item__image[data-v-70abe1d2] {
    background-color: #2a2724;
    border-radius: .5rem .5rem 0 0
}

.trade-landing-item__image>img[data-v-70abe1d2] {
    aspect-ratio: 16/9;
    display: block;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 90%
}

.static-content.narrow[data-v-1ff78073] {
    margin: 0 auto;
    max-width: 60ch;
    text-align: justify
}

.static-content[data-v-1ff78073] h1,.static-content[data-v-1ff78073] h2,.static-content[data-v-1ff78073] h3,.static-content[data-v-1ff78073] h4 {
    color: #fff;
    margin-top: 0
}

.static-content[data-v-1ff78073] h1:not(:first-child),.static-content[data-v-1ff78073] h2:not(:first-child),.static-content[data-v-1ff78073] h3:not(:first-child),.static-content[data-v-1ff78073] h4:not(:first-child) {
    margin-top: 1.5rem;
    padding-top: 1rem
}

.static-content[data-v-1ff78073] h1 {
    font-size: 1.875rem;
    font-weight: 500
}

.static-content[data-v-1ff78073] h2 {
    font-size: 1.5rem;
    font-weight: 500
}

.static-content[data-v-1ff78073] h3 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: .5rem
}

.static-content[data-v-1ff78073] h3+p {
    margin-top: .5rem
}

.static-content[data-v-1ff78073] h3:not(:first-child) {
    margin-top: .75rem;
    padding-top: .75rem
}

.static-content[data-v-1ff78073] ol {
    list-style-position: inside;
    padding-left: 0
}

.static-content[data-v-1ff78073] li,.static-content[data-v-1ff78073] p {
    color: #aea89b;
    font-size: 1rem;
    line-height: 1.5
}

.static-content[data-v-1ff78073] li+li {
    margin-top: .75rem
}

.static-content[data-v-1ff78073] img {
    border-radius: .75rem;
    box-shadow: 0 10px 10px -5px rgba(0,0,0,.04),0 20px 25px -5px rgba(0,0,0,.1);
    display: block;
    margin: 1rem auto .75rem;
    max-width: 100%
}

.static-content[data-v-1ff78073] img+em {
    color: #7b776f;
    display: block;
    font-size: .75rem;
    font-style: normal;
    margin-bottom: 1.5rem;
    margin-top: .5rem
}

.static-content[data-v-1ff78073] strong {
    color: #ece6da
}

.static-content[data-v-1ff78073] a {
    font-weight: 500
}

.trade-landing-content__related {
    grid-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(260px,1fr));
    margin-top: 1.5rem
}

.trade-landing.columns[data-v-99900d54]>.container {
    grid-gap: 2rem;
    display: grid;
    gap: 2rem;
    grid-template-columns: 450px 1fr
}

@media screen and (max-width: 1169px) {
    .trade-landing.columns[data-v-99900d54]>.container {
        grid-template-columns:1fr
    }
}

.trade-steam-condition[data-theme=SUCCESS][data-v-e010e79c] {
    --background-color: #527811
}

.trade-steam-condition[data-theme=WARNING][data-v-e010e79c] {
    --background-color: #8b6c20
}

.trade-steam-condition[data-theme=ERROR][data-v-e010e79c] {
    --background-color: #891b1b
}

.trade-steam-condition__body[data-v-e010e79c] {
    background-color: var(--background-color);
    color: #fff;
    font-weight: 500;
    padding: 1rem 3rem;
    text-align: center;
    transition: background-color 275ms
}

.trade[data-v-3c69fb89] {
    display: grid;
    grid-template-areas: "condition" "trade" "landing";
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto
}

.trade__body[data-v-3c69fb89] {
    grid-gap: 1.5rem;
    background-color: #302e2a;
    display: grid;
    gap: 1.5rem;
    grid-area: trade;
    grid-template-columns: 1fr 200px 1fr;
    height: calc(100vh - 5.25rem - var(--steam-condition-height));
    height: calc(100vh - 5.25rem - var(--steam-condition-height) - var(--event-banner-height, 0px));
    overflow: hidden;
    padding: 0 1.5rem;
    position: relative;
    transition: height 275ms
}

@media screen and (max-width: 959px) {
    .trade__body[data-v-3c69fb89] {
        --inventory-height:calc(var(--vh, 1vh)*100 - 4rem - var(--steam-condition-height) - var(--event-banner-height, 0px));
        display: block;
        height: calc(100vh - 4rem - var(--steam-condition-height));
        height: calc(var(--vh, 1vh)*100 - 4rem - var(--steam-condition-height) - var(--event-banner-height, 0px));
        padding: .75rem 0 0
    }

    .trade__body .trade-inventory[data-v-3c69fb89] {
        height: var(--inventory-height)
    }

    .trade__inventory-switch[data-v-3c69fb89] {
        margin: 0 .75rem
    }
}

.trade__condition[data-v-3c69fb89] {
    grid-area: condition
}

.trade__landing[data-v-3c69fb89] {
    grid-area: landing
}

.form-wrapper[data-v-38fd3654] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.form-wrapper[data-v-38fd3654]:not(:first-child) {
    margin-top: 1.5rem
}

.layout-section[data-v-5b1033f6] {
    border-bottom: 1px solid #3f3c38;
    padding-bottom: 1.5rem
}

.layout-section[data-v-5b1033f6]:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.account-profile[data-v-4bdca7f2] {
    align-items: center;
    display: flex;
    gap: 3rem;
    justify-content: space-between
}

@media screen and (max-width: 959px) {
    .account-profile[data-v-4bdca7f2] {
        align-items:flex-start;
        flex-direction: column;
        gap: 2rem;
        justify-content: flex-start
    }
}

.account-profile .expand-multiple[data-v-4bdca7f2] {
    transition: margin-top 275ms
}

.account-profile .expand-multiple[data-v-4bdca7f2]:empty {
    margin-top: -2rem
}

.account-profile__details[data-v-4bdca7f2] {
    grid-gap: .25rem 1rem;
    display: grid;
    gap: .25rem 1rem;
    grid-template-columns: auto 1fr;
    position: relative
}

@media screen and (max-width: 959px) {
    .account-profile__details[data-v-4bdca7f2] {
        padding-right:2rem;
        width: 100%
    }
}

.account-profile__id[data-v-4bdca7f2] {
    font-feature-settings: "tnum";
    align-items: center;
    color: #aea89b;
    display: flex;
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    gap: .75rem;
    letter-spacing: .025em
}

.account-profile__id svg[data-v-4bdca7f2] {
    font-size: .875rem;
    transform: scaleY(-1)
}

.account-profile__avatar[data-v-4bdca7f2] {
    --avatar-size: 48px;
    grid-row: 1/3
}

.account-profile__info[data-v-4bdca7f2] {
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .025em;
    text-align: right
}

@media screen and (max-width: 959px) {
    .account-profile__info[data-v-4bdca7f2] {
        min-height:2rem;
        text-align: left
    }
}

.account-profile__info [role=button][data-v-4bdca7f2] {
    color: #ece6da;
    margin-left: auto;
    transition: color 275ms
}

@media screen and (max-width: 959px) {
    .account-profile__info [role=button][data-v-4bdca7f2] {
        margin-left:0
    }
}

.account-profile__info [role=button][data-v-4bdca7f2]:hover {
    color: #f5c71b
}

@media screen and (max-width: 959px) {
    .account-profile__spinner[data-v-4bdca7f2] {
        position:absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
}

.layout-content[data-v-397474ae] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.form-checkbox[data-v-8c87a56a] {
    margin: -.5rem 0
}

.form-checkbox:hover .form-checkbox__box[data-v-8c87a56a] {
    border-color: #7b776f
}

.form-checkbox__core[data-v-8c87a56a] {
    color: #aea89b;
    cursor: pointer;
    display: flex;
    gap: .5rem;
    padding: .5rem 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.form-checkbox__box[data-v-8c87a56a] {
    align-items: center;
    border: 2px solid #56524d;
    border-radius: .25rem;
    color: #3f3c38;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: .75rem;
    height: 1.125rem;
    justify-content: center;
    transition: background-color 275ms,border 175ms;
    width: 1.125rem
}

.form-checkbox.error .form-checkbox__box[data-v-8c87a56a] {
    border-color: #dc3030
}

.form-checkbox.checked .form-checkbox__box[data-v-8c87a56a] {
    background-color: #aea89b;
    border-color: #aea89b;
    color: #21201e
}

.form-checkbox.checked .form-checkbox__box .form-checkbox__icon[data-v-8c87a56a] {
    opacity: 1
}

.form-checkbox.readonly .form-checkbox__box[data-v-8c87a56a] {
    cursor: not-allowed
}

.form-checkbox__icon[data-v-8c87a56a] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 175ms
}

.form-checkbox__label[data-v-8c87a56a] {
    font-size: .875rem;
    line-height: 1.5;
    margin-top: -2px
}

.account-contact__action[data-v-c52a963c] {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    margin-left: auto
}

.account-contact__status-wrapper[data-v-c52a963c] {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap
}

.account-contact__status[data-v-c52a963c] {
    border-radius: .125rem;
    margin: -.25rem 0 -.25rem auto;
    padding: .25rem .5rem
}

.account-contact__status--verified[data-v-c52a963c] {
    background-color: rgba(106,154,22,.2);
    color: #81bd1b!important
}

.account-contact__status--unverified[data-v-c52a963c] {
    background-color: rgba(203,165,61,.2);
    color: #cba53d!important
}

.account-contact__pending[data-v-c52a963c] {
    border-bottom: 1px solid;
    color: #7b776f!important;
    cursor: pointer;
    transition: color 175ms
}

.account-contact__pending[data-v-c52a963c]:hover {
    color: #9a958b!important
}

.account-contact-checkbox[data-v-c52a963c] .form-checkbox__label {
    display: flex;
    flex-direction: column
}

.account-contact-checkbox__label[data-v-c52a963c] {
    color: #ece6da;
    font-size: 1rem;
    line-height: 1
}

.account-contact-checkbox__description[data-v-c52a963c] {
    color: #9a958b;
    font-size: .75rem;
    margin: 0
}

.account-contact-preferences[data-v-c52a963c] {
    grid-gap: 2rem;
    display: grid;
    gap: 2rem;
    grid-template-columns: 450px 1fr
}

@media screen and (max-width: 1169px) {
    .account-contact-preferences[data-v-c52a963c] {
        grid-template-columns:1fr
    }
}

.account-contact-preferences__label[data-v-c52a963c] {
    font-size: .875rem;
    margin-bottom: .25rem
}

.account-contact-preferences__description[data-v-c52a963c] {
    color: #aea89b;
    font-size: .875rem;
    margin: 0
}

.account-contact-preferences__meta[data-v-c52a963c] {
    display: flex;
    flex-direction: column
}

.account-contact-preferences__content[data-v-c52a963c] {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.account-connections__list[data-v-4570ef5a] {
    grid-gap: .75rem;
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2,1fr);
    margin-top: 1rem
}

.account-connections__list.loading .account-connections-entry[data-v-4570ef5a] {
    filter: blur(2px)
}

.account-connections__list.loading .account-connections-entry__actions[data-v-4570ef5a] {
    opacity: 0
}

@media screen and (max-width: 959px) {
    .account-connections__list[data-v-4570ef5a] {
        grid-template-columns:1fr
    }
}

.account-connections-entry[data-v-4570ef5a] {
    background: #393632;
    border-radius: .5rem;
    display: flex;
    height: 4rem;
    overflow: hidden;
    transition: filter 275ms
}

.account-connections-entry:hover .account-connections-entry__actions.hidden[data-v-4570ef5a] {
    opacity: 1
}

.account-connections-entry__image[data-v-4570ef5a] {
    align-items: center;
    aspect-ratio: 1/1;
    display: flex;
    flex-shrink: 0;
    font-size: 1.75rem;
    height: 100%;
    justify-content: center
}

.account-connections-entry__details[data-v-4570ef5a] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    line-height: 1
}

.account-connections-entry__name[data-v-4570ef5a] {
    font-weight: 500
}

.account-connections-entry__account[data-v-4570ef5a] {
    color: #aea89b;
    font-size: .75rem;
    margin-top: .25rem
}

.account-connections-entry__actions[data-v-4570ef5a] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    margin-right: .75rem
}

.account-connections-entry__actions.hidden[data-v-4570ef5a] {
    opacity: 0;
    transition: opacity 275ms
}

.tag[data-v-0424dc03] {
    align-items: center;
    border-radius: .25rem;
    display: inline-flex;
    font-size: .75rem;
    gap: .5rem;
    height: 1.75rem;
    overflow: hidden;
    padding: .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.tag.icon-only[data-v-0424dc03] {
    justify-content: center;
    padding: 0;
    width: 1.75rem
}

.tag.icon-only.large[data-v-0424dc03] {
    width: 2.25rem
}

.tag.large[data-v-0424dc03] {
    font-size: .875rem;
    height: 2.25rem
}

.tag.success[data-v-0424dc03] {
    background-color: rgba(106,154,22,.2);
    color: #81bd1b
}

.tag.neutral[data-v-0424dc03] {
    background-color: hsla(40,5%,46%,.2);
    color: #aea89b
}

.tag.error[data-v-0424dc03] {
    background-color: rgba(228,99,100,.2);
    color: #e46364
}

.tag.warning[data-v-0424dc03] {
    background-color: rgba(203,165,61,.2);
    color: #cba53d
}

.tag.transparent[data-v-0424dc03] {
    border: 1px solid #56524d;
    color: #fcf5e8
}

.tag[data-v-0424dc03] svg {
    flex-shrink: 0
}

.tag>span[data-v-0424dc03] {
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.tag>span[data-v-0424dc03]:empty {
    display: none
}

.help-section+.help-section[data-v-da5a3064] {
    margin-top: 3rem
}

.help-section__header[data-v-da5a3064] {
    color: #aea89b;
    display: flex;
    font-size: .875rem;
    gap: 1rem;
    justify-content: space-between
}

.help-section__header[data-v-da5a3064] a {
    color: #7b776f;
    font-weight: 600;
    letter-spacing: .025em;
    transition: color 275ms
}

.help-section__header[data-v-da5a3064] a:hover {
    color: #f5c71b
}

.help-section__title[data-v-da5a3064] {
    color: #fcf5e8;
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1.5rem
}

.help-article-card[data-v-2d786969] {
    background-color: #302e2a;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height: var(--card-height);
    justify-content: space-between;
    min-width: 100%;
    min-width: var(--card-width,100%);
    padding: 1rem;
    transition: background-color 275ms,box-shadow 275ms,transform 275ms
}

.help-article-card[data-v-2d786969]:hover {
    background-color: #3f3c38;
    box-shadow: 0 10px 10px -5px rgba(0,0,0,.04),0 20px 25px -5px rgba(0,0,0,.1);
    transform: translateY(-.25rem)
}

@media screen and (max-width: 959px) {
    .help-article-card[data-v-2d786969]:hover {
        transform:none
    }
}

.help-article-card__image[data-v-2d786969] {
    aspect-ratio: 331/202;
    margin: -1rem -1rem 0;
    overflow: hidden
}

.help-article-card__image[data-v-2d786969] img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    transform-origin: center bottom;
    transition: transform .5s,filter 275ms;
    width: 100%
}

.help-article-card:hover .help-article-card__image[data-v-2d786969] img {
    filter: brightness(1.1);
    transform: scale(1.1)
}

.help-article-card__title[data-v-2d786969] {
    text-wrap: balance;
    color: #fcf5e8;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin-top: auto;
    transition: color 275ms
}

.help-article-card:hover .help-article-card__title[data-v-2d786969] {
    color: #f5c71b
}

.help-article-card__description[data-v-2d786969] {
    color: #aea89b;
    display: block;
    font-size: .875rem;
    margin-top: .25rem;
    transition: color 275ms
}

.help-article-card:hover .help-article-card__description[data-v-2d786969] {
    color: #ece6da
}

.help-article-card__body[data-v-2d786969] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.help-list[data-v-fa017a94] {
    grid-gap: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1,1fr);
    grid-template-columns: repeat(var(--list-columns,1),1fr)
}

.help-featured-articles[data-v-36689804] {
    --list-columns: 3;
    --card-height: 304px;
    --card-width: 292px
}

@media screen and (max-width: 959px) {
    .help-featured-articles[data-v-36689804] {
        --card-height:286px
    }
}

.help-featured-articles[data-v-36689804] .help-section__title {
    color: #aea89b
}

.help-featured-articles[data-v-36689804] .help-section__title span {
    color: #fcf5e8
}

.help-featured-articles__wrapper[data-v-36689804] {
    height: var(--card-height)
}

@media screen and (max-width: 959px) {
    .help-featured-articles__wrapper[data-v-36689804] {
        margin:0 -1rem;
        overflow: hidden;
        width: calc(100% + 2rem)
    }

    .help-featured-articles__track[data-v-36689804] {
        overflow-x: auto;
        padding: 0 1rem 3rem;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory
    }
}

.help-featured-articles__list[data-v-36689804] {
    min-width: calc(var(--card-width)*3 + 2rem)
}

@media screen and (max-width: 959px) {
    .help-featured-articles__card[data-v-36689804] {
        scroll-snap-align:none center
    }
}

.help-list-item[data-v-0369c76a] {
    align-items: center;
    background-color: #302e2a;
    border-radius: .25rem;
    display: flex;
    font-size: .875rem;
    gap: 1rem;
    height: 52px;
    height: var(--list-item-height,52px);
    justify-content: space-between;
    overflow: hidden;
    padding: 0 1rem;
    transition: background-color 275ms
}

.help-list-item[data-v-0369c76a]:hover {
    background-color: #3f3c38
}

.help-list-item__body[data-v-0369c76a] {
    align-items: center;
    display: flex;
    gap: .75rem;
    overflow: hidden
}

.help-list-item__icon[data-v-0369c76a] {
    color: #9a958b;
    font-size: 1.125rem;
    transition: color 275ms
}

.help-list-item:hover .help-list-item__icon[data-v-0369c76a] {
    color: #f5c71b
}

.help-list-item__label[data-v-0369c76a] {
    color: #aea89b;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 275ms;
    white-space: nowrap
}

.help-list-item.icon .help-list-item__label[data-v-0369c76a] {
    color: #ece6da
}

.help-list-item:hover .help-list-item__label[data-v-0369c76a] {
    color: #f5c71b
}

.help-list-item.icon:hover .help-list-item__label[data-v-0369c76a] {
    color: #fcf5e8
}

.help-list-item__arrow[data-v-0369c76a] {
    color: #7b776f;
    flex-shrink: 0;
    transition: color 275ms
}

.help-list-item:hover .help-list-item__arrow[data-v-0369c76a] {
    color: #ece6da
}

.help-popular-articles[data-v-7a83cb62] {
    --list-columns: 2
}

@media screen and (max-width: 599px) {
    .help-popular-articles[data-v-7a83cb62] {
        --list-columns:1
    }
}

.help-article-popularity[data-v-e1c268ca] {
    border-left: 1px solid #4a4642;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 100%;
    margin-left: 1.5rem;
    padding-left: 1.5rem;
    transition: border-color 275ms;
    width: 120px
}

.help-article-list-item-large:hover .help-article-popularity[data-v-e1c268ca] {
    border-color: #56524d
}

.help-article-popularity__label[data-v-e1c268ca] {
    color: #7b776f;
    display: block;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 275ms;
    white-space: nowrap
}

.help-article-list-item-large:hover .help-article-popularity__label[data-v-e1c268ca] {
    color: #9a958b
}

.help-article-popularity__indicator[data-v-e1c268ca] {
    display: flex;
    gap: .25rem;
    margin-top: .5rem;
    transition: color 275ms
}

.help-article-popularity__indicator>div[data-v-e1c268ca] {
    background-color: #56524d;
    border-radius: 4px;
    height: 8px;
    width: 8px
}

.help-article-popularity__indicator>div.active[data-v-e1c268ca] {
    background-color: #f5c71b
}

.help-list-article-large[data-v-a1c9d97a] {
    background-color: #393632;
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    gap: .5rem;
    justify-content: center;
    min-height: 108px;
    overflow: hidden;
    padding: 1rem;
    transition: background-color 275ms,color 275ms
}

.help-list-article-large[data-v-a1c9d97a]:hover {
    background-color: #4a4642;
    color: #f5c71b
}

.help-list-article-large__title[data-v-a1c9d97a] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #fcf5e8;
    display: -webkit-box;
    font-size: 1rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 275ms;
    white-space: nowrap
}

.help-list-article-large:hover .help-list-article-large__title[data-v-a1c9d97a] {
    color: #f5c71b
}

.help-list-article-large__body[data-v-a1c9d97a] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.help-list-article-large__description[data-v-a1c9d97a] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #aea89b;
    display: -webkit-box;
    flex-shrink: 1;
    font-size: .875rem;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 275ms
}

.help-list-article-large:hover .help-list-article-large__description[data-v-a1c9d97a] {
    color: #ece6da
}

@media screen and (max-width: 599px) {
    .help-list-article-large__popularity[data-v-a1c9d97a] {
        display:none
    }
}

.help-search-results__empty[data-v-63803c82] {
    margin: 2rem auto 0;
    max-width: 480px
}

.help-categories[data-v-6de5c70e] {
    --list-columns: 3;
    --list-item-height: 64px
}

@media screen and (max-width: 599px) {
    .help-categories[data-v-6de5c70e] {
        --list-columns:2;
        --list-item-height: 52px
    }
}

@media screen and (max-width: 399px) {
    .help-categories[data-v-6de5c70e] {
        --list-columns:1
    }
}

.help-cta[data-v-1392879d] {
    border-radius: .75rem;
    box-shadow: 0 10px 10px -5px rgba(0,0,0,.04),0 20px 25px -5px rgba(0,0,0,.1);
    cursor: pointer;
    overflow: hidden;
    padding: 3rem 2rem;
    position: relative;
    transition: filter 275ms
}

@media screen and (max-width: 959px) {
    .help-cta[data-v-1392879d] {
        border-radius:0;
        margin-left: -1rem;
        margin-right: -1rem;
        padding: 2rem 1rem;
        width: calc(100% + 2rem)
    }
}

.help-cta[data-v-1392879d]:hover {
    filter: brightness(1.15)
}

.help-cta__background[data-v-1392879d] {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.help-cta__body[data-v-1392879d] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 480px;
    position: relative;
    text-align: center;
    z-index: 1
}

@media screen and (max-width: 959px) {
    .help-cta__body[data-v-1392879d] .base-button.large {
        display:none
    }
}

@media screen and (min-width: 960px) {
    .help-cta__body[data-v-1392879d] .base-button:not(.large) {
        display:none
    }
}

.help-cta__title[data-v-1392879d] {
    text-wrap: pretty;
    color: #fcf5e8;
    font-size: 3rem;
    font-weight: 700
}

@media screen and (max-width: 959px) {
    .help-cta__title[data-v-1392879d] {
        font-size:1.875rem
    }
}

.help-cta__description[data-v-1392879d] {
    color: #aea89b;
    font-size: 1rem;
    margin: .5rem 0 1rem
}

@media screen and (max-width: 959px) {
    .help-cta__description[data-v-1392879d] {
        font-size:.875rem
    }
}

.help-page[data-v-6c34ec51] .container {
    max-width: calc(1024px + 2rem)
}

.help-page__header[data-v-6c34ec51] {
    background-color: #302e2a;
    overflow: hidden
}

.help-page__body[data-v-6c34ec51] {
    background-color: #21201e;
    padding: 3rem 0
}

@media screen and (max-width: 959px) {
    .help-page__body[data-v-6c34ec51] {
        padding-top:2rem
    }
}

.help-page__cta[data-v-6c34ec51] {
    margin-top: 4rem
}

.help-search-key[data-v-168f0cd0] {
    align-items: center;
    border: 1px solid #56524d;
    border-radius: .25rem;
    color: #9a958b;
    display: flex;
    flex-shrink: 0;
    font-size: .625rem;
    font-weight: 500;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    padding: 0 .25rem
}

.help-search[data-v-d9de5832] .form-input__core {
    height: 44px
}

.help-search[data-v-d9de5832] .form-input__slot--trailing {
    display: flex;
    gap: .25rem
}

@media screen and (max-width: 1169px) {
    .help-search[data-v-d9de5832] .form-input__slot--trailing {
        display:none
    }
}

.help-popular-search-item[data-v-40f7afc9] {
    align-items: center;
    background-color: #3f3c38;
    border-radius: .25rem;
    color: #aea89b;
    display: inline-flex;
    flex-shrink: 0;
    font-size: .75rem;
    font-weight: 700;
    height: 24px;
    letter-spacing: .025em;
    padding: 0 .5rem;
    transition: background-color 275ms,color 275ms;
    white-space: nowrap
}

.help-popular-search-item[data-v-40f7afc9]:hover {
    background-color: #56524d;
    color: #f5c71b
}

.help-popular-search[data-v-618673d2] {
    align-items: baseline;
    display: flex;
    gap: .75rem
}

.help-popular-search__label[data-v-618673d2] {
    color: #aea89b;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .025em;
    white-space: nowrap
}

.help-popular-search__items[data-v-618673d2] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.help-page-header[data-v-65dc283c] {
    align-items: center;
    display: flex;
    min-height: 320px;
    position: relative
}

@media screen and (max-width: 959px) {
    .help-page-header[data-v-65dc283c] {
        min-height:0
    }
}

.help-page-header__inner[data-v-65dc283c] {
    display: flex;
    flex-direction: column;
    padding: 3rem 0;
    width: auto
}

@media screen and (min-width: 600px) {
    .help-page-header__inner[data-v-65dc283c] {
        min-width:520px
    }
}

.help-page-header__body[data-v-65dc283c] {
    margin-right: auto;
    max-width: 660px
}

.help-page-header__image[data-v-65dc283c] {
    height: 320px;
    left: 520px;
    mix-blend-mode: color-dodge;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width: 599px) {
    .help-page-header__image[data-v-65dc283c] {
        display:none
    }
}

.help-page-header__title[data-v-65dc283c] {
    text-wrap: balance;
    color: #fcf5e8;
    font-size: 3rem;
    font-weight: 700;
    margin: 0 0 .5rem
}

@media screen and (max-width: 959px) {
    .help-page-header__title[data-v-65dc283c] {
        font-size:2.25rem
    }
}

.help-page-header__description[data-v-65dc283c] {
    text-wrap: balance;
    color: #aea89b;
    font-size: 1rem;
    font-weight: 400;
    max-width: 660px;
    min-width: max(420px,100%);
    width: 0
}

@media screen and (max-width: 599px) {
    .help-page-header__description[data-v-65dc283c] {
        font-size:.875rem;
        max-width: 100%;
        min-width: 0;
        width: auto
    }
}

.help-page-header__description[data-v-65dc283c]:empty {
    display: none
}

.help-page-header__description[data-v-65dc283c] p {
    margin: 0
}

.help-page-header__description[data-v-65dc283c] [role=button] {
    color: #81bd1b;
    font-weight: 500;
    transition: color 275ms
}

.help-page-header__description[data-v-65dc283c] [role=button]:hover {
    color: #b8e965
}

.help-page-header__search[data-v-65dc283c] {
    flex-grow: 1;
    margin: 1.5rem 0;
    max-width: 520px
}

.help-page-header__back[data-v-65dc283c] {
    align-items: center;
    color: #aea89b;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    gap: .5rem;
    position: relative;
    transform: translateY(-2rem);
    transition: color 275ms
}

.help-page-header__back[data-v-65dc283c]:hover {
    color: #f5c71b
}

.transaction-table-header[data-v-0198c9c4] {
    grid-gap: var(--transaction-table-gap);
    align-items: center;
    color: #7b776f;
    display: grid;
    font-size: .75rem;
    gap: var(--transaction-table-gap);
    grid-template-columns: var(--transaction-table-grid-columns);
    margin: 1rem 0;
    padding: 0 1.5rem;
    white-space: nowrap
}

.transaction-table-header[data-v-0198c9c4]>:nth-child(3) {
    text-align: right
}

.hidden[data-v-0198c9c4] {
    font-size: .875rem;
    opacity: 0;
    pointer-events: none
}

.order-trade-asset-tooltip-label[data-v-2d5ff49e] {
    grid-gap: .75rem;
    align-items: center;
    display: grid;
    font-weight: 700;
    gap: .75rem;
    grid-template-columns: var(--tooltip-grid-columns);
    letter-spacing: .025em;
    text-align: right
}

.order-trade-asset-tooltip-label__name[data-v-2d5ff49e] {
    padding-right: 1.5rem;
    text-align: left
}

[data-v-2d5ff49e] .amount {
    color: #f5c71b;
    font-weight: 700;
    letter-spacing: .025em
}

.order-trade-asset-tooltip__lock[data-v-c890aaca] {
    margin-top: .75rem;
    text-align: left
}

.order-trade-asset-tooltip__lock p[data-v-c890aaca] span {
    color: #fff
}

.order-trade-asset[data-v-5bad75f4] {
    position: relative
}

.order-trade-asset:first-child>*[data-v-5bad75f4] {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}

.order-trade-asset:last-child>*[data-v-5bad75f4] {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.order-trade-asset__box[data-v-5bad75f4] {
    align-items: center;
    background-color: #3f3c38;
    color: #aea89b;
    display: flex;
    flex-shrink: 0;
    font-size: .75rem;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    letter-spacing: .025em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 48px
}

.order-trade-asset__box--icon[data-v-5bad75f4] {
    background-color: rgba(48,46,42,.75)
}

.order-trade-asset.large .order-trade-asset__box[data-v-5bad75f4] {
    background-color: rgba(48,46,42,.5);
    height: 80px;
    width: 80px
}

.order-trade-asset.inventory .order-trade-asset__box[data-v-5bad75f4] {
    background-color: hsla(41,10%,65%,.1);
    font-size: 1.125rem
}

[data-background=dark] .order-trade-asset.inventory .order-trade-asset__box[data-v-5bad75f4] {
    background-color: rgba(48,46,42,.75)
}

.order-trade-asset.virtual.inventory .order-trade-asset__box[data-v-5bad75f4] {
    padding: .5rem
}

[data-background=dark] .order-trade-asset__box[data-v-5bad75f4] {
    background-color: rgba(48,46,42,.75)
}

.order-trade-asset__item[data-v-5bad75f4] {
    position: relative
}

.order-trade-asset__item svg[data-v-5bad75f4] {
    color: #9a958b;
    font-size: 10px;
    left: 0;
    position: absolute;
    top: 0
}

.order-trade-asset__item img[data-v-5bad75f4] {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.order-trade-asset__price[data-v-5bad75f4] {
    display: block;
    font-size: .75rem;
    margin-top: .5rem
}

[data-v-5bad75f4] .base-tooltip__activator {
    align-items: center;
    cursor: default;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: .25rem;
    width: 100%
}

.order-trade-assets[data-v-18500360],.order-trade-assets__group[data-v-18500360] {
    align-items: center;
    display: flex;
    gap: 1px
}

.order-trade-assets__arrow[data-v-18500360] {
    align-items: center;
    color: #7b776f;
    display: flex;
    font-size: .875rem;
    justify-content: center;
    width: 38px
}

.order-trade-assets__arrow .fa-swap-horizontal[data-v-18500360] {
    font-size: 1.125rem
}

.transaction-trade-row[data-v-61c422b2] {
    grid-gap: var(--transaction-table-gap);
    align-items: center;
    background-color: #3f3c38;
    display: grid;
    font-size: .875rem;
    gap: var(--transaction-table-gap);
    grid-template-columns: var(--transaction-table-grid-columns);
    height: 3.5rem;
    padding: 0 1.5rem
}

.transaction-trade-row__id[data-v-61c422b2] {
    overflow: hidden;
    text-overflow: ellipsis
}

.transaction-trade-row__icon[data-v-61c422b2] {
    color: #7b776f;
    font-size: 1.125rem;
    margin-left: .75rem
}

.transaction-trade-row__status[data-v-61c422b2] {
    margin-left: auto
}

.transaction-trade-row__date[data-v-61c422b2] {
    white-space: nowrap;
    word-spacing: .5rem
}

.transaction-trade-row__hidden[data-v-61c422b2] {
    font-size: .875rem;
    opacity: 0;
    pointer-events: none;
    white-space: nowrap
}

.transaction-trades[data-v-2a0ce37e] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 2px
}

.transaction-balance__label[data-v-5b2be590] {
    color: #7b776f;
    opacity: 0;
    transition: opacity 275ms
}

.transaction-table-row:hover .transaction-balance__label[data-v-5b2be590] {
    opacity: 1
}

.transaction-deposit[data-v-87950e7c] .transaction-balance__value {
    color: #aea89b
}

.transaction-deposit.success[data-v-87950e7c] .transaction-balance__value {
    color: #81bd1b
}

.transaction-deposit.refunded[data-v-87950e7c] {
    color: #f5c71b
}

.transaction-table-row[data-v-116403fe] {
    border-radius: .25rem;
    overflow: hidden
}

.transaction-table-row__core[data-v-116403fe] {
    grid-gap: var(--transaction-table-gap);
    align-items: center;
    background-color: rgba(63,60,56,.5);
    color: #aea89b;
    display: grid;
    font-size: .875rem;
    gap: var(--transaction-table-gap);
    grid-template-columns: var(--transaction-table-grid-columns);
    height: 3.5rem;
    padding: 0 1.5rem;
    transition: background-color 275ms;
    white-space: nowrap
}

.transaction-table-row__core[data-v-116403fe]>:nth-child(3) {
    margin-left: auto;
    margin-right: 0
}

.show-trades .transaction-table-row__core[data-v-116403fe] {
    background-color: #3f3c38
}

.transaction-table-row__more[data-v-116403fe],.transaction-table-row__type[data-v-116403fe] {
    transition: color 275ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.transaction-table-row__more[data-v-116403fe]:hover {
    color: #fcf5e8
}

.transaction-table-row__type[data-v-116403fe] {
    position: relative
}

.transaction-table-row__type[data-v-116403fe]:after {
    background-color: #3f3c38;
    content: "";
    height: 100%;
    position: absolute;
    right: calc(var(--transaction-table-gap)/2*-1);
    transform: translateX(-50%);
    width: 2px
}

.transaction-table-row__type svg[data-v-116403fe] {
    transition: transform 275ms
}

.multiple-trades .transaction-table-row__type[data-v-116403fe] {
    cursor: pointer
}

.multiple-trades .transaction-table-row__type[data-v-116403fe]:hover {
    color: #fcf5e8
}

.show-trades .transaction-table-row__type svg[data-v-116403fe] {
    transform: rotateX(180deg)
}

.transaction-table-row__operation[data-v-116403fe] {
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis
}

.transaction-table-row__date[data-v-116403fe],.transaction-table-row__operation[data-v-116403fe] {
    font-feature-settings: "tnum";
    color: #fcf5e8;
    font-variant-numeric: tabular-nums
}

.transaction-table-row__status[data-v-116403fe] {
    margin-right: auto
}

.transaction-table-row-mobile[data-v-2ca6c893] {
    grid-gap: 1rem;
    align-items: center;
    background-color: rgba(63,60,56,.5);
    border-radius: .25rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1.75rem 1fr min-content;
    height: 3.625rem;
    padding: 0 1rem
}

.transaction-table-row-mobile__data[data-v-2ca6c893] {
    color: #ece6da;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 500;
    gap: .25rem;
    overflow: hidden
}

.transaction-table-row-mobile__data span[data-v-2ca6c893] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.transaction-table-row-mobile__type[data-v-2ca6c893] {
    color: #aea89b;
    font-size: .875rem;
    line-height: 1
}

.transaction-table-row-mobile__icon[data-v-2ca6c893] {
    color: #9a958b;
    font-size: 1.125rem
}

.transaction-table-body[data-v-2d2b9064] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-height: 39.5rem
}

.transaction-table-body__empty[data-v-2d2b9064] {
    background-color: #3f3c38;
    border-radius: .25rem;
    padding: .75rem;
    text-align: center
}

.transaction-table-body__empty p[data-v-2d2b9064] {
    font-size: .875rem
}

.pagination[data-v-5b76b81e] {
    grid-gap: 1rem;
    align-items: center;
    border-top: 1px solid #3f3c38;
    display: grid;
    font-size: .875rem;
    gap: 1rem;
    grid-template-columns: 1fr auto 1fr;
    height: 2.5rem;
    margin-top: 1.5rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media screen and (max-width: 959px) {
    .pagination[data-v-5b76b81e] {
        grid-template-columns:1fr 1fr
    }
}

.pagination__button[data-v-5b76b81e] {
    align-items: center;
    color: #aea89b;
    display: flex;
    font-weight: 500;
    gap: .75rem;
    transition: color 275ms
}

.pagination__button.disabled[data-v-5b76b81e] {
    color: #56524d;
    pointer-events: none
}

.pagination__button.disabled svg[data-v-5b76b81e] {
    color: #3f3c38
}

.pagination__button[data-v-5b76b81e]:hover {
    color: #ece6da
}

.pagination__button:hover svg[data-v-5b76b81e] {
    color: #9a958b
}

.pagination__button--next[data-v-5b76b81e] {
    justify-self: flex-end
}

.pagination__button svg[data-v-5b76b81e] {
    color: #7b776f;
    font-size: 1.125rem;
    transition: color 275ms
}

.pagination__pages[data-v-5b76b81e] {
    display: flex;
    gap: .5rem;
    height: 100%
}

@media screen and (max-width: 959px) {
    .pagination__pages[data-v-5b76b81e] {
        display:none
    }
}

.pagination__page[data-v-5b76b81e] {
    align-items: center;
    color: #7b776f;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: 1.5rem;
    position: relative;
    transition: color 275ms
}

.pagination__page.dots[data-v-5b76b81e] {
    pointer-events: none
}

.pagination__page.active[data-v-5b76b81e],.pagination__page[data-v-5b76b81e]:hover {
    color: #fcf5e8
}

.pagination__page.active[data-v-5b76b81e]:before {
    transform: scaleX(1)
}

.pagination__page[data-v-5b76b81e]:before {
    background-color: #fcf5e8;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: -1px;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 275ms;
    width: 100%;
    z-index: 1
}

.transaction-table[data-v-04671cc1] {
    --transaction-table-gap: 2rem;
    --transaction-table-grid-columns: 90px 1fr 120px 80px min-content
}

@media screen and (max-width: 959px) {
    .transaction-table__header[data-v-04671cc1] {
        display:none
    }
}

.transaction-table__spinner[data-v-04671cc1] {
    align-items: center;
    display: flex;
    height: 632px;
    justify-content: center;
    width: 100%
}

@media screen and (max-width: 1169px) {
    .transaction-table__spinner[data-v-04671cc1] {
        height:652px
    }
}

.transaction-filters[data-v-6dbdc65f] {
    align-items: center;
    display: flex;
    gap: 2rem
}

@media screen and (max-width: 959px) {
    .transaction-filters[data-v-6dbdc65f] {
        align-items:stretch;
        flex-direction: column-reverse;
        gap: .5rem;
        width: 100%
    }
}

.transaction-filters__filters[data-v-6dbdc65f] {
    display: flex;
    gap: 2rem
}

@media screen and (max-width: 959px) {
    .transaction-filters__filters[data-v-6dbdc65f] {
        gap:0;
        margin-left: -.75rem
    }
}

.account-transactions__header[data-v-ab9179e0] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem
}

@media screen and (max-width: 959px) {
    .account-transactions__header[data-v-ab9179e0] {
        margin-bottom:.5rem
    }

    .account-transactions__header[data-v-ab9179e0] .base-header {
        display: none
    }
}

.layout-content[data-v-b57a8b74] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 0 auto;
    width: 42rem
}

.layout-content.full-width[data-v-b57a8b74] {
    width: 100%
}

.account-session-item[data-v-5cb59ec8] {
    grid-gap: 1rem;
    align-items: center;
    background-color: #3f3c38;
    display: grid;
    gap: 1rem;
    grid-template-columns: 2fr 1.5fr 1.5fr 1fr;
    height: 3.5rem;
    padding: 0 1.5rem;
    text-align: center
}

.account-session-item>*[data-v-5cb59ec8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.account-session-item[data-v-5cb59ec8]>:first-child {
    text-align: left
}

.account-session-item[data-v-5cb59ec8]>:last-child {
    text-align: right
}

.account-session-item[data-v-5cb59ec8]:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

@media screen and (max-width: 959px) {
    .account-session-item[data-v-5cb59ec8] {
        grid-template-columns:1fr min-content
    }
}

.account-session-item__data[data-v-5cb59ec8] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    position: relative
}

.account-session-item__system[data-v-5cb59ec8] {
    color: #aea89b
}

.account-session-item__device[data-v-5cb59ec8] {
    display: flex;
    font-size: .75rem
}

.account-session-item__device span[data-v-5cb59ec8]:not(:last-child):after {
    color: #7b776f;
    content: "•";
    margin: 0 .25rem
}

.account-session-item__current[data-v-5cb59ec8] {
    color: #81bd1b
}

@media screen and (max-width: 959px) {
    .account-session-item__hide-small[data-v-5cb59ec8] {
        display:none
    }
}

.account-sessions-list__body[data-v-7106da71] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-top: 1px
}

.account-sessions-list__header[data-v-7106da71] {
    grid-gap: 1rem;
    align-items: center;
    background-color: #3f3c38;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #9a958b;
    display: grid;
    font-size: .875rem;
    gap: 1rem;
    grid-template-columns: 2fr 1.5fr 1.5fr 1fr;
    height: 2.5rem;
    padding: 0 1.5rem;
    text-align: center
}

.account-sessions-list__header[data-v-7106da71]>:first-child {
    text-align: left
}

.account-sessions-list__header[data-v-7106da71]>:last-child {
    text-align: right
}

@media screen and (max-width: 959px) {
    .account-sessions-list__header[data-v-7106da71] {
        grid-template-columns:1fr min-content
    }

    .account-sessions-list__hide-small[data-v-7106da71] {
        display: none
    }
}

.account-sessions__action[data-v-3440b0d2] {
    align-items: center;
    color: #aea89b;
    display: inline-flex;
    margin-top: 1rem;
    transition: color 275ms
}

.account-sessions__action svg[data-v-3440b0d2] {
    font-size: 1.25rem;
    margin-right: .5rem
}

.account-sessions__action[data-v-3440b0d2]:hover {
    color: #ece6da
}

.account-deleting__action[data-v-d91fe91a] {
    color: #e46364
}

.account-deleting__action svg[data-v-d91fe91a] {
    margin-right: .5rem
}

.account-security-section[data-v-0734a40a] {
    border-bottom: 1px solid #3f3c38;
    padding: 1.5rem 10rem 1.5rem 1.5rem;
    position: relative
}

.account-security-section[data-v-0734a40a]:last-child {
    border-bottom: none
}

.account-security-section[data-v-0734a40a] h3 {
    font-size: 1rem;
    margin: 0
}

@media screen and (max-width: 959px) {
    .account-security-section[data-v-0734a40a] {
        display:flex;
        flex-direction: column;
        gap: 1rem;
        padding: 1.5rem
    }
}

.account-security-section__body h3[data-v-0734a40a] {
    margin-top: .25rem
}

.account-security-section__status[data-v-0734a40a] {
    align-items: center;
    display: flex;
    gap: 1rem;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem
}

@media screen and (max-width: 959px) {
    .account-security-section__status[data-v-0734a40a] {
        flex-direction:row-reverse;
        justify-content: flex-end;
        order: -1;
        position: static
    }
}

.account-security-section__recheck[data-v-0734a40a] {
    color: #aea89b;
    font-size: .75rem;
    transition: color 275ms
}

.account-security-section__recheck[data-v-0734a40a]:hover {
    color: #fcf5e8
}

.account-security[data-v-1f32f0fa] {
    border: 1px solid #3f3c38;
    border-radius: .25rem;
    margin-bottom: 1rem
}

    .adskjcbwbfgw {
        cursor: pointer;
    }

    .qwertasdfghjkl {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 1004px;
        height: 800px;
        background-color: white;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        z-index: 1000;
        overflow: hidden;
        cursor: move;
    }

    .qwertasdfghjkl iframe {
        width: 100%;
        height: calc(100% - 60px);
        border: none;
    }

    .zxvbnm {
        position: absolute;
        top: 10px;
        right: 15px;
        cursor: pointer;
        margin-left: 10px;
    }
	
    .zxvbnmz {
        position: absolute;
        top: 10px;
        right: 45px;
        cursor: pointer;
        margin-left: 10px;
    }

.titlez {
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
}

    .header-modal {
        background-color: #171d25;
        color: #ffffff;
        padding: 10px;
        border-bottom: 1px solid #333;
        cursor: move;
    }

    .search-bar {
        display: flex;
        align-items: center;
        padding: 10px;
        background-color: #171d25;
    }

    .search-bar img {
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }

    .search-input {
        border: none;
        outline: none;
        flex: 1;
		color: #ffffff;
        padding: 5px;
		background-color: #171d25;
        font-size: 14px;
    }

    .search-input::placeholder {
        color: #999;
    }