|
*, |
|
*:before, |
|
*:after { |
|
box-sizing: border-box; |
|
} |
|
|
|
|
|
html, |
|
body, |
|
iframe, |
|
canvas, |
|
div { |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
|
|
html { |
|
background: var(--green-7); |
|
color: var(--denim-blue); |
|
font: 400 16px/24px var(--fontProximaNova); |
|
transition: background-color 1s ease-out; |
|
} |
|
|
|
|
|
#app-root { |
|
display: flex; |
|
flex-direction: column; |
|
min-height: 100vh; |
|
} |
|
|
|
|
|
img { |
|
color: transparent; |
|
} |
|
|
|
|
|
h1, |
|
h2 { |
|
margin: 0; |
|
font: 700 24px var(--fontTorus); |
|
} |
|
|
|
|
|
p { |
|
margin: 0; |
|
} |
|
|
|
|
|
a { |
|
text-decoration: none; |
|
color: var(--poki-blue); |
|
} |
|
|
|
|
|
body { |
|
min-width: 314px; |
|
} |
|
|
|
|
|
body #qc-cmp2-ui, |
|
body #qc-cmp2-main { |
|
border-radius: 16px; |
|
color: var(--denim-blue); |
|
} |
|
|
|
|
|
body #qc-cmp2-ui h2, |
|
body #qc-cmp2-main h2 { |
|
font: 600 24px/1 var(--fontTorus); |
|
margin-bottom: 1em; |
|
} |
|
|
|
|
|
body #qc-cmp2-ui p { |
|
font: 400 16px/24px var(--fontProximaNova); |
|
color: var(--denim-blue); |
|
} |
|
|
|
|
|
body p#qc-usp-title { |
|
font-size: 20px; |
|
} |
|
|
|
|
|
body #qc-cmp2-main .qc-usp-main-messaging * { |
|
color: var(--denim-blue) !important; |
|
line-height: 1.2; |
|
} |
|
|
|
|
|
body #qc-cmp2-main .qc-cmp2-footer { |
|
display: block; |
|
color: var(--poki-blue); |
|
} |
|
|
|
|
|
body #qc-cmp2-main button { |
|
font: 400 16px/24px var(--fontTorus); |
|
} |
|
|
|
|
|
body #qc-cmp2-main button.qc-cmp2-link-inline { |
|
font-size: inherit; |
|
} |
|
|
|
|
|
body #qc-cmp2-main button[mode='primary'] { |
|
border-radius: 24px; |
|
padding: 4px 0 3px; |
|
background: var(--poki-blue); |
|
border: 3px solid var(--poki-blue); |
|
} |
|
|
|
|
|
body #qc-cmp2-main button[mode='primary']:hover { |
|
background: var(--poki-hover); |
|
border: 3px solid var(--poki-hover); |
|
} |
|
|
|
|
|
body #qc-cmp2-main button[mode='secondary'] { |
|
border-radius: 24px; |
|
padding: 4px 0 3px; |
|
background: #fff; |
|
color: var(--poki-blue); |
|
border: 3px solid var(--poki-blue); |
|
} |
|
|
|
|
|
body #qc-cmp2-main button[mode='secondary']:hover { |
|
background: var(--poki-hover); |
|
border: 3px solid var(--poki-hover); |
|
color: #fff; |
|
} |
|
|
|
|
|
body #qc-cmp2-main button[mode='link'], |
|
body #qc-cmp2-main .qc-usp-alt-buttons a { |
|
color: var(--poki-blue); |
|
} |
|
|
|
|
|
body #qc-cmp2-main button[mode='link']:hover, |
|
body #qc-cmp2-main .qc-usp-alt-buttons a { |
|
text-decoration: underline; |
|
} |
|
|
|
|
|
body #qc-cmp2-main button.qc-cmp2-toggle[aria-checked='true'] { |
|
background: var(--poki-blue); |
|
border-color: var(--poki-blue); |
|
} |
|
|
|
|
|
body #qc-cmp2-persistent-link { |
|
display: none; |
|
} |
|
|
|
|
|
body #qc-cmp2-main .logo-container { |
|
display: none; |
|
} |
|
|
|
|
|
body #qc-cmp2-main .qc-cmp2-summary-section { |
|
padding: 30px 30px 15px; |
|
} |
|
|
|
|
|
body .qc-cmp2-footer .qc-cmp2-buttons-desktop { |
|
align-items: stretch; |
|
width: 100%; |
|
margin: 0 !important; |
|
} |
|
|
|
|
|
body #qc-cmp2-main .qc-cmp2-summary-info { |
|
padding-bottom: 0; |
|
} |
|
|
|
|
|
body #qc-cmp2-main .qc-cmp2-summary-info p a, |
|
body #qc-cmp2-main .qc-cmp2-summary-info p button { |
|
font-family: inherit; |
|
} |
|
|
|
|
|
data-styled.g1[id="sc-global-epVOBf1"] { |
|
content: "sc-global-epVOBf1," |
|
} |
|
|
|
|
|
.mvtOn { |
|
position: absolute; |
|
z-index: 1; |
|
top: 0; |
|
right: 0; |
|
left: 0; |
|
height: 100%; |
|
} |
|
|
|
|
|
@media (hover:hover) and (pointer:fine) { |
|
.mvtOn { |
|
background-size: 40%; |
|
} |
|
} |
|
|
|
|
|
data-styled.g4[id="sc-1ri0y0w-2"] { |
|
content: "mvtOn," |
|
} |
|
|
|
|
|
.jfAzpO { |
|
position: fixed; |
|
z-index: -1; |
|
top: 0; |
|
right: 0; |
|
left: 0; |
|
height: 100vh; |
|
contain: strict; |
|
} |
|
|
|
|
|
data-styled.g8[id="sc-1ri0y0w-6"] { |
|
content: "jfAzpO," |
|
} |
|
|
|
|
|
.lgEayX { |
|
position: absolute; |
|
top: -50vh; |
|
right: 0; |
|
left: 0; |
|
bottom: 0; |
|
overflow: hidden; |
|
z-index: 1; |
|
} |
|
|
|
|
|
.lgEayX>* { |
|
transform: translateY(50vh); |
|
} |
|
|
|
|
|
data-styled.g9[id="sc-1ri0y0w-7"] { |
|
content: "lgEayX," |
|
} |
|
|
|
|
|
.jEYJia { |
|
display: block; |
|
width: 100%; |
|
height: 100%; |
|
margin: 0 auto; |
|
} |
|
|
|
|
|
data-styled.g15[id="sc-woh2fi-0"] { |
|
content: "jEYJia," |
|
} |
|
|
|
|
|
.dnvUfb { |
|
position: relative; |
|
margin: 64px 0 0; |
|
background: #fff; |
|
z-index: 2147483647; |
|
} |
|
|
|
|
|
.dnvUfb:before { |
|
content: ''; |
|
position: absolute; |
|
right: 0; |
|
bottom: 100%; |
|
margin-bottom: -1px; |
|
left: 0; |
|
height: 16px; |
|
background: #fff; |
|
clip-path: polygon(0% 100%, 50% 0%, 60% 100%, 100% 0%, 100% 100%); |
|
} |
|
|
|
|
|
@media (min-width:771px) { |
|
.dnvUfb:before { |
|
height: 26px; |
|
clip-path: polygon(0% 100%, 30% 0%, 36% 100%, 100% 0%, 100% 100%); |
|
} |
|
} |
|
|
|
|
|
data-styled.g16[id="sc-etrfs6-0"] { |
|
content: "dnvUfb," |
|
} |
|
|
|
|
|
.kzNuLr { |
|
max-width: var(--maxPageWidth); |
|
margin: 16px auto 0 auto; |
|
padding: 0 24px 16px; |
|
display: flex; |
|
flex-direction: column; |
|
align-items: center; |
|
} |
|
|
|
|
|
@media (min-width:771px) { |
|
.kzNuLr { |
|
flex-direction: row; |
|
flex-wrap: nowrap; |
|
padding: 16px 32px; |
|
margin-top: 0; |
|
} |
|
} |
|
|
|
|
|
data-styled.g17[id="sc-etrfs6-1"] { |
|
content: "kzNuLr," |
|
} |
|
|
|
|
|
.leEuAa { |
|
color: var(--grey-3); |
|
text-align: center; |
|
text-decoration: underline; |
|
font-size: inherit; |
|
line-height: inherit; |
|
padding: 6px; |
|
white-space: pre; |
|
cursor: pointer; |
|
border: none; |
|
background: none; |
|
} |
|
|
|
|
|
.leEuAa:first-child { |
|
margin-left: 0; |
|
} |
|
|
|
|
|
.leEuAa:hover { |
|
color: var(--denim-blue); |
|
} |
|
|
|
|
|
data-styled.g18[id="sc-etrfs6-2"] { |
|
content: "leEuAa," |
|
} |
|
|
|
|
|
.gExmnf { |
|
display: flex; |
|
justify-content: center; |
|
width: 100%; |
|
margin: 0 0 24px; |
|
font-size: 12px; |
|
flex-wrap: wrap; |
|
} |
|
|
|
|
|
@media (min-width:771px) { |
|
.gExmnf { |
|
flex-grow: 1; |
|
justify-content: flex-end; |
|
width: auto; |
|
margin: 0 24px 0 0; |
|
font-size: 16px; |
|
} |
|
|
|
.gExmnf .sc-etrfs6-2 { |
|
flex-grow: 0; |
|
width: auto; |
|
margin-left: 16px; |
|
padding: 0; |
|
} |
|
|
|
.gExmnf .sc-etrfs6-2:first-child { |
|
margin-left: 0; |
|
} |
|
} |
|
|
|
|
|
data-styled.g19[id="sc-etrfs6-3"] { |
|
content: "gExmnf," |
|
} |
|
|
|
|
|
.bCkGzB { |
|
display: inline-block; |
|
vertical-align: middle; |
|
flex-shrink: 0; |
|
width: 51px; |
|
height: 24px; |
|
} |
|
|
|
|
|
data-styled.g20[id="sc-etrfs6-4"] { |
|
content: "bCkGzB," |
|
} |
|
|
|
|
|
.frQToj { |
|
flex-grow: 1; |
|
margin: 16px 0; |
|
} |
|
|
|
|
|
@media (min-width:771px) { |
|
.frQToj { |
|
flex-grow: 0; |
|
margin: 0; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:991px) { |
|
.frQToj { |
|
display: flex; |
|
} |
|
} |
|
|
|
|
|
data-styled.g21[id="sc-etrfs6-5"] { |
|
content: "frQToj," |
|
} |
|
|
|
|
|
.bDihHx { |
|
margin: 0 0 0 22px; |
|
font: 700 18px var(--fontTorus); |
|
} |
|
|
|
|
|
@media (min-width:771px) and (max-width:990.9px) { |
|
.bDihHx { |
|
display: none; |
|
} |
|
} |
|
|
|
|
|
data-styled.g22[id="sc-etrfs6-6"] { |
|
content: "bDihHx," |
|
} |
|
|
|
|
|
.erfNed { |
|
display: flex; |
|
justify-content: flex-end; |
|
flex-grow: 1; |
|
} |
|
|
|
|
|
@media (min-width:771px) { |
|
.erfNed { |
|
flex-grow: 0; |
|
} |
|
} |
|
|
|
|
|
data-styled.g23[id="sc-etrfs6-7"] { |
|
content: "erfNed," |
|
} |
|
|
|
|
|
.dUpEnH { |
|
color: var(--grey-5); |
|
text-align: center; |
|
font-size: 7px; |
|
} |
|
|
|
|
|
data-styled.g24[id="sc-etrfs6-8"] { |
|
content: "dUpEnH," |
|
} |
|
|
|
|
|
.jlJlGR { |
|
margin: 0 auto; |
|
flex-grow: 1; |
|
} |
|
|
|
|
|
@media (min-width:111px) and (max-width:990.9px) { |
|
.jlJlGR { |
|
width: 760px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:991px) and (max-width:1210.9px) { |
|
.jlJlGR { |
|
width: 980px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1211px) and (max-width:1320.9px) { |
|
.jlJlGR { |
|
width: 1194px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1321px) and (max-width:1540.9px) { |
|
.jlJlGR { |
|
width: 1304px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1541px) and (max-width:1870.9px) { |
|
.jlJlGR { |
|
width: 1524px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1871px) { |
|
.jlJlGR { |
|
width: 1854px; |
|
} |
|
} |
|
|
|
|
|
data-styled.g25[id="sc-10l37ae-0"] { |
|
content: "jlJlGR," |
|
} |
|
|
|
|
|
.kGUlke { |
|
transition: transform .3s var(--bezier); |
|
} |
|
|
|
|
|
.kGUlke:hover { |
|
transform: scale(1.05); |
|
} |
|
|
|
|
|
data-styled.g27[id="sc-11jy73d-0"] { |
|
content: "kGUlke," |
|
} |
|
|
|
|
|
.jZlJdu { |
|
width: 60px; |
|
height: 28px; |
|
margin: 15px auto 11px; |
|
} |
|
|
|
|
|
@media (min-width:1871px) { |
|
.jZlJdu { |
|
width: 94px; |
|
height: 42px; |
|
margin: -2px auto 0; |
|
} |
|
} |
|
|
|
|
|
data-styled.g30[id="sc-11jy73d-3"] { |
|
content: "jZlJdu," |
|
} |
|
|
|
|
|
.bTPHwO { |
|
display: flex; |
|
align-items: center; |
|
position: fixed; |
|
z-index: 100001; |
|
top: 16px; |
|
background: #fff; |
|
box-shadow: var(--navShadow); |
|
border-radius: 16px; |
|
width: 94px; |
|
height: 94px; |
|
flex-direction: column; |
|
--left: 50%; |
|
left: var(--left); |
|
--offset: -487px; |
|
transform: translate(var(--offset), 0); |
|
} |
|
|
|
|
|
@media (min-width:111px) and (max-width:770.9px) { |
|
.bTPHwO { |
|
--offset: 0; |
|
--left: 3px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:771px) and (max-width:990.9px) { |
|
.bTPHwO { |
|
--offset: -377px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:991px) and (max-width:1210.9px) { |
|
.bTPHwO { |
|
--offset: -487px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1211px) and (max-width:1320.9px) { |
|
.bTPHwO { |
|
--offset: -597px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1321px) and (max-width:1540.9px) { |
|
.bTPHwO { |
|
--offset: -652px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1541px) and (max-width:1870.9px) { |
|
.bTPHwO { |
|
--offset: -762px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1871px) { |
|
.bTPHwO { |
|
--offset: -927px; |
|
width: 204px; |
|
flex-direction: row; |
|
} |
|
} |
|
|
|
|
|
data-styled.g31[id="sc-15orno7-0"] { |
|
content: "bTPHwO," |
|
} |
|
|
|
|
|
.ddBhNc { |
|
font-size: 100%; |
|
font-family: inherit; |
|
border: 0; |
|
padding: 0; |
|
background: none; |
|
cursor: pointer; |
|
} |
|
|
|
|
|
.ddBhNc:focus { |
|
outline: 0; |
|
} |
|
|
|
|
|
data-styled.g32[id="sc-c36zwn-0"] { |
|
content: "ddBhNc," |
|
} |
|
|
|
|
|
.bubVge { |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
border-top: 2px solid var(--grey-7); |
|
width: 100%; |
|
height: 40px; |
|
border-radius: 0 0 16px 16px; |
|
overflow: hidden; |
|
} |
|
|
|
|
|
@media (min-width:1871px) { |
|
.bubVge { |
|
border-top: 0; |
|
border-left: 2px solid var(--grey-7); |
|
flex-direction: column; |
|
height: 100%; |
|
width: 46px; |
|
border-radius: 0 16px 16px 0; |
|
} |
|
} |
|
|
|
|
|
data-styled.g37[id="sc-jaa1t8-0"] { |
|
content: "bubVge," |
|
} |
|
|
|
|
|
.bxeyFq { |
|
flex-grow: 1; |
|
height: 100%; |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
width: 50%; |
|
border-right: 1px solid var(--grey-7); |
|
} |
|
|
|
|
|
.bxeyFq:hover { |
|
background: var(--grey-7); |
|
} |
|
|
|
|
|
@media (min-width:1871px) { |
|
.bxeyFq { |
|
height: 50%; |
|
width: 100%; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1871px) { |
|
.bxeyFq { |
|
border-right: 0; |
|
border-bottom: 1px solid var(--grey-7); |
|
} |
|
} |
|
|
|
|
|
data-styled.g38[id="sc-jaa1t8-1"] { |
|
content: "bxeyFq," |
|
} |
|
|
|
|
|
.coBcLF { |
|
fill: var(--poki-blue); |
|
width: 20px; |
|
height: 17px; |
|
margin-top: -3px; |
|
} |
|
|
|
|
|
@media (min-width:1871px) { |
|
.coBcLF { |
|
margin-top: 0; |
|
} |
|
} |
|
|
|
|
|
data-styled.g39[id="sc-jaa1t8-2"] { |
|
content: "coBcLF," |
|
} |
|
|
|
|
|
.enEHnp { |
|
flex-grow: 1; |
|
height: 100%; |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
width: 50%; |
|
border-left: 1px solid var(--grey-7); |
|
text-indent: -200vw; |
|
font-size: 0; |
|
} |
|
|
|
|
|
.enEHnp:hover { |
|
background: var(--grey-7); |
|
} |
|
|
|
|
|
@media (min-width:1871px) { |
|
.enEHnp { |
|
height: 50%; |
|
width: 100%; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1871px) { |
|
.enEHnp { |
|
border-left: 0; |
|
border-top: 1px solid var(--grey-7); |
|
} |
|
} |
|
|
|
|
|
data-styled.g40[id="sc-jaa1t8-3"] { |
|
content: "enEHnp," |
|
} |
|
|
|
|
|
.doRZEU { |
|
fill: var(--poki-blue); |
|
height: 16px; |
|
width: 16px; |
|
margin-top: -2px; |
|
} |
|
|
|
|
|
data-styled.g41[id="sc-jaa1t8-4"] { |
|
content: "doRZEU," |
|
} |
|
|
|
|
|
.jcoQuw { |
|
display: block; |
|
transition: transform .6s var(--bezier); |
|
border-radius: 16px; |
|
position: relative; |
|
} |
|
|
|
|
|
.jcoQuw:after { |
|
content: ''; |
|
opacity: 0; |
|
position: absolute; |
|
left: 0; |
|
bottom: 0; |
|
width: 100%; |
|
height: 100%; |
|
background: linear-gradient(transparent 25%, rgba(0, 0, 0, .3) 100%); |
|
z-index: 4; |
|
transition: box-shadow .6s var(--bezier), opacity .3s var(--bezier); |
|
box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24); |
|
border-radius: 16px; |
|
contain: strict; |
|
} |
|
|
|
|
|
.jcoQuw:hover { |
|
transform: scale(1.0425531915) translate(0, -4px); |
|
transition-duration: .3s; |
|
} |
|
|
|
|
|
.jcoQuw:hover:after { |
|
opacity: 1; |
|
box-shadow: 0 12px 12px 0 rgba(0, 0, 0, .2); |
|
} |
|
|
|
|
|
data-styled.g42[id="sc-wr3rvk-0"] { |
|
content: "jcoQuw," |
|
} |
|
|
|
|
|
.imawES { |
|
position: absolute; |
|
z-index: 5; |
|
left: -6px; |
|
right: 0; |
|
height: 28px; |
|
top: 8px; |
|
font: 700 11px/28px var(--fontProximaNova); |
|
color: var(--poki-blue); |
|
text-transform: uppercase; |
|
padding: 0 8px 0 6px; |
|
pointer-events: none; |
|
} |
|
|
|
|
|
.imawES:after { |
|
content: ''; |
|
background: var(--grey-5); |
|
width: 6px; |
|
height: 8px; |
|
border-radius: 4px 0 0 4px; |
|
position: absolute; |
|
bottom: -8px; |
|
left: 0; |
|
z-index: 1; |
|
} |
|
|
|
|
|
.imawES:before { |
|
content: ''; |
|
background: #fff; |
|
width: 4px; |
|
height: 4px; |
|
position: absolute; |
|
left: 0; |
|
bottom: -4px; |
|
z-index: 0; |
|
} |
|
|
|
|
|
data-styled.g43[id="sc-wr3rvk-1"] { |
|
content: "imawES," |
|
} |
|
|
|
|
|
.gBEomS { |
|
position: absolute; |
|
top: 0; |
|
bottom: 0; |
|
left: 0; |
|
background: #fff; |
|
box-shadow: 2px 2px 2px rgba(0, 0, 0, .2); |
|
border-radius: 3px 14px 14px 0; |
|
padding: 0 8px 0 3px; |
|
} |
|
|
|
|
|
data-styled.g44[id="sc-wr3rvk-2"] { |
|
content: "gBEomS," |
|
} |
|
|
|
|
|
.jqLCSo { |
|
fill: var(--poki-blue); |
|
width: 18px; |
|
height: 28px; |
|
position: relative; |
|
padding: 2px 0 2px 2px; |
|
z-index: 2; |
|
} |
|
|
|
|
|
data-styled.g45[id="sc-wr3rvk-3"] { |
|
content: "jqLCSo," |
|
} |
|
|
|
|
|
.cnRnRn { |
|
display: contents; |
|
border-radius: inherit; |
|
} |
|
|
|
|
|
data-styled.g46[id="sc-18mcksl-0"] { |
|
content: "cnRnRn," |
|
} |
|
|
|
|
|
.jQcWfv { |
|
display: block; |
|
--minSize: 94px; |
|
min-width: var(--minSize); |
|
min-height: var(--minSize); |
|
border-radius: inherit; |
|
} |
|
|
|
|
|
data-styled.g47[id="sc-18mcksl-1"] { |
|
content: "jQcWfv," |
|
} |
|
|
|
|
|
.ibRKmB { |
|
position: absolute; |
|
right: 0; |
|
bottom: 0; |
|
left: 0; |
|
padding: 6px; |
|
color: #fff; |
|
font: 700 var(--tileFontSize, 12px)/1.3 'Proxima Nova', sans-serif; |
|
text-align: center; |
|
z-index: 6; |
|
transition: transform .3s var(--bezier) .1s, opacity .3s var(--bezier) .1s; |
|
transform: translate(0, 8px); |
|
opacity: 0; |
|
-webkit-font-smoothing: antialiased; |
|
pointer-events: none; |
|
} |
|
|
|
|
|
data-styled.g48[id="sc-963fcq-0"] { |
|
content: "ibRKmB," |
|
} |
|
|
|
|
|
.djzSvC { |
|
box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24); |
|
user-select: none; |
|
} |
|
|
|
|
|
@media (hover:hover) { |
|
.djzSvC:hover { |
|
transform: scale(1.0186915888) translate(0, -4px); |
|
} |
|
|
|
.djzSvC:hover:after { |
|
background: linear-gradient(transparent 50%, rgba(0, 0, 0, .3) 100%); |
|
} |
|
|
|
.djzSvC:hover .sc-963fcq-0 { |
|
opacity: 1; |
|
transform: translate(0, 0); |
|
} |
|
|
|
.djzSvC:hover .sc-963fcq-1 { |
|
visibility: visible; |
|
} |
|
} |
|
|
|
|
|
.bIDIiD { |
|
box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24); |
|
user-select: none; |
|
background: #fff; |
|
display: flex; |
|
align-items: center; |
|
grid-row-start: span 1; |
|
grid-column-start: span 2; |
|
} |
|
|
|
|
|
@media (hover:hover) { |
|
.bIDIiD:hover { |
|
transform: scale(1.0186915888) translate(0, -4px); |
|
} |
|
|
|
.bIDIiD:hover:after { |
|
background: linear-gradient(transparent 50%, rgba(0, 0, 0, .3) 100%); |
|
} |
|
|
|
.bIDIiD:hover .sc-963fcq-0 { |
|
opacity: 1; |
|
transform: translate(0, 0); |
|
} |
|
|
|
.bIDIiD:hover .sc-963fcq-1 { |
|
visibility: visible; |
|
} |
|
} |
|
|
|
|
|
.bIDIiD .sc-963fcq-0 { |
|
position: static; |
|
opacity: 1; |
|
overflow: hidden; |
|
text-align: left; |
|
color: var(--denim-blue); |
|
font: 700 12px/20px var(--fontProximaNova); |
|
letter-spacing: 1px; |
|
text-transform: uppercase; |
|
background: #fff; |
|
transform: none; |
|
} |
|
|
|
|
|
.bIDIiD:after { |
|
content: none; |
|
} |
|
|
|
|
|
.bIDIiD img { |
|
border-top-right-radius: 0; |
|
border-bottom-right-radius: 0; |
|
} |
|
|
|
|
|
.bIDIiD .sc-963fcq-0 { |
|
display: block; |
|
padding: 0 8px; |
|
border-radius: 0 16px 16px 0; |
|
} |
|
|
|
|
|
data-styled.g51[id="sc-963fcq-3"] { |
|
content: "djzSvC,bIDIiD," |
|
} |
|
|
|
|
|
.edLqUo { |
|
height: var(--height, 100%); |
|
width: var(--width, 100%); |
|
} |
|
|
|
|
|
data-styled.g52[id="sc-1t2vga5-0"] { |
|
content: "edLqUo," |
|
} |
|
|
|
|
|
.gKdPGs { |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
|
|
|
|
data-styled.g53[id="sc-tbf0fc-0"] { |
|
content: "gKdPGs," |
|
} |
|
|
|
|
|
.joJxfp { |
|
display: inline-flex; |
|
flex-direction: column; |
|
flex-direction: row; |
|
padding-right: 26px; |
|
position: relative; |
|
} |
|
|
|
|
|
.iZddyZ { |
|
display: inline-flex; |
|
flex-direction: column; |
|
} |
|
|
|
|
|
data-styled.g54[id="sc-tbf0fc-1"] { |
|
content: "joJxfp,iZddyZ," |
|
} |
|
|
|
|
|
.flYexE { |
|
font: 400 9px/2 Arial, sans-serif; |
|
text-transform: uppercase; |
|
text-align: center; |
|
opacity: .7; |
|
height: 20px; |
|
letter-spacing: 1px; |
|
color: var(--green-3); |
|
font-size: 8px; |
|
line-height: 1; |
|
position: absolute; |
|
right: 0; |
|
top: 50%; |
|
transform: rotate3d(0, 0, 1, 90deg) translateX(50%) translate(-10px, 24px); |
|
transform-origin: center right; |
|
} |
|
|
|
|
|
.jtzqHS { |
|
font: 400 9px/2 Arial, sans-serif; |
|
text-transform: uppercase; |
|
text-align: center; |
|
opacity: .7; |
|
height: 20px; |
|
letter-spacing: 1px; |
|
color: var(--green-3); |
|
} |
|
|
|
|
|
data-styled.g55[id="sc-tbf0fc-2"] { |
|
content: "flYexE,jtzqHS," |
|
} |
|
|
|
|
|
.jzKgDP { |
|
background: rgba(255, 255, 255, .5); |
|
} |
|
|
|
|
|
data-styled.g56[id="sc-tbf0fc-3"] { |
|
content: "jzKgDP," |
|
} |
|
|
|
|
|
@media (min-width:1321px) { |
|
.hAVUrY { |
|
grid-area: ir0; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1871px) { |
|
.hAVUrY { |
|
width: 204px; |
|
height: 204px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1321px) { |
|
.igrUBl { |
|
grid-area: ir1; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1871px) { |
|
.igrUBl { |
|
width: 204px; |
|
height: 204px; |
|
} |
|
} |
|
|
|
|
|
data-styled.g68[id="sc-al88rd-4"] { |
|
content: "hAVUrY,igrUBl," |
|
} |
|
|
|
|
|
.eOoRZV { |
|
grid-area: igc; |
|
display: flex; |
|
justify-content: center; |
|
} |
|
|
|
|
|
data-styled.g71[id="sc-al88rd-7"] { |
|
content: "eOoRZV," |
|
} |
|
|
|
|
|
.jLkOBn { |
|
grid-area: a79; |
|
} |
|
|
|
|
|
data-styled.g72[id="sc-al88rd-8"] { |
|
content: "jLkOBn," |
|
} |
|
|
|
|
|
.kBFpxV { |
|
grid-area: a32; |
|
height: 314px; |
|
} |
|
|
|
|
|
.kBFpxV { |
|
display: none; |
|
} |
|
|
|
|
|
@media (min-width:1321px) { |
|
.kBFpxV { |
|
display: flex; |
|
} |
|
} |
|
|
|
|
|
data-styled.g73[id="sc-al88rd-9"] { |
|
content: "kBFpxV," |
|
} |
|
|
|
|
|
.jqewXp { |
|
grid-area: a16; |
|
} |
|
|
|
|
|
.jqewXp { |
|
display: none; |
|
} |
|
|
|
|
|
@media (min-width:111px) and (max-width:1320.9px) { |
|
.jqewXp { |
|
display: flex; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1871px) { |
|
.jqewXp { |
|
display: flex; |
|
} |
|
} |
|
|
|
|
|
data-styled.g74[id="sc-al88rd-10"] { |
|
content: "jqewXp," |
|
} |
|
|
|
|
|
.bprtKa { |
|
display: grid; |
|
grid-template-rows: repeat(auto-fill, 94px); |
|
grid-gap: var(--cellSpacing); |
|
grid-auto-flow: row dense; |
|
justify-content: center; |
|
margin: 16px auto 0; |
|
padding: 0; |
|
list-style-type: none; |
|
--gridTemplateColumns: 3; |
|
grid-template-columns: repeat(var(--gridTemplateColumns), 94px); |
|
} |
|
|
|
|
|
|
|
@media (min-width:1871px) { |
|
.bprtKa:before { |
|
grid-column-start: span 2; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:111px) and (max-width:990.9px) { |
|
.bprtKa { |
|
--gridTemplateColumns: 7; |
|
grid-template-areas: '... igc igc igc igc igc igc''... igc igc igc igc igc igc''... igc igc igc igc igc igc''... igc igc igc igc igc igc''a79 a79 a79 a79 a79 a79 a79'; |
|
} |
|
|
|
.bprtKa .sc-al88rd-10 { |
|
display: none; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:991px) and (max-width:1210.9px) { |
|
.bprtKa { |
|
--gridTemplateColumns: 9; |
|
grid-template-areas: '... igc igc igc igc igc igc a16 a16''... igc igc igc igc igc igc a16 a16''... igc igc igc igc igc igc a16 a16''... igc igc igc igc igc igc a16 a16''a79 a79 a79 a79 a79 a79 a79 a16 a16''... ... ... ... ... ... ... a16 a16'; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1211px) and (max-width:1320.9px) { |
|
.bprtKa { |
|
--gridTemplateColumns: 11; |
|
grid-template-areas: '... igc igc igc igc igc igc igc igc a16 a16''... igc igc igc igc igc igc igc igc a16 a16''... igc igc igc igc igc igc igc igc a16 a16''... igc igc igc igc igc igc igc igc a16 a16''... igc igc igc igc igc igc igc igc a16 a16''... ... a79 a79 a79 a79 a79 a79 a79 a16 a16'; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1321px) and (max-width:1540.9px) { |
|
.bprtKa { |
|
--gridTemplateColumns: 12; |
|
grid-template-areas: '... igc igc igc igc igc igc igc igc a32 a32 a32''... igc igc igc igc igc igc igc igc a32 a32 a32''... igc igc igc igc igc igc igc igc a32 a32 a32''... igc igc igc igc igc igc igc igc ir0 ir0 ...''... igc igc igc igc igc igc igc igc ir0 ir0 ...''... ... a79 a79 a79 a79 a79 a79 a79 ir1 ir1 ...''... ... ... ... ... ... ... ... ... ir1 ir1 ...'; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1541px) and (max-width:1870.9px) { |
|
.bprtKa { |
|
--gridTemplateColumns: 14; |
|
grid-template-areas: '... igc igc igc igc igc igc igc igc igc igc a32 a32 a32''... igc igc igc igc igc igc igc igc igc igc a32 a32 a32''... igc igc igc igc igc igc igc igc igc igc a32 a32 a32''... igc igc igc igc igc igc igc igc igc igc ir0 ir0 ...''... igc igc igc igc igc igc igc igc igc igc ir0 ir0 ...''... igc igc igc igc igc igc igc igc igc igc ir1 ir1 ...''... ... ... ... a79 a79 a79 a79 a79 a79 a79 ir1 ir1 ...'; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1871px) { |
|
.bprtKa { |
|
--gridTemplateColumns: 17; |
|
grid-template-areas: '... ... igc igc igc igc igc igc igc igc igc igc ir0 ir0 a32 a32 a32''a16 a16 igc igc igc igc igc igc igc igc igc igc ir0 ir0 a32 a32 a32''a16 a16 igc igc igc igc igc igc igc igc igc igc ir1 ir1 a32 a32 a32''a16 a16 igc igc igc igc igc igc igc igc igc igc ir1 ir1 ... ... ...''a16 a16 igc igc igc igc igc igc igc igc igc igc ... ... ... ... ...''a16 a16 igc igc igc igc igc igc igc igc igc igc ... ... ... ... ...''a16 a16 ... ... ... a79 a79 a79 a79 a79 a79 a79 ... ... ... ... ...'; |
|
} |
|
} |
|
|
|
|
|
data-styled.g79[id="sc-1o65d6p-0"] { |
|
content: "bprtKa," |
|
} |
|
|
|
|
|
.kVnwop { |
|
border-radius: var(--borderRadius, 8px); |
|
box-shadow: var(--boxShadow, 0 4px 8px 0 rgba(0, 0, 0, .24)); |
|
background: var(--grey-5); |
|
margin: 0 8px 0 0; |
|
width: 40px; |
|
height: 40px; |
|
} |
|
|
|
|
|
data-styled.g82[id="sc-1ercfrx-1"] { |
|
content: "kVnwop," |
|
} |
|
|
|
|
|
.dWoUha { |
|
margin: auto 0; |
|
} |
|
|
|
|
|
data-styled.g83[id="sc-1ercfrx-2"] { |
|
content: "dWoUha," |
|
} |
|
|
|
|
|
.iAEuVe { |
|
display: flex; |
|
} |
|
|
|
|
|
data-styled.g84[id="sc-1ercfrx-3"] { |
|
content: "iAEuVe," |
|
} |
|
|
|
|
|
.kiEtEc { |
|
margin: 0; |
|
font: 700 1em/1em var(--fontTorus); |
|
padding: 0 10px 0 0; |
|
color: var(--denim-blue); |
|
} |
|
|
|
|
|
data-styled.g85[id="sc-1ercfrx-4"] { |
|
content: "kiEtEc," |
|
} |
|
|
|
|
|
.qcNIQ { |
|
display: block; |
|
color: var(--grey-3); |
|
font-size: 12px; |
|
line-height: 16px; |
|
margin: 4px 0 0; |
|
letter-spacing: .3px; |
|
} |
|
|
|
|
|
data-styled.g87[id="sc-1ercfrx-6"] { |
|
content: "qcNIQ," |
|
} |
|
|
|
|
|
.cJgcTu { |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
|
|
.cJgcTu li { |
|
display: inline-block; |
|
margin: 4px 4px 0 0; |
|
} |
|
|
|
|
|
data-styled.g104[id="sc-g8xdfn-0"] { |
|
content: "cJgcTu," |
|
} |
|
|
|
|
|
.fZBVxX { |
|
display: block; |
|
padding: 0 10px; |
|
border: 2px solid var(--grey-5); |
|
border-radius: 100px; |
|
color: var(--grey-5); |
|
font-size: 12px; |
|
font-weight: bold; |
|
text-transform: uppercase; |
|
} |
|
|
|
|
|
.fZBVxX:hover { |
|
border-color: var(--poki-blue); |
|
color: var(--poki-blue); |
|
} |
|
|
|
|
|
data-styled.g105[id="sc-g8xdfn-1"] { |
|
content: "fZBVxX," |
|
} |
|
|
|
|
|
.FNWAv { |
|
position: relative; |
|
margin: 24px 0; |
|
padding: 18px 24px; |
|
background: #fff; |
|
box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24); |
|
} |
|
|
|
|
|
.FNWAv p { |
|
margin: 24px 0; |
|
} |
|
|
|
|
|
.FNWAv .sc-1v3c8lr-0 { |
|
margin: 3px 0 0; |
|
} |
|
|
|
|
|
data-styled.g107[id="sc-1v3c8lr-1"] { |
|
content: "FNWAv," |
|
} |
|
|
|
|
|
.fHMoak { |
|
margin: 0 0 8px; |
|
} |
|
|
|
|
|
data-styled.g108[id="sc-1v3c8lr-2"] { |
|
content: "fHMoak," |
|
} |
|
|
|
|
|
.jnFZCu { |
|
font-size: 20px; |
|
} |
|
|
|
|
|
data-styled.g109[id="sc-1v3c8lr-3"] { |
|
content: "jnFZCu," |
|
} |
|
|
|
|
|
.kGjQpf { |
|
margin-top: 12px; |
|
} |
|
|
|
|
|
data-styled.g110[id="sc-1v3c8lr-4"] { |
|
content: "kGjQpf," |
|
} |
|
|
|
|
|
.fPhXXQ { |
|
margin: 4px 0 4px; |
|
} |
|
|
|
|
|
data-styled.g112[id="sc-1v3c8lr-6"] { |
|
content: "fPhXXQ," |
|
} |
|
|
|
|
|
.eCLhUJ { |
|
display: inline-block; |
|
font-size: 12px; |
|
font-weight: 700; |
|
color: var(--grey-3); |
|
text-transform: uppercase; |
|
} |
|
|
|
|
|
data-styled.g113[id="sc-1v3c8lr-7"] { |
|
content: "eCLhUJ," |
|
} |
|
|
|
|
|
.ehYfVe { |
|
display: inline-block; |
|
font-size: 12px; |
|
line-height: 22px; |
|
font-weight: bold; |
|
padding: 0 8px; |
|
color: var(--grey-3); |
|
background: var(--grey-7); |
|
border-radius: 10px; |
|
text-transform: uppercase; |
|
height: 20px; |
|
margin-right: 4px; |
|
} |
|
|
|
|
|
data-styled.g114[id="sc-1v3c8lr-8"] { |
|
content: "ehYfVe," |
|
} |
|
|
|
|
|
.ciIwDq a { |
|
text-decoration: underline; |
|
color: var(--poki-hover-1); |
|
} |
|
|
|
|
|
.ciIwDq a:hover { |
|
color: var(--poki-blue); |
|
} |
|
|
|
|
|
.ciIwDq h2, |
|
.ciIwDq h3 { |
|
font-size: 19px; |
|
font-family: inherit; |
|
margin: 1em 0; |
|
} |
|
|
|
|
|
data-styled.g115[id="sc-1v3c8lr-9"] { |
|
content: "ciIwDq," |
|
} |
|
|
|
|
|
.eEnQjF { |
|
display: inline-block; |
|
fill: var(--grey-3); |
|
margin-right: 2px; |
|
position: relative; |
|
top: 1px; |
|
height: 10px; |
|
width: 10px; |
|
} |
|
|
|
|
|
data-styled.g116[id="sc-1v3c8lr-10"] { |
|
content: "eEnQjF," |
|
} |
|
|
|
|
|
.klgHkE { |
|
color: var(--grey-1); |
|
} |
|
|
|
|
|
.klgHkE ul { |
|
overflow: hidden; |
|
margin: 0; |
|
padding: 0; |
|
color: var(--grey-1); |
|
list-style: none; |
|
text-overflow: ellipsis; |
|
} |
|
|
|
|
|
.klgHkE li { |
|
display: inline; |
|
} |
|
|
|
|
|
.klgHkE li:before { |
|
content: '›'; |
|
margin: 0 4px; |
|
color: var(--grey-1); |
|
font-size: 13px; |
|
} |
|
|
|
|
|
.klgHkE li:first-child::before { |
|
content: none; |
|
} |
|
|
|
|
|
.klgHkE a, |
|
.klgHkE span { |
|
color: var(--grey-1); |
|
font: 700 9px var(--fontProximaNova); |
|
letter-spacing: 1px; |
|
text-transform: uppercase; |
|
white-space: nowrap; |
|
} |
|
|
|
|
|
.klgHkE a:hover { |
|
text-decoration: underline; |
|
} |
|
|
|
|
|
data-styled.g117[id="sc-1oa7ili-0"] { |
|
content: "klgHkE," |
|
} |
|
|
|
|
|
.elLlHI { |
|
display: block; |
|
width: 36px; |
|
height: 36px; |
|
padding: 0; |
|
border: 0; |
|
background: #fff; |
|
outline: 0; |
|
cursor: pointer; |
|
color: transparent; |
|
overflow: hidden; |
|
} |
|
|
|
|
|
data-styled.g118[id="sc-1mfuhwp-0"] { |
|
content: "elLlHI," |
|
} |
|
|
|
|
|
.cqpQak { |
|
vertical-align: middle; |
|
margin: 0 15px 0 0; |
|
} |
|
|
|
|
|
data-styled.g119[id="sc-1mfuhwp-1"] { |
|
content: "cqpQak," |
|
} |
|
|
|
|
|
.iNzavg { |
|
display: none; |
|
position: fixed; |
|
z-index: 100002; |
|
top: 0; |
|
right: 0; |
|
bottom: 0; |
|
left: 0; |
|
background: #fff; |
|
padding: 26px 18px; |
|
position: absolute; |
|
z-index: 20; |
|
top: auto; |
|
right: 0; |
|
bottom: 100%; |
|
left: auto; |
|
margin: 0 0 36px; |
|
padding: 25px 32px; |
|
font-size: 14px; |
|
line-height: 20px; |
|
border-radius: 16px; |
|
box-shadow: 0 16px 32px rgba(0, 0, 0, .24); |
|
padding: 0; |
|
} |
|
|
|
|
|
.iNzavg ul { |
|
overflow: auto; |
|
height: calc(100% - 42px); |
|
margin: 0; |
|
list-style: none; |
|
padding: 0; |
|
} |
|
|
|
|
|
.iNzavg li { |
|
margin: 3px 0 4px; |
|
white-space: nowrap; |
|
color: var(--poki-blue); |
|
} |
|
|
|
|
|
.iNzavg li a { |
|
display: block; |
|
padding: 14px; |
|
border-radius: 16px; |
|
} |
|
|
|
|
|
.iNzavg li a:hover, |
|
.iNzavg li a:focus, |
|
.iNzavg li a:active { |
|
background: var(--grey-7); |
|
} |
|
|
|
|
|
.iNzavg:before { |
|
content: ''; |
|
position: absolute; |
|
left: 0; |
|
bottom: -36px; |
|
width: 100%; |
|
height: 36px; |
|
} |
|
|
|
|
|
.iNzavg ul { |
|
overflow: visible; |
|
position: relative; |
|
min-width: 470px; |
|
height: auto; |
|
padding: 10px 12px; |
|
column-count: 4; |
|
} |
|
|
|
|
|
.iNzavg ul:after, |
|
.iNzavg ul:before { |
|
content: ''; |
|
position: absolute; |
|
background: #fff; |
|
box-shadow: 0 16px 32px rgba(0, 0, 0, .24); |
|
border-radius: 100%; |
|
} |
|
|
|
|
|
.iNzavg ul:after { |
|
right: 44px; |
|
bottom: -12px; |
|
width: 24px; |
|
height: 12px; |
|
border-radius: 0 0 12px 12px; |
|
} |
|
|
|
|
|
.iNzavg ul:before { |
|
right: 30px; |
|
bottom: -36px; |
|
width: 16px; |
|
height: 16px; |
|
z-index: 1; |
|
} |
|
|
|
|
|
.iNzavg li { |
|
display: inline-block; |
|
} |
|
|
|
|
|
.iNzavg li a { |
|
padding: 3px 16px 3px 12px; |
|
} |
|
|
|
|
|
.iNzavg .sc-1mfuhwp-1 { |
|
transform: scale(0.7); |
|
margin: 0 2px 0 0; |
|
} |
|
|
|
|
|
data-styled.g120[id="sc-1mfuhwp-2"] { |
|
content: "iNzavg," |
|
} |
|
|
|
|
|
.fydDqz { |
|
position: relative; |
|
} |
|
|
|
|
|
.fydDqz:hover .sc-1mfuhwp-2 { |
|
display: block; |
|
} |
|
|
|
|
|
data-styled.g121[id="sc-1mfuhwp-3"] { |
|
content: "fydDqz," |
|
} |
|
|
|
|
|
.gulGxp { |
|
position: absolute; |
|
top: 0; |
|
right: 0; |
|
margin: 0; |
|
padding: 32px 26px 16px; |
|
border: 0; |
|
background: transparent; |
|
display: none; |
|
} |
|
|
|
|
|
.gulGxp svg { |
|
fill: var(--poki-blue); |
|
} |
|
|
|
|
|
data-styled.g122[id="sc-1mfuhwp-4"] { |
|
content: "gulGxp," |
|
} |
|
|
|
|
|
.ctbMbT { |
|
margin: 0 13px 38px; |
|
margin: 26px 32px 0; |
|
} |
|
|
|
|
|
data-styled.g123[id="sc-1mfuhwp-5"] { |
|
content: "ctbMbT," |
|
} |
|
|
|
|
|
.crHxMg { |
|
display: inline-block; |
|
width: 36px; |
|
height: 36px; |
|
background: url('https://img.poki.com/cdn-cgi/image/quality=50,width=280,height=280,fit=cover,f=auto/flags-round.png') no-repeat; |
|
} |
|
|
|
|
|
data-styled.g124[id="sc-1acscpn-0"] { |
|
content: "crHxMg," |
|
} |
|
|
|
|
|
@media (orientation:portrait) { |
|
.kqocTb { |
|
max-height: 100%; |
|
} |
|
} |
|
|
|
|
|
data-styled.g125[id="sc-1bxux5k-0"] { |
|
content: "kqocTb," |
|
} |
|
|
|
|
|
.jKLIEp { |
|
overflow: hidden; |
|
flex-grow: 0; |
|
flex-shrink: 0; |
|
display: flex; |
|
justify-content: space-between; |
|
height: var(--gameInfoHeight); |
|
align-self: stretch; |
|
background: #fff; |
|
position: relative; |
|
z-index: 3; |
|
padding: 0 16px 0 0; |
|
} |
|
|
|
|
|
data-styled.g126[id="sc-1thi3bz-0"] { |
|
content: "jKLIEp," |
|
} |
|
|
|
|
|
.bTPbsg { |
|
margin-left: auto; |
|
display: flex; |
|
align-items: center; |
|
} |
|
|
|
|
|
data-styled.g127[id="sc-1thi3bz-1"] { |
|
content: "bTPbsg," |
|
} |
|
|
|
|
|
.bXYSlS { |
|
stroke: var(--grey-3); |
|
fill: transparent; |
|
padding: 6px; |
|
height: 36px; |
|
} |
|
|
|
|
|
data-styled.g128[id="sc-1thi3bz-2"] { |
|
content: "bXYSlS," |
|
} |
|
|
|
|
|
.frjJgY { |
|
position: absolute; |
|
top: 12px; |
|
right: 16px; |
|
} |
|
|
|
|
|
data-styled.g129[id="sc-1thi3bz-3"] { |
|
content: "frjJgY," |
|
} |
|
|
|
|
|
.cTzKVq { |
|
display: flex; |
|
height: 100%; |
|
width: 100%; |
|
align-items: center; |
|
background: #fff; |
|
padding: 14px; |
|
pointer-events: none; |
|
user-select: none; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
opacity: 0; |
|
transition: opacity .5s ease-in; |
|
will-change: opacity; |
|
} |
|
|
|
|
|
data-styled.g130[id="sc-1thi3bz-4"] { |
|
content: "cTzKVq," |
|
} |
|
|
|
|
|
.ijzkEh { |
|
display: inline-block; |
|
margin-left: 16px; |
|
} |
|
|
|
|
|
.ijzkEh h2 { |
|
font: 700 16px/20px var(--fontProximaNova); |
|
} |
|
|
|
|
|
.ijzkEh p { |
|
font: 12px/16px var(--fontProximaNova); |
|
color: var(--grey-3); |
|
} |
|
|
|
|
|
data-styled.g131[id="sc-1thi3bz-5"] { |
|
content: "ijzkEh," |
|
} |
|
|
|
|
|
.fGkxHt { |
|
font-size: 21px; |
|
display: flex; |
|
margin: 12px; |
|
} |
|
|
|
|
|
data-styled.g133[id="sc-1thi3bz-7"] { |
|
content: "fGkxHt," |
|
} |
|
|
|
|
|
.cToZbD { |
|
display: flex; |
|
justify-content: center; |
|
margin: 0 auto; |
|
width: 100%; |
|
height: 100%; |
|
z-index: 10; |
|
} |
|
|
|
|
|
@media (min-width:111px) and (max-width:1210.9px) { |
|
.cToZbD { |
|
width: 640px; |
|
height: 424px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1211px) and (max-width:1320.9px) { |
|
.cToZbD { |
|
width: 836px; |
|
height: 534px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1321px) and (max-width:1540.9px) { |
|
.cToZbD { |
|
width: 836px; |
|
height: 534px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1541px) and (max-width:1870.9px) { |
|
.cToZbD { |
|
width: 1031px; |
|
height: 644px; |
|
} |
|
} |
|
|
|
|
|
@media (min-width:1871px) { |
|
.cToZbD { |
|
width: 1031px; |
|
height: 644px; |
|
} |
|
} |
|
|
|
|
|
data-styled.g134[id="sc-1nfyi8d-0"] { |
|
content: "cToZbD," |
|
} |
|
|
|
|
|
.kmawNJ { |
|
display: flex; |
|
align-items: center; |
|
flex-direction: column; |
|
flex-grow: 0; |
|
width: 100%; |
|
height: 100%; |
|
background: var(--denim-blue); |
|
box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24); |
|
} |
|
|
|
|
|
data-styled.g135[id="sc-1nfyi8d-1"] { |
|
content: "kmawNJ," |
|
} |
|
|
|
|
|
.ljHJwR { |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
flex-grow: 1; |
|
position: relative; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
|
|
|
|
data-styled.g136[id="sc-1nfyi8d-2"] { |
|
content: "ljHJwR," |
|
} |
|
|
|
|
|
.iIUrNJ { |
|
position: absolute; |
|
top: 0; |
|
right: 0; |
|
bottom: 0; |
|
left: 0; |
|
} |
|
|
|
|
|
.iIUrNJ>div, |
|
.iIUrNJ embed, |
|
.iIUrNJ object { |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
border: 0; |
|
} |
|
|
|
|
|
.iIUrNJ iframe { |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
border: 0; |
|
height: 100%; |
|
width: 100%; |
|
} |
|
|
|
|
|
data-styled.g137[id="sc-1nfyi8d-3"] { |
|
content: "iIUrNJ," |
|
} |
|
|
|
|
|
.kQYXwq { |
|
fill: var(--gameBarIconFill, var(--poki-blue)); |
|
transform: rotate(var(--gameBarIconRotation, 0deg)) translateY(var(--gameBarIconY, 0px)); |
|
transition: fill 0.6s cubic-bezier(.32, 1.2, .54, 1.17), transform 0.2s cubic-bezier(.32, 1.2, .54, 1.17); |
|
overflow: visible; |
|
} |
|
|
|
|
|
.bjyqMi { |
|
fill: var(--gameBarIconFill, var(--poki-blue)); |
|
transform: rotate(var(--gameBarIconRotation, 0deg)) translateY(var(--gameBarIconY, 0px)); |
|
transition: fill 0.6s cubic-bezier(.32, 1.2, .54, 1.17), transform 0.2s cubic-bezier(.32, 1.2, .54, 1.17); |
|
overflow: visible; |
|
} |
|
|
|
|
|
.bjyqMi>use { |
|
transform: scale3d(-1, -1, 1); |
|
transform-origin: center center; |
|
} |
|
|
|
|
|
data-styled.g143[id="sc-1wag0ht-0"] { |
|
content: "kQYXwq,bjyqMi," |
|
} |
|
|
|
|
|
.jfVzqh { |
|
position: absolute; |
|
left: 50%; |
|
bottom: 4px; |
|
font: 700 10px/12px 'Proxima Nova', sans-serif; |
|
} |
|
|
|
|
|
data-styled.g144[id="sc-1wag0ht-1"] { |
|
content: "jfVzqh," |
|
} |
|
|
|
|
|
.gqxDAV { |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
transform: translate(-50%); |
|
border-radius: 16px; |
|
padding: 0 4px; |
|
white-space: nowrap; |
|
transition: opacity 350ms cubic-bezier(.32, 1.2, .54, 1.17); |
|
} |
|
|
|
|
|
data-styled.g145[id="sc-1wag0ht-2"] { |
|
content: "gqxDAV," |
|
} |
|
|
|
|
|
.aeeAa { |
|
opacity: var(--gameBarLabelOpacity, 1); |
|
color: var(--grey-3); |
|
background-color: var(--gameBarLabelBackgroundColor, #FFFFFF00); |
|
} |
|
|
|
|
|
data-styled.g146[id="sc-1wag0ht-3"] { |
|
content: "aeeAa," |
|
} |
|
|
|
|
|
.kIpmiY { |
|
opacity: var(--gameBarHoverLabelOpacity, 0); |
|
color: #FFFFFF; |
|
background-color: var(--poki-blue); |
|
} |
|
|
|
|
|
data-styled.g147[id="sc-1wag0ht-4"] { |
|
content: "kIpmiY," |
|
} |
|
|
|
|
|
.kRNrUr { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
background: var(--gameBarLabelBackgroundColor, #FFFFFF); |
|
transition: background-color 0.6s cubic-bezier(.32, 1.2, .54, 1.17); |
|
padding: 8px; |
|
} |
|
|
|
|
|
.brAUGL { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 50%; |
|
background: var(--gameBarLabelBackgroundColor, #FFFFFF); |
|
transition: background-color 0.6s cubic-bezier(.32, 1.2, .54, 1.17); |
|
padding: 8px; |
|
--gameBarButtonAnimationBackgroundColor: var(--rose-3); |
|
} |
|
|
|
|
|
data-styled.g148[id="sc-1wag0ht-5"] { |
|
content: "kRNrUr,brAUGL," |
|
} |
|
|
|
|
|
.bowXgQ { |
|
position: relative; |
|
width: 40px; |
|
height: 40px; |
|
margin: 8px 8px auto 8px; |
|
border: none; |
|
outline: none; |
|
background: none; |
|
padding: 0; |
|
cursor: pointer; |
|
} |
|
|
|
|
|
.bowXgQ:hover { |
|
--gameBarIconRotation: -5deg; |
|
--gameBarLabelOpacity: 0; |
|
--gameBarHoverLabelOpacity: 1; |
|
} |
|
|
|
|
|
.bowXgQ:hover .sc-1wag0ht-5 { |
|
background: var(--gameBarButtonBackgroundHoverColor, var(--grey-7)); |
|
} |
|
|
|
|
|
.bowXgQ:active .sc-1wag0ht-5 { |
|
background: var(--gameBarButtonBackgroundHoverColor, var(--grey-5)); |
|
transition: background-color 350ms cubic-bezier(.32, 1.2, .54, 1.17); |
|
} |
|
|
|
|
|
data-styled.g149[id="sc-1wag0ht-6"] { |
|
content: "bowXgQ," |
|
} |
|
|
|
|
|
|
|
|
|
@font-face { |
|
font-family: 'Torus'; |
|
font-display: swap; |
|
font-weight: 700; |
|
src: url(/fonts/torus-bold-latin.woff2) format('woff2'), url(/fonts/torus-bold-latin.woff) format('woff'); |
|
unicode-range: U+0020-007F, U+00A0-00FF |
|
} |
|
|
|
:root { |
|
--fontProximaNova: Proxima Nova, Open Sans, Gill Sans MT, Gill Sans, Arial, sans-serif; |
|
--fontTorus: Torus, sans-serif; |
|
--bezier: cubic-bezier(.25, .1, .25, 1); |
|
--cellSize: 94px; |
|
--cellSpacing: 16px; |
|
--gameInfoHeight: 64px; |
|
--maxPageWidth: 1860px; |
|
--navShadow: 0 6px 32px 0 rgba(0, 0, 0, .24); |
|
--denim-blue: #002b50; |
|
--green-1: #15c8d1; |
|
--green-2: #17d7d8; |
|
--green-3: #18e9da; |
|
--green-4: #17f1d8; |
|
--green-5: #3cf7dc; |
|
--green-6: #4dffe1; |
|
--green-7: #83ffe7; |
|
--green-8: #a4ffee; |
|
--grey-3: #5d6b84; |
|
--grey-5: #bac9de; |
|
--grey-7: #f0f5fc; |
|
--grey-9: #f9fbff; |
|
--poki-blue: #009cff; |
|
--poki-hover: #0097f5; |
|
--poki-hover-1: #005f99; |
|
--pure-white: #ffffff; |
|
--purple-1: #c977e8; |
|
--purple-2: #d490f2; |
|
--purple-3: #da9ef3; |
|
--purple-4: #dca7f2; |
|
--purple-5: #e0aef5; |
|
--purple-6: #e1b5f7; |
|
--purple-7: #eac0fc; |
|
--purple-8: #ebccff; |
|
--rose-1: #ff7690; |
|
--rose-2: #ff8aa6; |
|
--rose-3: #ff99b1; |
|
--rose-4: #ffa4ba; |
|
--rose-5: #ffa9be; |
|
--rose-6: #ffaec5; |
|
--rose-7: #ffc2d6; |
|
--rose-8: #ffc9dd; |
|
--yellow-1: #ff9e00; |
|
--yellow-2: #ffaf00; |
|
--yellow-3: #ffc500; |
|
--yellow-4: #ffd100; |
|
--yellow-5: #ffdc00; |
|
--yellow-6: #ffe200; |
|
--yellow-7: #faeb59; |
|
--yellow-8: #ffed85; |
|
} |
|
|
|
.global-cq { |
|
container-type: inline-size; |
|
container-name: tilecq; |
|
} |
|
|
|
@container (min-width: 200px) { |
|
.global-cq-title { |
|
--tileFontSize: 16px; |
|
} |
|
} |
|
.FG-splash-button { |
|
border-bottom-color: #ffb53d !important; |
|
color: #000; |
|
background: linear-gradient(140deg, #fbde04, #e2c803); |
|
} |
|
.FG-splash-button:hover { |
|
border-bottom-color: #ff5e00 !important; |
|
color: #fff; |
|
background: linear-gradient(140deg, #ff9214, #fa8500); |
|
} |
|
.FG-splash-button:active { |
|
border-bottom-color: #ff7e33 !important; |
|
background: linear-gradient(140deg, #ffa947, #ff9d2e); |
|
} |
|
.SP-splash-button { |
|
width: 290px; |
|
height: 60px; |
|
margin-top: 2.5rem; |
|
border-radius: 290486px !important; |
|
padding-left: 2rem; |
|
padding-right: 2rem; |
|
border: 3px solid #fff !important; |
|
color: #0a0a0a; |
|
text-transform: uppercase; |
|
background: linear-gradient(180deg, #fd0, #ffbe00); |
|
box-shadow: 12px 14px 15px -1px rgba(0, 0, 0, 0.2); |
|
} |
|
.SP-splash-button:before { |
|
content: ""; |
|
position: absolute; |
|
left: 0; |
|
top: 1px; |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 290486px !important; |
|
opacity: 0; |
|
background: linear-gradient(180deg, #fff600, #ffde00); |
|
box-shadow: inset 0 0 7px 0 rgba(223, 180, 170, 0.53); |
|
transform: scale(0); |
|
transform-origin: 50% 100%; |
|
will-change: transform; |
|
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), |
|
opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); |
|
z-index: -1; |
|
} |
|
.SP-splash-top > div > button:active { |
|
transform: translateY(0); |
|
} |
|
.SP-splash-button:hover:before { |
|
top: 0; |
|
opacity: 1; |
|
transform: scale(1); |
|
} |
|
.SP-splash-top > div > button:active:before { |
|
box-shadow: inset 0 0 7px 0 rgba(224, 71, 36, 0.53), |
|
inset 0 0 7px 0 rgba(0, 0, 0, 0.35); |
|
} |
|
.HG-splash-button { |
|
height: 35px; |
|
line-height: 35px; |
|
border-bottom: none !important; |
|
border-radius: 5px !important; |
|
color: #f06000; |
|
background: #fff; |
|
} |
|
.HG-splash-button:hover { |
|
color: #fff; |
|
background: #f06000; |
|
} |
|
.BG-splash-button, |
|
.BG-splash-button:active { |
|
box-shadow: inset 0 3px 0 0 #00fcff, inset 20px 0 50px rgba(8, 238, 225, 0.3), |
|
inset 20px 0 300px rgba(0, 200, 187, 0.05), |
|
inset 0 20px 50px rgba(8, 238, 225, 0.3), inset 0 0 10px #affffa, |
|
4px 4px 4px 0 rgba(10, 10, 10, 0.5) !important; |
|
background-color: rgba(9, 81, 105, 0.5); |
|
border: 0; |
|
color: #affffa; |
|
width: 290px; |
|
height: 4rem; |
|
border-radius: 290486px !important; |
|
font-size: 1.25rem !important; |
|
border: 2px solid #5258b5 !important; |
|
opacity: 0.7; |
|
} |
|
.BG-splash-button:before { |
|
content: ""; |
|
position: absolute; |
|
left: 0; |
|
top: 1px; |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 290486px !important; |
|
opacity: 0; |
|
background-color: #fff; |
|
box-shadow: inset 0 0 7px 0 rgba(223, 180, 170, 0.53) !important; |
|
transform: scale(0); |
|
transform-origin: 50% 50%; |
|
will-change: transform; |
|
transition: transform 172ms cubic-bezier(0.25, 0.46, 0.45, 0.94), |
|
opacity 172ms cubic-bezier(0.25, 0.46, 0.45, 0.94); |
|
z-index: -1; |
|
} |
|
.BG-splash-button:hover { |
|
color: rgba(0, 0, 0, 0.7) !important; |
|
border: 2px solid #098c9c !important; |
|
} |
|
.BG-splash-button:active { |
|
border-color: transparent !important; |
|
color: rgba(0, 0, 0, 0.7); |
|
transform: translateY(0); |
|
} |
|
.BG-splash-button:hover:before { |
|
top: 0; |
|
opacity: 1; |
|
transform: scale(1); |
|
} |
|
.BG-splash-button:active:before { |
|
box-shadow: inset 0 0 7px 0 rgba(224, 71, 36, 0.53), |
|
inset 0 0 7px 0 rgba(0, 0, 0, 0.35) !important; |
|
} |
|
body { |
|
position: inherit; |
|
} |
|
.talpa-splash-background-container { |
|
box-sizing: border-box; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
background-color: #000; |
|
overflow: hidden; |
|
} |
|
.talpa-splash-background-image { |
|
box-sizing: border-box; |
|
position: absolute; |
|
top: -25%; |
|
left: -25%; |
|
width: 150%; |
|
height: 150%; |
|
background-image: var(--thumb); |
|
background-size: cover; |
|
filter: blur(50px) brightness(1.5); |
|
} |
|
.talpa-splash-container { |
|
display: flex; |
|
flex-flow: column; |
|
box-sizing: border-box; |
|
position: absolute; |
|
bottom: 0; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.talpa-splash-top { |
|
display: flex; |
|
flex-flow: column; |
|
box-sizing: border-box; |
|
flex: 1; |
|
align-self: center; |
|
justify-content: center; |
|
padding: 20px; |
|
} |
|
.talpa-splash-top > div { |
|
text-align: center; |
|
} |
|
|
|
.talpa-loader, |
|
.talpa-loader:after { |
|
border-radius: 50%; |
|
width: 1.5em; |
|
height: 1.5em; |
|
} |
|
.talpa-loader { |
|
box-sizing: content-box; |
|
margin: 0 auto; |
|
font-size: 10px; |
|
position: relative; |
|
text-indent: -9999em; |
|
border: 1.1em solid hsla(0, 0%, 100%, 0.2); |
|
border-left-color: #fff; |
|
-webkit-transform: translateZ(0); |
|
-ms-transform: translateZ(0); |
|
transform: translateZ(0); |
|
-webkit-animation: talpa-load8 1.1s linear infinite; |
|
animation: talpa-load8 1.1s linear infinite; |
|
display: none; |
|
} |
|
.talpa-splash-top > div > div:first-child { |
|
position: relative; |
|
width: 150px; |
|
height: 150px; |
|
margin: auto auto 20px; |
|
border-radius: 10px; |
|
overflow: hidden; |
|
border: 2px solid hsla(0, 0%, 100%, 0.8); |
|
box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.3); |
|
background-image: var(--thumb); |
|
background-position: 50%; |
|
background-size: cover; |
|
} |
|
.talpa-splash-top > div > div > img { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.talpa-splash-bottom { |
|
display: flex; |
|
flex-flow: column; |
|
box-sizing: border-box; |
|
align-self: center; |
|
justify-content: center; |
|
width: 100%; |
|
padding: 0 0 20px; |
|
} |
|
.talpa-splash-bottom > .talpa-splash-consent, |
|
.talpa-splash-bottom > .talpa-splash-title { |
|
box-sizing: border-box; |
|
width: 100%; |
|
padding: 20px; |
|
background: linear-gradient( |
|
90deg, |
|
transparent, |
|
rgba(0, 0, 0, 0.5) 50%, |
|
transparent |
|
); |
|
color: #fff; |
|
text-align: left; |
|
font-size: 12px; |
|
font-family: Arial; |
|
font-weight: 400; |
|
text-shadow: 0 0 1px rgba(0, 0, 0, 0.7); |
|
line-height: 150%; |
|
} |
|
.talpa-splash-bottom > .talpa-splash-title { |
|
padding: 15px 0; |
|
text-align: center; |
|
font-size: 18px; |
|
font-family: Helvetica, Arial, sans-serif; |
|
font-weight: 700; |
|
line-height: 100%; |
|
} |
|
.talpa-splash-bottom > .talpa-splash-consent a { |
|
color: #fff; |
|
} |
|
@-webkit-keyframes talpa-load8 { |
|
0% { |
|
-webkit-transform: rotate(0deg); |
|
transform: rotate(0deg); |
|
} |
|
to { |
|
-webkit-transform: rotate(1turn); |
|
transform: rotate(1turn); |
|
} |
|
} |
|
@keyframes talpa-load8 { |
|
0% { |
|
-webkit-transform: rotate(0deg); |
|
transform: rotate(0deg); |
|
} |
|
to { |
|
-webkit-transform: rotate(1turn); |
|
transform: rotate(1turn); |
|
} |
|
} |
|
@keyframes talpa-gradient { |
|
0% { |
|
background-position: 0 50%; |
|
} |
|
50% { |
|
background-position: 100% 50%; |
|
} |
|
to { |
|
background-position: 0 50%; |
|
} |
|
} |
|
|