/**
* crisp-client
* @version v2.15.0 face90e
* @author Crisp IM SAS
* @date 12/11/2024
*/
@charset "UTF-8" !important;
html.cc-c4fvg,
html.cc-c4fvg>body {
position: static !important;
transform: none !important;
overflow: hidden !important
}
html.cc-c4fvg>body {
overflow: hidden !important
}
.crisp-client .cc-1brb6[dir=rtl] {
text-align: right !important;
direction: rtl !important
}
.crisp-client .cc-1brb6[dir=rtl] input,
.crisp-client .cc-1brb6[dir=rtl] select,
.crisp-client .cc-1brb6[dir=rtl] textarea {
text-align: right !important
}
.crisp-client .cc-1brb6[dir=rtl] textarea {
margin-inline-start: 0 !important;
margin-inline-end: 4px !important
}
.crisp-client .cc-1brb6 {
line-height: 1 !important;
direction: ltr !important;
text-align: left !important;
color: rgb(var(--cc-lqu9t)) !important;
font-style: normal !important;
font-weight: 400 !important;
text-decoration: none !important;
list-style-type: disc !important
}
.crisp-client .cc-1brb6 *,
.crisp-client .cc-1brb6 :after,
.crisp-client .cc-1brb6 :before {
background-attachment: scroll !important;
background-color: transparent !important;
background-image: none !important;
background-position: 0 0 !important;
background-repeat: repeat !important;
border-color: currentcolor !important;
border-style: none !important;
border-width: medium !important;
bottom: auto !important;
clear: none !important;
clip: auto !important;
color: inherit !important;
counter-increment: none !important;
counter-reset: none !important;
cursor: auto !important;
direction: inherit !important;
display: inline !important;
float: none !important;
font-family: inherit !important;
font-size: inherit !important;
font-style: inherit !important;
font-variant: normal !important;
font-weight: inherit !important;
height: auto !important;
left: auto !important;
letter-spacing: normal !important;
line-height: inherit !important;
list-style-type: inherit !important;
list-style-position: outside !important;
list-style-image: none !important;
margin: 0 !important;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
outline: 0 !important;
overflow: visible !important;
padding: 0 !important;
position: static !important;
quotes: "" "" !important;
right: auto !important;
table-layout: auto !important;
text-align: inherit !important;
text-decoration: inherit !important;
text-indent: 0 !important;
text-transform: none !important;
text-rendering: auto !important;
top: auto !important;
unicode-bidi: normal !important;
vertical-align: baseline !important;
visibility: inherit !important;
white-space: normal !important;
width: auto !important;
word-spacing: normal !important;
z-index: auto !important;
background-origin: padding-box !important;
background-clip: border-box !important;
background-size: auto !important;
border-image: none !important;
border-radius: 0 !important;
box-shadow: none !important;
box-sizing: content-box !important;
column-count: auto !important;
column-gap: normal !important;
column-rule: medium none rgb(var(--cc-lqu9t)) !important;
column-width: auto !important;
column-span: 1 !important;
-webkit-text-fill-color: currentcolor !important;
-webkit-tap-highlight-color: rgba(var(--cc-lqu9t), 0) !important;
-moz-tap-highlight-color: rgba(var(--cc-lqu9t), 0) !important;
-ms-tap-highlight-color: rgba(var(--cc-lqu9t), 0) !important;
-o-tap-highlight-color: rgba(var(--cc-lqu9t), 0) !important;
font-feature-settings: normal !important;
overflow-x: visible !important;
overflow-y: visible !important;
-webkit-hyphens: manual !important;
-moz-hyphens: manual !important;
-ms-hyphens: manual !important;
hyphens: manual !important;
-webkit-hyphenate-character: "‐" !important;
hyphenate-character: "‐" !important;
perspective: none !important;
perspective-origin: 50% 50% !important;
backface-visibility: visible !important;
text-shadow: none !important;
transition: all 0s ease 0s !important;
word-break: normal !important
}
.crisp-client .cc-1brb6 h1,
.crisp-client .cc-1brb6 h2,
.crisp-client .cc-1brb6 h3,
.crisp-client .cc-1brb6 h4,
.crisp-client .cc-1brb6 h5,
.crisp-client .cc-1brb6 h6,
.crisp-client .cc-1brb6 strong {
font-weight: 700 !important
}
.crisp-client .cc-1brb6 ol,
.crisp-client .cc-1brb6 p,
.crisp-client .cc-1brb6 ul {
margin: 1em 0 !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw[data-has-unread=true] .cc-d73fc .cc-i0mv8,
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q,
.crisp-client .cc-1brb6[data-availability-tooltip=false] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice],
.crisp-client .cc-1brb6[data-availability-tooltip=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice][data-is-concealed=true],
.crisp-client .cc-1brb6[data-availability-tooltip=true][data-availability=away] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice][data-with-helpdesk=false],
.crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] {
visibility: hidden !important
}
.crisp-client .cc-1brb6,
.crisp-client .cc-1brb6 address,
.crisp-client .cc-1brb6 article,
.crisp-client .cc-1brb6 audio,
.crisp-client .cc-1brb6 blockquote,
.crisp-client .cc-1brb6 caption,
.crisp-client .cc-1brb6 colgroup,
.crisp-client .cc-1brb6 dd,
.crisp-client .cc-1brb6 dialog,
.crisp-client .cc-1brb6 div,
.crisp-client .cc-1brb6 dl,
.crisp-client .cc-1brb6 dt,
.crisp-client .cc-1brb6 fieldset,
.crisp-client .cc-1brb6 figure,
.crisp-client .cc-1brb6 footer,
.crisp-client .cc-1brb6 form,
.crisp-client .cc-1brb6 h1,
.crisp-client .cc-1brb6 h2,
.crisp-client .cc-1brb6 h3,
.crisp-client .cc-1brb6 h4,
.crisp-client .cc-1brb6 h5,
.crisp-client .cc-1brb6 h6,
.crisp-client .cc-1brb6 header,
.crisp-client .cc-1brb6 hgroup,
.crisp-client .cc-1brb6 hr,
.crisp-client .cc-1brb6 main,
.crisp-client .cc-1brb6 menu,
.crisp-client .cc-1brb6 nav,
.crisp-client .cc-1brb6 ol,
.crisp-client .cc-1brb6 option,
.crisp-client .cc-1brb6 p,
.crisp-client .cc-1brb6 pre,
.crisp-client .cc-1brb6 progress,
.crisp-client .cc-1brb6 section,
.crisp-client .cc-1brb6 summary,
.crisp-client .cc-1brb6 ul,
.crisp-client .cc-1brb6 video {
display: block !important
}
.crisp-client .cc-1brb6 h1 {
font-size: 2em !important;
padding: .25em 0 !important
}
.crisp-client .cc-1brb6 h2 {
font-size: 1.5em !important;
padding: .3em 0 !important
}
.crisp-client .cc-1brb6 h3 {
font-size: 1.17em !important;
padding: .35em 0 !important
}
.crisp-client .cc-1brb6 h4 {
font-size: 1em !important
}
.crisp-client .cc-1brb6 h5 {
font-size: .83em !important
}
.crisp-client .cc-1brb6 table {
display: table !important;
border-collapse: collapse !important;
border-spacing: 0 !important
}
.crisp-client .cc-1brb6 thead {
display: table-header-group !important
}
.crisp-client .cc-1brb6 tbody {
display: table-row-group !important
}
.crisp-client .cc-1brb6 tfoot {
display: table-footer-group !important
}
.crisp-client .cc-1brb6 tr {
display: table-row !important
}
.crisp-client .cc-1brb6 td,
.crisp-client .cc-1brb6 th {
display: table-cell !important;
padding: 2px !important
}
.crisp-client .cc-1brb6 ol li,
.crisp-client .cc-1brb6 ol ol li,
.crisp-client .cc-1brb6 ol ol ol li,
.crisp-client .cc-1brb6 ol ol ul li,
.crisp-client .cc-1brb6 ol ul ul li,
.crisp-client .cc-1brb6 ul li,
.crisp-client .cc-1brb6 ul ol ol li,
.crisp-client .cc-1brb6 ul ul li,
.crisp-client .cc-1brb6 ul ul ol li,
.crisp-client .cc-1brb6 ul ul ul li {
list-style-position: inside !important;
margin-top: .08em !important
}
.crisp-client .cc-1brb6 ol ol,
.crisp-client .cc-1brb6 ol ol ol,
.crisp-client .cc-1brb6 ol ol ul,
.crisp-client .cc-1brb6 ol ul,
.crisp-client .cc-1brb6 ol ul ul,
.crisp-client .cc-1brb6 ul ol,
.crisp-client .cc-1brb6 ul ol ol,
.crisp-client .cc-1brb6 ul ul,
.crisp-client .cc-1brb6 ul ul ol,
.crisp-client .cc-1brb6 ul ul ul {
padding-inline-start: 40px !important;
margin: 0 !important
}
.crisp-client .cc-1brb6 nav ol,
.crisp-client .cc-1brb6 nav ul {
list-style-type: none !important
}
.crisp-client .cc-1brb6 menu,
.crisp-client .cc-1brb6 ul {
list-style-type: disc !important
}
.crisp-client .cc-1brb6 ol {
list-style-type: decimal !important
}
.crisp-client .cc-1brb6 menu menu,
.crisp-client .cc-1brb6 menu ul,
.crisp-client .cc-1brb6 ol menu,
.crisp-client .cc-1brb6 ol ul,
.crisp-client .cc-1brb6 ul menu,
.crisp-client .cc-1brb6 ul ul {
list-style-type: circle !important
}
.crisp-client .cc-1brb6 menu menu menu,
.crisp-client .cc-1brb6 menu menu ul,
.crisp-client .cc-1brb6 menu ol menu,
.crisp-client .cc-1brb6 menu ol ul,
.crisp-client .cc-1brb6 menu ul menu,
.crisp-client .cc-1brb6 menu ul ul,
.crisp-client .cc-1brb6 ol menu menu,
.crisp-client .cc-1brb6 ol menu ul,
.crisp-client .cc-1brb6 ol ol menu,
.crisp-client .cc-1brb6 ol ol ul,
.crisp-client .cc-1brb6 ol ul menu,
.crisp-client .cc-1brb6 ol ul ul,
.crisp-client .cc-1brb6 ul menu menu,
.crisp-client .cc-1brb6 ul menu ul,
.crisp-client .cc-1brb6 ul ol menu,
.crisp-client .cc-1brb6 ul ol ul,
.crisp-client .cc-1brb6 ul ul menu,
.crisp-client .cc-1brb6 ul ul ul {
list-style-type: square !important
}
.crisp-client .cc-1brb6 li {
display: list-item !important;
min-height: auto !important;
min-width: auto !important;
padding-inline-start: 20px !important
}
.crisp-client .cc-1brb6 em {
font-style: normal !important
}
.crisp-client .cc-1brb6 a {
color: rgb(var(--cc-lqu9t)) !important
}
.crisp-client .cc-1brb6 a,
.crisp-client .cc-1brb6 a *,
.crisp-client .cc-1brb6 input[type=checkbox],
.crisp-client .cc-1brb6 input[type=radio],
.crisp-client .cc-1brb6 input[type=submit],
.crisp-client .cc-1brb6 select {
cursor: pointer !important
}
.crisp-client .cc-1brb6 button,
.crisp-client .cc-1brb6 input[type=submit] {
text-align: center !important;
padding: 2px 6px 3px !important;
border-radius: 4px !important;
text-decoration: none !important;
font-size: small !important;
appearance: none !important;
color: buttontext !important;
border: 1px solid #a6a6a6 !important;
background: #fff !important;
background-image: linear-gradient(to bottom, rgba(var(--cc-kpizn), 1) 0, #ddd 100%, #d1d1d1 100%, #ddd 100%) !important;
box-shadow: 1px 1px 0 #eee !important;
outline: initial !important
}
.crisp-client .cc-1brb6 button {
padding: 1px 6px 2px !important;
margin-inline-end: 5px !important
}
.crisp-client .cc-1brb6 input[type=hidden] {
display: none !important
}
.crisp-client .cc-1brb6 input[type=text] {
background: rgb(var(--cc-kpizn)) !important;
padding: 1px !important;
font-size: small !important
}
.crisp-client .cc-1brb6 input[type=checkbox],
.crisp-client .cc-1brb6 input[type=radio] {
border: 1px solid #2b2b2b !important;
border-radius: 4px !important;
outline: intial !important
}
.crisp-client .cc-1brb6 input[type=radio] {
margin: 2px 2px 3px !important
}
.crisp-client .cc-1brb6 textarea {
appearance: textarea !important;
margin-inline-start: 4px !important;
word-wrap: break-word !important;
white-space: pre-wrap !important;
line-height: 13px !important;
resize: both !important
}
.crisp-client .cc-1brb6 input,
.crisp-client .cc-1brb6 select,
.crisp-client .cc-1brb6 textarea {
border: 1px solid #ccc !important;
text-align: left !important;
text-transform: none !important
}
.crisp-client .cc-1brb6 button:disabled,
.crisp-client .cc-1brb6 input:disabled,
.crisp-client .cc-1brb6 textarea:disabled {
opacity: initial !important
}
.crisp-client .cc-1brb6 select {
font-size: 11px !important;
display: inline-block !important
}
.crisp-client .cc-1brb6 input,
.crisp-client .cc-1brb6 textarea {
margin: 0 !important
}
.crisp-client .cc-1brb6 input::placeholder,
.crisp-client .cc-1brb6 textarea::placeholder {
font-size: inherit !important;
font-style: inherit !important;
font-variant: normal !important;
font-weight: inherit !important;
text-align: inherit !important;
opacity: 1 !important
}
.crisp-client .cc-1brb6 input:focus,
.crisp-client .cc-1brb6 textarea:focus {
outline: initial !important
}
.crisp-client .cc-1brb6 button:active,
.crisp-client .cc-1brb6 input[type=submit]:active {
background: #3b679e !important;
background-image: linear-gradient(to bottom, #3b679e 0, #2b88d9 50%, #207cca 51%, #7db9e8 100%) !important;
border-color: #5259b0 !important
}
.crisp-client .cc-1brb6 ins,
.crisp-client .cc-1brb6 mark {
background-color: #ff9 !important;
color: rgb(var(--cc-lqu9t)) !important
}
.crisp-client .cc-1brb6 abbr[title],
.crisp-client .cc-1brb6 acronym[title],
.crisp-client .cc-1brb6 dfn[title] {
cursor: help !important;
border-bottom-width: 1px !important;
border-bottom-style: dotted !important
}
.crisp-client .cc-1brb6 del {
text-decoration: line-through !important
}
.crisp-client .cc-1brb6 blockquote,
.crisp-client .cc-1brb6 q {
quotes: none !important
}
.crisp-client .cc-1brb6 blockquote:after,
.crisp-client .cc-1brb6 blockquote:before,
.crisp-client .cc-1brb6 li:after,
.crisp-client .cc-1brb6 li:before,
.crisp-client .cc-1brb6 q:after,
.crisp-client .cc-1brb6 q:before {
content: "" !important
}
.crisp-client .cc-1brb6 input,
.crisp-client .cc-1brb6 select {
vertical-align: middle !important
}
.crisp-client .cc-1brb6 hr {
display: block !important;
height: 1px !important;
border: 0 !important;
border-top: 1px solid #ccc !important;
margin: 1em 0 !important
}
.crisp-client .cc-1brb6 [hidden],
.crisp-client .cc-1brb6 template,
.crisp-client .cc-1brb6[data-hidden=true] .cc-1wive {
display: none !important
}
.crisp-client .cc-1brb6 mark {
font-style: normal !important;
font-weight: 700 !important
}
.crisp-client .cc-1brb6 menu {
padding-inline-start: 40px !important;
padding-top: 8px !important
}
.crisp-client .cc-1brb6 abbr[title] {
border-bottom: 1px dotted !important
}
.crisp-client .cc-1brb6 sub,
.crisp-client .cc-1brb6 sup {
font-size: 75% !important;
line-height: 0 !important;
position: relative !important;
vertical-align: baseline !important
}
.crisp-client .cc-1brb6 sup {
top: -.5em !important
}
.crisp-client .cc-1brb6 sub {
bottom: -.25em !important
}
.crisp-client .cc-1brb6 img {
border: 0 !important;
overflow: clip !important
}
.crisp-client .cc-1brb6 figure {
margin: 0 !important
}
.crisp-client .cc-1brb6 textarea {
overflow: auto !important;
vertical-align: top !important
}
.crisp-client .cc-1brb6 pre {
white-space: pre !important
}
.crisp-client .cc-1brb6 .cc-olo99,
.crisp-client .cc-1brb6 .cc-olo99 * {
font-family: "Crisp Noto Sans Regular", sans-serif !important
}
.crisp-client .cc-1brb6 .cc-olo99 ::placeholder,
.crisp-client .cc-1brb6 .cc-olo99::placeholder {
font-family: "Crisp Noto Sans Regular", sans-serif !important
}
.crisp-client .cc-1brb6 .cc-361jl,
.crisp-client .cc-1brb6 .cc-361jl * {
font-family: "Crisp Noto Sans Bold", sans-serif !important
}
.crisp-client .cc-1brb6 .cc-361jl ::placeholder,
.crisp-client .cc-1brb6 .cc-361jl::placeholder {
font-family: "Crisp Noto Sans Bold", sans-serif !important
}
.crisp-client .cc-1brb6[dir=rtl] .cc-olo99,
.crisp-client .cc-1brb6[dir=rtl] .cc-olo99 * {
font-family: Tahoma, sans-serif !important
}
.crisp-client .cc-1brb6[dir=rtl] .cc-olo99 ::placeholder,
.crisp-client .cc-1brb6[dir=rtl] .cc-olo99::placeholder {
font-family: Tahoma, sans-serif !important
}
.crisp-client .cc-1brb6[dir=rtl] .cc-361jl,
.crisp-client .cc-1brb6[dir=rtl] .cc-361jl * {
font-family: Tahoma, sans-serif !important;
font-weight: 700 !important
}
.crisp-client .cc-1brb6[dir=rtl] .cc-361jl ::placeholder,
.crisp-client .cc-1brb6[dir=rtl] .cc-361jl::placeholder {
font-family: Tahoma, sans-serif !important;
font-weight: 700 !important
}
.crisp-client .cc-1brb6 {
--cc-kpizn: 255, 255, 255 !important;
--cc-sl84z: 28, 41, 59 !important;
--cc-lqu9t: 0, 0, 0 !important;
--cc-u4b31: 224, 237, 255 !important;
--cc-u8grg: 89, 144, 226 !important;
--cc-1f73p: 240, 242, 245 !important;
--cc-s9b6x: 211, 221, 230 !important;
--cc-1fez6: 168, 186, 205 !important;
--cc-e4hcn: 127, 149, 171 !important;
--cc-15udf: 55, 81, 108 !important;
--cc-99rib: 255, 242, 243 !important;
--cc-j1pum: 255, 220, 224 !important;
--cc-rs6m9: 238, 51, 75 !important;
--cc-1t2x7: 78, 206, 61 !important;
--cc-4ukzn: 255, 246, 208 !important;
--cc-1udsi: 255, 244, 127 !important;
--cc-1tdyb: 245, 201, 12 !important;
--cc-1j3c6: 28, 41, 59 !important;
--cc-5suw9: 255, 255, 255 !important;
--cc-dfv0z: 146, 169, 193 !important;
--cc-1eeow: 55, 81, 108 !important;
--cc-1qsix: 233, 238, 243 !important;
--cc-tje44: 0, 0, 0 !important;
--cc-azz3h: 247, 249, 252 !important;
--cc-iabav: 28, 41, 59 !important;
--cc-sm5kx: 222, 233, 252 !important;
--cc-1fput: 226, 251, 232 !important;
--cc-1foz8: 235, 237, 241 !important;
--cc-1ccux: 221, 222, 238 !important;
--cc-19ox6: 248, 232, 242 !important;
--cc-gptc7: 241, 232, 253 !important;
--cc-4fuml: 249, 227, 226 !important;
--cc-qfnak: 225, 231, 253 !important;
--cc-9rjsa: 253, 249, 201 !important;
--cc-avk66: 18, 24, 38 !important;
--cc-1jpx4: 80, 70, 230 !important;
--cc-1a0v0: 255, 255, 255 !important;
--cc-skx40: 229, 231, 235 !important;
--cc-1mhp4: 209, 213, 219 !important;
--cc-1du21: 108, 114, 127 !important;
--cc-hivu5: 42, 77, 208 !important;
--cc-1dnf9: 60, 126, 68 !important;
--cc-gsgdf: 77, 85, 98 !important;
--cc-1mnb6: 83, 85, 119 !important;
--cc-egrbf: 174, 45, 93 !important;
--cc-g9c1z: 116, 41, 198 !important;
--cc-1p7yq: 170, 46, 38 !important;
--cc-2jw3f: 65, 56, 194 !important;
--cc-6b7j3: 125, 80, 31 !important;
font-family: "Crisp Noto Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 11px !important;
position: relative !important
}
.crisp-client .cc-1brb6[data-color-mode=dark] .cc-qizrm,
.crisp-client .cc-1brb6[data-color-mode=dark].cc-qizrm {
--cc-kpizn: 0, 0, 0 !important;
--cc-sl84z: 227, 214, 196 !important;
--cc-lqu9t: 255, 255, 255 !important;
--cc-u4b31: 31, 18, 0 !important;
--cc-u8grg: 166, 111, 29 !important;
--cc-1f73p: 15, 13, 10 !important;
--cc-s9b6x: 44, 34, 25 !important;
--cc-1fez6: 87, 69, 50 !important;
--cc-e4hcn: 128, 106, 84 !important;
--cc-15udf: 200, 174, 147 !important;
--cc-99rib: 0, 13, 12 !important;
--cc-j1pum: 0, 35, 31 !important;
--cc-rs6m9: 17, 204, 180 !important;
--cc-1t2x7: 177, 49, 194 !important;
--cc-4ukzn: 0, 9, 47 !important;
--cc-1udsi: 0, 11, 128 !important;
--cc-1tdyb: 10, 54, 243 !important;
--cc-1j3c6: 227, 214, 196 !important;
--cc-5suw9: 0, 0, 0 !important;
--cc-dfv0z: 109, 86, 62 !important;
--cc-1eeow: 200, 174, 147 !important;
--cc-1qsix: 22, 17, 12 !important;
--cc-tje44: 0, 0, 0 !important;
--cc-azz3h: 8, 6, 3 !important;
--cc-iabav: 28, 41, 59 !important;
--cc-sm5kx: 80, 53, 7 !important;
--cc-1fput: 74, 10, 59 !important;
--cc-1foz8: 62, 56, 43 !important;
--cc-1ccux: 68, 66, 34 !important;
--cc-19ox6: 19, 62, 35 !important;
--cc-gptc7: 43, 70, 6 !important;
--cc-4fuml: 15, 69, 71 !important;
--cc-qfnak: 78, 62, 5 !important;
--cc-9rjsa: 4, 11, 103 !important;
--cc-avk66: 237, 231, 217 !important;
--cc-1jpx4: 175, 185, 25 !important;
--cc-1a0v0: 0, 0, 0 !important;
--cc-skx40: 46, 43, 36 !important;
--cc-1mhp4: 63, 58, 49 !important;
--cc-1du21: 147, 141, 128 !important;
--cc-hivu5: 228, 206, 123 !important;
--cc-1dnf9: 225, 191, 221 !important;
--cc-gsgdf: 218, 215, 208 !important;
--cc-1mnb6: 210, 209, 190 !important;
--cc-egrbf: 154, 229, 201 !important;
--cc-g9c1z: 184, 230, 133 !important;
--cc-1p7yq: 160, 229, 234 !important;
--cc-2jw3f: 214, 220, 132 !important;
--cc-6b7j3: 204, 222, 242 !important
}
@media print {
.crisp-client .cc-1brb6 {
display: none !important
}
}
.crisp-client .cc-1brb6[dir=rtl] {
font-family: Tahoma, sans-serif !important
}
.crisp-client .cc-1brb6 * {
font-size: 11px !important;
font-weight: 400 !important;
-webkit-font-smoothing: subpixel-antialiased !important;
-moz-osx-font-smoothing: auto !important;
margin: 0 !important;
padding: 0 !important;
-webkit-user-select: none !important;
user-select: none !important
}
.crisp-client .cc-1brb6 input {
letter-spacing: .8px !important
}
.crisp-client .cc-1brb6 input,
.crisp-client .cc-1brb6 textarea {
background: 0 0 !important;
color: rgb(var(--cc-1j3c6)) !important;
border: 0 !important;
outline-style: none !important;
font-size: 11.2px !important;
padding: 16px 0 !important
}
.crisp-client .cc-1brb6 input::placeholder,
.crisp-client .cc-1brb6 textarea::placeholder {
color: rgb(var(--cc-1fez6)) !important;
-webkit-text-fill-color: rgb(var(--cc-1fez6)) !important
}
.crisp-client .cc-1brb6 input:disabled::placeholder,
.crisp-client .cc-1brb6 textarea:disabled::placeholder {
color: rgb(var(--cc-s9b6x)) !important;
-webkit-text-fill-color: rgb(var(--cc-s9b6x)) !important
}
.crisp-client .cc-1brb6 button {
outline-style: none !important
}
.crisp-client .cc-1brb6 a {
text-decoration: none !important;
cursor: pointer !important;
outline-width: 4px !important;
outline-offset: 3px !important
}
.crisp-client .cc-1brb6 a:hover {
cursor: pointer !important
}
.crisp-client .cc-1brb6 .cc-12nxe,
.crisp-client .cc-1brb6 .cc-lbwcr {
text-decoration: underline !important
}
.crisp-client .cc-1brb6 .cc-6vag1 {
display: block !important;
clear: both !important
}
.crisp-client .cc-1brb6 .cc-1uul7,
.crisp-client .cc-1brb6 .cc-1uul7 * {
-webkit-user-select: text !important;
user-select: text !important
}
.crisp-client :focus-visible {
outline: transparent solid 2px !important
}
#crisp-loader {
display: none !important
}
.crisp-client .cc-1brb6 .cc-gjeb6 {
background: 0 0 !important;
border-color: rgb(var(--cc-kpizn)) !important;
border-bottom-color: transparent !important;
border-style: solid !important;
display: inline-block !important;
border-radius: 100% !important;
animation-name: cc-158pn !important;
animation-duration: 1s !important;
animation-timing-function: linear !important;
animation-fill-mode: both !important;
animation-iteration-count: infinite !important
}
.crisp-client .cc-1brb6 .cc-8mq05 {
background-color: rgb(var(--cc-kpizn)) !important
}
.crisp-client .cc-1brb6 .cc-8mq05:not([data-with-placeholder=false]) {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJNMCAwaDEwMXYxMDFIMHoiLz48ZyBmaWxsPSIjNzA3NTg0Ij48cGF0aCBkPSJNNDkuNyAyNWExMyAxMyAwIDAxMTMgMTN2OS43YTEzIDEzIDAgMTEtMjYgMFYzOGExMyAxMyAwIDAxMTMtMTN6Ii8+PHBhdGggZD0iTTMxLjggNTkuN2gzNS44YTQuOCA0LjggMCAwMTQuOSA0Ljl2OS4xSDI3di05LjFhNC44IDQuOCAwIDAxNC44LTQuOXoiIG9wYWNpdHk9Ii44Ii8+PC9nPjwvZz48L3N2Zz4=) !important
}
.crisp-client .cc-1brb6 .cc-8mq05,
.crisp-client .cc-1brb6 .cc-8mq05 .cc-o92tn {
background-size: cover !important;
background-repeat: no-repeat !important
}
.crisp-client .cc-1brb6 .cc-gge6o {
position: relative !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q {
line-height: 28px !important;
width: 1000px !important;
cursor: default !important;
pointer-events: none !important;
z-index: 1 !important;
position: absolute !important;
display: block !important;
opacity: 0 !important;
transition: all .1s ease .1s !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q,
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q * {
-webkit-user-select: none !important;
user-select: none !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-16lkv.cc-vry1d,
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-1re4b.cc-vry1d {
text-align: start !important;
inset-inline-start: 0 !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-16lkv.cc-vry1d:after,
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-1re4b.cc-vry1d:after {
inset-inline-start: 0 !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-16lkv.cc-z6ryc,
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-1re4b.cc-z6ryc {
text-align: end !important;
inset-inline-end: 0 !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-16lkv.cc-z6ryc:after,
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-1re4b.cc-z6ryc:after {
inset-inline-end: 0 !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-16lkv.cc-17mdu,
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-1re4b.cc-17mdu {
text-align: center !important;
margin-left: -500px !important;
left: 50% !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-16lkv.cc-17mdu:after,
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-1re4b.cc-17mdu:after {
margin-left: -5px !important;
left: 50% !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-16lkv:after,
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-1re4b:after {
border-inline-start: solid transparent 5px !important;
border-inline-end: solid transparent 5px !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-16lkv {
margin-top: 6px !important;
top: 100% !important;
transform: translateY(-3px) !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-16lkv:after {
top: -4px !important;
border-bottom: 5px solid rgb(var(--cc-kpizn)) !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-1re4b {
margin-bottom: 7px !important;
bottom: 100% !important;
transform: translateY(-3px) !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-1re4b:after {
bottom: -5px !important;
border-top: 5px solid rgb(var(--cc-kpizn)) !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-8rx8k {
margin-top: -14px !important;
top: 50% !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-8rx8k.cc-vry1d {
inset-inline-end: 100% !important;
text-align: end !important;
margin-inline-end: 7px !important;
transform: translateX(3px) !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-8rx8k.cc-vry1d:after {
inset-inline-end: -5px !important;
border-inline-start: 5px solid rgb(var(--cc-kpizn)) !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-8rx8k.cc-z6ryc {
inset-inline-start: 100% !important;
text-align: start !important;
margin-inline-start: 7px !important;
transform: translateX(-3px) !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-8rx8k.cc-z6ryc:after {
inset-inline-start: -5px !important;
border-inline-end: 5px solid rgb(var(--cc-kpizn)) !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q.cc-8rx8k:after {
border-top: solid transparent 5px !important;
border-bottom: solid transparent 5px !important;
margin-top: -5px !important;
top: 50% !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q .cc-ou7h7 {
background-color: rgb(var(--cc-kpizn)) !important;
color: rgb(var(--cc-lqu9t)) !important;
letter-spacing: .1px !important;
text-align: center !important;
text-shadow: none !important;
text-transform: initial !important;
display: inline-block !important;
inset-inline-start: 50% !important;
padding: 0 12px !important;
border-radius: 6px !important;
box-shadow: 0 8px 24px 0 rgba(var(--cc-tje44), .1), 0 6px 6px 0 rgba(var(--cc-tje44), .04) !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q .cc-ou7h7,
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q .cc-ou7h7 * {
font-size: 11.2px !important
}
.crisp-client .cc-1brb6 .cc-gge6o .cc-1k14q:after {
content: "" !important;
height: 0 !important;
position: absolute !important;
width: 0 !important
}
.crisp-client .cc-1brb6 .cc-gge6o.cc-16wqq .cc-1k14q,
.crisp-client .cc-1brb6 .cc-gge6o:hover .cc-1k14q {
visibility: visible !important;
opacity: 1 !important;
transition: all .15s ease !important
}
.crisp-client .cc-1brb6 .cc-gge6o.cc-16wqq .cc-1k14q.cc-16lkv,
.crisp-client .cc-1brb6 .cc-gge6o.cc-16wqq .cc-1k14q.cc-1re4b,
.crisp-client .cc-1brb6 .cc-gge6o:hover .cc-1k14q.cc-16lkv,
.crisp-client .cc-1brb6 .cc-gge6o:hover .cc-1k14q.cc-1re4b {
transform: translateY(0) !important
}
.crisp-client .cc-1brb6 .cc-gge6o.cc-16wqq .cc-1k14q.cc-8rx8k.cc-vry1d,
.crisp-client .cc-1brb6 .cc-gge6o.cc-16wqq .cc-1k14q.cc-8rx8k.cc-z6ryc,
.crisp-client .cc-1brb6 .cc-gge6o:hover .cc-1k14q.cc-8rx8k.cc-vry1d,
.crisp-client .cc-1brb6 .cc-gge6o:hover .cc-1k14q.cc-8rx8k.cc-z6ryc {
transform: translateX(0) !important
}
.crisp-client .cc-1brb6[dir=rtl] .cc-gge6o .cc-1k14q.cc-8rx8k.cc-vry1d {
transform: translateX(-3px) !important
}
.crisp-client .cc-1brb6[dir=rtl] .cc-gge6o .cc-1k14q.cc-8rx8k.cc-z6ryc {
transform: translateX(3px) !important
}
.crisp-client .cc-1brb6[dir=rtl] .cc-gge6o.cc-16wqq .cc-1k14q.cc-8rx8k.cc-vry1d,
.crisp-client .cc-1brb6[dir=rtl] .cc-gge6o.cc-16wqq .cc-1k14q.cc-8rx8k.cc-z6ryc,
.crisp-client .cc-1brb6[dir=rtl] .cc-gge6o:hover .cc-1k14q.cc-8rx8k.cc-vry1d,
.crisp-client .cc-1brb6[dir=rtl] .cc-gge6o:hover .cc-1k14q.cc-8rx8k.cc-z6ryc {
transform: translateX(0) !important
}
.crisp-client .cc-1brb6 .cc-hshc7[data-partial-pending=true] {
animation-name: cc-10du4 !important;
animation-duration: 2s !important;
animation-timing-function: ease-in-out !important;
animation-fill-mode: both !important;
animation-iteration-count: infinite !important
}
.crisp-client .cc-1brb6 .cc-1dlmp {
border-width: 1px !important;
border-style: solid !important;
border-color: rgba(var(--cc-lqu9t), .1) !important;
display: inline-block !important;
transition: all .1s ease-in-out !important;
transition-property: border-color, box-shadow, transform !important;
border-radius: 8px !important;
box-shadow: 0 2px 4px 0 rgba(var(--cc-tje44), .08) !important
}
.crisp-client .cc-1brb6 .cc-1dlmp:hover {
border-color: rgba(var(--cc-lqu9t), .175) !important;
box-shadow: 0 2px 4px 0 rgba(var(--cc-tje44), .125) !important
}
.crisp-client .cc-1brb6 .cc-1dlmp:active {
transform: translateY(1px) !important;
box-shadow: 0 1px 2px 0 rgba(var(--cc-tje44), .15) !important
}
.crisp-client .cc-1brb6 .cc-1dlmp.cc-1vz5i {
font-size: 12.8px !important;
line-height: 20px !important;
letter-spacing: .15px !important;
padding: 8px 25px 9px !important
}
.crisp-client .cc-1brb6 .cc-1dlmp.cc-cdm5x {
font-size: 10.8px !important;
line-height: 16px !important;
letter-spacing: .08px !important;
padding: 5px 15px 6px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1no03 {
position: fixed !important;
right: 24px !important
}
.crisp-client .cc-1brb6[data-position-reverse=true] .cc-1yy0g .cc-1m2mf,
.crisp-client .cc-1brb6[data-position-reverse=true] .cc-1yy0g .cc-1no03 {
right: auto !important;
left: 24px !important
}
.crisp-client .cc-1brb6[data-lock-maximized=false][data-is-activity-ongoing=false][data-force-show=false][data-blocked=true] .cc-1wive,
.crisp-client .cc-1brb6[data-lock-maximized=false][data-is-activity-ongoing=false][data-force-show=false][data-hide-on-away=true][data-was-availability-online=false][data-availability=away] .cc-1wive,
.crisp-client .cc-1brb6[data-lock-maximized=false][data-is-activity-ongoing=false][data-force-show=false][data-hide-on-mobile=true][data-mobile-view=true] .cc-1wive,
.crisp-client .cc-1brb6[data-lock-maximized=false][data-is-activity-ongoing=false][data-force-show=false][data-hide-vacation=true] .cc-1wive {
display: none !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf {
z-index: 2 !important;
display: block !important;
bottom: 20px !important;
border-radius: 100% !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf[data-is-failure=true],
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf[data-is-failure=true] * {
cursor: default !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe .cc-sdm9t,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe .cc-sdm9t:after,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf[data-is-failure=false],
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf[data-is-failure=false] * {
cursor: pointer !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf[data-pane-animate-entrance=true] {
animation-name: cc-a0cou !important;
animation-duration: .75s !important;
animation-fill-mode: both !important
}
.crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf {
bottom: 14px !important;
right: 14px !important;
z-index: 1 !important
}
.crisp-client .cc-1brb6[data-lock-maximized=true] .cc-1yy0g .cc-1m2mf {
display: none !important
}
.crisp-client .cc-1brb6[data-position-reverse=true][data-full-view=true] .cc-1yy0g .cc-1m2mf {
right: auto !important;
left: 14px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw {
display: block !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe {
text-align: center !important;
position: fixed !important;
bottom: 96px !important;
right: 24px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe.cc-179sg {
animation-name: cc-txt1c !important;
animation-duration: .25s !important;
animation-fill-mode: both !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe.cc-9c0pe {
animation-name: cc-1byo1 !important;
animation-duration: .25s !important;
animation-fill-mode: both !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=failure_notice] .cc-1ixpz .cc-1amne,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-1ixpz .cc-1amne {
border-radius: 12px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=failure_notice] .cc-1ixpz .cc-1amne,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-1ixpz .cc-1amne {
height: 38px !important;
padding: 0 20px !important;
display: flex !important;
align-items: center !important;
box-shadow: 0 3px 6px 0 rgba(var(--cc-tje44), .06) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=failure_notice] .cc-1ixpz .cc-1amne .cc-1uoaj,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-1ixpz .cc-1amne .cc-1uoaj {
font-size: 12.4px !important;
letter-spacing: 0 !important;
text-align: start !important;
white-space: nowrap !important;
margin-top: -2px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1djrv[data-type=chat] .cc-uxkrl,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-1amne .cc-sq5fy {
--mask-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNNy43NjEgMGM0LjI4IDAgNy43NjIgMy4xMzQgNy43NjIgNi45ODUgMCAuMjUtLjAxNi40OTgtLjA0NC43NDEtLjQ2MyA0LjI4Ni00Ljg2OCA3LjMxNS01Ljc0NiA3Ljg3OGwtLjQyLjI2OWMtLjc3NS40MjYtLjc2LS4zNTYtLjc3NS0uMzV2LTEuNTg5QzMuOTEyIDE0LjM2NCAwIDExLjA2NyAwIDYuOTg1IDAgMy4xMzQgMy40ODIgMCA3Ljc2MSAwek01LjA0NSA2LjIxaC0uNzc2YS4zODguMzg4IDAgMDAtLjM4OC4zODd2Ljc3NmMwIC4yMTUuMTc0LjM4OC4zODguMzg4aC43NzZhLjM4OC4zODggMCAwMC4zODgtLjM4OHYtLjc3NmEuMzg4LjM4OCAwIDAwLS4zODgtLjM4OHptMy4xMDQgMGgtLjc3NmEuMzg4LjM4OCAwIDAwLS4zODguMzg3di43NzZjMCAuMjE1LjE3NC4zODguMzg4LjM4OGguNzc2YS4zODguMzg4IDAgMDAuMzg5LS4zODh2LS43NzZhLjM4OC4zODggMCAwMC0uMzg5LS4zODh6bTMuMTA1IDBoLS43NzZhLjM4OC4zODggMCAwMC0uMzg4LjM4N3YuNzc2YzAgLjIxNS4xNzQuMzg4LjM4OC4zODhoLjc3NmEuMzg4LjM4OCAwIDAwLjM4OC0uMzg4di0uNzc2YS4zODguMzg4IDAgMDAtLjM4OC0uMzg4eiIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguMjUpIj48cGF0aCBkPSJNMCAwaDE1LjUyM3YxNkgweiIvPjwvZz48L3N2Zz4=) !important;
-webkit-mask-image: var(--mask-image) !important;
mask-image: var(--mask-image) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=failure_notice] {
display: block !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=failure_notice] .cc-1ixpz .cc-1amne {
background-color: rgb(var(--cc-rs6m9)) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=failure_notice] .cc-1ixpz .cc-1amne .cc-1uoaj {
color: rgb(var(--cc-5suw9)) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne {
background: rgb(var(--cc-kpizn)) !important;
height: auto !important;
min-width: 280px !important;
max-width: 360px !important;
padding: 14px 22px !important;
overflow: hidden !important;
position: relative !important;
box-shadow: 0 6px 6px 0 rgba(var(--cc-tje44), .02), 0 8px 24px 0 rgba(var(--cc-tje44), .12) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo {
display: block !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo .cc-1x4xm {
background-color: transparent !important;
position: absolute !important;
inset-inline-end: 15px !important;
top: 10px !important;
z-index: 1 !important;
opacity: .5 !important;
border-radius: 0 !important;
box-shadow: none !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo .cc-1x4xm:hover,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj:nth-last-child(2) .cc-1dsrh .cc-shulb {
opacity: .9 !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo .cc-1x4xm:active {
opacity: 1 !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo .cc-1hjy4 {
text-align: start !important;
display: block !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo .cc-1hjy4 .cc-y90t5 {
color: rgb(var(--cc-1j3c6)) !important;
font-size: 13.6px !important;
line-height: 16px !important;
letter-spacing: .05px !important;
padding-inline-end: 24px !important;
display: block !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo .cc-1hjy4 .cc-1ets0 {
margin: 6px 0 12px !important;
display: flex !important;
align-items: center !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo .cc-1hjy4 .cc-1ets0 .cc-ok0uk {
font-size: 12.4px !important;
line-height: 15px !important;
letter-spacing: .1px !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;
padding: 0 1px !important;
display: block !important;
flex: 1 !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo .cc-1hjy4 .cc-1ets0 .cc-ok0uk[data-id=away] {
color: rgb(var(--cc-1eeow)) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo .cc-1hjy4 .cc-1ets0 .cc-ok0uk[data-id=online]:before {
content: "" !important;
background-color: rgb(var(--cc-1t2x7)) !important;
vertical-align: middle !important;
width: 9px !important;
height: 9px !important;
margin-top: -2px !important;
margin-inline-end: 6px !important;
display: inline-block !important;
border-radius: 9px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo .cc-1hjy4 .cc-1ets0 .cc-k2uiy {
line-height: 0 !important;
margin-inline-start: 5px !important;
flex: 0 0 auto !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo .cc-1hjy4 .cc-1ets0 .cc-k2uiy .cc-x2po4 {
margin-inline-start: -7px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo .cc-1hjy4 .cc-1ets0 .cc-k2uiy .cc-x2po4:first-child {
margin-inline-start: 0 !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo .cc-1hjy4 .cc-1ets0 .cc-k2uiy .cc-x2po4 .cc-164u5 {
border-width: 2px !important;
border-style: solid !important;
border-color: rgb(var(--cc-kpizn)) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo .cc-1hjy4 .cc-1ets0 .cc-k2uiy .cc-x2po4 .cc-164u5,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-14i7w .cc-7udqo .cc-1hjy4 .cc-1ets0 .cc-k2uiy .cc-x2po4 .cc-164u5 .cc-1798f {
width: 28px !important;
height: 28px !important;
display: inline-block !important;
border-radius: 28px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-1xr1o {
display: flex !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-1xr1o .cc-1djrv {
height: 38px !important;
margin-inline-end: 8px !important;
padding: 0 19px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 12px !important;
transition: all .15s ease-in-out !important;
transition-property: background-color, transform !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-1xr1o .cc-1djrv:active {
transform: translateY(1px) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-1xr1o .cc-1djrv:last-of-type {
margin-inline-end: 0 !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-1xr1o .cc-1djrv:nth-child(1) {
flex: 1 !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-1xr1o .cc-1djrv:nth-child(2) {
flex: 0 0 auto !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-1xr1o .cc-1djrv[data-type=search] {
background-color: rgb(var(--cc-s9b6x)) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-1xr1o .cc-1djrv[data-type=search]:hover {
background-color: color-mix(in srgb, rgba(var(--cc-s9b6x), 1) 95%, rgba(var(--cc-lqu9t), 1)) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-1xr1o .cc-1djrv[data-type=search]:active {
background-color: color-mix(in srgb, rgba(var(--cc-s9b6x), 1) 93%, rgba(var(--cc-lqu9t), 1)) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-1xr1o .cc-1djrv[data-type=search] .cc-uxkrl {
background-color: rgb(var(--cc-1j3c6)) !important;
--mask-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNNS45NDYgMGE1Ljk0NiA1Ljk0NiAwIDAxNS45NDYgNS45NDYgNS45MiA1LjkyIDAgMDEtMS40MzYgMy44N2wuMjU2LjI0N2guNzIzTDE2IDE0LjYzNyAxNC42MzcgMTZsLTQuNTc0LTQuNTY1di0uNzIzbC0uMjQ3LS4yNTZhNS45MiA1LjkyIDAgMDEtMy44NyAxLjQzNkE1Ljk0NiA1Ljk0NiAwIDExNS45NDYgMHptMCAxLjgzYy0yLjI3OCAwLTQuMTE2IDEuODM4LTQuMTE2IDQuMTE2czEuODM4IDQuMTE3IDQuMTE2IDQuMTE3IDQuMTE3LTEuODM5IDQuMTE3LTQuMTE3UzguMjI0IDEuODMgNS45NDYgMS44M3oiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0iTTAgMGgxNnYxNkgweiIvPjwvZz48L3N2Zz4=) !important;
-webkit-mask-image: var(--mask-image) !important;
mask-image: var(--mask-image) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-1xr1o .cc-1djrv[data-type=search] .cc-ggi1r {
color: rgb(var(--cc-1j3c6)) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-1xr1o .cc-1djrv .cc-uxkrl {
-webkit-mask-size: contain !important;
mask-size: contain !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
mask-position: center !important;
display: inline-block !important;
width: 16px !important;
height: 16px !important;
margin-inline-end: 9px !important;
flex: 0 0 auto !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=general_entice] .cc-1ixpz .cc-1amne .cc-1xr1o .cc-1djrv .cc-ggi1r {
font-size: 12.4px !important;
line-height: 18px !important;
letter-spacing: 0 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
margin-top: -2px !important;
overflow: hidden !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 {
display: block !important;
position: relative !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-kcctq {
margin-bottom: 7px !important;
position: absolute !important;
right: 0 !important;
bottom: 100% !important;
animation-name: cc-359do !important;
animation-duration: .2s !important;
animation-fill-mode: both !important;
animation-delay: .3s !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv {
display: block !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj {
margin-bottom: 5px !important;
display: block !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj.cc-14t90 {
animation-name: cc-1idos !important;
animation-duration: .3s !important;
animation-fill-mode: both !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj.cc-14t90:nth-last-child(2) {
animation-delay: 15ms !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj.cc-14t90:nth-last-child(3) {
animation-delay: 30ms !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj.cc-14t90:nth-last-child(4) {
animation-delay: 45ms !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj.cc-14t90:nth-last-child(5) {
animation-delay: 60ms !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj:last-of-type .cc-1dsrh .cc-18ly6 {
display: block !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj:last-of-type .cc-1dsrh .cc-shulb {
padding-top: 11px !important;
padding-bottom: 10px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj:last-of-type .cc-1dsrh .cc-shulb .cc-l86yb {
display: block !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj:nth-last-child(3) .cc-1dsrh .cc-shulb {
opacity: .8 !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj:nth-last-child(4) .cc-1dsrh .cc-shulb {
opacity: .6 !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj:nth-last-child(5) .cc-1dsrh .cc-shulb {
opacity: .5 !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh {
float: right !important;
position: relative !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh:active:nth-last-child(1) .cc-shulb,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh:active:nth-last-child(2) .cc-shulb,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh:active:nth-last-child(3) .cc-shulb,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh:active:nth-last-child(4) .cc-shulb,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh:active:nth-last-child(5) .cc-shulb,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh:hover:nth-last-child(1) .cc-shulb,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh:hover:nth-last-child(2) .cc-shulb,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh:hover:nth-last-child(3) .cc-shulb,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh:hover:nth-last-child(4) .cc-shulb,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh:hover:nth-last-child(5) .cc-shulb {
opacity: 1 !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh:hover .cc-shulb {
box-shadow: 0 3px 12px 0 rgba(var(--cc-tje44), .2) !important;
transform: scale(1.015) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh:active .cc-shulb {
transform: scale(.985) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-18ly6 {
display: none !important;
position: absolute !important;
left: -46px !important;
bottom: 0 !important;
box-shadow: 0 2px 4px 0 rgba(var(--cc-tje44), .06) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-18ly6,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-18ly6 .cc-dh2e2 {
width: 36px !important;
height: 36px !important;
border-radius: 36px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-18ly6 .cc-dh2e2 {
display: block !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb {
background: rgb(var(--cc-kpizn)) !important;
text-align: start !important;
max-width: 300px !important;
max-height: 260px !important;
padding: 9px 18px !important;
overflow: hidden !important;
display: block !important;
position: relative !important;
border-radius: 6px !important;
box-shadow: 0 3px 6px 0 rgba(var(--cc-tje44), .1) !important;
transition: transform .15s ease-in-out, box-shadow .15s ease-in-out, opacity .15s ease-in-out !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-nea2e {
background-image: linear-gradient(0deg, rgba(var(--cc-kpizn), .8) 0, rgba(var(--cc-kpizn), 0) 100%) !important;
height: 15px !important;
position: absolute !important;
inset-inline: 0 !important;
bottom: 0 !important;
z-index: 1 !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-l86yb {
color: rgb(var(--cc-1j3c6)) !important;
letter-spacing: 0 !important;
margin-bottom: 5px !important;
display: none !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-l86yb .cc-1ddfe,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-l86yb .cc-1o715 {
font-size: 11px !important;
float: inline-start !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-l86yb .cc-1ddfe {
margin-inline-start: 3px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-56lpm {
display: block !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-56lpm,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-56lpm .cc-cv1ii,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-56lpm .cc-lbwcr {
color: rgb(var(--cc-1j3c6)) !important;
font-size: 12px !important;
text-align: justify !important;
-webkit-hyphens: auto !important;
-moz-hyphens: auto !important;
-ms-hyphens: auto !important;
hyphens: auto !important;
word-break: break-word !important;
letter-spacing: 0 !important;
line-height: 19px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-56lpm .cc-cv1ii,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-56lpm .cc-lbwcr {
pointer-events: none !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-56lpm .cc-lbwcr {
word-break: break-all !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-56lpm .cc-cv1ii.cc-oyqj3[data-type="#"] {
font-size: 28.8px !important;
line-height: 32px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-56lpm .cc-cv1ii.cc-oyqj3[data-type="##"] {
font-size: 25.6px !important;
line-height: 28px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-56lpm .cc-cv1ii.cc-oyqj3[data-type="###"] {
font-size: 22.4px !important;
line-height: 24px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-56lpm .cc-cv1ii.cc-oyqj3[data-type="####"] {
font-size: 19.2px !important;
line-height: 24px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-56lpm .cc-cv1ii.cc-oyqj3[data-type="#####"] {
font-size: 16px !important;
line-height: 20px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-56lpm .cc-cv1ii.cc-oyqj3[data-type="######"] {
font-size: 12.8px !important;
line-height: 16px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-56lpm .cc-o3u7e[data-size=large] {
margin-bottom: -4px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb .cc-56lpm .cc-1feso {
background-color: cover !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
width: 180px !important;
height: 80px !important;
border-radius: 8px !important;
display: block !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-1ixpz {
margin-top: 14px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-1ixpz .cc-1amne {
transition: transform .15s ease-in-out !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-1ixpz .cc-1amne:hover:hover {
transform: scale(1.01) !important;
box-shadow: 0 3px 8px 0 rgba(var(--cc-tje44), .125) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-1ixpz .cc-1amne:hover:active {
transform: scale(.985) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-1ixpz .cc-1amne .cc-sq5fy {
-webkit-mask-size: contain !important;
mask-size: contain !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
mask-position: center !important;
display: inline-block !important;
width: 16px !important;
height: 16px !important;
margin-inline-end: 10px !important;
flex: 0 0 auto !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-1ixpz .cc-1amne .cc-1uoaj {
text-align: start !important;
transition: color .1s ease-in-out !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe .cc-1ixpz {
display: block !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe .cc-1ixpz .cc-1amne {
font-size: 12.8px !important;
letter-spacing: .1px !important;
line-height: 35px !important;
text-align: center !important;
-webkit-hyphens: auto !important;
-moz-hyphens: auto !important;
-ms-hyphens: auto !important;
hyphens: auto !important;
height: 37px !important;
padding: 0 22px !important;
overflow: hidden !important;
float: right !important;
position: relative !important;
z-index: 1 !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe .cc-sdm9t {
background-color: rgb(var(--cc-kpizn)) !important;
text-align: center !important;
line-height: 0 !important;
height: 24px !important;
width: 24px !important;
display: inline-block !important;
transition: transform .15s linear !important;
border-radius: 6px !important;
box-shadow: 0 1px 4px 0 rgba(var(--cc-tje44), .06) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe .cc-sdm9t:hover {
transform: scale(1.025) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe .cc-sdm9t:active {
transform: scale(.975) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe .cc-sdm9t:after {
content: "" !important;
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjgiIHdpZHRoPSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZD0iTTE0NDAgMHYxMDI0SDBWMHoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iYiI+PHBhdGggZD0iTS41NzYgMGEuNTcuNTcgMCAwMS40MDYuMTc1TDQgMy4xOTQgNy4wMTguMTc1YS41Ny41NyAwIDExLjgwNi44MDdMNC44MDYgNGwzLjAxOCAzLjAxOGEuNTcuNTcgMCAxMS0uODA2LjgwNkw0IDQuODA2Ljk4MiA3LjgyNGEuNTcuNTcgMCAxMS0uODA3LS44MDZMMy4xOTQgNCAuMTc1Ljk4MkEuNTcuNTcgMCAwMS41NzYgMHoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0MDAgLTY2NCkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQwMCA2NjQpIj48cGF0aCBkPSJNMCAwaDcuOTk3djhIMHoiIGZpbGw9IiMxYjI5M2IiLz48L2c+PC9nPjwvc3ZnPg==) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: inline-block !important;
width: 8px !important;
height: 8px !important;
margin-top: 8px !important
}
.crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe {
bottom: 80px !important;
right: 14px !important
}
.crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-kcctq {
display: block !important;
opacity: 1 !important
}
.crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj {
display: none !important
}
.crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj:nth-last-child(1),
.crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj:nth-last-child(2) {
display: block !important
}
.crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-18ly6 {
display: none !important
}
.crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-shulb {
max-width: 260px !important;
max-height: 140px !important
}
.crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-1ixpz {
margin-top: 8px !important
}
.crisp-client .cc-1brb6[data-position-reverse=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe {
right: auto !important;
left: 24px !important
}
.crisp-client .cc-1brb6[data-position-reverse=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-kcctq {
right: auto !important;
left: 0 !important
}
.crisp-client .cc-1brb6[data-position-reverse=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj.cc-14t90 {
animation-name: cc-1y64b !important
}
.crisp-client .cc-1brb6[data-position-reverse=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh {
float: left !important
}
.crisp-client .cc-1brb6[data-position-reverse=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe[data-id=new_messages] .cc-suqf2 .cc-1aebv .cc-oslnj .cc-1dsrh .cc-18ly6 {
left: auto !important;
right: -46px !important
}
.crisp-client .cc-1brb6[data-position-reverse=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe .cc-1ixpz .cc-1amne {
float: left !important
}
.crisp-client .cc-1brb6[data-position-reverse=true][data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-6lwfw .cc-1pzwe {
right: auto !important;
left: 14px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw {
width: 60px !important;
height: 60px !important;
display: block !important;
border-radius: 100% !important;
box-shadow: 0 4px 10px 0 rgba(var(--cc-tje44), .05) !important;
transition: transform .15s ease-in-out !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw.cc-l22u7 {
background-color: rgb(var(--cc-e4hcn)) !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw[data-has-unread=true]:before {
content: "" !important;
border-width: 2px !important;
border-style: solid !important;
border-color: rgb(var(--cc-rs6m9)) !important;
pointer-events: none !important;
position: absolute !important;
inset: -3px !important;
border-radius: 100% !important
}
.crisp-client .cc-1brb6[data-last-operator-face=true] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-1bvfm,
.crisp-client .cc-1brb6[data-website-logo=false][data-last-operator-face=false] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc[data-is-ongoing=true] .cc-1bvfm,
.crisp-client .cc-1brb6[data-website-logo=true] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-1bvfm {
inset: 0 !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc {
display: block !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-1bvfm,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-5vksq {
position: absolute !important;
z-index: 2 !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-5vksq {
top: 18px !important;
left: 18px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-5vksq .cc-plaj2 {
border-width: 2px !important;
width: 20px !important;
height: 20px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-1bvfm .cc-1d4mk {
display: none !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-1bvfm .cc-1d4mk,
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-1bvfm .cc-1d4mk .cc-1kqps {
width: 100% !important;
height: 100% !important;
border-radius: 60px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-1bvfm .cc-1d4mk .cc-1kqps {
display: block !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-i0mv8 {
background-color: rgb(var(--cc-kpizn)) !important;
border-width: 1.5px !important;
border-style: solid !important;
border-color: rgb(var(--cc-kpizn)) !important;
width: 14px !important;
height: 14px !important;
display: none !important;
position: absolute !important;
right: 1.5px !important;
bottom: -1.5px !important;
z-index: 3 !important;
border-radius: 14px !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-1txul {
background-color: rgb(var(--cc-rs6m9)) !important;
border-width: 1px !important;
border-style: solid !important;
border-color: rgb(var(--cc-kpizn)) !important;
color: rgb(var(--cc-kpizn)) !important;
font-size: 12.4px !important;
text-align: center !important;
letter-spacing: 0 !important;
line-height: 25px !important;
height: 26px !important;
width: 26px !important;
position: absolute !important;
right: -4px !important;
bottom: -6px !important;
z-index: 4 !important;
border-radius: 100% !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf[data-maximized=false] .cc-157aw .cc-d73fc .cc-1bvfm {
visibility: visible !important
}
.crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf[data-is-failure=false] .cc-157aw:active {
transform: scale(.965) !important
}
.crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-157aw {
width: 54px !important;
height: 54px !important;
border-radius: 54px !important
}
.crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-5vksq {
top: 16px !important;
left: 16px !important
}
.crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-5vksq .cc-plaj2 {
width: 18px !important;
height: 18px !important
}
.crisp-client .cc-1brb6[data-full-view=true] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-1txul {
font-size: 11.6px !important;
line-height: 21px !important;
height: 22px !important;
width: 22px !important
}
.crisp-client .cc-1brb6[data-full-view=true][data-website-logo=false][data-last-operator-face=false] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc[data-is-ongoing=false] .cc-1bvfm {
width: 32px !important;
height: 26px !important;
top: 16px !important;
left: 11px !important
}
.crisp-client .cc-1brb6[data-full-view=true][data-website-logo=false][data-last-operator-face=false] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc[data-is-ongoing=false][data-prefer-search=true] .cc-1bvfm {
width: 24px !important;
height: 24px !important;
top: 14px !important;
left: 14px !important
}
.crisp-client .cc-1brb6[data-full-view=false][data-website-logo=false][data-last-operator-face=false] .cc-1yy0g .cc-1m2mf[data-animate-minimize=true] .cc-157aw .cc-d73fc[data-is-ongoing=false] .cc-1bvfm {
animation-name: cc-1fjbb !important;
animation-duration: .2s !important;
animation-fill-mode: both !important;
animation-delay: 50ms !important
}
.crisp-client .cc-1brb6[data-full-view=false][data-website-logo=false][data-last-operator-face=false] .cc-1yy0g .cc-1m2mf[data-animate-maximize=true] .cc-157aw .cc-d73fc[data-is-ongoing=false] .cc-1bvfm {
animation-name: cc-jmqjp !important;
animation-duration: .15s !important;
animation-fill-mode: both !important
}
.crisp-client .cc-1brb6[data-last-operator-face=true] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-1bvfm .cc-1d4mk,
.crisp-client .cc-1brb6[data-website-logo=true] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc .cc-1bvfm .cc-1d4mk {
display: block !important
}
.crisp-client .cc-1brb6[data-website-logo=false][data-last-operator-face=false][data-full-view=false] .cc-1yy0g .cc-1m2mf[data-maximized=true] .cc-157aw .cc-d73fc[data-is-ongoing=false] .cc-1bvfm {
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjM5OSAyLjA0YTEuMzM0IDEuMzM0IDAgMDAtMi4yOS0uOTNsLTcuMDU2IDcuMDU3TDIuOTk1IDEuMTFBMS4zMzMgMS4zMzMgMCAxMDEuMTEgMi45OTVsNy4wNTcgNy4wNThMMS4xMSAxNy4xMWExLjMzNCAxLjMzNCAwIDEwMS44ODUgMS44ODVsNy4wNTgtNy4wNTcgNy4wNTcgNy4wNTdhMS4zMzQgMS4zMzQgMCAxMDEuODg1LTEuODg1bC03LjA1Ny03LjA1NyA3LjA1Ny03LjA1OGExLjMzMiAxLjMzMiAwIDAwLjQwNC0uOTU1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: inline-block !important;
width: 18px !important;
height: 18px !important;
top: 21px !important;
left: 21px !important
}
.crisp-client .cc-1brb6[data-website-logo=false][data-last-operator-face=false] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc[data-is-ongoing=false] .cc-1bvfm {
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB3aWR0aD0iMzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgaWQ9ImEiIGhlaWdodD0iMTM4LjclIiB3aWR0aD0iMTMxLjQlIiB4PSItMTUuNyUiIHk9Ii0xNS4xJSI+PGZlTW9ycGhvbG9neSBpbj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJkaWxhdGUiIHJhZGl1cz0iMSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiLz48ZmVPZmZzZXQgZHk9IjEiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA3IDAiLz48L2ZpbHRlcj48cGF0aCBpZD0iYiIgZD0iTTE0LjIzIDIwLjQ2bC05LjY1IDEuMUwzIDUuMTIgMzAuMDcgMmwxLjU4IDE2LjQ2LTkuMzcgMS4wNy0zLjUgNS43Mi00LjU1LTQuOHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiB4bGluazpocmVmPSIjYiIvPjwvZz48L3N2Zz4=) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: inline-block !important;
width: 33px !important;
height: 28px !important;
top: 18px !important;
left: 13px !important
}
.crisp-client .cc-1brb6[data-website-logo=false][data-last-operator-face=false] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc[data-is-ongoing=false][data-prefer-search=true] .cc-1bvfm {
background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI4IiB3aWR0aD0iMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTI3LjY0IDI1Ljk3N2wtNi4zMDktNi4zMmExMS45NzkgMTEuOTc5IDAgMDAyLjcxOC03LjYyM0MyNC4wNDkgNS4zODggMTguNjY1IDAgMTIuMDI0IDAgNS4zODQgMCAwIDUuMzg4IDAgMTIuMDM0czUuMzg0IDEyLjAzNCAxMi4wMjQgMTIuMDM0YzIuOTAxIDAgNS41NjItMS4wMjggNy42NC0yLjc0M2w2LjMxIDYuMzE1Yy43MzYuNjc0IDEuNDI2LjI0IDEuNjY2IDBhMS4xNCAxLjE0IDAgMDAwLTEuNjYzek0yLjM0NyAxMi4wMzRjMC01LjM0OCA0LjMzMy05LjY4NSA5LjY3Ny05LjY4NSA1LjM0NSAwIDkuNjg0IDQuMzM3IDkuNjg0IDkuNjg1cy00LjMzNCA5LjY4Ni05LjY3OCA5LjY4NmMtNS4zNDQgMC05LjY4My00LjMzNy05LjY4My05LjY4NnoiLz48cGF0aCBkPSJNOS42NDIgNy42MDdjLjIwOCAwIC4zOS4xMzguNDQ3LjMzN2wuNTAzIDEuNzYyYy4yMi43Ny44MjMgMS4zNzQgMS41OTQgMS41OTRsMS43NjIuNTAzYS40NjQuNDY0IDAgMDEwIC44OTNsLTEuNzYyLjUwM2EyLjMyMSAyLjMyMSAwIDAwLTEuNTk0IDEuNTk1bC0uNTAzIDEuNzYyYS40NjQuNDY0IDAgMDEtLjg5MyAwbC0uNTAzLTEuNzYyYTIuMzIxIDIuMzIxIDAgMDAtMS41OTUtMS41OTVsLTEuNzYyLS41MDNhLjQ2NC40NjQgMCAwMTAtLjg5M2wxLjc2Mi0uNTAzYTIuMzIxIDIuMzIxIDAgMDAxLjU5NS0xLjU5NGwuNTAzLTEuNzYyYy4wNTctLjIuMjM5LS4zMzcuNDQ2LS4zMzd6bTUuNTcxLTEuODU3Yy4yMTQgMCAuNC4xNDUuNDUxLjM1MmwuMTYuNjRjLjE0Ni41ODMuNiAxLjAzNyAxLjE4MiAxLjE4M2wuNjQxLjE2YS40NjQuNDY0IDAgMDEwIC45MDFsLS42NC4xNmMtLjU4My4xNDYtMS4wMzcuNi0xLjE4MyAxLjE4MmwtLjE2LjY0MmEuNDY0LjQ2NCAwIDAxLS45MDEgMGwtLjE2LS42NDJhMS42MjUgMS42MjUgMCAwMC0xLjE4Mi0xLjE4MmwtLjY0Mi0uMTZhLjQ2NC40NjQgMCAwMTAtLjkwMWwuNjQyLS4xNmExLjYyNSAxLjYyNSAwIDAwMS4xODItMS4xODJsLjE2LS42NDFhLjQ2NC40NjQgMCAwMS40NS0uMzUyem0tLjkyOCA4LjM1N2MuMiAwIC4zNzcuMTI4LjQ0LjMxN2wuMjQ1LjczM2MuMDkyLjI3Ni4zMS40OTQuNTg2LjU4NmwuNzMzLjI0NWEuNDY0LjQ2NCAwIDAxMCAuODhsLS43MzMuMjQ1YS45MjkuOTI5IDAgMDAtLjU4Ni41ODZsLS4yNDUuNzMzYS40NjQuNDY0IDAgMDEtLjg4IDBsLS4yNDUtLjczM2EuOTI5LjkyOSAwIDAwLS41ODctLjU4NmwtLjczMi0uMjQ1YS40NjQuNDY0IDAgMDEwLS44OGwuNzMyLS4yNDVhLjkyOS45MjkgMCAwMC41ODctLjU4NmwuMjQ1LS43MzNhLjQ2NC40NjQgMCAwMS40NC0uMzE3eiIgb3BhY2l0eT0iLjc1MiIvPjwvZz48L3N2Zz4=) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: inline-block !important;
width: 26px !important;
height: 26px !important;
top: 16px !important;
left: 16px !important
}
.crisp-client .cc-1brb6[data-website-logo=false][data-last-operator-face=false] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc[data-is-ongoing=true] .cc-1bvfm .cc-1d4mk {
display: block !important
}
.crisp-client .cc-1brb6[data-availability=online] .cc-1yy0g .cc-1m2mf .cc-157aw .cc-d73fc[data-is-ongoing=true] .cc-i0mv8 {
background-color: rgb(var(--cc-1t2x7)) !important;
display: block !important
}
@keyframes cc-a0cou {
0% {
opacity: 0;
transform: scale3d(.6, .6, .6)
}
80% {
opacity: 0;
transform: scale3d(.9, .9, .9)
}
100% {
opacity: 1
}
}
@keyframes cc-txt1c {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes cc-1byo1 {
0% {
opacity: 0;
transform: translateY(4%)
}
100% {
opacity: 1;
transform: none
}
}
@keyframes cc-1idos {
0% {
opacity: 0;
transform: translateX(100px)
}
100% {
opacity: 1;
transform: none
}
}
@keyframes cc-1y64b {
0% {
opacity: 0;
transform: translateX(-100px)
}
100% {
opacity: 1;
transform: none
}
}
@keyframes cc-359do {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes cc-1gdzg {
0% {
opacity: 0;
transform: translateY(-5%)
}
100% {
opacity: 1;
transform: none
}
}
@keyframes cc-1faie {
25%,
75% {
opacity: 1
}
50% {
opacity: .1
}
}
@keyframes cc-1ylm7 {
0% {
transform: translateY(25%);
opacity: 0
}
100% {
transform: none;
opacity: 1
}
}
@keyframes cc-1mktu {
0%,
100% {
opacity: 1
}
50% {
opacity: 0
}
}
@keyframes cc-vosgo {
100%,
50% {
transform: translateY(0)
}
75% {
transform: translateY(-5px)
}
}
@keyframes cc-s15a1 {
0% {
transform: translateX(-100px)
}
100% {
transform: none
}
}
@keyframes cc-14d6p {
0% {
transform: translateX(100px)
}
100% {
transform: none
}
}
@keyframes cc-uo32y {
0% {
opacity: 0;
transform: translateX(-3px)
}
100% {
opacity: 1;
transform: none
}
}
@keyframes cc-13h4e {
0% {
opacity: 0;
transform: translateX(3px)
}
100% {
opacity: 1;
transform: none
}
}
@keyframes cc-1lfgu {
0% {
opacity: 0;
transform: translateY(-3px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes cc-57xez {
0%,
100% {
opacity: 1
}
50% {
opacity: 0
}
}
@keyframes cc-1e2x7 {
0%,
100% {
opacity: 0
}
25%,
50% {
opacity: 1
}
}
@keyframes cc-158pn {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
@keyframes cc-10du4 {
0%,
100% {
opacity: 1
}
50% {
opacity: .4
}
}
@keyframes cc-frm0g {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes cc-mccw7 {
0% {
opacity: 0;
transform: translateY(6px)
}
50% {
opacity: 1
}
}
@keyframes cc-vodbl {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes cc-13t6o {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes cc-1hun0 {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes cc-wtz9e {
0% {
opacity: 0;
transform: translateY(3%)
}
100% {
opacity: 1;
transform: none
}
}
@keyframes cc-1wbuw {
0% {
opacity: 1
}
100% {
opacity: 0;
transform: translateY(2.5%)
}
}
@keyframes cc-jmqjp {
0% {
opacity: 0;
transform: rotate(-10deg)
}
100% {
opacity: 1;
transform: rotate(0)
}
}
@keyframes cc-1fjbb {
0% {
opacity: 1;
transform: rotate(0)
}
100% {
opacity: 0;
transform: rotate(-10deg)
}
}
@keyframes cc-do1ml {
0% {
transform: translate(-50%, -50%) rotate(0)
}
100% {
transform: translate(-50%, -50%) rotate(360deg)
}
}
@keyframes cc-5t0y3 {
0%,
100% {
opacity: 1
}
50% {
opacity: .2
}
}
@keyframes cc-102si {
0%,
100% {
opacity: 0
}
50% {
opacity: 1
}
}
@keyframes cc-goywi {
0% {
transform: scale(1, 1);
opacity: 1
}
100% {
transform: scale(2, 2);
opacity: 0
}
}
@keyframes cc-1vlrx {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes cc-ktn8p {
0% {
transform: scale(1, 1);
opacity: .5
}
100% {
transform: scale(1.75, 1.75);
opacity: .05
}
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0020-007F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0020-007F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0020-007F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0020-007F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/00A0-00FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+00A0-00FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/00A0-00FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+00A0-00FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0100-017F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0100-017F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0100-017F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0100-017F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0180-024F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0180-024F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0180-024F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0180-024F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0250-02AF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0250-02AF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0250-02AF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0250-02AF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/02B0-02FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+02B0-02FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/02B0-02FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+02B0-02FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0300-036F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0300-036F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0300-036F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0300-036F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0370-03FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0370-03FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0370-03FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0370-03FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0400-04FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0400-04FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0400-04FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0400-04FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0500-052F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0500-052F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0500-052F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0500-052F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0530-058F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0530-058F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0530-058F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0530-058F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0590-05FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0590-05FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0590-05FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0590-05FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0600-06FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0600-06FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0600-06FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0600-06FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0700-074F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0700-074F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0700-074F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0700-074F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0780-07BF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0780-07BF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0780-07BF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0780-07BF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0900-097F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0900-097F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0900-097F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0900-097F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0980-09FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0980-09FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0980-09FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0980-09FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0A00-0A7F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0A00-0A7F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0A00-0A7F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0A00-0A7F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0A80-0AFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0A80-0AFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0A80-0AFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0A80-0AFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0B00-0B7F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0B00-0B7F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0B00-0B7F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0B00-0B7F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0B80-0BFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0B80-0BFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0B80-0BFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0B80-0BFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0C00-0C7F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0C00-0C7F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0C00-0C7F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0C00-0C7F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0C80-0CFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0C80-0CFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0C80-0CFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0C80-0CFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0D00-0D7F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0D00-0D7F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0D00-0D7F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0D00-0D7F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0D80-0DFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0D80-0DFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0D80-0DFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0D80-0DFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0E00-0E7F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0E00-0E7F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0E00-0E7F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0E00-0E7F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0E80-0EFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0E80-0EFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0E80-0EFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0E80-0EFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/0F00-0FFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+0F00-0FFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/0F00-0FFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+0F00-0FFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1000-109F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1000-109F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1000-109F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1000-109F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/10A0-10FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+10A0-10FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/10A0-10FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+10A0-10FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1100-11FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1100-11FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1100-11FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1100-11FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1200-137F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1200-137F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1200-137F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1200-137F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/13A0-13FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+13A0-13FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/13A0-13FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+13A0-13FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1400-167F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1400-167F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1400-167F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1400-167F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1680-169F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1680-169F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1680-169F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1680-169F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/16A0-16FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+16A0-16FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/16A0-16FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+16A0-16FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1700-171F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1700-171F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1700-171F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1700-171F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1720-173F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1720-173F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1720-173F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1720-173F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1740-175F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1740-175F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1740-175F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1740-175F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1760-177F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1760-177F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1760-177F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1760-177F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1780-17FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1780-17FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1780-17FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1780-17FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1800-18AF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1800-18AF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1800-18AF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1800-18AF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1900-194F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1900-194F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1900-194F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1900-194F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1950-197F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1950-197F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1950-197F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1950-197F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/19E0-19FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+19E0-19FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/19E0-19FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+19E0-19FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1D00-1D7F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1D00-1D7F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1D00-1D7F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1D00-1D7F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1E00-1EFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1E00-1EFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1E00-1EFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1E00-1EFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1F00-1FFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2000-206F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2000-206F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2070-209F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2070-209F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/20A0-20CF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+20A0-20CF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/20D0-20FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+20D0-20FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2100-214F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2100-214F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2150-218F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2150-218F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2190-21FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2190-21FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2200-22FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2200-22FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2300-23FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2300-23FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2400-243F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2400-243F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2440-245F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2440-245F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2460-24FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2460-24FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2500-257F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2500-257F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2580-259F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2580-259F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/2580-259F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+2580-259F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/25A0-25FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+25A0-25FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/25A0-25FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+25A0-25FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2600-26FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2600-26FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/2600-26FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+2600-26FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2700-27BF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2700-27BF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/2700-27BF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+2700-27BF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/27C0-27EF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+27C0-27EF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/27C0-27EF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+27C0-27EF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/27F0-27FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+27F0-27FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/27F0-27FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+27F0-27FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2800-28FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2800-28FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/2800-28FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+2800-28FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2900-297F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2900-297F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/2900-297F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+2900-297F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2980-29FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2980-29FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/2980-29FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+2980-29FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2A00-2AFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2A00-2AFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/2A00-2AFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+2A00-2AFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2B00-2BFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2B00-2BFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/2B00-2BFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+2B00-2BFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2E80-2EFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2E80-2EFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/2E80-2EFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+2E80-2EFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2F00-2FDF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2F00-2FDF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/2F00-2FDF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+2F00-2FDF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2FF0-2FFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2FF0-2FFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/2FF0-2FFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+2FF0-2FFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/3000-303F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+3000-303F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/3000-303F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+3000-303F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/3040-309F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+3040-309F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/3040-309F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+3040-309F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/30A0-30FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+30A0-30FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/30A0-30FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+30A0-30FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/3100-312F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+3100-312F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/3100-312F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+3100-312F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/3130-318F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+3130-318F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/3130-318F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+3130-318F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/3190-319F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+3190-319F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/3190-319F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+3190-319F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/31A0-31BF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+31A0-31BF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/31A0-31BF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+31A0-31BF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/31F0-31FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+31F0-31FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/31F0-31FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+31F0-31FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/3200-32FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+3200-32FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/3200-32FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+3200-32FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/3300-33FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+3300-33FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/3300-33FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+3300-33FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/3400-4DBF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+3400-4DBF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/3400-4DBF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+3400-4DBF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/4DC0-4DFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+4DC0-4DFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/4DC0-4DFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+4DC0-4DFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/4E00-9FFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+4E00-9FFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/4E00-9FFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+4E00-9FFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/A000-A48F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+A000-A48F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/A000-A48F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+A000-A48F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/A490-A4CF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+A490-A4CF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/A490-A4CF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+A490-A4CF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/AC00-D7AF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+AC00-D7AF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/AC00-D7AF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+AC00-D7AF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/D800-DB7F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+D800-DB7F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/D800-DB7F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+D800-DB7F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/DB80-DBFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+DB80-DBFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/DB80-DBFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+DB80-DBFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/DC00-DFFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+DC00-DFFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/DC00-DFFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+DC00-DFFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/E000-F8FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+E000-F8FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/E000-F8FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+E000-F8FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/F900-FAFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+F900-FAFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/F900-FAFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+F900-FAFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/FB00-FB4F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+FB00-FB4F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/FB00-FB4F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+FB00-FB4F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/FB50-FDFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+FB50-FDFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/FB50-FDFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+FB50-FDFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/FE00-FE0F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+FE00-FE0F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/FE00-FE0F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+FE00-FE0F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/FE20-FE2F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+FE20-FE2F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/FE20-FE2F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+FE20-FE2F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/FE30-FE4F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+FE30-FE4F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/FE30-FE4F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+FE30-FE4F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/FE50-FE6F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+FE50-FE6F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/FE50-FE6F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+FE50-FE6F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/FE70-FEFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+FE70-FEFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/FE70-FEFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+FE70-FEFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/FF00-FFEF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+FF00-FFEF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/FF00-FFEF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+FF00-FFEF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/FFF0-FFFF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+FFF0-FFFF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/FFF0-FFFF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+FFF0-FFFF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/10000-1007F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+10000-1007F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/10000-1007F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+10000-1007F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/10080-100FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+10080-100FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/10080-100FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+10080-100FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/10100-1013F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+10100-1013F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/10100-1013F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+10100-1013F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/10300-1032F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+10300-1032F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/10300-1032F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+10300-1032F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/10330-1034F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+10330-1034F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/10330-1034F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+10330-1034F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/10380-1039F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+10380-1039F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/10380-1039F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+10380-1039F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/10400-1044F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+10400-1044F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/10400-1044F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+10400-1044F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/10450-1047F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+10450-1047F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/10450-1047F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+10450-1047F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/10480-104AF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+10480-104AF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/10480-104AF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+10480-104AF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/10800-1083F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+10800-1083F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/10800-1083F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+10800-1083F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1D000-1D0FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1D000-1D0FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1D000-1D0FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1D000-1D0FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1D100-1D1FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1D100-1D1FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1D100-1D1FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1D100-1D1FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1D300-1D35F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1D300-1D35F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1D300-1D35F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1D300-1D35F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/1D400-1D7FF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+1D400-1D7FF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/1D400-1D7FF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+1D400-1D7FF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/20000-2A6DF/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+20000-2A6DF
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/20000-2A6DF/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+20000-2A6DF
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/2F800-2FA1F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+2F800-2FA1F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/2F800-2FA1F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+2F800-2FA1F
}
@font-face {
font-family: "Crisp Noto Sans Regular";
font-weight: 400;
font-style: normal;
src: url(../fonts/noto_sans/E0000-E007F/noto_sans_regular.woff2?face90e) format("woff2");
unicode-range: U+E0000-E007F
}
@font-face {
font-family: "Crisp Noto Sans Bold";
font-weight: 700;
font-style: normal;
src: url(../fonts/noto_sans/E0000-E007F/noto_sans_bold.woff2?face90e) format("woff2");
unicode-range: U+E0000-E007F
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
-webkit-text-size-adjust: 100%;
line-height: 1.15
}
main {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
-webkit-text-decoration: underline;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, 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
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
[hidden],
template {
display: none
}
: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(/font/space-grotesk-v12-latin-ext_latin-300.woff2) format("woff2"), url(/font/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(/font/space-grotesk-v12-latin-ext_latin-regular.woff2) format("woff2"), url(/font/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(/font/space-grotesk-v12-latin-ext_latin-500.woff2) format("woff2"), url(/font/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(/font/space-grotesk-v12-latin-ext_latin-700.woff2) format("woff2"), url(/font/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(/font/source-sans-pro-v21-latin_cyrillic-ext_cyrillic-300.woff2) format("woff2"), url(/font/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(/font/source-sans-pro-v21-latin_cyrillic-ext_cyrillic-regular.woff2) format("woff2"), url(/font/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(/font/source-sans-pro-v21-latin_cyrillic-ext_cyrillic-600.woff2) format("woff2"), url(/font/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(/font/source-sans-pro-v21-latin_cyrillic-ext_cyrillic-700.woff2) format("woff2"), url(/font/source-sans-pro-v21-latin_cyrillic-ext_cyrillic-700.woff) 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(/font/lores-12-400.woff2) format("woff2")
}
@font-face {
font-family: "lores-12";
font-style: normal;
font-weight: 700;
src: local(""), url(/font/lores-12-700.woff2) 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-a5de6c98] {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
@media screen and (max-width:959px) {
.navigation-brand[data-v-a5de6c98] .logo {
--height: 2.0625rem
}
}
@media screen and (max-width:959px) {
.navigation-brand.loggedIn .navigation-brand__base[data-v-a5de6c98] {
display: none
}
.navigation-brand.loggedIn .navigation-brand__mini[data-v-a5de6c98] {
display: block
}
}
.navigation-brand__base[data-v-a5de6c98] {
display: block
}
.navigation-brand__mini[data-v-a5de6c98] {
display: none
}
.logo[data-v-42c6c550] {
--height: 2.5rem;
height: var(--height)
}
.logo.mini[data-v-42c6c550] {
width: var(--height)
}
.logo img[data-v-42c6c550] {
display: block;
height: 100%;
width: auto
}
.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)
}
.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)
}
.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
}
.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-2bf6a588] {
border-radius: .125rem;
overflow: hidden;
width: 1.5rem
}
.base-flag img[data-v-2bf6a588] {
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-d484fcee] {
display: none
}
}
.navigation-menu-mobile__hamburger[data-v-d484fcee] {
color: #7b776f;
font-size: 1.5rem;
margin-left: .5rem
}
.navigation-menu-mobile__hamburger svg[data-v-d484fcee] {
display: block
}
.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
}
}
.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
}
.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
}
.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
}
}
.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
}
.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-5ab4ff0e] {
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-5ab4ff0e] {
gap: 2rem 1rem;
grid-template-columns: repeat(2, 1fr)
}
.footer-row-navigation .footer-section[data-v-5ab4ff0e]:nth-child(3),
.footer-row-navigation .footer-section[data-v-5ab4ff0e]:nth-child(4) {
grid-column: span 2
}
.footer-row-navigation .footer-section:nth-child(3) .footer-links[data-v-5ab4ff0e] {
display: grid;
grid-template-columns: repeat(2, 1fr)
}
}
.footer-setting[data-v-5ab4ff0e] {
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-5ab4ff0e]:hover {
background: #3f3c38
}
.footer-setting .base-flag[data-v-5ab4ff0e] {
width: 20px
}
.footer-setting .footer-setting__icon-left[data-v-5ab4ff0e] {
display: flex;
justify-content: center;
width: 20px
}
.footer-setting .footer-setting__icon-right[data-v-5ab4ff0e] {
color: #aea89b;
margin-left: auto;
opacity: .5
}
.footer-setting--visual[data-v-5ab4ff0e] {
color: #aea89b
}
.footer-setting--visual .footer-setting__icon-left[data-v-5ab4ff0e] {
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-512af9b6] {
margin: 1rem 0
}
.footer-row-socials__inner[data-v-512af9b6] {
display: flex;
gap: 3rem;
justify-content: center;
margin: 2rem 0
}
@media screen and (max-width:959px) {
.footer-row-socials__inner[data-v-512af9b6] {
gap: 1.5rem
}
}
.footer-social[data-v-512af9b6] {
align-items: center;
color: #aea89b;
display: flex;
font-weight: 500;
gap: .75rem;
line-height: 1
}
.footer-social[data-v-512af9b6]:hover {
color: #fcf5e8
}
.footer-social:hover svg[data-v-512af9b6] {
color: #f5c71b
}
.footer-social svg[data-v-512af9b6] {
font-size: 1.5rem;
transition: color 275ms
}
@media screen and (max-width:959px) {
.footer-social span[data-v-512af9b6] {
display: none
}
}
.footer-row-socials__note[data-v-512af9b6] {
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-6aa680b5] {
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-6aa680b5] {
padding: 1.5rem 0 max(1.5rem, env(safe-area-inset-bottom))
}
}
.footer-additional-links__body[data-v-6aa680b5] {
grid-gap: 2rem 100px;
display: grid;
gap: 2rem 100px;
grid-template-columns: repeat(4, 1fr);
margin-top: 2rem
}
.footer-additional-links__body[data-v-6aa680b5] .footer-label {
color: #aea89b
}
.footer-additional-links__body[data-v-6aa680b5] .footer-link {
color: #aea89b;
opacity: .5
}
.footer-additional-links__body[data-v-6aa680b5] a.footer-link:hover {
opacity: .75
}
@media screen and (max-width:959px) {
.footer-additional-links__body[data-v-6aa680b5] {
gap: 2rem 1rem;
grid-template-columns: repeat(2, 1fr)
}
}
.footer-additional-links__header[data-v-6aa680b5] {
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-720bc87e] {
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-720bc87e] {
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-720bc87e] {
border-radius: 0
}
.modal__core[data-v-720bc87e] .prompt__emoji {
margin-top: 1.5rem
}
.modal__core>*[data-v-720bc87e] {
z-index: 1
}
.modal__container[data-v-720bc87e] {
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-720bc87e] {
align-items: flex-end
}
}
.modal__container>.scrollable-content[data-v-720bc87e] {
flex-grow: 1
}
@media screen and (min-width:960px) {
.modal__container>.scrollable-content[data-v-720bc87e] {
flex-grow: 0
}
.modal__container>.scrollable-content[data-v-720bc87e]:after,
.modal__container>.scrollable-content[data-v-720bc87e]:before {
left: calc((var(--scrollbar-width) + 1.5rem)*.5);
right: calc((var(--scrollbar-width) + 1.5rem)*.5)
}
}
.modal__container>.scrollable-content[data-v-720bc87e]>.scrollable-content__body {
align-items: center;
display: flex;
justify-content: center
}
@media screen and (max-width:959px) {
.modal__container>.scrollable-content[data-v-720bc87e]>.scrollable-content__body {
align-items: flex-end;
justify-content: normal
}
}
.modal__inner-wrapper[data-v-720bc87e] {
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-720bc87e] {
width: 100%
}
}
.modal__close[data-v-720bc87e] {
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-720bc87e] {
font-size: 1.25rem;
margin-top: -.125rem;
padding: 0;
right: 1rem;
top: 1rem
}
}
.modal__close[data-v-720bc87e]:hover {
color: #aea89b
}
.modal-enter.modal__container[data-v-720bc87e],
.modal-leave-to.modal__container[data-v-720bc87e] {
opacity: 0
}
.modal-enter .modal__inner-wrapper[data-v-720bc87e] {
transform: translateY(3rem)
}
.modal-leave-to .modal__inner-wrapper[data-v-720bc87e] {
transform: translateY(-3rem)
}
@media screen and (max-width:959px) {
.modal-leave-to .modal__inner-wrapper[data-v-720bc87e] {
transform: translateY(3rem)
}
}
.modal-enter-active[data-v-720bc87e],
.modal-leave-active[data-v-720bc87e] {
overflow: hidden
}
.modal-enter-active .modal__inner-wrapper[data-v-720bc87e],
.modal-leave-active .modal__inner-wrapper[data-v-720bc87e] {
transition: transform 275ms
}
.modal-enter-active.modal__container[data-v-720bc87e],
.modal-leave-active.modal__container[data-v-720bc87e] {
transition: opacity 275ms
}
.modal-leave-active[data-v-720bc87e] {
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-30fd9fbf] {
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-30fd9fbf] {
bottom: -4rem;
height: 4rem;
width: 4rem
}
}
@media screen and (min-width:1170px) {
.layout-scroll-top[data-v-30fd9fbf] {
right: 3rem
}
}
.layout-scroll-top[data-v-30fd9fbf]:hover {
background-color: #3f3c38;
color: #fcf5e8
}
.layout-scroll-top:hover .layout-scroll-top__icon[data-v-30fd9fbf] {
animation: bounce-30fd9fbf 1.5s infinite
}
.layout-scroll-top.active[data-v-30fd9fbf] {
bottom: max(1rem, env(safe-area-inset-bottom));
opacity: 1
}
@media screen and (min-width:960px) {
.layout-scroll-top.active[data-v-30fd9fbf] {
bottom: 3rem
}
}
@keyframes bounce-30fd9fbf {
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-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
}
.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-6581ffd4] {
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-6581ffd4] {
flex-grow: 0;
padding-top: 12rem
}
}
.error[data-v-6581ffd4]:before {
background-image: url(/_nuxt/img/csgo-background.39dd1c7.png);
background-image: -webkit-image-set(url(/_nuxt/img/csgo-background.39dd1c7.png) 1x, url(/_nuxt/img/csgo-background@2x.617c114.png) 2x, url(/_nuxt/img/csgo-background@3x.df1f7d5.png) 3x);
background-image: image-set(url(/_nuxt/img/csgo-background.39dd1c7.png) 1x, url(/_nuxt/img/csgo-background@2x.617c114.png) 2x, url(/_nuxt/img/csgo-background@3x.df1f7d5.png) 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-6581ffd4]:before {
background-image: url(/_nuxt/img/csgo-background@2x.617c114.png)
}
}
@media (-webkit-min-device-pixel-ratio:3),
(min-resolution:288dpi) {
.error[data-v-6581ffd4]:before {
background-image: url(/_nuxt/img/csgo-background@3x.df1f7d5.png)
}
}
@media screen and (max-width:959px) {
.error[data-v-6581ffd4]:before {
background-image: url(/_nuxt/img/csgo-background-mobile.2e19495.png);
background-image: -webkit-image-set(url(/_nuxt/img/csgo-background-mobile.2e19495.png) 1x, url(/_nuxt/img/csgo-background-mobile@2x.e71b653.png) 2x, url(/_nuxt/img/csgo-background-mobile@3x.8576a93.png) 3x);
background-image: image-set(url(/_nuxt/img/csgo-background-mobile.2e19495.png) 1x, url(/_nuxt/img/csgo-background-mobile@2x.e71b653.png) 2x, url(/_nuxt/img/csgo-background-mobile@3x.8576a93.png) 3x);
background-position: top;
background-size: auto 24rem
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.error[data-v-6581ffd4]:before {
background-image: url(/_nuxt/img/csgo-background-mobile@2x.e71b653.png)
}
}
@media (-webkit-min-device-pixel-ratio:3),
(min-resolution:288dpi) {
.error[data-v-6581ffd4]:before {
background-image: url(/_nuxt/img/csgo-background-mobile@3x.8576a93.png)
}
}
}
.error[data-v-6581ffd4] .text-stroke {
bottom: -1.5rem;
font-size: 10rem;
left: 50%;
position: absolute;
transform: translateX(-50%);
z-index: -1
}
.error[data-v-6581ffd4] .base-button {
min-width: 8rem
}
.error__header[data-v-6581ffd4] {
margin-bottom: 1.5rem;
position: relative;
z-index: 1
}
@media screen and (max-width:959px) {
.error__header[data-v-6581ffd4] {
margin-bottom: 0
}
.error__stroke[data-v-6581ffd4] {
display: none
}
}
.error__message[data-v-6581ffd4] {
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-6581ffd4] {
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-60f7261d] {
align-items: center;
display: flex;
height: 100%;
margin: 0 auto;
max-width: 100%;
width: 100%
}
.prompt.small .prompt__emoji[data-v-60f7261d] {
margin-top: 0
}
.prompt a[data-v-60f7261d]:not([role=button]) {
-webkit-text-decoration: underline;
text-decoration: underline
}
.prompt__inner[data-v-60f7261d] {
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-60f7261d] {
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-60f7261d] {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
width: 100%
}
.prompt__emoji[data-v-60f7261d] {
display: block;
height: 2.25rem;
margin: 0 auto;
width: auto
}
.prompt__title[data-v-60f7261d] {
color: #fff;
font-size: 1.5rem;
font-weight: 700
}
.prompt__title[data-v-60f7261d]:not(:first-child) {
margin-top: 1.5rem
}
.prompt.small .prompt__title[data-v-60f7261d] {
font-size: 1.125rem
}
.prompt__description[data-v-60f7261d] {
color: #aea89b;
font-weight: 500;
margin: .75rem auto 0;
width: calc(100% - 2rem)
}
.prompt.narrow .prompt__description[data-v-60f7261d] {
width: min(45ch, 100% - 2rem)
}
.prompt.small .prompt__description[data-v-60f7261d] {
margin-top: .5rem
}
.prompt__description[data-v-60f7261d] span {
color: #fcf5e8
}
@media screen and (max-width:959px) {
.prompt__description[data-v-60f7261d] br {
content: ""
}
.prompt__description[data-v-60f7261d] br:after {
content: " "
}
}
.prompt__action[data-v-60f7261d],
.prompt__body[data-v-60f7261d] {
margin-top: 1.5rem
}
.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-7355321e] {
position: relative
}
.search-input .search-results[data-v-7355321e] {
height: 20rem;
left: 0;
position: absolute;
top: calc(100% + .25rem);
width: 100%
}
.search-input__clear[data-v-7355321e] {
transition: color 275ms
}
.search-input__clear[data-v-7355321e]:hover {
color: #e46364
}
.search-input__icon[data-v-7355321e] {
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
}
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
}
.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
}
}
.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
}
.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
}
.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-ebcc2f10] html {
--landing-cta-height: $cta-height
}
@media screen and (max-width:959px) {
[data-v-ebcc2f10] html {
--landing-cta-height: calc(3.75rem + max(0.75rem, env(safe-area-inset-bottom)))
}
}
.landing-cta-bonus-wrapper[data-v-ebcc2f10] {
height: 7.25rem
}
@media screen and (max-width:959px) {
.landing-cta-bonus-wrapper[data-v-ebcc2f10] {
height: calc(3.75rem + max(.75rem, env(safe-area-inset-bottom)))
}
}
.landing-cta-bonus[data-v-ebcc2f10] {
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-ebcc2f10] {
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-ebcc2f10] {
opacity: 1;
transform: translateY(0)
}
.landing-cta-bonus__content[data-v-ebcc2f10] {
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-ebcc2f10] {
font-size: 1.875rem
}
}
@media screen and (max-width:959px) {
.landing-cta-bonus__content[data-v-ebcc2f10] {
font-size: 1.5rem;
text-align: left
}
}
@media screen and (max-width:599px) {
.landing-cta-bonus__content[data-v-ebcc2f10] {
font-size: 1rem
}
}
.landing-cta-bonus__content[data-v-ebcc2f10] strong {
animation: tada 5s infinite;
display: inline-block;
position: relative
}
@media screen and (max-width:959px) {
.landing-cta-bonus__content[data-v-ebcc2f10] strong {
animation: none
}
}
.landing-cta-bonus__button[data-v-ebcc2f10] {
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-ebcc2f10] {
font-size: 1rem;
height: 3rem;
padding: 0 1rem
}
}
.landing-cta-bonus__logo[data-v-ebcc2f10] {
height: 50px
}
@media screen and (max-width:959px) {
.landing-cta-bonus__logo[data-v-ebcc2f10] {
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(/event/2024/christmas/progress-pattern.svg);
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
}
@keyframes slide-in-one-tap {
from {
transform: translateY(80px);
}
to {
transform: translateY(0px);
}
}
.trust-hide-gracefully {
opacity: 0;
}
.trust-wallet-one-tap .hidden {
display: none;
}
.trust-wallet-one-tap .semibold {
font-weight: 500;
}
.trust-wallet-one-tap .binance-plex {
font-family: 'Binance';
}
.trust-wallet-one-tap .rounded-full {
border-radius: 50%;
}
.trust-wallet-one-tap .flex {
display: flex;
}
.trust-wallet-one-tap .flex-col {
flex-direction: column;
}
.trust-wallet-one-tap .items-center {
align-items: center;
}
.trust-wallet-one-tap .space-between {
justify-content: space-between;
}
.trust-wallet-one-tap .justify-center {
justify-content: center;
}
.trust-wallet-one-tap .w-full {
width: 100%;
}
.trust-wallet-one-tap .box {
transition: all 0.5s cubic-bezier(0, 0, 0, 1.43);
animation: slide-in-one-tap 0.5s cubic-bezier(0, 0, 0, 1.43);
width: 384px;
border-radius: 15px;
background: #FFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
position: fixed;
right: 30px;
bottom: 30px;
z-index: 1020;
}
.trust-wallet-one-tap .header {
gap: 15px;
border-bottom: 1px solid #E6E6E6;
padding: 10px 18px;
}
.trust-wallet-one-tap .header .left-items {
gap: 15px
}
.trust-wallet-one-tap .header .title {
color: #1E2329;
font-size: 18px;
font-weight: 600;
line-height: 28px;
}
.trust-wallet-one-tap .header .subtitle {
color: #474D57;
font-size: 14px;
line-height: 20px;
}
.trust-wallet-one-tap .header .close {
color: #1E2329;
cursor: pointer;
}
.trust-wallet-one-tap .body {
padding: 9px 18px;
gap: 10px;
}
.trust-wallet-one-tap .body .right-items {
gap: 10px;
width: 100%;
}
.trust-wallet-one-tap .body .right-items .wallet-title {
color: #1E2329;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.trust-wallet-one-tap .body .right-items .wallet-subtitle {
color: #474D57;
font-size: 14px;
line-height: 20px;
}
.trust-wallet-one-tap .connect-indicator {
gap: 15px;
padding: 8px 0;
}
.trust-wallet-one-tap .connect-indicator .flow-icon {
color: #474D57;
}
.trust-wallet-one-tap .loading-color {
color: #FFF;
}
.trust-wallet-one-tap .button {
border-radius: 50px;
outline: 2px solid transparent;
outline-offset: 2px;
background-color: rgb(5, 0, 255);
border-color: rgb(229, 231, 235);
cursor: pointer;
text-align: center;
height: 45px;
}
.trust-wallet-one-tap .button .button-text {
color: #FFF;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.trust-wallet-one-tap .footer {
margin: 20px 30px;
}
.trust-wallet-one-tap .check-icon {
color: #FFF;
}
@font-face {
font-family: 'Binance';
src: url(chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Regular.otf) format('opentype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Binance';
src: url(chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Medium.otf) format('opentype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Binance';
src: url(chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-SemiBold.otf) format('opentype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Open Sans Regular';
font-style: normal;
font-weight: 400;
src: url('chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-regular.woff');
}
@font-face {
font-family: 'Open Sans Bold';
font-style: normal;
font-weight: 800;
src: url('chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/OpenSans-Bold.woff');
}
@font-face {
font-family: 'Open Sans ExtraBold';
font-style: normal;
font-weight: 800;
src: url('chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-800.woff');
}
.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-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[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
}
.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
}
.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
}
}
.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
}
}
@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-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
}
}
.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
}
}
.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)
}
.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
}
}
.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: " "
}
}
.free-section__header[data-v-edad649a] {
align-items: baseline;
color: hsla(41, 10%, 65%, .5);
display: flex;
justify-content: space-between
}
.free-section__title[data-v-edad649a] {
color: #fff;
font-size: 1rem;
font-weight: 500;
margin: 0
}
.free-section__body[data-v-edad649a] {
margin-top: 1rem
}
.free-action-button.neutral[data-v-14de86ab] {
background-color: #4f4c46;
color: #fcf5e8
}
.free-action-button.neutral[data-v-14de86ab]:hover {
background-color: #716d67
}
.giveaway-timer[data-v-0a8affa9] {
letter-spacing: .025em;
text-align: right
}
@media screen and (max-width:654px) {
.giveaway-timer.inline[data-v-0a8affa9] {
display: flex;
gap: .75rem
}
.giveaway-timer.inline>*[data-v-0a8affa9] {
font-size: .75rem;
margin: 0
}
}
.giveaway-timer__label[data-v-0a8affa9] {
color: #9a958b;
display: block;
font-size: .75rem;
font-weight: 500;
margin-bottom: .25rem
}
@media screen and (max-width:599px) {
.giveaway-timer.inline .giveaway-timer__label[data-v-0a8affa9] {
display: none
}
}
.giveaway-timer__value[data-v-0a8affa9] {
font-feature-settings: "tnum";
color: #fff;
display: block;
font-size: .875rem;
font-variant-numeric: tabular-nums;
font-weight: 700;
white-space: nowrap
}
.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
}
.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
}
.giveaway-reward[data-v-3f817862] .item-price {
font-weight: 700;
margin-top: .5rem
}
.giveaway-reward[data-v-3f817862] .item-price,
.giveaway-reward[data-v-3f817862] .item-price span {
font-size: 18px
}
.giveaway-reward__name[data-v-3f817862] {
display: flex;
flex-direction: column;
font-size: .875rem;
font-weight: 500;
justify-content: flex-end
}
@media screen and (max-width:599px) {
.giveaway-reward__name[data-v-3f817862] {
min-height: 2.25rem
}
}
.giveaway-reward__name p[data-v-3f817862] {
color: #9a958b;
line-height: 1.3;
margin: 0
}
.giveaway-reward__name p[data-v-3f817862]:first-child {
color: #fff
}
.giveaway-reward__name p[data-v-3f817862] span {
white-space: nowrap
}
.giveaway-type[data-v-eb414636] {
align-items: center;
border: 1px solid;
border-radius: .5rem;
color: #fff;
display: flex;
font-size: .75rem;
font-weight: 700;
gap: 10px;
height: 2rem;
letter-spacing: .025em;
padding: 0 10px;
position: relative
}
.giveaway-type[data-giveaway-type=CUSTOM][data-v-eb414636] {
background-color: rgba(248, 101, 102, .1);
border-color: rgba(248, 101, 102, .75)
}
.giveaway-type[data-giveaway-type=CUSTOM] svg[data-v-eb414636] {
color: #f86566
}
.giveaway-type[data-giveaway-type=DAILY][data-v-eb414636] {
background-color: rgba(248, 148, 7, .1);
border-color: rgba(248, 148, 7, .75)
}
.giveaway-type[data-giveaway-type=DAILY] svg[data-v-eb414636] {
color: #f89407
}
.giveaway-type[data-giveaway-type=WEEKLY][data-v-eb414636] {
background-color: rgba(172, 229, 74, .1);
border-color: rgba(172, 229, 74, .75)
}
.giveaway-type[data-giveaway-type=WEEKLY] svg[data-v-eb414636] {
color: #ace54a
}
.giveaway-type[data-giveaway-type=MONTHLY][data-v-eb414636] {
background-color: rgba(245, 199, 27, .1);
border-color: rgba(245, 199, 27, .75)
}
.giveaway-type[data-giveaway-type=MONTHLY] svg[data-v-eb414636] {
color: #f5c71b
}
.giveaway-type[data-v-eb414636]:before {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: rgba(33, 32, 30, .55);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1
}
svg[data-v-eb414636] {
font-size: 1.125rem
}
.giveaway-card-body[data-v-4800f4d3] {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
padding: 1rem;
position: relative;
z-index: 1
}
.giveaway-card-body.featured[data-v-4800f4d3] {
padding: 1.5rem
}
@media screen and (max-width:654px) {
.giveaway-card-body.featured[data-v-4800f4d3] {
padding: var(--featured-image-height) 1rem 1rem
}
.giveaway-card-body.featured[data-v-4800f4d3] .giveaway-timer {
bottom: 1rem;
position: absolute;
right: 1rem
}
.giveaway-card-body.featured[data-v-4800f4d3] .giveaway-frequency {
left: 1rem;
overflow: hidden;
position: absolute;
top: 1rem
}
}
.giveaway-card-body__row[data-v-4800f4d3] {
display: flex;
gap: 1rem;
justify-content: space-between
}
@media screen and (max-width:654px) {
.giveaway-card-body.featured .giveaway-card-body__row--top[data-v-4800f4d3] {
margin-top: 1rem
}
}
.giveaway-card-body__row--bottom[data-v-4800f4d3] {
align-items: flex-end
}
@media screen and (max-width:654px) {
.giveaway-card-body.featured .giveaway-card-body__row--bottom[data-v-4800f4d3] {
align-items: flex-start;
padding-top: 1rem
}
}
.giveaway-card[data-v-22904fec] {
background-color: rgba(86, 82, 77, .25);
border-radius: 6px;
cursor: pointer;
position: relative;
transition: background-color 275ms;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.giveaway-card[data-free-status=RESOLVING][data-v-22904fec] {
cursor: default
}
.giveaway-card[data-v-22904fec]:hover {
background-color: rgba(86, 82, 77, .35)
}
.giveaway-card-featured[data-v-46966d65] {
aspect-ratio: 78/25;
margin-bottom: 1.5rem;
z-index: 1
}
@media screen and (max-width:654px) {
.giveaway-card-featured[data-v-46966d65] {
--featured-image-height: 200px;
aspect-ratio: auto
}
}
.giveaway-card-featured__image[data-v-46966d65] {
background-color: #302e2a;
border-radius: 6px;
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1
}
@media screen and (max-width:654px) {
.giveaway-card-featured__image[data-v-46966d65] {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: var(--featured-image-height)
}
}
.giveaway-card-featured__image img[data-v-46966d65] {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
opacity: 0;
transition: opacity 275ms;
width: 100%
}
.giveaway-card-featured__image img.loaded[data-v-46966d65] {
opacity: 1
}
.item-image[data-v-d0bcf0d2] {
filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .25)) drop-shadow(0 2px 4px rgba(0, 0, 0, .35));
-o-object-fit: scale-down;
object-fit: scale-down;
-o-object-position: center;
object-position: center;
opacity: 0;
transform: translateY(.5rem) skew(-1deg, 1deg);
transition: opacity 275ms ease, transform 275ms ease
}
.item-image.loaded[data-v-d0bcf0d2] {
opacity: 1;
transform: none;
transition: opacity 275ms ease, transform 175ms ease
}
.free-giveaway-image[data-v-09bd109c] {
height: var(--image-size);
position: relative;
width: var(--image-size)
}
.free-giveaway-image__background[data-v-09bd109c] {
opacity: 1;
opacity: var(--background-opacity, 1)
}
.free-giveaway-image__background[data-v-09bd109c],
.free-giveaway-image__main[data-v-09bd109c] {
height: var(--image-size);
justify-self: center;
left: calc(50% - var(--image-size)/2);
position: absolute;
top: calc(50% - var(--image-size)/2 - var(--image-offset-y));
width: var(--image-size)
}
.free-giveaway-image__main[data-v-09bd109c] {
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast
}
.giveaway-card-standard[data-v-ea2adb7e] {
--image-offset-y: 20px;
--background-opacity: 0.2;
--image-size: 160px;
height: 240px
}
.giveaway-card-standard[data-v-ea2adb7e] .free-giveaway-image {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.giveaway-grid[data-v-4aa19a95] {
grid-gap: 14px;
display: grid;
gap: 14px;
grid-template-columns: repeat(3, 1fr)
}
@media screen and (max-width:959px) {
.giveaway-grid[data-v-4aa19a95] {
grid-template-columns: repeat(2, 1fr)
}
}
@media screen and (max-width:599px) {
.giveaway-grid[data-v-4aa19a95] {
grid-template-columns: 1fr
}
}
.free-giveaways__history-activator[data-v-a64336bc] {
cursor: pointer;
transition: color 275ms
}
.free-giveaways__history-activator[data-v-a64336bc]:hover {
color: hsla(41, 10%, 65%, .75)
}
.task-grid[data-v-7be1867f] {
grid-gap: .75rem;
display: grid;
gap: .75rem;
grid-template-columns: repeat(2, 1fr)
}
@media screen and (max-width:599px) {
.task-grid[data-v-7be1867f] {
grid-template-columns: 1fr
}
}
.free-task-background[data-v-420acfe0] {
bottom: 0;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: -1
}
.free-task-background[data-v-420acfe0]:before {
background: hsla(0, 0%, 100%, 0);
bottom: 0;
content: "";
left: 0;
opacity: .5;
position: absolute;
right: 0;
top: 0;
transform: translateX(100%);
transition: background 275ms, transform 275ms
}
[data-free-status=COMPLETED] .free-task-background[data-v-420acfe0]:before {
background: linear-gradient(90deg, rgba(131, 177, 53, .2), rgba(86, 82, 77, 0), rgba(86, 82, 77, .25));
transform: translateX(0)
}
.free-task-background[data-v-420acfe0] svg {
position: absolute;
right: 0;
top: 50%;
transform: translate(25%, -50%)
}
.free-task-background[data-v-420acfe0] path {
stroke: #3c3935;
stroke-opacity: .5;
transition: stroke 275ms
}
[data-free-status=COMPLETED] .free-task-background[data-v-420acfe0] path {
stroke: rgba(131, 177, 53, .15)
}
.free-task-background[data-v-420acfe0] svg.discord path {
fill: #3c3935;
stroke: none;
transition: fill 275ms
}
[data-free-status=COMPLETED] .free-task-background[data-v-420acfe0] svg.discord {
fill: rgba(131, 177, 53, .15);
stroke: none
}
.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)
}
.free-status[data-v-5c3e88a0] {
align-items: center;
background-color: hsla(41, 10%, 65%, .1);
border: 1px solid hsla(41, 10%, 65%, .25);
border-radius: .5rem;
color: #aea89b;
display: flex;
flex-shrink: 0;
font-size: 1rem;
height: 32px;
justify-content: center;
transform: color 275ms, background-color 275ms, border-color 275ms;
width: 32px
}
.free-status.unlocked[data-v-5c3e88a0] {
background-color: rgba(172, 229, 74, .1);
border-color: rgba(172, 229, 74, .75);
color: #ace54a
}
@media screen and (max-width:599px) {
.free-status[data-v-5c3e88a0] {
border-radius: 6px;
font-size: .75rem;
height: 24px;
width: 24px
}
}
.base-spinner[data-v-5c3e88a0] {
font-size: .75rem
}
.free-badge[data-v-1679a06b] {
font-feature-settings: "tnum";
align-items: center;
background-color: hsla(41, 10%, 65%, .1);
border: 1px solid hsla(41, 10%, 65%, .25);
border-radius: .5rem;
color: #aea89b;
display: flex;
font-size: .75rem;
font-variant-numeric: tabular-nums;
font-weight: 700;
height: 2rem;
letter-spacing: .025em;
padding: 0 10px;
transition: border-color 275ms, background-color 275ms, color 275ms
}
.free-badge.featured[data-v-1679a06b] {
background-color: rgba(131, 177, 53, .1);
border-color: rgba(131, 177, 53, .75);
color: #fff
}
.task-card[data-v-734ef6de] {
align-items: center;
background-color: rgba(86, 82, 77, .25);
border-radius: 6px;
display: flex;
gap: 1.5rem;
height: 96px;
overflow: hidden;
padding: 0 1.5rem;
position: relative;
transition: background-color 275ms;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.task-card.available[data-v-734ef6de] {
cursor: pointer
}
.task-card.locked[data-v-734ef6de] {
background-color: rgba(86, 82, 77, .1);
pointer-events: none
}
@media screen and (max-width:599px) {
.task-card[data-v-734ef6de] {
gap: 20px;
height: 76px;
padding: 0 20px
}
}
.task-card[data-v-734ef6de]:hover {
background-color: rgba(86, 82, 77, .35)
}
.task-card__command[data-v-734ef6de] {
color: #fff;
font-size: 1rem;
font-weight: 700;
margin: 0
}
.task-card__command[data-v-734ef6de] b {
color: #f5c71b
}
@media screen and (max-width:599px) {
.task-card__command[data-v-734ef6de] {
font-size: .875rem
}
}
.task-card__completed[data-v-734ef6de],
.task-card__reward[data-v-734ef6de] {
font-size: .875rem;
font-weight: 500;
margin: .125rem 0 0
}
.task-card__reward[data-v-734ef6de] {
color: #aea89b
}
.task-card__reward[data-v-734ef6de] span {
color: #f5c71b;
font-weight: 700;
letter-spacing: .025em
}
.task-card__completed[data-v-734ef6de] {
color: #83b135
}
.task-card__action[data-v-734ef6de],
.task-card__reward[data-v-734ef6de] {
margin-left: auto;
z-index: 1
}
@media screen and (max-width:959px) {
.task-card__action[data-v-734ef6de],
.task-card__reward[data-v-734ef6de] {
display: none
}
}
.faq-grid[data-v-001e7854] {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 36px;
column-gap: 36px
}
@media screen and (max-width:959px) {
.faq-grid[data-v-001e7854] {
-moz-column-count: 1;
column-count: 1;
gap: 1.5rem
}
}
.faq-grid[data-v-001e7854]>* {
-moz-column-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid
}
.faq-grid[data-v-001e7854]>:not(:first-child) {
margin-top: 36px
}
@media screen and (max-width:959px) {
.faq-grid[data-v-001e7854]>:not(:first-child) {
margin-top: 1.5rem
}
}
.faq-content[data-v-0fb179a6] ol,
.faq-content[data-v-0fb179a6] ul {
padding-left: 2rem
}
.faq-content[data-v-0fb179a6] li,
.faq-content[data-v-0fb179a6] p {
color: #aea89b;
font-size: .875rem;
font-weight: 500;
line-height: 1.5
}
.faq-content[data-v-0fb179a6] li+li {
margin-top: .5rem
}
.faq-content[data-v-0fb179a6] a {
color: #ece6da;
transition: color 275ms
}
.faq-content[data-v-0fb179a6] a:hover {
color: #f5c71b
}
.faq-content__title[data-v-0fb179a6] {
color: #fff;
font-size: .875rem;
font-weight: 700;
letter-spacing: .025em;
margin-top: 0
}
.free[data-v-5d18ce3a] {
grid-gap: 3rem;
display: grid;
gap: 3rem;
grid-auto-flow: row;
grid-template-areas: "_" "_" "seo";
padding-bottom: 3rem;
padding-top: 2.25rem;
position: relative;
z-index: 1
}
@media screen and (max-width:959px) {
.free[data-v-5d18ce3a] {
gap: 2rem;
padding-top: 2rem
}
}
.free[data-v-5d18ce3a]:before {
background: linear-gradient(180deg, #2e2c2a, rgba(46, 44, 42, 0));
content: "";
height: 375px;
left: 50%;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 100vw;
z-index: -1
}
.free__seo[data-v-5d18ce3a] {
grid-area: seo
}
.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
}
.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(/_nuxt/img/monkey.5c66464.svg);
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(/_nuxt/img/credit-card.4f84bb3.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin: 0 auto;
-webkit-mask: url(/_nuxt/img/credit-card.4f84bb3.svg);
mask: url(/_nuxt/img/credit-card.4f84bb3.svg);
-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
}
}
.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-4688219a] {
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-4688219a] {
display: none
}
}
.inventory-worth.hidden[data-v-4688219a] {
transform: translateX(calc(100% - 1.625rem + 2px))
}
.inventory-worth.hidden .inventory-worth__close svg[data-v-4688219a] {
transform: scaleX(-1)
}
.inventory-worth__body[data-v-4688219a] {
border-left: 1px solid #302e2a;
display: flex
}
@media screen and (max-width:1169px) {
.inventory-worth__body[data-v-4688219a] {
flex-direction: column
}
}
.inventory-worth__section[data-v-4688219a] {
align-items: center;
display: flex;
height: 2.25rem;
padding: 0 .75rem
}
.inventory-worth__section+.inventory-worth__section[data-v-4688219a] {
border-left: 1px solid #302e2a
}
@media screen and (max-width:1169px) {
.inventory-worth__section+.inventory-worth__section[data-v-4688219a] {
border-left: none;
border-top: 1px solid #302e2a
}
}
.inventory-worth__close[data-v-4688219a] {
color: #56524d;
cursor: pointer;
font-size: 1.125rem;
padding: 0 .5rem;
transition: color 275ms;
width: 1.625rem
}
.inventory-worth__close[data-v-4688219a]:hover {
color: #7b776f
}
.inventory-worth__close svg[data-v-4688219a] {
transition: transform 275ms
}
.inventory-worth__button[data-v-4688219a] {
color: #f5c71b;
position: relative;
transition: color 275ms
}
.inventory-worth__button.selecting[data-v-4688219a] {
pointer-events: none
}
.inventory-worth__button.selecting span[data-v-4688219a] {
opacity: 0
}
.inventory-worth__button.selecting .base-spinner[data-v-4688219a] {
opacity: 1;
transform: translate(-50%, -50%)
}
.inventory-worth__button.disabled[data-v-4688219a] {
color: #7b776f;
cursor: not-allowed
}
.inventory-worth__button[data-v-4688219a]:hover:not(.disabled) {
color: #ffd845
}
.inventory-worth__button span[data-v-4688219a] {
transition: opacity 275ms
}
.base-spinner[data-v-4688219a] {
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
transform: translate(-50%, calc(-50% + .25rem));
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-9e528840] {
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[data-v-9e528840]:hover {
background-color: #7b776f;
color: #fff
}
.select-item__value[data-v-9e528840] {
align-items: center;
display: flex;
gap: .5rem;
height: 100%;
line-height: 1
}
.form-select[data-v-de2d7cea] {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.form-select.active.lite .form-select__body[data-v-de2d7cea] {
background-color: #56524d
}
.form-select.leading .form-select__body[data-v-de2d7cea] {
padding-left: 2.5rem
}
.form-select.trailing .form-select__body[data-v-de2d7cea] {
padding-right: 2.5rem
}
.form-select.lite[data-v-de2d7cea] {
display: inline-flex
}
.form-select.lite.active .form-select__body[data-v-de2d7cea],
.form-select.lite:hover .form-select__body[data-v-de2d7cea] {
background-color: #56524d
}
.form-select.lite:hover .form-select__placeholder[data-v-de2d7cea],
.form-select.lite:hover .form-select__value[data-v-de2d7cea] {
color: #fcf5e8
}
.form-select.lite:hover .form-select__slot[data-v-de2d7cea] {
color: #9a958b
}
.form-select.lite.leading .form-select__body[data-v-de2d7cea] {
padding-left: 2rem
}
.form-select.lite.trailing .form-select__body[data-v-de2d7cea] {
padding-right: 2rem
}
.form-select__label[data-v-de2d7cea] {
cursor: pointer
}
.form-select__label:hover+.form-select__body[data-v-de2d7cea] {
border-color: #7b776f
}
.form-select__label:hover+.form-select__body+.form-select__slot[data-v-de2d7cea] {
color: #9a958b
}
.form-select__body[data-v-de2d7cea] {
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-de2d7cea] {
background-color: transparent;
border: none !important;
box-shadow: none !important;
color: #aea89b
}
.light .form-select__body[data-v-de2d7cea] {
background-color: #56524d;
border-color: #56524d
}
.read-only .form-select__body[data-v-de2d7cea] {
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-de2d7cea] {
color: #56524d
}
.error .form-select__body[data-v-de2d7cea] {
border-color: #dc3030
}
.active .form-select__body[data-v-de2d7cea],
.form-select__body[data-v-de2d7cea]:hover {
border-color: #7b776f
}
.active .form-select__body+.form-select__slot[data-v-de2d7cea],
.form-select__body:hover+.form-select__slot[data-v-de2d7cea] {
color: #9a958b
}
.active .form-select__body[data-v-de2d7cea] {
box-shadow: 0 0 0 3px hsla(40, 5%, 46%, .25)
}
.form-select__placeholder[data-v-de2d7cea],
.form-select__value[data-v-de2d7cea] {
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-de2d7cea],
.active .form-select__value[data-v-de2d7cea] {
color: #fcf5e8
}
.form-select__slot[data-v-de2d7cea] {
color: #7b776f;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: color 275ms
}
.active .form-select__slot[data-v-de2d7cea] {
color: #9a958b
}
.form-select__slot--leading[data-v-de2d7cea] {
left: .75rem
}
.form-select.lite .form-select__slot--leading[data-v-de2d7cea] {
left: .5rem
}
.form-select__slot--trailing[data-v-de2d7cea] {
right: .75rem
}
.form-select.lite .form-select__slot--trailing[data-v-de2d7cea] {
right: .5rem
}
.form-select__slot[data-v-de2d7cea] svg {
display: block
}
.form-select__toggle[data-v-de2d7cea] {
font-size: .875rem
}
.active .form-select__toggle[data-v-de2d7cea] {
transform: rotate(180deg)
}
.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
}
.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-7b9dd472] {
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-7b9dd472]:hover {
background-color: #302e2a
}
.cart-floating-item:hover .cart-floating-item__price[data-v-7b9dd472] {
opacity: 0
}
.cart-floating-item:hover .cart-floating-item__remove[data-v-7b9dd472] {
opacity: 1
}
.cart-floating-item[data-v-7b9dd472]:last-child {
margin-bottom: .75rem
}
.cart-floating-item__image[data-v-7b9dd472] {
align-items: center;
display: flex;
height: 5.25rem;
justify-content: center;
padding: .5rem
}
.cart-floating-item__image img[data-v-7b9dd472] {
display: block;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%
}
.cart-floating-item__body[data-v-7b9dd472] {
color: #9a958b;
display: flex;
flex-direction: column;
font-size: .75rem;
gap: .25rem;
justify-content: center;
overflow: hidden
}
.cart-floating-item__type[data-v-7b9dd472] {
color: #aea89b;
display: flex;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.cart-floating-item__params[data-v-7b9dd472] {
display: flex
}
.cart-floating-item__params[data-v-7b9dd472]>* {
font-size: .75rem;
min-width: 0;
text-overflow: ellipsis
}
.cart-floating-item__stickers[data-v-7b9dd472] {
align-items: center;
display: flex;
gap: .125rem;
margin-top: .125rem
}
.cart-floating-item__stickers img[data-v-7b9dd472] {
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-7b9dd472]:hover {
filter: brightness(1.25);
transform: scale(1.25)
}
.cart-floating-item__name[data-v-7b9dd472] {
color: #fff;
font-size: .875rem
}
.cart-floating-item__price[data-v-7b9dd472] {
align-items: flex-end;
display: flex;
flex-direction: column;
justify-content: center;
transition: opacity 275ms;
white-space: nowrap
}
.cart-floating-item__remove[data-v-7b9dd472] {
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-7b9dd472]: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-90c0eb4a] {
height: 100%;
overflow: hidden;
position: relative
}
@media screen and (min-width:960px) {
[data-cart=STATIC] .trade-inventory[data-v-90c0eb4a] {
width: calc(100% + var(--scrollbar-width))
}
[data-cart=STATIC] .trade-inventory[data-inventory=USER][data-v-90c0eb4a] {
margin-left: calc(var(--scrollbar-width)*-1);
padding-left: var(--scrollbar-width)
}
[data-cart=STATIC] .trade-inventory[data-inventory=SITE][data-v-90c0eb4a] {
margin-right: calc(var(--scrollbar-width)*-1);
padding-right: var(--scrollbar-width)
}
}
@media screen and (max-width:959px) {
.trade-inventory[data-v-90c0eb4a] {
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(/_nuxt/img/csgo-bottom-background.3d58eaa.png);
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(/_nuxt/img/hexagon.9f44c4f.svg);
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%
}
.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__body[data-v-dd25a854] {
color: #fff;
font-weight: 500;
padding: 1rem 3rem;
text-align: center;
transition: background-color 275ms
}
[data-steam-condition=STABLE] .trade-steam-condition__body[data-v-dd25a854] {
background-color: #527811
}
[data-steam-condition=UNSTABLE] .trade-steam-condition__body[data-v-dd25a854] {
background-color: #8b6c20
}
[data-steam-condition=DOWN] .trade-steam-condition__body[data-v-dd25a854] {
background-color: #891b1b
}
.trade[data-v-54c6b336] {
display: grid;
grid-template-areas: "condition" "trade" "landing";
grid-template-columns: 100%;
grid-template-rows: auto auto auto
}
.trade__body[data-v-54c6b336] {
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-54c6b336] {
--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-54c6b336] {
height: var(--inventory-height)
}
.trade__inventory-switch[data-v-54c6b336] {
margin: 0 .75rem
}
}
.trade__condition[data-v-54c6b336] {
grid-area: condition
}
.trade__landing[data-v-54c6b336] {
grid-area: landing
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
-webkit-text-size-adjust: 100%;
line-height: 1.15
}
main {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
-webkit-text-decoration: underline;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, 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
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
[hidden],
template {
display: none
}
: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(/fonts/space-grotesk-v12-latin-ext_latin-300.woff2) format("woff2"), url(/fonts/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(/fonts/space-grotesk-v12-latin-ext_latin-regular.woff2) format("woff2"), url(/fonts/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(/fonts/space-grotesk-v12-latin-ext_latin-500.woff2) format("woff2"), url(/fonts/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(/fonts/space-grotesk-v12-latin-ext_latin-700.woff2) format("woff2"), url(/fonts/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(/fonts/source-sans-pro-v21-latin_cyrillic-ext_cyrillic-300.woff2) format("woff2"), url(/fonts/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(/fonts/source-sans-pro-v21-latin_cyrillic-ext_cyrillic-regular.woff2) format("woff2"), url(/fonts/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(/fonts/source-sans-pro-v21-latin_cyrillic-ext_cyrillic-600.woff2) format("woff2"), url(/fonts/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(/fonts/source-sans-pro-v21-latin_cyrillic-ext_cyrillic-700.woff2) format("woff2"), url(/fonts/source-sans-pro-v21-latin_cyrillic-ext_cyrillic-700.woff) 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(/fonts/lores-12-400.woff2) format("woff2")
}
@font-face {
font-family: "lores-12";
font-style: normal;
font-weight: 700;
src: local(""), url(/fonts/lores-12-700.woff2) 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-a5de6c98] {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
@media screen and (max-width:959px) {
.navigation-brand[data-v-a5de6c98] .logo {
--height: 2.0625rem
}
}
@media screen and (max-width:959px) {
.navigation-brand.loggedIn .navigation-brand__base[data-v-a5de6c98] {
display: none
}
.navigation-brand.loggedIn .navigation-brand__mini[data-v-a5de6c98] {
display: block
}
}
.navigation-brand__base[data-v-a5de6c98] {
display: block
}
.navigation-brand__mini[data-v-a5de6c98] {
display: none
}
.logo[data-v-42c6c550] {
--height: 2.5rem;
height: var(--height)
}
.logo.mini[data-v-42c6c550] {
width: var(--height)
}
.logo img[data-v-42c6c550] {
display: block;
height: 100%;
width: auto
}
.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)
}
.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)
}
.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
}
.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-2bf6a588] {
border-radius: .125rem;
overflow: hidden;
width: 1.5rem
}
.base-flag img[data-v-2bf6a588] {
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-d484fcee] {
display: none
}
}
.navigation-menu-mobile__hamburger[data-v-d484fcee] {
color: #7b776f;
font-size: 1.5rem;
margin-left: .5rem
}
.navigation-menu-mobile__hamburger svg[data-v-d484fcee] {
display: block
}
.trade[data-v-54c6b336] {
display: grid;
grid-template-areas: "condition" "trade" "landing";
grid-template-columns: 100%;
grid-template-rows: auto auto auto
}
.trade__body[data-v-54c6b336] {
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-54c6b336] {
--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-54c6b336] {
height: var(--inventory-height)
}
.trade__inventory-switch[data-v-54c6b336] {
margin: 0 .75rem
}
}
.trade__condition[data-v-54c6b336] {
grid-area: condition
}
.trade__landing[data-v-54c6b336] {
grid-area: landing
}
.trade-steam-condition__body[data-v-dd25a854] {
color: #fff;
font-weight: 500;
padding: 1rem 3rem;
text-align: center;
transition: background-color 275ms
}
[data-steam-condition=STABLE] .trade-steam-condition__body[data-v-dd25a854] {
background-color: #527811
}
[data-steam-condition=UNSTABLE] .trade-steam-condition__body[data-v-dd25a854] {
background-color: #8b6c20
}
[data-steam-condition=DOWN] .trade-steam-condition__body[data-v-dd25a854] {
background-color: #891b1b
}
.trade-inventory[data-v-90c0eb4a] {
height: 100%;
overflow: hidden;
position: relative
}
@media screen and (min-width:960px) {
[data-cart=STATIC] .trade-inventory[data-v-90c0eb4a] {
width: calc(100% + var(--scrollbar-width))
}
[data-cart=STATIC] .trade-inventory[data-inventory=USER][data-v-90c0eb4a] {
margin-left: calc(var(--scrollbar-width)*-1);
padding-left: var(--scrollbar-width)
}
[data-cart=STATIC] .trade-inventory[data-inventory=SITE][data-v-90c0eb4a] {
margin-right: calc(var(--scrollbar-width)*-1);
padding-right: var(--scrollbar-width)
}
}
@media screen and (max-width:959px) {
.trade-inventory[data-v-90c0eb4a] {
padding-bottom: 1.75rem
}
}
.cart-static[data-v-57c2cb2a] {
border-radius: .5rem;
margin: 1.5rem 0 1rem;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.cart-static-header[data-v-520c2c6c] {
align-items: center;
background-color: #3f3c38;
display: flex;
height: var(--cart-header-height);
justify-content: space-between;
padding: 0 1rem;
transition: background-color 175ms
}
[data-inventory=USER] .cart-static-header[data-v-520c2c6c] {
flex-direction: row-reverse
}
.cart-static-header[data-v-520c2c6c]:hover {
background-color: #4a4642
}
.cart-static-header-summary[data-v-264919be] {
align-items: center;
display: flex;
font-size: .875rem;
gap: .75rem
}
[data-inventory=USER] .cart-static-header-summary[data-v-264919be] {
flex-direction: row-reverse
}
.cart-static-header-summary__count[data-v-264919be] {
font-feature-settings: "tnum";
align-items: center;
background-color: #ffd845;
border-radius: 7px;
color: #302e2a;
display: flex;
font-size: .625rem;
font-variant-numeric: tabular-nums;
font-weight: 700;
height: 14px;
justify-content: center;
letter-spacing: .025em;
padding: 0 5px
}
svg[data-v-264919be] {
transition: color 275ms
}
.cart-static-header-summary.filled svg[data-v-264919be] {
color: #ffd845
}
.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
}
.cart-static-header-toggle[data-v-1bdd2eda] {
align-items: center;
color: #fff;
display: flex;
font-size: .875rem;
gap: .5rem
}
[data-inventory=USER] .cart-static-header-toggle[data-v-1bdd2eda] {
flex-direction: row-reverse
}
svg[data-v-1bdd2eda] {
color: #aea89b;
transition: transform 275ms
}
.cart-static-header-toggle.expanded svg[data-v-1bdd2eda] {
transform: scaleY(-1)
}
.cart-static-body[data-v-7e520e2e] {
background-color: rgba(63, 60, 56, .25)
}
.cart-static-body__inner[data-v-7e520e2e] {
height: var(--cart-body-height);
position: relative
}
.cart-static-body-empty__inner[data-v-c41555c2] {
align-items: center;
bottom: 0;
display: flex;
flex-direction: column;
gap: .125rem;
justify-content: center;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 0
}
.cart-static-body-empty__inner[data-v-c41555c2]:after,
.cart-static-body-empty__inner[data-v-c41555c2]:before {
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: -1
}
.cart-static-body-empty__inner[data-v-c41555c2]:before {
background-image: url(/_nuxt/img/cart-static-background.a30f866.svg);
background-size: auto var(--cart-body-height);
opacity: .2
}
.cart-static-body-empty__inner[data-v-c41555c2]:after {
background: radial-gradient(circle at 50% 50%, rgba(57, 54, 49, 0), #393631 90%)
}
.cart-static-body-empty__title[data-v-c41555c2] {
color: #fcf5e8;
font-size: 1.125rem;
font-weight: 500
}
.cart-static-body-empty__description[data-v-c41555c2] {
color: #9a958b;
font-size: .875rem;
font-weight: 500;
margin: 0
}
.cart-static-body-items[data-v-5fdfe3e7] {
--scrollable-content-background: rgba(48, 46, 42, .5);
height: var(--cart-body-height);
padding: 2px 0;
position: relative
}
.cart-static-body-items__inner[data-v-5fdfe3e7] {
grid-gap: 2px;
display: grid;
gap: 2px;
grid-template-columns: repeat(auto-fill, minmax(114px, 1fr));
padding-bottom: 26px
}
.cart-static-body-items__clear[data-v-5fdfe3e7] {
align-items: center;
background-color: #56524d;
bottom: 0;
color: #fff;
display: flex;
font-size: .875rem;
height: 26px;
padding: 0 1rem;
position: absolute;
transition: background-color 275ms;
z-index: 10
}
.cart-static-body-items__clear[data-v-5fdfe3e7]:hover {
background-color: #7b776f
}
[data-inventory=SITE] .cart-static-body-items__clear[data-v-5fdfe3e7] {
border-top-left-radius: .5rem;
right: 0
}
[data-inventory=USER] .cart-static-body-items__clear[data-v-5fdfe3e7] {
border-top-right-radius: .5rem;
left: 0
}
.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
}
.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
}
.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
}
.inventory-toolbar-divider[data-v-24f6afe6] {
background-color: #3f3c38;
height: 14px;
pointer-events: none;
width: 1px
}
.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
}
}
.form-select[data-v-de2d7cea] {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.form-select.active.lite .form-select__body[data-v-de2d7cea] {
background-color: #56524d
}
.form-select.leading .form-select__body[data-v-de2d7cea] {
padding-left: 2.5rem
}
.form-select.trailing .form-select__body[data-v-de2d7cea] {
padding-right: 2.5rem
}
.form-select.lite[data-v-de2d7cea] {
display: inline-flex
}
.form-select.lite.active .form-select__body[data-v-de2d7cea],
.form-select.lite:hover .form-select__body[data-v-de2d7cea] {
background-color: #56524d
}
.form-select.lite:hover .form-select__placeholder[data-v-de2d7cea],
.form-select.lite:hover .form-select__value[data-v-de2d7cea] {
color: #fcf5e8
}
.form-select.lite:hover .form-select__slot[data-v-de2d7cea] {
color: #9a958b
}
.form-select.lite.leading .form-select__body[data-v-de2d7cea] {
padding-left: 2rem
}
.form-select.lite.trailing .form-select__body[data-v-de2d7cea] {
padding-right: 2rem
}
.form-select__label[data-v-de2d7cea] {
cursor: pointer
}
.form-select__label:hover+.form-select__body[data-v-de2d7cea] {
border-color: #7b776f
}
.form-select__label:hover+.form-select__body+.form-select__slot[data-v-de2d7cea] {
color: #9a958b
}
.form-select__body[data-v-de2d7cea] {
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-de2d7cea] {
background-color: transparent;
border: none !important;
box-shadow: none !important;
color: #aea89b
}
.light .form-select__body[data-v-de2d7cea] {
background-color: #56524d;
border-color: #56524d
}
.read-only .form-select__body[data-v-de2d7cea] {
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-de2d7cea] {
color: #56524d
}
.error .form-select__body[data-v-de2d7cea] {
border-color: #dc3030
}
.active .form-select__body[data-v-de2d7cea],
.form-select__body[data-v-de2d7cea]:hover {
border-color: #7b776f
}
.active .form-select__body+.form-select__slot[data-v-de2d7cea],
.form-select__body:hover+.form-select__slot[data-v-de2d7cea] {
color: #9a958b
}
.active .form-select__body[data-v-de2d7cea] {
box-shadow: 0 0 0 3px hsla(40, 5%, 46%, .25)
}
.form-select__placeholder[data-v-de2d7cea],
.form-select__value[data-v-de2d7cea] {
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-de2d7cea],
.active .form-select__value[data-v-de2d7cea] {
color: #fcf5e8
}
.form-select__slot[data-v-de2d7cea] {
color: #7b776f;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: color 275ms
}
.active .form-select__slot[data-v-de2d7cea] {
color: #9a958b
}
.form-select__slot--leading[data-v-de2d7cea] {
left: .75rem
}
.form-select.lite .form-select__slot--leading[data-v-de2d7cea] {
left: .5rem
}
.form-select__slot--trailing[data-v-de2d7cea] {
right: .75rem
}
.form-select.lite .form-select__slot--trailing[data-v-de2d7cea] {
right: .5rem
}
.form-select__slot[data-v-de2d7cea] svg {
display: block
}
.form-select__toggle[data-v-de2d7cea] {
font-size: .875rem
}
.active .form-select__toggle[data-v-de2d7cea] {
transform: rotate(180deg)
}
.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
}
.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%)
}
.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
}
.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
}
}
.search-input[data-v-7355321e] {
position: relative
}
.search-input .search-results[data-v-7355321e] {
height: 20rem;
left: 0;
position: absolute;
top: calc(100% + .25rem);
width: 100%
}
.search-input__clear[data-v-7355321e] {
transition: color 275ms
}
.search-input__clear[data-v-7355321e]:hover {
color: #e46364
}
.search-input__icon[data-v-7355321e] {
transform: rotateY(180deg)
}
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
}
.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-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
}
.prompt[data-v-60f7261d] {
align-items: center;
display: flex;
height: 100%;
margin: 0 auto;
max-width: 100%;
width: 100%
}
.prompt.small .prompt__emoji[data-v-60f7261d] {
margin-top: 0
}
.prompt a[data-v-60f7261d]:not([role=button]) {
-webkit-text-decoration: underline;
text-decoration: underline
}
.prompt__inner[data-v-60f7261d] {
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-60f7261d] {
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-60f7261d] {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
width: 100%
}
.prompt__emoji[data-v-60f7261d] {
display: block;
height: 2.25rem;
margin: 0 auto;
width: auto
}
.prompt__title[data-v-60f7261d] {
color: #fff;
font-size: 1.5rem;
font-weight: 700
}
.prompt__title[data-v-60f7261d]:not(:first-child) {
margin-top: 1.5rem
}
.prompt.small .prompt__title[data-v-60f7261d] {
font-size: 1.125rem
}
.prompt__description[data-v-60f7261d] {
color: #aea89b;
font-weight: 500;
margin: .75rem auto 0;
width: calc(100% - 2rem)
}
.prompt.narrow .prompt__description[data-v-60f7261d] {
width: min(45ch, 100% - 2rem)
}
.prompt.small .prompt__description[data-v-60f7261d] {
margin-top: .5rem
}
.prompt__description[data-v-60f7261d] span {
color: #fcf5e8
}
@media screen and (max-width:959px) {
.prompt__description[data-v-60f7261d] br {
content: ""
}
.prompt__description[data-v-60f7261d] br:after {
content: " "
}
}
.prompt__action[data-v-60f7261d],
.prompt__body[data-v-60f7261d] {
margin-top: 1.5rem
}
.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
}
.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-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
}
.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
}
.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
}
.trade-filters[data-v-4944025c] {
display: flex;
flex-direction: column;
gap: .5rem;
height: 100%;
overflow-y: hidden;
width: 100%
}
.trade-filters[data-v-4944025c] .form-input.lite .form-input__core {
background-color: #21201e
}
.trade-filters[data-v-4944025c] .form-input.lite .form-input__core:focus,
.trade-filters[data-v-4944025c] .form-input.lite .form-input__core:focus+.form-input__slot {
color: #fcf5e8
}
.trade-filters[data-v-4944025c] .select-list {
background-color: #3f3c38
}
.trade-filters[data-v-4944025c] .select-list::-webkit-scrollbar-track {
background: #3f3c38
}
.trade-filters[data-v-4944025c] .select-list::-webkit-scrollbar-thumb {
background-color: #56524d !important;
border: 2px solid #3f3c38 !important;
border-left-width: 0 !important
}
.trade-filters[data-v-4944025c] .select-item {
color: #aea89b
}
.trade-filters[data-v-4944025c] .select-item:hover {
background-color: #56524d
}
.trade-filters__body[data-v-4944025c] {
flex: 1;
height: 100%;
overflow-y: hidden
}
.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
}
.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)
}
.trade-filter-group[data-v-24854df8] {
display: flex;
flex-direction: column;
gap: .5rem
}
.trade-filter-group[data-v-24854df8]>:last-child {
padding-bottom: .75rem
}
.trade-collapse[data-v-6234ca27] {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.trade-collapse__header[data-v-6234ca27] {
align-items: center;
cursor: pointer;
display: flex;
height: 2.25rem;
justify-content: space-between
}
.trade-collapse__hint[data-v-6234ca27] {
color: #7b776f;
cursor: pointer;
margin-left: .75rem;
opacity: 0;
pointer-events: none;
transition: opacity 275ms, color 275ms
}
.trade-collapse__hint[data-v-6234ca27]:hover {
color: #fcf5e8
}
.expanded .trade-collapse__hint[data-v-6234ca27] {
opacity: 1;
pointer-events: auto
}
.trade-collapse__icon[data-v-6234ca27] {
color: #7b776f
}
.expanded .trade-collapse__icon[data-v-6234ca27] {
transform: rotate(180deg)
}
.trade-collapse__body[data-v-6234ca27] {
display: flex;
flex-direction: column;
gap: .5rem
}
.trade-filter-range[data-v-63c70685] {
--slider-handler-size: 0.75rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
margin-bottom: .75rem;
padding-bottom: 4px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
@media screen and (max-width:959px) {
.trade-filter-range[data-v-63c70685] {
--slider-handler-size: 1rem
}
}
.trade-filter-range__inputs[data-v-63c70685] {
grid-gap: .25rem;
align-items: center;
display: grid;
gap: .25rem;
grid-template-columns: 1fr auto 1fr
}
.trade-filter-range__inputs span[data-v-63c70685] {
color: #56524d
}
.trade-filter-range__slider[data-v-63c70685] {
height: .25rem;
padding: 0 calc(var(--slider-handler-size)*.5)
}
[data-v-63c70685] .noUi-horizontal {
height: .25rem
}
[data-v-63c70685] .noUi-target {
background-color: #3f3c38
}
[data-v-63c70685] .noUi-connect {
background-color: #7b776f
}
[data-v-63c70685] .noUi-handle {
background-color: #9a958b;
border-radius: calc(var(--slider-handler-size)*.5);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
height: var(--slider-handler-size);
right: calc(var(--slider-handler-size)*-.5);
top: calc((var(--slider-handler-size) - .25rem)*-.5);
transition: background-color 275ms;
width: var(--slider-handler-size)
}
[data-v-63c70685] .noUi-handle:hover {
background-color: #ece6da
}
@media screen and (max-width:959px) {
[data-v-63c70685] .noUi-handle:before {
background-color: hsla(0, 0%, 100%, 0);
border-radius: 50%;
content: "";
display: block;
height: 100%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%) scale(2.5);
transition: background-color 275ms;
width: 100%;
z-index: -1
}
}
.trade-filter-range__infinity[data-v-63c70685] {
transform: translateY(.5px) scaleY(1.15);
transform-origin: left center;
transition: opacity 275ms
}
.trade-filter-range__input--max[data-v-63c70685] .form-input__core:focus+.form-input__slot--leading .trade-filter-range__infinity {
opacity: 0
}
.trade-filter-range__input[data-v-63c70685] .form-input__slot {
align-items: center;
color: #aea89b;
display: flex;
font-size: .875rem;
gap: .5rem;
pointer-events: none
}
.trade-filter-range__input[data-v-63c70685] .form-input__slot svg {
font-size: 1rem
}
.trade-filter-range__input.lite.leading[data-v-63c70685] .form-input__core {
padding-left: 24px
}
.trade-filter-range__input.lite.trailing[data-v-63c70685] .form-input__core {
padding-right: 28px;
text-align: right
}
.trade-filter-lock-slider[data-v-30758d25] {
display: flex;
flex-direction: column;
gap: .75rem;
margin: .75rem 0;
padding-bottom: 1rem;
position: relative
}
.trade-filter-lock-slider__container[data-v-30758d25] {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
width: 100%
}
.trade-filter-lock-slider__days[data-v-30758d25] {
grid-gap: .125rem;
display: grid;
gap: .125rem;
grid-template-columns: repeat(9, 1fr);
height: .75rem;
justify-content: center;
padding: 0 .25rem;
width: 100%
}
@media screen and (max-width:959px) {
.trade-filter-lock-slider__days[data-v-30758d25] {
height: 1.25rem;
padding: 0 .75rem
}
}
.trade-filter-lock-slider__day[data-v-30758d25] {
background-color: #56524d;
position: relative;
transition: background-color 275ms
}
.trade-filter-lock-slider__day.active[data-v-30758d25]:first-child {
background-color: #83b135
}
.trade-filter-lock-slider__day.active[data-v-30758d25]:nth-child(2) {
background-color: #95b538
}
.trade-filter-lock-slider__day.active[data-v-30758d25]:nth-child(3) {
background-color: #a6b83c
}
.trade-filter-lock-slider__day.active[data-v-30758d25]:nth-child(4) {
background-color: #b7bc42
}
.trade-filter-lock-slider__day.active[data-v-30758d25]:nth-child(5) {
background-color: #c7bf49
}
.trade-filter-lock-slider__day.active[data-v-30758d25]:nth-child(6) {
background-color: #d7c251
}
.trade-filter-lock-slider__day.active[data-v-30758d25]:nth-child(7) {
background-color: #e6c65a
}
.trade-filter-lock-slider__day.active[data-v-30758d25]:nth-child(8) {
background-color: #f4c964
}
.trade-filter-lock-slider__day.active[data-v-30758d25]:nth-child(9) {
background-color: #f4b264
}
.trade-filter-lock-slider__day[data-v-30758d25]:first-child:after,
.trade-filter-lock-slider__day[data-v-30758d25]:last-child:after {
bottom: -.125rem;
content: "";
height: .125rem;
pointer-events: none;
position: absolute;
width: calc(50% + .25rem)
}
@media screen and (max-width:959px) {
.trade-filter-lock-slider__day[data-v-30758d25]:first-child:after,
.trade-filter-lock-slider__day[data-v-30758d25]:last-child:after {
width: calc(50% + .75rem)
}
}
.trade-filter-lock-slider__day[data-v-30758d25]:first-child:after {
background-color: #ece6da;
right: 50%
}
.trade-filter-lock-slider__day[data-v-30758d25]:last-child:after {
background-color: #9a958b;
left: 50%;
transition: background-color 275ms
}
.trade-filter-lock-slider__day:last-child.active[data-v-30758d25]:after {
background-color: #ece6da
}
.trade-filter-lock-slider__day[data-v-30758d25]:before {
background-color: #ece6da;
bottom: 0;
content: "";
height: 3px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 1px
}
.trade-filter-lock-slider__bar[data-v-30758d25] {
bottom: 0;
height: .125rem;
left: 0;
position: absolute;
width: 100%
}
.trade-filter-lock-slider__core[data-v-30758d25] {
height: .125rem;
margin: 0 calc(.16667rem + 5.55556%);
position: relative;
width: calc(88.88889% - .33333rem)
}
@media screen and (max-width:959px) {
.trade-filter-lock-slider__core[data-v-30758d25] {
margin: 0 calc(.68056rem + 2.77778%);
width: calc(88.88889% - 1.22222rem)
}
}
.trade-filter-lock-slider__core[data-v-30758d25]:after {
background-color: #9a958b;
bottom: 0;
content: "";
height: .125rem;
left: 0;
position: absolute;
width: 100%;
z-index: -1
}
.trade-filter-lock-slider__status[data-v-30758d25] {
align-items: center;
color: #9a958b;
display: flex;
font-size: .875rem;
gap: .75rem;
height: 1rem;
position: absolute;
transition: color 275ms
}
[data-trade-lock-filter="0"] .trade-filter-lock-slider__status[data-v-30758d25] {
color: #83b135
}
[data-trade-lock-filter="1"] .trade-filter-lock-slider__status[data-v-30758d25] {
color: #95b538
}
[data-trade-lock-filter="2"] .trade-filter-lock-slider__status[data-v-30758d25] {
color: #a6b83c
}
[data-trade-lock-filter="3"] .trade-filter-lock-slider__status[data-v-30758d25] {
color: #b7bc42
}
[data-trade-lock-filter="4"] .trade-filter-lock-slider__status[data-v-30758d25] {
color: #c7bf49
}
[data-trade-lock-filter="5"] .trade-filter-lock-slider__status[data-v-30758d25] {
color: #d7c251
}
[data-trade-lock-filter="6"] .trade-filter-lock-slider__status[data-v-30758d25] {
color: #e6c65a
}
[data-trade-lock-filter="7"] .trade-filter-lock-slider__status[data-v-30758d25] {
color: #f4c964
}
[data-trade-lock-filter="8"] .trade-filter-lock-slider__status[data-v-30758d25] {
color: #f4b264
}
.trade-filter-lock-slider__status[data-v-30758d25] svg {
font-size: 1rem
}
[data-v-30758d25] .noUi-horizontal {
height: .125rem
}
[data-v-30758d25] .noUi-connect {
background-color: #ece6da
}
[data-v-30758d25] .noUi-handle {
background-color: #fff;
border-radius: .125rem;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
height: .33rem;
right: -.25rem;
width: .5rem
}
[data-v-30758d25] .noUi-handle:before {
border-color: hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) #fff;
border-style: solid;
border-width: 0 .25rem .25rem;
bottom: 100%;
content: "";
height: 0;
left: 0;
position: absolute;
width: 0
}
.trade-filter-image-color__tiles[data-v-7f7a00c1] {
grid-gap: .75rem;
display: grid;
gap: .75rem;
grid-template-columns: repeat(6, 1fr);
padding-top: .5rem
}
.trade-filter-list[data-v-f8507f02] {
display: flex;
flex-direction: column;
gap: .5rem;
margin-top: .25rem
}
.trade-filter-list.inline[data-v-f8507f02] {
flex-direction: row;
flex-wrap: wrap;
margin-top: .5rem
}
.trade-filter-option-generic__body[data-v-1ff689ae] {
align-items: center;
color: #aea89b;
display: flex;
gap: .5rem;
height: 1.75rem;
position: relative;
transition: color 275ms;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.trade-filter-option-generic__body[data-v-1ff689ae]:hover {
color: #fcf5e8
}
.trade-filter-option-generic__inner[data-v-1ff689ae] {
align-items: center;
cursor: pointer;
display: flex;
flex-grow: 1;
gap: .5rem;
height: 100%;
overflow: hidden;
text-overflow: ellipsis
}
.trade-filter-option-generic__box[data-v-1ff689ae] {
align-items: center;
border: 1.5px solid #56524d;
border-radius: .25rem;
color: #3f3c38;
display: flex;
flex-shrink: 0;
font-size: .75rem;
height: 1.125rem;
justify-content: center;
transition: background-color 275ms, border 175ms;
width: 1.125rem
}
@supports(-moz-appearance:none) {
.trade-filter-option-generic__box[data-v-1ff689ae] {
border-width: 1px
}
}
.trade-filter-option-generic:hover .trade-filter-option-generic__box[data-v-1ff689ae] {
border-color: #7b776f
}
.trade-filter-option-generic.radio .trade-filter-option-generic__box[data-v-1ff689ae] {
border-radius: .5625rem
}
.trade-filter-option-generic__box.icon[data-v-1ff689ae] {
background-color: #ece6da;
border-color: #ece6da
}
.trade-filter-option-generic__label[data-v-1ff689ae] {
font-size: .875rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.trade-filter-option-generic__children[data-v-1ff689ae] {
display: flex;
gap: .5rem
}
.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(/_nuxt/img/csgo-bottom-background.3d58eaa.png);
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)
}
}
.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
}
.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-5ab4ff0e] {
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-5ab4ff0e] {
gap: 2rem 1rem;
grid-template-columns: repeat(2, 1fr)
}
.footer-row-navigation .footer-section[data-v-5ab4ff0e]:nth-child(3),
.footer-row-navigation .footer-section[data-v-5ab4ff0e]:nth-child(4) {
grid-column: span 2
}
.footer-row-navigation .footer-section:nth-child(3) .footer-links[data-v-5ab4ff0e] {
display: grid;
grid-template-columns: repeat(2, 1fr)
}
}
.footer-setting[data-v-5ab4ff0e] {
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-5ab4ff0e]:hover {
background: #3f3c38
}
.footer-setting .base-flag[data-v-5ab4ff0e] {
width: 20px
}
.footer-setting .footer-setting__icon-left[data-v-5ab4ff0e] {
display: flex;
justify-content: center;
width: 20px
}
.footer-setting .footer-setting__icon-right[data-v-5ab4ff0e] {
color: #aea89b;
margin-left: auto;
opacity: .5
}
.footer-setting--visual[data-v-5ab4ff0e] {
color: #aea89b
}
.footer-setting--visual .footer-setting__icon-left[data-v-5ab4ff0e] {
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-512af9b6] {
margin: 1rem 0
}
.footer-row-socials__inner[data-v-512af9b6] {
display: flex;
gap: 3rem;
justify-content: center;
margin: 2rem 0
}
@media screen and (max-width:959px) {
.footer-row-socials__inner[data-v-512af9b6] {
gap: 1.5rem
}
}
.footer-social[data-v-512af9b6] {
align-items: center;
color: #aea89b;
display: flex;
font-weight: 500;
gap: .75rem;
line-height: 1
}
.footer-social[data-v-512af9b6]:hover {
color: #fcf5e8
}
.footer-social:hover svg[data-v-512af9b6] {
color: #f5c71b
}
.footer-social svg[data-v-512af9b6] {
font-size: 1.5rem;
transition: color 275ms
}
@media screen and (max-width:959px) {
.footer-social span[data-v-512af9b6] {
display: none
}
}
.footer-row-socials__note[data-v-512af9b6] {
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-6aa680b5] {
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-6aa680b5] {
padding: 1.5rem 0 max(1.5rem, env(safe-area-inset-bottom))
}
}
.footer-additional-links__body[data-v-6aa680b5] {
grid-gap: 2rem 100px;
display: grid;
gap: 2rem 100px;
grid-template-columns: repeat(4, 1fr);
margin-top: 2rem
}
.footer-additional-links__body[data-v-6aa680b5] .footer-label {
color: #aea89b
}
.footer-additional-links__body[data-v-6aa680b5] .footer-link {
color: #aea89b;
opacity: .5
}
.footer-additional-links__body[data-v-6aa680b5] a.footer-link:hover {
opacity: .75
}
@media screen and (max-width:959px) {
.footer-additional-links__body[data-v-6aa680b5] {
gap: 2rem 1rem;
grid-template-columns: repeat(2, 1fr)
}
}
.footer-additional-links__header[data-v-6aa680b5] {
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-720bc87e] {
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-720bc87e] {
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-720bc87e] {
border-radius: 0
}
.modal__core[data-v-720bc87e] .prompt__emoji {
margin-top: 1.5rem
}
.modal__core>*[data-v-720bc87e] {
z-index: 1
}
.modal__container[data-v-720bc87e] {
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-720bc87e] {
align-items: flex-end
}
}
.modal__container>.scrollable-content[data-v-720bc87e] {
flex-grow: 1
}
@media screen and (min-width:960px) {
.modal__container>.scrollable-content[data-v-720bc87e] {
flex-grow: 0
}
.modal__container>.scrollable-content[data-v-720bc87e]:after,
.modal__container>.scrollable-content[data-v-720bc87e]:before {
left: calc((var(--scrollbar-width) + 1.5rem)*.5);
right: calc((var(--scrollbar-width) + 1.5rem)*.5)
}
}
.modal__container>.scrollable-content[data-v-720bc87e]>.scrollable-content__body {
align-items: center;
display: flex;
justify-content: center
}
@media screen and (max-width:959px) {
.modal__container>.scrollable-content[data-v-720bc87e]>.scrollable-content__body {
align-items: flex-end;
justify-content: normal
}
}
.modal__inner-wrapper[data-v-720bc87e] {
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-720bc87e] {
width: 100%
}
}
.modal__close[data-v-720bc87e] {
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-720bc87e] {
font-size: 1.25rem;
margin-top: -.125rem;
padding: 0;
right: 1rem;
top: 1rem
}
}
.modal__close[data-v-720bc87e]:hover {
color: #aea89b
}
.modal-enter.modal__container[data-v-720bc87e],
.modal-leave-to.modal__container[data-v-720bc87e] {
opacity: 0
}
.modal-enter .modal__inner-wrapper[data-v-720bc87e] {
transform: translateY(3rem)
}
.modal-leave-to .modal__inner-wrapper[data-v-720bc87e] {
transform: translateY(-3rem)
}
@media screen and (max-width:959px) {
.modal-leave-to .modal__inner-wrapper[data-v-720bc87e] {
transform: translateY(3rem)
}
}
.modal-enter-active[data-v-720bc87e],
.modal-leave-active[data-v-720bc87e] {
overflow: hidden
}
.modal-enter-active .modal__inner-wrapper[data-v-720bc87e],
.modal-leave-active .modal__inner-wrapper[data-v-720bc87e] {
transition: transform 275ms
}
.modal-enter-active.modal__container[data-v-720bc87e],
.modal-leave-active.modal__container[data-v-720bc87e] {
transition: opacity 275ms
}
.modal-leave-active[data-v-720bc87e] {
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-30fd9fbf] {
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-30fd9fbf] {
bottom: -4rem;
height: 4rem;
width: 4rem
}
}
@media screen and (min-width:1170px) {
.layout-scroll-top[data-v-30fd9fbf] {
right: 3rem
}
}
.layout-scroll-top[data-v-30fd9fbf]:hover {
background-color: #3f3c38;
color: #fcf5e8
}
.layout-scroll-top:hover .layout-scroll-top__icon[data-v-30fd9fbf] {
animation: bounce-30fd9fbf 1.5s infinite
}
.layout-scroll-top.active[data-v-30fd9fbf] {
bottom: max(1rem, env(safe-area-inset-bottom));
opacity: 1
}
@media screen and (min-width:960px) {
.layout-scroll-top.active[data-v-30fd9fbf] {
bottom: 3rem
}
}
@keyframes bounce-30fd9fbf {
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-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
}
.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
}
.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
}
.error[data-v-6581ffd4] {
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-6581ffd4] {
flex-grow: 0;
padding-top: 12rem
}
}
.error[data-v-6581ffd4]:before {
background-image: url(/_nuxt/img/csgo-background.39dd1c7.png);
background-image: -webkit-image-set(url(/_nuxt/img/csgo-background.39dd1c7.png) 1x, url(/_nuxt/img/csgo-background@2x.617c114.png) 2x, url(/_nuxt/img/csgo-background@3x.df1f7d5.png) 3x);
background-image: image-set(url(/_nuxt/img/csgo-background.39dd1c7.png) 1x, url(/_nuxt/img/csgo-background@2x.617c114.png) 2x, url(/_nuxt/img/csgo-background@3x.df1f7d5.png) 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-6581ffd4]:before {
background-image: url(/_nuxt/img/csgo-background@2x.617c114.png)
}
}
@media (-webkit-min-device-pixel-ratio:3),
(min-resolution:288dpi) {
.error[data-v-6581ffd4]:before {
background-image: url(/_nuxt/img/csgo-background@3x.df1f7d5.png)
}
}
@media screen and (max-width:959px) {
.error[data-v-6581ffd4]:before {
background-image: url(/_nuxt/img/csgo-background-mobile.2e19495.png);
background-image: -webkit-image-set(url(/_nuxt/img/csgo-background-mobile.2e19495.png) 1x, url(/_nuxt/img/csgo-background-mobile@2x.e71b653.png) 2x, url(/_nuxt/img/csgo-background-mobile@3x.8576a93.png) 3x);
background-image: image-set(url(/_nuxt/img/csgo-background-mobile.2e19495.png) 1x, url(/_nuxt/img/csgo-background-mobile@2x.e71b653.png) 2x, url(/_nuxt/img/csgo-background-mobile@3x.8576a93.png) 3x);
background-position: top;
background-size: auto 24rem
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.error[data-v-6581ffd4]:before {
background-image: url(/_nuxt/img/csgo-background-mobile@2x.e71b653.png)
}
}
@media (-webkit-min-device-pixel-ratio:3),
(min-resolution:288dpi) {
.error[data-v-6581ffd4]:before {
background-image: url(/_nuxt/img/csgo-background-mobile@3x.8576a93.png)
}
}
}
.error[data-v-6581ffd4] .text-stroke {
bottom: -1.5rem;
font-size: 10rem;
left: 50%;
position: absolute;
transform: translateX(-50%);
z-index: -1
}
.error[data-v-6581ffd4] .base-button {
min-width: 8rem
}
.error__header[data-v-6581ffd4] {
margin-bottom: 1.5rem;
position: relative;
z-index: 1
}
@media screen and (max-width:959px) {
.error__header[data-v-6581ffd4] {
margin-bottom: 0
}
.error__stroke[data-v-6581ffd4] {
display: none
}
}
.error__message[data-v-6581ffd4] {
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-6581ffd4] {
color: #aea89b;
font-size: .875rem;
max-width: 280px
}
}
.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
}
.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
}
.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-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
}
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
}
.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
}
}
.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
}
.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
}
.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%
}
.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-ebcc2f10] html {
--landing-cta-height: $cta-height
}
@media screen and (max-width:959px) {
[data-v-ebcc2f10] html {
--landing-cta-height: calc(3.75rem + max(0.75rem, env(safe-area-inset-bottom)))
}
}
.landing-cta-bonus-wrapper[data-v-ebcc2f10] {
height: 7.25rem
}
@media screen and (max-width:959px) {
.landing-cta-bonus-wrapper[data-v-ebcc2f10] {
height: calc(3.75rem + max(.75rem, env(safe-area-inset-bottom)))
}
}
.landing-cta-bonus[data-v-ebcc2f10] {
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-ebcc2f10] {
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-ebcc2f10] {
opacity: 1;
transform: translateY(0)
}
.landing-cta-bonus__content[data-v-ebcc2f10] {
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-ebcc2f10] {
font-size: 1.875rem
}
}
@media screen and (max-width:959px) {
.landing-cta-bonus__content[data-v-ebcc2f10] {
font-size: 1.5rem;
text-align: left
}
}
@media screen and (max-width:599px) {
.landing-cta-bonus__content[data-v-ebcc2f10] {
font-size: 1rem
}
}
.landing-cta-bonus__content[data-v-ebcc2f10] strong {
animation: tada 5s infinite;
display: inline-block;
position: relative
}
@media screen and (max-width:959px) {
.landing-cta-bonus__content[data-v-ebcc2f10] strong {
animation: none
}
}
.landing-cta-bonus__button[data-v-ebcc2f10] {
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-ebcc2f10] {
font-size: 1rem;
height: 3rem;
padding: 0 1rem
}
}
.landing-cta-bonus__logo[data-v-ebcc2f10] {
height: 50px
}
@media screen and (max-width:959px) {
.landing-cta-bonus__logo[data-v-ebcc2f10] {
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(/event/2024/christmas/progress-pattern.svg);
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
}
.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(/_nuxt/img/monkey.5c66464.svg);
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(/_nuxt/img/credit-card.4f84bb3.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin: 0 auto;
-webkit-mask: url(/_nuxt/img/credit-card.4f84bb3.svg);
mask: url(/_nuxt/img/credit-card.4f84bb3.svg);
-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
}
}
.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-prompt {
width: 100%
}
.inventory-worth[data-v-4688219a] {
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-4688219a] {
display: none
}
}
.inventory-worth.hidden[data-v-4688219a] {
transform: translateX(calc(100% - 1.625rem + 2px))
}
.inventory-worth.hidden .inventory-worth__close svg[data-v-4688219a] {
transform: scaleX(-1)
}
.inventory-worth__body[data-v-4688219a] {
border-left: 1px solid #302e2a;
display: flex
}
@media screen and (max-width:1169px) {
.inventory-worth__body[data-v-4688219a] {
flex-direction: column
}
}
.inventory-worth__section[data-v-4688219a] {
align-items: center;
display: flex;
height: 2.25rem;
padding: 0 .75rem
}
.inventory-worth__section+.inventory-worth__section[data-v-4688219a] {
border-left: 1px solid #302e2a
}
@media screen and (max-width:1169px) {
.inventory-worth__section+.inventory-worth__section[data-v-4688219a] {
border-left: none;
border-top: 1px solid #302e2a
}
}
.inventory-worth__close[data-v-4688219a] {
color: #56524d;
cursor: pointer;
font-size: 1.125rem;
padding: 0 .5rem;
transition: color 275ms;
width: 1.625rem
}
.inventory-worth__close[data-v-4688219a]:hover {
color: #7b776f
}
.inventory-worth__close svg[data-v-4688219a] {
transition: transform 275ms
}
.inventory-worth__button[data-v-4688219a] {
color: #f5c71b;
position: relative;
transition: color 275ms
}
.inventory-worth__button.selecting[data-v-4688219a] {
pointer-events: none
}
.inventory-worth__button.selecting span[data-v-4688219a] {
opacity: 0
}
.inventory-worth__button.selecting .base-spinner[data-v-4688219a] {
opacity: 1;
transform: translate(-50%, -50%)
}
.inventory-worth__button.disabled[data-v-4688219a] {
color: #7b776f;
cursor: not-allowed
}
.inventory-worth__button[data-v-4688219a]:hover:not(.disabled) {
color: #ffd845
}
.inventory-worth__button span[data-v-4688219a] {
transition: opacity 275ms
}
.base-spinner[data-v-4688219a] {
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
transform: translate(-50%, calc(-50% + .25rem));
transition: opacity 275ms, transform 275ms
}
.select-item[data-v-9e528840] {
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[data-v-9e528840]:hover {
background-color: #7b776f;
color: #fff
}
.select-item__value[data-v-9e528840] {
align-items: center;
display: flex;
gap: .5rem;
height: 100%;
line-height: 1
}
.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%)
}
.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-7b9dd472] {
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-7b9dd472]:hover {
background-color: #302e2a
}
.cart-floating-item:hover .cart-floating-item__price[data-v-7b9dd472] {
opacity: 0
}
.cart-floating-item:hover .cart-floating-item__remove[data-v-7b9dd472] {
opacity: 1
}
.cart-floating-item[data-v-7b9dd472]:last-child {
margin-bottom: .75rem
}
.cart-floating-item__image[data-v-7b9dd472] {
align-items: center;
display: flex;
height: 5.25rem;
justify-content: center;
padding: .5rem
}
.cart-floating-item__image img[data-v-7b9dd472] {
display: block;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%
}
.cart-floating-item__body[data-v-7b9dd472] {
color: #9a958b;
display: flex;
flex-direction: column;
font-size: .75rem;
gap: .25rem;
justify-content: center;
overflow: hidden
}
.cart-floating-item__type[data-v-7b9dd472] {
color: #aea89b;
display: flex;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.cart-floating-item__params[data-v-7b9dd472] {
display: flex
}
.cart-floating-item__params[data-v-7b9dd472]>* {
font-size: .75rem;
min-width: 0;
text-overflow: ellipsis
}
.cart-floating-item__stickers[data-v-7b9dd472] {
align-items: center;
display: flex;
gap: .125rem;
margin-top: .125rem
}
.cart-floating-item__stickers img[data-v-7b9dd472] {
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-7b9dd472]:hover {
filter: brightness(1.25);
transform: scale(1.25)
}
.cart-floating-item__name[data-v-7b9dd472] {
color: #fff;
font-size: .875rem
}
.cart-floating-item__price[data-v-7b9dd472] {
align-items: flex-end;
display: flex;
flex-direction: column;
justify-content: center;
transition: opacity 275ms;
white-space: nowrap
}
.cart-floating-item__remove[data-v-7b9dd472] {
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-7b9dd472]: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-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
}
}
.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%
}
.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
}
.trade-summary-row-separator[data-v-0d0104a6] {
border-bottom: 1px solid hsla(40, 5%, 46%, .2);
margin: .25rem 0
}
.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(/_nuxt/img/hexagon.9f44c4f.svg);
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
}
.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
}
.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
}
}
.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
}
}
@keyframes slide-in-one-tap {
from {
transform: translateY(80px);
}
to {
transform: translateY(0px);
}
}
.trust-hide-gracefully {
opacity: 0;
}
.trust-wallet-one-tap .hidden {
display: none;
}
.trust-wallet-one-tap .semibold {
font-weight: 500;
}
.trust-wallet-one-tap .binance-plex {
font-family: 'Binance';
}
.trust-wallet-one-tap .rounded-full {
border-radius: 50%;
}
.trust-wallet-one-tap .flex {
display: flex;
}
.trust-wallet-one-tap .flex-col {
flex-direction: column;
}
.trust-wallet-one-tap .items-center {
align-items: center;
}
.trust-wallet-one-tap .space-between {
justify-content: space-between;
}
.trust-wallet-one-tap .justify-center {
justify-content: center;
}
.trust-wallet-one-tap .w-full {
width: 100%;
}
.trust-wallet-one-tap .box {
transition: all 0.5s cubic-bezier(0, 0, 0, 1.43);
animation: slide-in-one-tap 0.5s cubic-bezier(0, 0, 0, 1.43);
width: 384px;
border-radius: 15px;
background: #FFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
position: fixed;
right: 30px;
bottom: 30px;
z-index: 1020;
}
.trust-wallet-one-tap .header {
gap: 15px;
border-bottom: 1px solid #E6E6E6;
padding: 10px 18px;
}
.trust-wallet-one-tap .header .left-items {
gap: 15px
}
.trust-wallet-one-tap .header .title {
color: #1E2329;
font-size: 18px;
font-weight: 600;
line-height: 28px;
}
.trust-wallet-one-tap .header .subtitle {
color: #474D57;
font-size: 14px;
line-height: 20px;
}
.trust-wallet-one-tap .header .close {
color: #1E2329;
cursor: pointer;
}
.trust-wallet-one-tap .body {
padding: 9px 18px;
gap: 10px;
}
.trust-wallet-one-tap .body .right-items {
gap: 10px;
width: 100%;
}
.trust-wallet-one-tap .body .right-items .wallet-title {
color: #1E2329;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.trust-wallet-one-tap .body .right-items .wallet-subtitle {
color: #474D57;
font-size: 14px;
line-height: 20px;
}
.trust-wallet-one-tap .connect-indicator {
gap: 15px;
padding: 8px 0;
}
.trust-wallet-one-tap .connect-indicator .flow-icon {
color: #474D57;
}
.trust-wallet-one-tap .loading-color {
color: #FFF;
}
.trust-wallet-one-tap .button {
border-radius: 50px;
outline: 2px solid transparent;
outline-offset: 2px;
background-color: rgb(5, 0, 255);
border-color: rgb(229, 231, 235);
cursor: pointer;
text-align: center;
height: 45px;
}
.trust-wallet-one-tap .button .button-text {
color: #FFF;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.trust-wallet-one-tap .footer {
margin: 20px 30px;
}
.trust-wallet-one-tap .check-icon {
color: #FFF;
}
@font-face {
font-family: 'Binance';
src: url(chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Regular.otf) format('opentype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Binance';
src: url(chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-Medium.otf) format('opentype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Binance';
src: url(chrome-extension://egjidjbpglichdcondbcbdnbeeppgdph/fonts/BinancePlex-SemiBold.otf) format('opentype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Open Sans Regular';
font-style: normal;
font-weight: 400;
src: url('chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-regular.woff');
}
@font-face {
font-family: 'Open Sans Bold';
font-style: normal;
font-weight: 800;
src: url('chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/OpenSans-Bold.woff');
}
@font-face {
font-family: 'Open Sans ExtraBold';
font-style: normal;
font-weight: 800;
src: url('chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-800.woff');
}
.item-trade-lock[data-v-4c8f6086] {
align-items: center;
color: #9a958b;
display: flex;
gap: .25rem;
margin-right: auto
}
.item-trade-lock[data-v-4c8f6086] svg {
font-size: 1rem
}
[data-card-size=small] .item-trade-lock[data-v-4c8f6086] {
font-size: .75rem
}
[data-card-size=small] .item-trade-lock[data-v-4c8f6086] svg {
font-size: .875rem
}
.item-trade-lock__tooltip[data-v-4c8f6086] span {
color: #81bd1b
}
.item-trade-lock__status--extra-short[data-v-4c8f6086],
.item-trade-lock__status--short[data-v-4c8f6086] {
display: none
}
[data-card-size=medium] .item-trade-lock__status--short[data-v-4c8f6086],
[data-card-size=small] .item-trade-lock__status--short[data-v-4c8f6086] {
display: inline;
display: initial
}
[data-card-size=medium] .item-trade-lock__status--long[data-v-4c8f6086],
[data-card-size=small] .item-trade-lock__status--long[data-v-4c8f6086] {
display: none
}
.item-image[data-v-d0bcf0d2] {
filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .25)) drop-shadow(0 2px 4px rgba(0, 0, 0, .35));
-o-object-fit: scale-down;
object-fit: scale-down;
-o-object-position: center;
object-position: center;
opacity: 0;
transform: translateY(.5rem) skew(-1deg, 1deg);
transition: opacity 275ms ease, transform 275ms ease
}
.item-image.loaded[data-v-d0bcf0d2] {
opacity: 1;
transform: none;
transition: opacity 275ms ease, transform 175ms ease
}
.item-card-stickers[data-v-205592d6] {
--max-sticker-count: 4;
align-items: center;
display: grid;
grid-template-rows: repeat(var(--max-sticker-count), calc(100%/var(--max-sticker-count)));
height: calc(100% - 2.5rem);
justify-content: center;
position: absolute;
right: .25rem;
top: .25rem;
transition: opacity 275ms;
width: 15%;
z-index: 10
}
[data-card-size=large] .item-card-stickers[data-v-205592d6] {
height: calc(100% - 3rem - (5 - var(--max-sticker-count))*1rem)
}
[data-card-size=small] .item-card-stickers[data-v-205592d6] {
height: calc(100% - 2.5rem);
width: 16.25%
}
.item-card.in-cart .item-card-stickers[data-v-205592d6] {
opacity: .3
}
.item-card-stickers img[data-v-205592d6] {
aspect-ratio: 1/1;
cursor: pointer;
display: block;
height: 100%;
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
margin: 0 auto;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
transition: transform 175ms, filter 175ms;
width: auto
}
.item-card-stickers img[data-v-205592d6]:hover {
filter: brightness(1.25);
transform: scale(1.25)
}
.item-card-stickers__placeholder[data-v-205592d6] {
height: 60%;
margin: 20%
}
.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
}
.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
}
.item-card-simplified[data-v-5a6c27aa] {
--image-offset-y: 5px;
--image-size: 75%;
align-items: center;
aspect-ratio: 1;
background-color: #3f3c38;
display: flex;
flex-direction: column;
gap: .25rem;
overflow: hidden;
padding: 8px 10px;
position: relative;
width: 100%
}
.item-card-simplified[data-game="252490"][data-v-5a6c27aa] {
--image-size: 50%
}
.item-card-simplified.small[data-v-5a6c27aa] {
padding: .25rem .375rem
}
.item-card-simplified.virtual[data-v-5a6c27aa]:before {
background-image: url(/_nuxt/img/banana-background.08919bb.png);
background-position: 0 -.125rem;
background-repeat: round;
background-size: 1.75rem;
content: "";
height: 100%;
left: 0;
opacity: .05;
pointer-events: none;
position: absolute;
top: 0;
width: 100%
}
.item-card-simplified__label[data-v-5a6c27aa],
.item-card-simplified__name[data-v-5a6c27aa],
.item-card-simplified__params[data-v-5a6c27aa] {
font-size: .75rem;
margin: auto auto .25rem
}
.item-card-simplified.small .item-card-simplified__label[data-v-5a6c27aa],
.item-card-simplified.small .item-card-simplified__name[data-v-5a6c27aa],
.item-card-simplified.small .item-card-simplified__params[data-v-5a6c27aa] {
font-size: .625rem;
margin: auto auto 2px
}
.item-card-simplified__label[data-v-5a6c27aa] {
color: #fff;
display: block
}
.item-card-simplified__params[data-v-5a6c27aa] span:not([class]) {
color: #9a958b
}
.item-card-simplified__params.no-params[data-v-5a6c27aa] {
display: none
}
.item-card-simplified__name[data-v-5a6c27aa] {
color: #9a958b;
display: block;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.item-card-simplified__float[data-v-5a6c27aa] {
bottom: 0;
left: 0;
position: absolute;
width: 100%
}
.item-card-simplified__price[data-v-5a6c27aa],
.item-card-simplified__price[data-v-5a6c27aa] * {
font-size: .875rem
}
.item-card-simplified.small .item-card-simplified__price[data-v-5a6c27aa],
.item-card-simplified.small .item-card-simplified__price[data-v-5a6c27aa] * {
font-size: 11px
}
.item-card-simplified__price[data-v-5a6c27aa] span {
font-size: .75rem
}
.item-card-simplified.small .item-card-simplified__price[data-v-5a6c27aa] span {
font-size: 9px
}
.item-card-simplified__details[data-v-5a6c27aa] {
flex-shrink: 0;
margin-top: auto;
width: 100%;
z-index: 1
}
.item-card-simplified__details.has-paint[data-v-5a6c27aa] {
padding-bottom: 4px
}
.item-card-simplified__image[data-v-5a6c27aa] {
align-self: center;
display: block;
height: var(--image-size);
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
justify-self: center;
left: calc(50% - var(--image-size)/2);
position: absolute;
top: calc(50% - var(--image-size)/2 - var(--image-offset-y));
width: var(--image-size)
}
.item-card-simplified__lock[data-v-5a6c27aa] {
font-size: 10px !important;
font-weight: 700;
gap: .125rem;
transform: translateY(4px);
z-index: 10
}
.item-card-simplified__lock[data-v-5a6c27aa] svg {
font-size: 10px !important
}
.item-card-simplified__lock[data-v-5a6c27aa] .item-trade-lock__status--extra-short {
display: inline;
display: initial
}
.item-card-simplified__lock[data-v-5a6c27aa] .item-trade-lock__status--long,
.item-card-simplified__lock[data-v-5a6c27aa] .item-trade-lock__status--short {
display: none
}
.cart-static-item[data-v-7b17b05e] {
position: relative
}
.cart-static-item[data-v-7b17b05e] .item-card-simplified {
background-color: #3f3c38;
border-radius: 0;
transition: opacity 275ms
}
.cart-static-item__remove[data-v-7b17b05e] {
align-items: center;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: rgba(86, 82, 77, .5);
bottom: 0;
display: flex;
flex-direction: column;
gap: .5rem;
justify-content: center;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: opacity 275ms;
z-index: 9
}
.cart-static-item__remove[data-v-7b17b05e]:hover {
opacity: 1
}
.cart-static-item__remove span[data-v-7b17b05e] {
color: #fff;
font-size: .75rem
}
.cart-static-item__remove svg[data-v-7b17b05e] {
color: #e46364;
font-size: 1.25rem
}
.trade-filter-option-tag[data-v-7eb03a12] {
align-items: center;
background-color: #3f3c38;
border-radius: .25rem;
color: #aea89b;
cursor: pointer;
display: flex;
font-size: .875rem;
height: 1.75rem;
padding: 0 .5rem;
transition: color 275ms, background-color 275ms
}
.trade-filter-option-tag[data-v-7eb03a12]:hover {
background-color: #56524d;
color: #fcf5e8
}
.trade-filter-option-tag.active[data-v-7eb03a12] {
background-color: #ece6da;
color: #1d1c1a
}
.trade-filter-image-color-tile[data-v-45f82da1] {
aspect-ratio: 1;
border-radius: 6px;
position: relative;
transition: transform 275ms;
width: 100%
}
[data-v-45f82da1]:not([data-touch-screen] .trade-filter-image-color-tile):hover:not(.active) {
transform: scale(1.25)
}
.trade-filter-image-color-tile.active[data-v-45f82da1]:before {
box-shadow: 0 0 0 2px #21201e, 0 0 0 4px #fcf5e8
}
.trade-filter-image-color-tile[data-v-45f82da1]:before {
border-radius: 6px;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transition: box-shadow 275ms
}
.trade-filter-image-color-tile--black[data-v-45f82da1] {
background: linear-gradient(135deg, #1b1919 50%, #232020 0)
}
.trade-filter-image-color-tile--white[data-v-45f82da1] {
background: linear-gradient(135deg, #fff 50%, #ecebeb 0)
}
.trade-filter-image-color-tile--gray[data-v-45f82da1] {
background: linear-gradient(135deg, #abaaaa 50%, #9b9b9b 0)
}
.trade-filter-image-color-tile--red[data-v-45f82da1] {
background: linear-gradient(135deg, #e57878 50%, #e06666 0)
}
.trade-filter-image-color-tile--orange[data-v-45f82da1] {
background: linear-gradient(135deg, #f29269 50%, #da835d 0)
}
.trade-filter-image-color-tile--yellow[data-v-45f82da1] {
background: linear-gradient(135deg, #f8e168 50%, #e1cc5f 0)
}
.trade-filter-image-color-tile--lime[data-v-45f82da1] {
background: linear-gradient(135deg, #caf275 50%, #bae069 0)
}
.trade-filter-image-color-tile--green[data-v-45f82da1] {
background: linear-gradient(135deg, #8cf87b 50%, #84dd76 0)
}
.trade-filter-image-color-tile--cyan[data-v-45f82da1] {
background: linear-gradient(135deg, #80f2fa 50%, #74d9df 0)
}
.trade-filter-image-color-tile--blue[data-v-45f82da1] {
background: linear-gradient(135deg, #7fbdf6 50%, #72a7d9 0)
}
.trade-filter-image-color-tile--purple[data-v-45f82da1] {
background: linear-gradient(135deg, #b889f3 50%, #a979e7 0)
}
.trade-filter-image-color-tile--pink[data-v-45f82da1] {
background: linear-gradient(135deg, #f87eeb 50%, #dc73d1 0)
}
[data-v-939736b4] .item-730-rarity {
transition: filter 275ms
}
.trade-filter-rarity__option[data-v-939736b4]:hover .item-730-rarity {
filter: brightness(120%)
}
.trade-filter-fade[data-v-04c37472] .trade-filter-range {
padding-bottom: 4px
}
.trade-filter-fade[data-v-04c37472] .noUi-connect {
background: hsla(0, 0%, 100%, 0)
}
.trade-filter-fade[data-v-04c37472] .noUi-base {
background: linear-gradient(270deg, #f9dd8b 0, #976330 33.33%, #902e55 66.67%, #383c60)
}
.trade-filter-fade[data-v-04c37472] .noUi-handle {
z-index: 1
}
.trade-filter-fade[data-v-04c37472] .noUi-handle-lower:before {
content: "";
right: 100%
}
.trade-filter-fade[data-v-04c37472] .noUi-handle-upper:after {
content: "";
left: 100%
}
.trade-filter-fade[data-v-04c37472] .noUi-handle:after,
.trade-filter-fade[data-v-04c37472] .noUi-handle:before {
background-color: #3f3c38;
height: 4px;
pointer-events: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 200px;
z-index: -1
}
[data-v-04c37472] .trade-filter-range__slider-wrapper {
margin: -.25rem 0;
overflow: hidden;
padding: .25rem 0
}
.form-multiselect[data-v-8a62a066] {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.form-multiselect__item-body[data-v-8a62a066] {
padding-right: 1.375rem;
position: relative;
width: 100%
}
.form-multiselect__item-body[data-v-8a62a066] span {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis
}
.form-multiselect__checkbox[data-v-8a62a066] {
align-items: center;
border: 1px solid #7b776f;
border-radius: .25rem;
color: #3f3c38;
display: flex;
flex-shrink: 0;
font-size: .75rem;
height: 1.125rem;
justify-content: center;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: background-color 275ms, border 175ms;
width: 1.125rem
}
.select-item:hover .form-multiselect__checkbox[data-v-8a62a066] {
border-color: #ece6da
}
.form-multiselect__checkbox[data-v-8a62a066]:not(:empty) {
background-color: #ece6da;
border-color: #ece6da
}
.form-multiselect__empty[data-v-8a62a066] {
color: #aea89b;
font-size: .75rem;
font-weight: 500;
letter-spacing: .025em;
line-height: 1.5;
padding: .75rem .5rem;
text-align: center
}
.form-multiselect__empty svg[data-v-8a62a066] {
color: #56524d;
font-size: 1.5rem
}
.form-multiselect__empty span[data-v-8a62a066] {
display: block;
margin-top: .5rem
}
[data-v-8a62a066] .select-item__value {
align-items: center;
display: flex;
gap: .5rem;
justify-content: space-between;
overflow: hidden
}
[data-v-8a62a066] .base-spinner {
margin: 1.5rem auto
}
.trade-filter-collection-item[data-v-012b17aa] {
align-items: center;
display: flex;
font-size: .75rem;
font-weight: 700;
gap: .5rem;
letter-spacing: .025em
}
.trade-filter-collection-item.selected[data-v-012b17aa] {
background-color: #3f3c38;
border-radius: .25rem;
color: #aea89b;
height: 28px;
padding: 0 10px;
transition: background-color 275ms, color 275ms
}
.trade-filter-collection-item.selected[data-v-012b17aa]:hover {
background-color: #56524d;
color: #fcf5e8
}
.trade-filter-collection-item__image[data-v-012b17aa] {
align-items: center;
display: flex;
flex-shrink: 0;
height: 24px;
width: 24px
}
.trade-filter-collection-item__image[data-v-012b17aa] img {
max-height: 100%;
max-width: 100%
}
.trade-filter-collection-item__remove[data-v-012b17aa] {
color: #7b776f;
margin-left: auto;
transition: color 275ms
}
.trade-filter-collection-item:hover .trade-filter-collection-item__remove[data-v-012b17aa] {
color: #e46364
}
.trade-filter-collection[data-v-faa2784c] {
z-index: 2
}
.trade-filter-collection__item[data-v-faa2784c] {
align-items: center;
display: flex;
font-size: .75rem;
font-weight: 700;
gap: .5rem;
letter-spacing: .025em
}
.trade-filter-collection__image[data-v-faa2784c] {
align-items: center;
display: flex;
flex-shrink: 0;
height: 24px;
width: 24px
}
.trade-filter-collection__image[data-v-faa2784c] img {
max-height: 100%;
max-width: 100%
}
.trade-filter-collection__selected[data-v-faa2784c] {
display: flex;
flex-direction: column;
gap: .5rem;
margin-top: .25rem
}
.item-card-top[data-v-79b94eb6] {
align-items: center;
display: flex;
justify-content: space-between;
z-index: 5
}
.item-card-top svg[data-v-79b94eb6] {
color: #7b776f;
margin-right: .125rem
}
.item-card-top__stack[data-v-79b94eb6],
.item-card-top__status[data-v-79b94eb6] {
align-items: center;
display: flex;
gap: .25rem
}
.item-card-top__stack svg[data-v-79b94eb6],
.item-card-top__status svg[data-v-79b94eb6] {
font-size: 1rem
}
[data-card-size=small] .item-card-top__stack svg[data-v-79b94eb6],
[data-card-size=small] .item-card-top__status svg[data-v-79b94eb6] {
font-size: .875rem
}
.item-card-top__stack[data-v-79b94eb6] {
margin-left: auto;
pointer-events: none
}
.item-card-top__stack.active[data-v-79b94eb6] {
cursor: pointer;
pointer-events: auto
}
.item-card-top__stack.active[data-v-79b94eb6],
.item-card-top__stack.active svg[data-v-79b94eb6] {
transition: color 275ms
}
.item-card-top__stack.active[data-v-79b94eb6]:hover,
.item-card-top__stack.active:hover svg[data-v-79b94eb6] {
color: #fcf5e8
}
[data-trade-lock="0"] .item-card-top__status[data-v-79b94eb6],
[data-trade-lock="0"] .item-card-top__status svg[data-v-79b94eb6] {
color: #83b135
}
[data-trade-lock="1"] .item-card-top__status[data-v-79b94eb6],
[data-trade-lock="1"] .item-card-top__status svg[data-v-79b94eb6] {
color: #95b538
}
[data-trade-lock="2"] .item-card-top__status[data-v-79b94eb6],
[data-trade-lock="2"] .item-card-top__status svg[data-v-79b94eb6] {
color: #a6b83c
}
[data-trade-lock="3"] .item-card-top__status[data-v-79b94eb6],
[data-trade-lock="3"] .item-card-top__status svg[data-v-79b94eb6] {
color: #b7bc42
}
[data-trade-lock="4"] .item-card-top__status[data-v-79b94eb6],
[data-trade-lock="4"] .item-card-top__status svg[data-v-79b94eb6] {
color: #c7bf49
}
[data-trade-lock="5"] .item-card-top__status[data-v-79b94eb6],
[data-trade-lock="5"] .item-card-top__status svg[data-v-79b94eb6] {
color: #d7c251
}
[data-trade-lock="6"] .item-card-top__status[data-v-79b94eb6],
[data-trade-lock="6"] .item-card-top__status svg[data-v-79b94eb6] {
color: #e6c65a
}
[data-trade-lock="7"] .item-card-top__status[data-v-79b94eb6],
[data-trade-lock="7"] .item-card-top__status svg[data-v-79b94eb6] {
color: #f4c964
}
[data-trade-lock="8"] .item-card-top__status[data-v-79b94eb6],
[data-trade-lock="8"] .item-card-top__status svg[data-v-79b94eb6] {
color: #f4b264
}
.item-cart[data-v-2912c39d] {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, calc(-50% - .875rem))
}
.item-cart__body[data-v-2912c39d] {
align-items: center;
background-color: #fcf5e8;
border-radius: 1.75rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
color: #3f3c38;
display: flex;
font-size: 1.25rem;
font-weight: 500;
height: 3.5rem;
justify-content: center;
min-width: 3.5rem;
transition: min-width 275ms, width 275ms
}
[data-card-size=small] .item-cart__body[data-v-2912c39d] {
height: 2.5rem;
min-width: 2.5rem
}
[data-card-size=small] .item-cart__body--single[data-v-2912c39d] {
font-size: 1rem
}
.item-cart__body--single[data-v-2912c39d] {
font-size: 1.5rem
}
[data-touch-screen=false] .item-cart__body--single[data-v-2912c39d]:hover {
background-color: #e46364;
color: #ece6da
}
[data-touch-screen=false] .item-cart__body--single:hover .item-cart__icon--on[data-v-2912c39d] {
display: none
}
[data-touch-screen=false] .item-cart__body--single:hover .item-cart__icon--off[data-v-2912c39d] {
display: inline;
display: initial
}
.item-cart__icon--off[data-v-2912c39d] {
display: none
}
.item-cart__quantity[data-v-2912c39d] {
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums
}
.item-cart__button[data-v-2912c39d] {
align-items: center;
border-radius: 1.75rem;
display: flex;
font-size: 1rem;
height: 3.5rem;
justify-content: center;
transition: color 275ms, background-color 275ms;
width: 3.5rem
}
[data-touch-screen=false] .item-cart__button[data-v-2912c39d]:hover {
background-image: linear-gradient(90deg, rgba(0, 0, 0, .15), transparent)
}
[data-touch-screen=false] .item-cart__button--plus[data-v-2912c39d]:hover {
background-image: linear-gradient(270deg, rgba(0, 0, 0, .15), transparent)
}
.item-cart__button.disabled[data-v-2912c39d] {
color: #9a958b;
cursor: not-allowed
}
[data-card-size=small] .item-cart__button[data-v-2912c39d] {
font-size: .875rem;
height: 2.5rem;
width: 2.5rem
}
.item-card-tooltip[data-v-a7974794] {
align-items: center;
aspect-ratio: 1;
display: flex;
justify-content: center
}
.item-card-tooltip__activator[data-v-a7974794] {
filter: brightness(0) invert(1);
height: 1.5rem;
opacity: 0;
transition: opacity 175ms
}
@media screen and (max-width:959px) {
.item-card-tooltip__activator[data-v-a7974794] {
display: none
}
}
[data-card-size=medium] .item-card-tooltip__activator[data-v-a7974794] {
height: 1.25rem
}
[data-card-size=small] .item-card-tooltip__activator[data-v-a7974794] {
height: 1.125rem
}
.item-card-tooltip__content[data-v-a7974794] {
padding: .5rem;
text-align: left
}
.item-card-tooltip__header[data-v-a7974794] {
align-items: center;
color: #fff;
display: flex;
font-size: .875rem;
gap: .5rem
}
.item-card-tooltip__header strong[data-v-a7974794] {
color: #f5c71b;
font-weight: 500
}
.item-card-tooltip__header img[data-v-a7974794] {
height: 1.5rem;
margin-left: -.25rem
}
.item-card-tooltip__description[data-v-a7974794] {
color: #aea89b;
font-size: .75rem
}
.item-card-tooltip__description span[data-v-a7974794] {
color: #fcf5e8
}
.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
}
.item-card-not-accepted-reason.tag[data-v-3ad2160b] {
font-size: 10px;
height: 18.4px;
padding: 0 6px
}
[data-card-size=large] .item-card-not-accepted-reason.tag[data-v-3ad2160b] {
font-size: 12px;
height: 20.8px;
padding: 0 8px
}
[data-card-size=large] .item-card-not-accepted-reason.tag[data-v-3ad2160b] svg {
display: none
}
[data-card-size=small] .item-card-not-accepted-reason.tag[data-v-3ad2160b] {
height: 16.1px
}
[data-card-size=small] .item-card-not-accepted-reason.tag[data-v-3ad2160b] svg {
display: none
}
.item-card[data-v-4c5b8f00] {
--image-offset-y: 0;
--image-size: 60%;
aspect-ratio: 1;
color: #aea89b;
cursor: pointer;
position: relative;
transition: background-color 275ms, transform 175ms, box-shadow 275ms;
z-index: 1
}
.item-card.in-cart[data-v-4c5b8f00],
.item-card.not-accepted[data-v-4c5b8f00] {
cursor: default
}
[data-touch-screen=false] .item-card.backpack:hover .item-card__action--withdraw[data-v-4c5b8f00] {
opacity: 1;
pointer-events: auto
}
.item-card:not(.not-accepted).active[data-v-4c5b8f00],
.item-card[data-v-4c5b8f00]:not(.not-accepted):hover {
border-radius: .25rem;
box-shadow: 0 4px 6px -2px rgba(0, 0, 0, .05), 0 10px 15px -3px rgba(0, 0, 0, .1);
z-index: 2
}
.last:not(.first) .item-card:not(.not-accepted).active .item-card__body[data-v-4c5b8f00],
.last:not(.first) .item-card:not(.not-accepted):hover .item-card__body[data-v-4c5b8f00] {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.item-card:not(.not-accepted).active .item-card__body[data-v-4c5b8f00],
.item-card:not(.not-accepted):hover .item-card__body[data-v-4c5b8f00] {
background: #56524d
}
.item-card:not(.not-accepted).active .item-card__image[data-v-4c5b8f00],
.item-card:not(.not-accepted):hover .item-card__image[data-v-4c5b8f00] {
transform: scale3d(1.04, 1.04, 1.04) skew(1deg, -1deg)
}
.item-card:not(.not-accepted):hover .item-card__actions[data-v-4c5b8f00] {
box-shadow: 0 4px 6px -2px rgba(0, 0, 0, .05), 0 10px 15px -3px rgba(0, 0, 0, .1);
transform: translateY(0);
transition: transform 175ms ease
}
.item-card[data-v-4c5b8f00]:not(.not-accepted):hover .item-card-tooltip__activator {
opacity: .2
}
.item-card__body[data-v-4c5b8f00] {
background: #3f3c38;
display: flex;
flex-direction: column;
font-size: .75rem;
height: 100%;
justify-content: space-between;
padding: .75rem;
position: relative;
transition: background-color 175ms;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
[data-card-size=small] .item-card__body[data-v-4c5b8f00] {
padding: .75rem .5rem
}
.item-card__image[data-v-4c5b8f00] {
align-self: center;
display: block;
height: var(--image-size);
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
justify-self: center;
left: calc(50% - var(--image-size)/2);
position: absolute;
top: calc(50% - var(--image-size)/2 - var(--image-offset-y));
width: var(--image-size)
}
.in-cart .item-card__image[data-v-4c5b8f00] {
opacity: .5
}
.not-accepted .item-card__image[data-v-4c5b8f00] {
filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .25)) drop-shadow(0 2px 4px rgba(0, 0, 0, .35)) grayscale(.5);
opacity: .3
}
.item-card__bottom[data-v-4c5b8f00] {
display: flex;
flex-direction: column;
font-weight: 500;
gap: .25rem;
margin-top: auto;
overflow: hidden;
position: relative
}
.item-card__bottom-right[data-v-4c5b8f00] {
align-items: center;
aspect-ratio: 1;
bottom: .5rem;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
justify-content: center;
position: absolute;
right: .25rem;
z-index: 1
}
.item-card.withdrawable:hover .item-card__bottom-right[data-v-4c5b8f00] {
pointer-events: none
}
[data-card-size=small] .item-card__bottom-right[data-v-4c5b8f00] {
font-size: .75rem;
width: 18px
}
[data-card-size=medium] .item-card__bottom-right[data-v-4c5b8f00] {
font-size: 1rem;
width: 24px
}
[data-card-size=large] .item-card__bottom-right[data-v-4c5b8f00] {
font-size: 1.125rem;
width: 34px
}
.item-card__bottom-right[data-v-4c5b8f00]>* {
grid-column: 1;
grid-row: 1
}
.item-card__name[data-v-4c5b8f00] {
display: block;
font-size: .875rem;
overflow: hidden;
padding-right: .75rem;
text-overflow: ellipsis;
white-space: nowrap
}
[data-card-size=large] .item-card__name[data-v-4c5b8f00] {
font-size: 1rem
}
[data-card-size=small] .item-card__name[data-v-4c5b8f00] {
font-size: .75rem
}
.item-card__actions[data-v-4c5b8f00] {
background-color: #302e2a;
border-bottom-left-radius: .25rem;
border-bottom-right-radius: .25rem;
display: flex;
flex-wrap: wrap;
gap: 2px;
overflow: hidden;
padding-top: 2px;
position: absolute;
top: 100%;
transform: translateY(-100%);
transition: transform 75ms ease, box-shadow 275ms;
width: 100%;
z-index: -1
}
[data-touch-screen=true] .item-card__actions[data-v-4c5b8f00] {
display: none
}
@supports(-moz-appearance:none) {
.item-card__actions[data-v-4c5b8f00] {
width: calc(100% - .1px)
}
}
.item-card__info[data-v-4c5b8f00] {
align-items: flex-end;
display: flex;
gap: .5rem;
justify-content: space-between;
position: relative
}
.item-card__info span[data-v-4c5b8f00] {
color: #fff;
font-size: 1rem;
font-weight: 500
}
[data-card-size=small] .item-card__info span[data-v-4c5b8f00] {
font-size: .875rem
}
.item-card__info svg[data-v-4c5b8f00] {
flex-shrink: 0;
font-size: 1.125rem;
transition: color 275ms
}
.item-card__info svg[data-v-4c5b8f00]:hover {
color: #fff
}
[data-card-size=small] .item-card__info svg[data-v-4c5b8f00] {
font-size: .875rem
}
[data-card-size=large] .item-card__price[data-v-4c5b8f00] {
font-size: 1.125rem
}
[data-card-size=small] .item-card__price[data-v-4c5b8f00] {
font-size: .875rem
}
.item-card__action[data-v-4c5b8f00] {
align-items: center;
display: flex;
font-size: .875rem;
font-weight: 700;
height: 2.625rem;
justify-content: center;
transition: background-color 275ms
}
.item-card__action--withdraw[data-v-4c5b8f00] {
background-color: #6a9a16;
bottom: 0;
color: #fff;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
right: 0;
transition: background-color 275ms, opacity 275ms;
width: 100%;
z-index: 9
}
.item-card__action--withdraw[data-v-4c5b8f00]:before {
background: linear-gradient(0deg, #56524d, rgba(86, 82, 77, 0));
bottom: 100%;
content: "";
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
right: 0
}
.item-card__action--withdraw[data-v-4c5b8f00]:hover {
background-color: #81bd1b
}
.item-card__action--withdraw.disabled[data-v-4c5b8f00] {
background-color: #7b776f;
cursor: not-allowed
}
.item-card__action--withdraw.disabled[data-v-4c5b8f00]:hover {
background-color: #7b776f
}
.item-card__action--trade[data-v-4c5b8f00] {
flex-grow: 1
}
.item-card__action--trade>*[data-v-4c5b8f00] {
display: none
}
[data-card-size=large] .item-card__action--trade span[data-v-4c5b8f00] {
display: block
}
[data-card-size=medium] .item-card__action--trade svg[data-v-4c5b8f00],
[data-card-size=small] .item-card__action--trade svg[data-v-4c5b8f00] {
display: block;
font-size: 1rem
}
.item-card__action--info[data-v-4c5b8f00] {
flex-shrink: 0;
font-size: 1rem;
width: 2.625rem
}
[data-card-size=medium] .item-card__action--info[data-v-4c5b8f00],
[data-card-size=small] .item-card__action--info[data-v-4c5b8f00] {
width: 50%
}
.item-card__action--info[data-v-4c5b8f00],
.item-card__action--trade[data-v-4c5b8f00] {
background-color: #f5c71b;
color: #3b2600
}
.item-card__action--info[data-v-4c5b8f00]:hover,
.item-card__action--trade[data-v-4c5b8f00]:hover {
background-color: #ffd845
}
.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-card-charm[data-v-53b3f893] {
transition: opacity 275ms
}
.item-card:hover .item-card-charm[data-v-53b3f893]:not(:only-child) {
opacity: 0;
pointer-events: none
}
.item-card-charm__image[data-v-53b3f893] {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
transform: scale(1.5);
transition: filter 275ms, transform 275ms;
width: 100%
}
.item-card-charm__image[data-v-53b3f893]:hover {
filter: brightness(1.25);
transform: scale(1.875)
}
.item-card__float[data-v-3cd348b7] {
bottom: 0;
left: 0;
position: absolute;
width: 100%
}
.item-card--730[data-v-3cd348b7] .item-card__image {
--image-offset-y: 10px;
--image-size: 75%
}
[data-card-size=medium] .item-card--730[data-v-3cd348b7] .item-card__image {
--image-offset-y: 0;
--image-size: 65%
}
[data-card-size=large] .item-card--730[data-v-3cd348b7] .item-card__image {
--image-offset-y: 0;
--image-size: 70%
}
.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: " "
}
}
.free-section__header[data-v-edad649a] {
align-items: baseline;
color: hsla(41, 10%, 65%, .5);
display: flex;
justify-content: space-between
}
.free-section__title[data-v-edad649a] {
color: #fff;
font-size: 1rem;
font-weight: 500;
margin: 0
}
.free-section__body[data-v-edad649a] {
margin-top: 1rem
}
.free-action-button.neutral[data-v-14de86ab] {
background-color: #4f4c46;
color: #fcf5e8
}
.free-action-button.neutral[data-v-14de86ab]:hover {
background-color: #716d67
}
.giveaway-timer[data-v-0a8affa9] {
letter-spacing: .025em;
text-align: right
}
@media screen and (max-width:654px) {
.giveaway-timer.inline[data-v-0a8affa9] {
display: flex;
gap: .75rem
}
.giveaway-timer.inline>*[data-v-0a8affa9] {
font-size: .75rem;
margin: 0
}
}
.giveaway-timer__label[data-v-0a8affa9] {
color: #9a958b;
display: block;
font-size: .75rem;
font-weight: 500;
margin-bottom: .25rem
}
@media screen and (max-width:599px) {
.giveaway-timer.inline .giveaway-timer__label[data-v-0a8affa9] {
display: none
}
}
.giveaway-timer__value[data-v-0a8affa9] {
font-feature-settings: "tnum";
color: #fff;
display: block;
font-size: .875rem;
font-variant-numeric: tabular-nums;
font-weight: 700;
white-space: nowrap
}
.giveaway-reward[data-v-3f817862] .item-price {
font-weight: 700;
margin-top: .5rem
}
.giveaway-reward[data-v-3f817862] .item-price,
.giveaway-reward[data-v-3f817862] .item-price span {
font-size: 18px
}
.giveaway-reward__name[data-v-3f817862] {
display: flex;
flex-direction: column;
font-size: .875rem;
font-weight: 500;
justify-content: flex-end
}
@media screen and (max-width:599px) {
.giveaway-reward__name[data-v-3f817862] {
min-height: 2.25rem
}
}
.giveaway-reward__name p[data-v-3f817862] {
color: #9a958b;
line-height: 1.3;
margin: 0
}
.giveaway-reward__name p[data-v-3f817862]:first-child {
color: #fff
}
.giveaway-reward__name p[data-v-3f817862] span {
white-space: nowrap
}
.giveaway-type[data-v-eb414636] {
align-items: center;
border: 1px solid;
border-radius: .5rem;
color: #fff;
display: flex;
font-size: .75rem;
font-weight: 700;
gap: 10px;
height: 2rem;
letter-spacing: .025em;
padding: 0 10px;
position: relative
}
.giveaway-type[data-giveaway-type=CUSTOM][data-v-eb414636] {
background-color: rgba(248, 101, 102, .1);
border-color: rgba(248, 101, 102, .75)
}
.giveaway-type[data-giveaway-type=CUSTOM] svg[data-v-eb414636] {
color: #f86566
}
.giveaway-type[data-giveaway-type=DAILY][data-v-eb414636] {
background-color: rgba(248, 148, 7, .1);
border-color: rgba(248, 148, 7, .75)
}
.giveaway-type[data-giveaway-type=DAILY] svg[data-v-eb414636] {
color: #f89407
}
.giveaway-type[data-giveaway-type=WEEKLY][data-v-eb414636] {
background-color: rgba(172, 229, 74, .1);
border-color: rgba(172, 229, 74, .75)
}
.giveaway-type[data-giveaway-type=WEEKLY] svg[data-v-eb414636] {
color: #ace54a
}
.giveaway-type[data-giveaway-type=MONTHLY][data-v-eb414636] {
background-color: rgba(245, 199, 27, .1);
border-color: rgba(245, 199, 27, .75)
}
.giveaway-type[data-giveaway-type=MONTHLY] svg[data-v-eb414636] {
color: #f5c71b
}
.giveaway-type[data-v-eb414636]:before {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: rgba(33, 32, 30, .55);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1
}
svg[data-v-eb414636] {
font-size: 1.125rem
}
.giveaway-card-body[data-v-4800f4d3] {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
padding: 1rem;
position: relative;
z-index: 1
}
.giveaway-card-body.featured[data-v-4800f4d3] {
padding: 1.5rem
}
@media screen and (max-width:654px) {
.giveaway-card-body.featured[data-v-4800f4d3] {
padding: var(--featured-image-height) 1rem 1rem
}
.giveaway-card-body.featured[data-v-4800f4d3] .giveaway-timer {
bottom: 1rem;
position: absolute;
right: 1rem
}
.giveaway-card-body.featured[data-v-4800f4d3] .giveaway-frequency {
left: 1rem;
overflow: hidden;
position: absolute;
top: 1rem
}
}
.giveaway-card-body__row[data-v-4800f4d3] {
display: flex;
gap: 1rem;
justify-content: space-between
}
@media screen and (max-width:654px) {
.giveaway-card-body.featured .giveaway-card-body__row--top[data-v-4800f4d3] {
margin-top: 1rem
}
}
.giveaway-card-body__row--bottom[data-v-4800f4d3] {
align-items: flex-end
}
@media screen and (max-width:654px) {
.giveaway-card-body.featured .giveaway-card-body__row--bottom[data-v-4800f4d3] {
align-items: flex-start;
padding-top: 1rem
}
}
.giveaway-card[data-v-22904fec] {
background-color: rgba(86, 82, 77, .25);
border-radius: 6px;
cursor: pointer;
position: relative;
transition: background-color 275ms;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.giveaway-card[data-free-status=RESOLVING][data-v-22904fec] {
cursor: default
}
.giveaway-card[data-v-22904fec]:hover {
background-color: rgba(86, 82, 77, .35)
}
.giveaway-card-featured[data-v-46966d65] {
aspect-ratio: 78/25;
margin-bottom: 1.5rem;
z-index: 1
}
@media screen and (max-width:654px) {
.giveaway-card-featured[data-v-46966d65] {
--featured-image-height: 200px;
aspect-ratio: auto
}
}
.giveaway-card-featured__image[data-v-46966d65] {
background-color: #302e2a;
border-radius: 6px;
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1
}
@media screen and (max-width:654px) {
.giveaway-card-featured__image[data-v-46966d65] {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: var(--featured-image-height)
}
}
.giveaway-card-featured__image img[data-v-46966d65] {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
opacity: 0;
transition: opacity 275ms;
width: 100%
}
.giveaway-card-featured__image img.loaded[data-v-46966d65] {
opacity: 1
}
.free-giveaway-image[data-v-09bd109c] {
height: var(--image-size);
position: relative;
width: var(--image-size)
}
.free-giveaway-image__background[data-v-09bd109c] {
opacity: 1;
opacity: var(--background-opacity, 1)
}
.free-giveaway-image__background[data-v-09bd109c],
.free-giveaway-image__main[data-v-09bd109c] {
height: var(--image-size);
justify-self: center;
left: calc(50% - var(--image-size)/2);
position: absolute;
top: calc(50% - var(--image-size)/2 - var(--image-offset-y));
width: var(--image-size)
}
.free-giveaway-image__main[data-v-09bd109c] {
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast
}
.giveaway-card-standard[data-v-ea2adb7e] {
--image-offset-y: 20px;
--background-opacity: 0.2;
--image-size: 160px;
height: 240px
}
.giveaway-card-standard[data-v-ea2adb7e] .free-giveaway-image {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.giveaway-grid[data-v-4aa19a95] {
grid-gap: 14px;
display: grid;
gap: 14px;
grid-template-columns: repeat(3, 1fr)
}
@media screen and (max-width:959px) {
.giveaway-grid[data-v-4aa19a95] {
grid-template-columns: repeat(2, 1fr)
}
}
@media screen and (max-width:599px) {
.giveaway-grid[data-v-4aa19a95] {
grid-template-columns: 1fr
}
}
.free-giveaways__history-activator[data-v-a64336bc] {
cursor: pointer;
transition: color 275ms
}
.free-giveaways__history-activator[data-v-a64336bc]:hover {
color: hsla(41, 10%, 65%, .75)
}
.task-grid[data-v-7be1867f] {
grid-gap: .75rem;
display: grid;
gap: .75rem;
grid-template-columns: repeat(2, 1fr)
}
@media screen and (max-width:599px) {
.task-grid[data-v-7be1867f] {
grid-template-columns: 1fr
}
}
.free-task-background[data-v-420acfe0] {
bottom: 0;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: -1
}
.free-task-background[data-v-420acfe0]:before {
background: hsla(0, 0%, 100%, 0);
bottom: 0;
content: "";
left: 0;
opacity: .5;
position: absolute;
right: 0;
top: 0;
transform: translateX(100%);
transition: background 275ms, transform 275ms
}
[data-free-status=COMPLETED] .free-task-background[data-v-420acfe0]:before {
background: linear-gradient(90deg, rgba(131, 177, 53, .2), rgba(86, 82, 77, 0), rgba(86, 82, 77, .25));
transform: translateX(0)
}
.free-task-background[data-v-420acfe0] svg {
position: absolute;
right: 0;
top: 50%;
transform: translate(25%, -50%)
}
.free-task-background[data-v-420acfe0] path {
stroke: #3c3935;
stroke-opacity: .5;
transition: stroke 275ms
}
[data-free-status=COMPLETED] .free-task-background[data-v-420acfe0] path {
stroke: rgba(131, 177, 53, .15)
}
.free-task-background[data-v-420acfe0] svg.discord path {
fill: #3c3935;
stroke: none;
transition: fill 275ms
}
[data-free-status=COMPLETED] .free-task-background[data-v-420acfe0] svg.discord {
fill: rgba(131, 177, 53, .15);
stroke: none
}
.free-status[data-v-5c3e88a0] {
align-items: center;
background-color: hsla(41, 10%, 65%, .1);
border: 1px solid hsla(41, 10%, 65%, .25);
border-radius: .5rem;
color: #aea89b;
display: flex;
flex-shrink: 0;
font-size: 1rem;
height: 32px;
justify-content: center;
transform: color 275ms, background-color 275ms, border-color 275ms;
width: 32px
}
.free-status.unlocked[data-v-5c3e88a0] {
background-color: rgba(172, 229, 74, .1);
border-color: rgba(172, 229, 74, .75);
color: #ace54a
}
@media screen and (max-width:599px) {
.free-status[data-v-5c3e88a0] {
border-radius: 6px;
font-size: .75rem;
height: 24px;
width: 24px
}
}
.base-spinner[data-v-5c3e88a0] {
font-size: .75rem
}
.free-badge[data-v-1679a06b] {
font-feature-settings: "tnum";
align-items: center;
background-color: hsla(41, 10%, 65%, .1);
border: 1px solid hsla(41, 10%, 65%, .25);
border-radius: .5rem;
color: #aea89b;
display: flex;
font-size: .75rem;
font-variant-numeric: tabular-nums;
font-weight: 700;
height: 2rem;
letter-spacing: .025em;
padding: 0 10px;
transition: border-color 275ms, background-color 275ms, color 275ms
}
.free-badge.featured[data-v-1679a06b] {
background-color: rgba(131, 177, 53, .1);
border-color: rgba(131, 177, 53, .75);
color: #fff
}
.task-card[data-v-734ef6de] {
align-items: center;
background-color: rgba(86, 82, 77, .25);
border-radius: 6px;
display: flex;
gap: 1.5rem;
height: 96px;
overflow: hidden;
padding: 0 1.5rem;
position: relative;
transition: background-color 275ms;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.task-card.available[data-v-734ef6de] {
cursor: pointer
}
.task-card.locked[data-v-734ef6de] {
background-color: rgba(86, 82, 77, .1);
pointer-events: none
}
@media screen and (max-width:599px) {
.task-card[data-v-734ef6de] {
gap: 20px;
height: 76px;
padding: 0 20px
}
}
.task-card[data-v-734ef6de]:hover {
background-color: rgba(86, 82, 77, .35)
}
.task-card__command[data-v-734ef6de] {
color: #fff;
font-size: 1rem;
font-weight: 700;
margin: 0
}
.task-card__command[data-v-734ef6de] b {
color: #f5c71b
}
@media screen and (max-width:599px) {
.task-card__command[data-v-734ef6de] {
font-size: .875rem
}
}
.task-card__completed[data-v-734ef6de],
.task-card__reward[data-v-734ef6de] {
font-size: .875rem;
font-weight: 500;
margin: .125rem 0 0
}
.task-card__reward[data-v-734ef6de] {
color: #aea89b
}
.task-card__reward[data-v-734ef6de] span {
color: #f5c71b;
font-weight: 700;
letter-spacing: .025em
}
.task-card__completed[data-v-734ef6de] {
color: #83b135
}
.task-card__action[data-v-734ef6de],
.task-card__reward[data-v-734ef6de] {
margin-left: auto;
z-index: 1
}
@media screen and (max-width:959px) {
.task-card__action[data-v-734ef6de],
.task-card__reward[data-v-734ef6de] {
display: none
}
}
.faq-grid[data-v-001e7854] {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 36px;
column-gap: 36px
}
@media screen and (max-width:959px) {
.faq-grid[data-v-001e7854] {
-moz-column-count: 1;
column-count: 1;
gap: 1.5rem
}
}
.faq-grid[data-v-001e7854]>* {
-moz-column-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid
}
.faq-grid[data-v-001e7854]>:not(:first-child) {
margin-top: 36px
}
@media screen and (max-width:959px) {
.faq-grid[data-v-001e7854]>:not(:first-child) {
margin-top: 1.5rem
}
}
.faq-content[data-v-0fb179a6] ol,
.faq-content[data-v-0fb179a6] ul {
padding-left: 2rem
}
.faq-content[data-v-0fb179a6] li,
.faq-content[data-v-0fb179a6] p {
color: #aea89b;
font-size: .875rem;
font-weight: 500;
line-height: 1.5
}
.faq-content[data-v-0fb179a6] li+li {
margin-top: .5rem
}
.faq-content[data-v-0fb179a6] a {
color: #ece6da;
transition: color 275ms
}
.faq-content[data-v-0fb179a6] a:hover {
color: #f5c71b
}
.faq-content__title[data-v-0fb179a6] {
color: #fff;
font-size: .875rem;
font-weight: 700;
letter-spacing: .025em;
margin-top: 0
}
.free[data-v-5d18ce3a] {
grid-gap: 3rem;
display: grid;
gap: 3rem;
grid-auto-flow: row;
grid-template-areas: "_" "_" "seo";
padding-bottom: 3rem;
padding-top: 2.25rem;
position: relative;
z-index: 1
}
@media screen and (max-width:959px) {
.free[data-v-5d18ce3a] {
gap: 2rem;
padding-top: 2rem
}
}
.free[data-v-5d18ce3a]:before {
background: linear-gradient(180deg, #2e2c2a, rgba(46, 44, 42, 0));
content: "";
height: 375px;
left: 50%;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 100vw;
z-index: -1
}
.free__seo[data-v-5d18ce3a] {
grid-area: seo
}
.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-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[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
}
.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
}
.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
}
}
.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
}
}
@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-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
}
}
.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
}
}
.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)
}
.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
}
}
.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
}
.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-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
}
.layout-content[data-v-397474ae] {
display: flex;
flex-direction: column;
gap: 1.5rem
}
.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
}
}
.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-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
}
.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[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%
}
.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
}
.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%)
}
}
.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
}