jacobinathanialpeterson's picture
Upload 1074 files
24604e5
raw
history blame contribute delete
No virus
61.2 kB
*,
*:before,
*:after {
box-sizing: border-box;
}
/*!sc*/
html,
body,
iframe,
canvas,
div {
margin: 0;
padding: 0;
}
/*!sc*/
html {
background: var(--green-7);
color: var(--denim-blue);
font: 400 16px/24px var(--fontProximaNova);
transition: background-color 1s ease-out;
}
/*!sc*/
#app-root {
display: flex;
flex-direction: column;
min-height: 100vh;
}
/*!sc*/
img {
color: transparent;
}
/*!sc*/
h1,
h2 {
margin: 0;
font: 700 24px var(--fontTorus);
}
/*!sc*/
p {
margin: 0;
}
/*!sc*/
a {
text-decoration: none;
color: var(--poki-blue);
}
/*!sc*/
body {
min-width: 314px;
}
/*!sc*/
body #qc-cmp2-ui,
body #qc-cmp2-main {
border-radius: 16px;
color: var(--denim-blue);
}
/*!sc*/
body #qc-cmp2-ui h2,
body #qc-cmp2-main h2 {
font: 600 24px/1 var(--fontTorus);
margin-bottom: 1em;
}
/*!sc*/
body #qc-cmp2-ui p {
font: 400 16px/24px var(--fontProximaNova);
color: var(--denim-blue);
}
/*!sc*/
body p#qc-usp-title {
font-size: 20px;
}
/*!sc*/
body #qc-cmp2-main .qc-usp-main-messaging * {
color: var(--denim-blue) !important;
line-height: 1.2;
}
/*!sc*/
body #qc-cmp2-main .qc-cmp2-footer {
display: block;
color: var(--poki-blue);
}
/*!sc*/
body #qc-cmp2-main button {
font: 400 16px/24px var(--fontTorus);
}
/*!sc*/
body #qc-cmp2-main button.qc-cmp2-link-inline {
font-size: inherit;
}
/*!sc*/
body #qc-cmp2-main button[mode='primary'] {
border-radius: 24px;
padding: 4px 0 3px;
background: var(--poki-blue);
border: 3px solid var(--poki-blue);
}
/*!sc*/
body #qc-cmp2-main button[mode='primary']:hover {
background: var(--poki-hover);
border: 3px solid var(--poki-hover);
}
/*!sc*/
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);
}
/*!sc*/
body #qc-cmp2-main button[mode='secondary']:hover {
background: var(--poki-hover);
border: 3px solid var(--poki-hover);
color: #fff;
}
/*!sc*/
body #qc-cmp2-main button[mode='link'],
body #qc-cmp2-main .qc-usp-alt-buttons a {
color: var(--poki-blue);
}
/*!sc*/
body #qc-cmp2-main button[mode='link']:hover,
body #qc-cmp2-main .qc-usp-alt-buttons a {
text-decoration: underline;
}
/*!sc*/
body #qc-cmp2-main button.qc-cmp2-toggle[aria-checked='true'] {
background: var(--poki-blue);
border-color: var(--poki-blue);
}
/*!sc*/
body #qc-cmp2-persistent-link {
display: none;
}
/*!sc*/
body #qc-cmp2-main .logo-container {
display: none;
}
/*!sc*/
body #qc-cmp2-main .qc-cmp2-summary-section {
padding: 30px 30px 15px;
}
/*!sc*/
body .qc-cmp2-footer .qc-cmp2-buttons-desktop {
align-items: stretch;
width: 100%;
margin: 0 !important;
}
/*!sc*/
body #qc-cmp2-main .qc-cmp2-summary-info {
padding-bottom: 0;
}
/*!sc*/
body #qc-cmp2-main .qc-cmp2-summary-info p a,
body #qc-cmp2-main .qc-cmp2-summary-info p button {
font-family: inherit;
}
/*!sc*/
data-styled.g1[id="sc-global-epVOBf1"] {
content: "sc-global-epVOBf1,"
}
/*!sc*/
.mvtOn {
position: absolute;
z-index: 1;
top: 0;
right: 0;
left: 0;
height: 100%;
}
/*!sc*/
@media (hover:hover) and (pointer:fine) {
.mvtOn {
background-size: 40%;
}
}
/*!sc*/
data-styled.g4[id="sc-1ri0y0w-2"] {
content: "mvtOn,"
}
/*!sc*/
.jfAzpO {
position: fixed;
z-index: -1;
top: 0;
right: 0;
left: 0;
height: 100vh;
contain: strict;
}
/*!sc*/
data-styled.g8[id="sc-1ri0y0w-6"] {
content: "jfAzpO,"
}
/*!sc*/
.lgEayX {
position: absolute;
top: -50vh;
right: 0;
left: 0;
bottom: 0;
overflow: hidden;
z-index: 1;
}
/*!sc*/
.lgEayX>* {
transform: translateY(50vh);
}
/*!sc*/
data-styled.g9[id="sc-1ri0y0w-7"] {
content: "lgEayX,"
}
/*!sc*/
.jEYJia {
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
}
/*!sc*/
data-styled.g15[id="sc-woh2fi-0"] {
content: "jEYJia,"
}
/*!sc*/
.dnvUfb {
position: relative;
margin: 64px 0 0;
background: #fff;
z-index: 2147483647;
}
/*!sc*/
.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%);
}
/*!sc*/
@media (min-width:771px) {
.dnvUfb:before {
height: 26px;
clip-path: polygon(0% 100%, 30% 0%, 36% 100%, 100% 0%, 100% 100%);
}
}
/*!sc*/
data-styled.g16[id="sc-etrfs6-0"] {
content: "dnvUfb,"
}
/*!sc*/
.kzNuLr {
max-width: var(--maxPageWidth);
margin: 16px auto 0 auto;
padding: 0 24px 16px;
display: flex;
flex-direction: column;
align-items: center;
}
/*!sc*/
@media (min-width:771px) {
.kzNuLr {
flex-direction: row;
flex-wrap: nowrap;
padding: 16px 32px;
margin-top: 0;
}
}
/*!sc*/
data-styled.g17[id="sc-etrfs6-1"] {
content: "kzNuLr,"
}
/*!sc*/
.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;
}
/*!sc*/
.leEuAa:first-child {
margin-left: 0;
}
/*!sc*/
.leEuAa:hover {
color: var(--denim-blue);
}
/*!sc*/
data-styled.g18[id="sc-etrfs6-2"] {
content: "leEuAa,"
}
/*!sc*/
.gExmnf {
display: flex;
justify-content: center;
width: 100%;
margin: 0 0 24px;
font-size: 12px;
flex-wrap: wrap;
}
/*!sc*/
@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;
}
}
/*!sc*/
data-styled.g19[id="sc-etrfs6-3"] {
content: "gExmnf,"
}
/*!sc*/
.bCkGzB {
display: inline-block;
vertical-align: middle;
flex-shrink: 0;
width: 51px;
height: 24px;
}
/*!sc*/
data-styled.g20[id="sc-etrfs6-4"] {
content: "bCkGzB,"
}
/*!sc*/
.frQToj {
flex-grow: 1;
margin: 16px 0;
}
/*!sc*/
@media (min-width:771px) {
.frQToj {
flex-grow: 0;
margin: 0;
}
}
/*!sc*/
@media (min-width:991px) {
.frQToj {
display: flex;
}
}
/*!sc*/
data-styled.g21[id="sc-etrfs6-5"] {
content: "frQToj,"
}
/*!sc*/
.bDihHx {
margin: 0 0 0 22px;
font: 700 18px var(--fontTorus);
}
/*!sc*/
@media (min-width:771px) and (max-width:990.9px) {
.bDihHx {
display: none;
}
}
/*!sc*/
data-styled.g22[id="sc-etrfs6-6"] {
content: "bDihHx,"
}
/*!sc*/
.erfNed {
display: flex;
justify-content: flex-end;
flex-grow: 1;
}
/*!sc*/
@media (min-width:771px) {
.erfNed {
flex-grow: 0;
}
}
/*!sc*/
data-styled.g23[id="sc-etrfs6-7"] {
content: "erfNed,"
}
/*!sc*/
.dUpEnH {
color: var(--grey-5);
text-align: center;
font-size: 7px;
}
/*!sc*/
data-styled.g24[id="sc-etrfs6-8"] {
content: "dUpEnH,"
}
/*!sc*/
.jlJlGR {
margin: 0 auto;
flex-grow: 1;
}
/*!sc*/
@media (min-width:111px) and (max-width:990.9px) {
.jlJlGR {
width: 760px;
}
}
/*!sc*/
@media (min-width:991px) and (max-width:1210.9px) {
.jlJlGR {
width: 980px;
}
}
/*!sc*/
@media (min-width:1211px) and (max-width:1320.9px) {
.jlJlGR {
width: 1194px;
}
}
/*!sc*/
@media (min-width:1321px) and (max-width:1540.9px) {
.jlJlGR {
width: 1304px;
}
}
/*!sc*/
@media (min-width:1541px) and (max-width:1870.9px) {
.jlJlGR {
width: 1524px;
}
}
/*!sc*/
@media (min-width:1871px) {
.jlJlGR {
width: 1854px;
}
}
/*!sc*/
data-styled.g25[id="sc-10l37ae-0"] {
content: "jlJlGR,"
}
/*!sc*/
.kGUlke {
transition: transform .3s var(--bezier);
}
/*!sc*/
.kGUlke:hover {
transform: scale(1.05);
}
/*!sc*/
data-styled.g27[id="sc-11jy73d-0"] {
content: "kGUlke,"
}
/*!sc*/
.jZlJdu {
width: 60px;
height: 28px;
margin: 15px auto 11px;
}
/*!sc*/
@media (min-width:1871px) {
.jZlJdu {
width: 94px;
height: 42px;
margin: -2px auto 0;
}
}
/*!sc*/
data-styled.g30[id="sc-11jy73d-3"] {
content: "jZlJdu,"
}
/*!sc*/
.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);
}
/*!sc*/
@media (min-width:111px) and (max-width:770.9px) {
.bTPHwO {
--offset: 0;
--left: 3px;
}
}
/*!sc*/
@media (min-width:771px) and (max-width:990.9px) {
.bTPHwO {
--offset: -377px;
}
}
/*!sc*/
@media (min-width:991px) and (max-width:1210.9px) {
.bTPHwO {
--offset: -487px;
}
}
/*!sc*/
@media (min-width:1211px) and (max-width:1320.9px) {
.bTPHwO {
--offset: -597px;
}
}
/*!sc*/
@media (min-width:1321px) and (max-width:1540.9px) {
.bTPHwO {
--offset: -652px;
}
}
/*!sc*/
@media (min-width:1541px) and (max-width:1870.9px) {
.bTPHwO {
--offset: -762px;
}
}
/*!sc*/
@media (min-width:1871px) {
.bTPHwO {
--offset: -927px;
width: 204px;
flex-direction: row;
}
}
/*!sc*/
data-styled.g31[id="sc-15orno7-0"] {
content: "bTPHwO,"
}
/*!sc*/
.ddBhNc {
font-size: 100%;
font-family: inherit;
border: 0;
padding: 0;
background: none;
cursor: pointer;
}
/*!sc*/
.ddBhNc:focus {
outline: 0;
}
/*!sc*/
data-styled.g32[id="sc-c36zwn-0"] {
content: "ddBhNc,"
}
/*!sc*/
.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;
}
/*!sc*/
@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;
}
}
/*!sc*/
data-styled.g37[id="sc-jaa1t8-0"] {
content: "bubVge,"
}
/*!sc*/
.bxeyFq {
flex-grow: 1;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
width: 50%;
border-right: 1px solid var(--grey-7);
}
/*!sc*/
.bxeyFq:hover {
background: var(--grey-7);
}
/*!sc*/
@media (min-width:1871px) {
.bxeyFq {
height: 50%;
width: 100%;
}
}
/*!sc*/
@media (min-width:1871px) {
.bxeyFq {
border-right: 0;
border-bottom: 1px solid var(--grey-7);
}
}
/*!sc*/
data-styled.g38[id="sc-jaa1t8-1"] {
content: "bxeyFq,"
}
/*!sc*/
.coBcLF {
fill: var(--poki-blue);
width: 20px;
height: 17px;
margin-top: -3px;
}
/*!sc*/
@media (min-width:1871px) {
.coBcLF {
margin-top: 0;
}
}
/*!sc*/
data-styled.g39[id="sc-jaa1t8-2"] {
content: "coBcLF,"
}
/*!sc*/
.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;
}
/*!sc*/
.enEHnp:hover {
background: var(--grey-7);
}
/*!sc*/
@media (min-width:1871px) {
.enEHnp {
height: 50%;
width: 100%;
}
}
/*!sc*/
@media (min-width:1871px) {
.enEHnp {
border-left: 0;
border-top: 1px solid var(--grey-7);
}
}
/*!sc*/
data-styled.g40[id="sc-jaa1t8-3"] {
content: "enEHnp,"
}
/*!sc*/
.doRZEU {
fill: var(--poki-blue);
height: 16px;
width: 16px;
margin-top: -2px;
}
/*!sc*/
data-styled.g41[id="sc-jaa1t8-4"] {
content: "doRZEU,"
}
/*!sc*/
.jcoQuw {
display: block;
transition: transform .6s var(--bezier);
border-radius: 16px;
position: relative;
}
/*!sc*/
.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;
}
/*!sc*/
.jcoQuw:hover {
transform: scale(1.0425531915) translate(0, -4px);
transition-duration: .3s;
}
/*!sc*/
.jcoQuw:hover:after {
opacity: 1;
box-shadow: 0 12px 12px 0 rgba(0, 0, 0, .2);
}
/*!sc*/
data-styled.g42[id="sc-wr3rvk-0"] {
content: "jcoQuw,"
}
/*!sc*/
.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;
}
/*!sc*/
.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;
}
/*!sc*/
.imawES:before {
content: '';
background: #fff;
width: 4px;
height: 4px;
position: absolute;
left: 0;
bottom: -4px;
z-index: 0;
}
/*!sc*/
data-styled.g43[id="sc-wr3rvk-1"] {
content: "imawES,"
}
/*!sc*/
.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;
}
/*!sc*/
data-styled.g44[id="sc-wr3rvk-2"] {
content: "gBEomS,"
}
/*!sc*/
.jqLCSo {
fill: var(--poki-blue);
width: 18px;
height: 28px;
position: relative;
padding: 2px 0 2px 2px;
z-index: 2;
}
/*!sc*/
data-styled.g45[id="sc-wr3rvk-3"] {
content: "jqLCSo,"
}
/*!sc*/
.cnRnRn {
display: contents;
border-radius: inherit;
}
/*!sc*/
data-styled.g46[id="sc-18mcksl-0"] {
content: "cnRnRn,"
}
/*!sc*/
.jQcWfv {
display: block;
--minSize: 94px;
min-width: var(--minSize);
min-height: var(--minSize);
border-radius: inherit;
}
/*!sc*/
data-styled.g47[id="sc-18mcksl-1"] {
content: "jQcWfv,"
}
/*!sc*/
.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;
}
/*!sc*/
data-styled.g48[id="sc-963fcq-0"] {
content: "ibRKmB,"
}
/*!sc*/
.djzSvC {
box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
user-select: none;
}
/*!sc*/
@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;
}
}
/*!sc*/
.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;
}
/*!sc*/
@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;
}
}
/*!sc*/
.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;
}
/*!sc*/
.bIDIiD:after {
content: none;
}
/*!sc*/
.bIDIiD img {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
/*!sc*/
.bIDIiD .sc-963fcq-0 {
display: block;
padding: 0 8px;
border-radius: 0 16px 16px 0;
}
/*!sc*/
data-styled.g51[id="sc-963fcq-3"] {
content: "djzSvC,bIDIiD,"
}
/*!sc*/
.edLqUo {
height: var(--height, 100%);
width: var(--width, 100%);
}
/*!sc*/
data-styled.g52[id="sc-1t2vga5-0"] {
content: "edLqUo,"
}
/*!sc*/
.gKdPGs {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
/*!sc*/
data-styled.g53[id="sc-tbf0fc-0"] {
content: "gKdPGs,"
}
/*!sc*/
.joJxfp {
display: inline-flex;
flex-direction: column;
flex-direction: row;
padding-right: 26px;
position: relative;
}
/*!sc*/
.iZddyZ {
display: inline-flex;
flex-direction: column;
}
/*!sc*/
data-styled.g54[id="sc-tbf0fc-1"] {
content: "joJxfp,iZddyZ,"
}
/*!sc*/
.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;
}
/*!sc*/
.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);
}
/*!sc*/
data-styled.g55[id="sc-tbf0fc-2"] {
content: "flYexE,jtzqHS,"
}
/*!sc*/
.jzKgDP {
background: rgba(255, 255, 255, .5);
}
/*!sc*/
data-styled.g56[id="sc-tbf0fc-3"] {
content: "jzKgDP,"
}
/*!sc*/
@media (min-width:1321px) {
.hAVUrY {
grid-area: ir0;
}
}
/*!sc*/
@media (min-width:1871px) {
.hAVUrY {
width: 204px;
height: 204px;
}
}
/*!sc*/
@media (min-width:1321px) {
.igrUBl {
grid-area: ir1;
}
}
/*!sc*/
@media (min-width:1871px) {
.igrUBl {
width: 204px;
height: 204px;
}
}
/*!sc*/
data-styled.g68[id="sc-al88rd-4"] {
content: "hAVUrY,igrUBl,"
}
/*!sc*/
.eOoRZV {
grid-area: igc;
display: flex;
justify-content: center;
}
/*!sc*/
data-styled.g71[id="sc-al88rd-7"] {
content: "eOoRZV,"
}
/*!sc*/
.jLkOBn {
grid-area: a79;
}
/*!sc*/
data-styled.g72[id="sc-al88rd-8"] {
content: "jLkOBn,"
}
/*!sc*/
.kBFpxV {
grid-area: a32;
height: 314px;
}
/*!sc*/
.kBFpxV {
display: none;
}
/*!sc*/
@media (min-width:1321px) {
.kBFpxV {
display: flex;
}
}
/*!sc*/
data-styled.g73[id="sc-al88rd-9"] {
content: "kBFpxV,"
}
/*!sc*/
.jqewXp {
grid-area: a16;
}
/*!sc*/
.jqewXp {
display: none;
}
/*!sc*/
@media (min-width:111px) and (max-width:1320.9px) {
.jqewXp {
display: flex;
}
}
/*!sc*/
@media (min-width:1871px) {
.jqewXp {
display: flex;
}
}
/*!sc*/
data-styled.g74[id="sc-al88rd-10"] {
content: "jqewXp,"
}
/*!sc*/
.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);
}
/*!sc*/
/*!sc*/
@media (min-width:1871px) {
.bprtKa:before {
grid-column-start: span 2;
}
}
/*!sc*/
@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;
}
}
/*!sc*/
@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';
}
}
/*!sc*/
@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';
}
}
/*!sc*/
@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 ...';
}
}
/*!sc*/
@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 ...';
}
}
/*!sc*/
@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 ... ... ... ... ...';
}
}
/*!sc*/
data-styled.g79[id="sc-1o65d6p-0"] {
content: "bprtKa,"
}
/*!sc*/
.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;
}
/*!sc*/
data-styled.g82[id="sc-1ercfrx-1"] {
content: "kVnwop,"
}
/*!sc*/
.dWoUha {
margin: auto 0;
}
/*!sc*/
data-styled.g83[id="sc-1ercfrx-2"] {
content: "dWoUha,"
}
/*!sc*/
.iAEuVe {
display: flex;
}
/*!sc*/
data-styled.g84[id="sc-1ercfrx-3"] {
content: "iAEuVe,"
}
/*!sc*/
.kiEtEc {
margin: 0;
font: 700 1em/1em var(--fontTorus);
padding: 0 10px 0 0;
color: var(--denim-blue);
}
/*!sc*/
data-styled.g85[id="sc-1ercfrx-4"] {
content: "kiEtEc,"
}
/*!sc*/
.qcNIQ {
display: block;
color: var(--grey-3);
font-size: 12px;
line-height: 16px;
margin: 4px 0 0;
letter-spacing: .3px;
}
/*!sc*/
data-styled.g87[id="sc-1ercfrx-6"] {
content: "qcNIQ,"
}
/*!sc*/
.cJgcTu {
margin: 0;
padding: 0;
}
/*!sc*/
.cJgcTu li {
display: inline-block;
margin: 4px 4px 0 0;
}
/*!sc*/
data-styled.g104[id="sc-g8xdfn-0"] {
content: "cJgcTu,"
}
/*!sc*/
.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;
}
/*!sc*/
.fZBVxX:hover {
border-color: var(--poki-blue);
color: var(--poki-blue);
}
/*!sc*/
data-styled.g105[id="sc-g8xdfn-1"] {
content: "fZBVxX,"
}
/*!sc*/
.FNWAv {
position: relative;
margin: 24px 0;
padding: 18px 24px;
background: #fff;
box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
}
/*!sc*/
.FNWAv p {
margin: 24px 0;
}
/*!sc*/
.FNWAv .sc-1v3c8lr-0 {
margin: 3px 0 0;
}
/*!sc*/
data-styled.g107[id="sc-1v3c8lr-1"] {
content: "FNWAv,"
}
/*!sc*/
.fHMoak {
margin: 0 0 8px;
}
/*!sc*/
data-styled.g108[id="sc-1v3c8lr-2"] {
content: "fHMoak,"
}
/*!sc*/
.jnFZCu {
font-size: 20px;
}
/*!sc*/
data-styled.g109[id="sc-1v3c8lr-3"] {
content: "jnFZCu,"
}
/*!sc*/
.kGjQpf {
margin-top: 12px;
}
/*!sc*/
data-styled.g110[id="sc-1v3c8lr-4"] {
content: "kGjQpf,"
}
/*!sc*/
.fPhXXQ {
margin: 4px 0 4px;
}
/*!sc*/
data-styled.g112[id="sc-1v3c8lr-6"] {
content: "fPhXXQ,"
}
/*!sc*/
.eCLhUJ {
display: inline-block;
font-size: 12px;
font-weight: 700;
color: var(--grey-3);
text-transform: uppercase;
}
/*!sc*/
data-styled.g113[id="sc-1v3c8lr-7"] {
content: "eCLhUJ,"
}
/*!sc*/
.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;
}
/*!sc*/
data-styled.g114[id="sc-1v3c8lr-8"] {
content: "ehYfVe,"
}
/*!sc*/
.ciIwDq a {
text-decoration: underline;
color: var(--poki-hover-1);
}
/*!sc*/
.ciIwDq a:hover {
color: var(--poki-blue);
}
/*!sc*/
.ciIwDq h2,
.ciIwDq h3 {
font-size: 19px;
font-family: inherit;
margin: 1em 0;
}
/*!sc*/
data-styled.g115[id="sc-1v3c8lr-9"] {
content: "ciIwDq,"
}
/*!sc*/
.eEnQjF {
display: inline-block;
fill: var(--grey-3);
margin-right: 2px;
position: relative;
top: 1px;
height: 10px;
width: 10px;
}
/*!sc*/
data-styled.g116[id="sc-1v3c8lr-10"] {
content: "eEnQjF,"
}
/*!sc*/
.klgHkE {
color: var(--grey-1);
}
/*!sc*/
.klgHkE ul {
overflow: hidden;
margin: 0;
padding: 0;
color: var(--grey-1);
list-style: none;
text-overflow: ellipsis;
}
/*!sc*/
.klgHkE li {
display: inline;
}
/*!sc*/
.klgHkE li:before {
content: '›';
margin: 0 4px;
color: var(--grey-1);
font-size: 13px;
}
/*!sc*/
.klgHkE li:first-child::before {
content: none;
}
/*!sc*/
.klgHkE a,
.klgHkE span {
color: var(--grey-1);
font: 700 9px var(--fontProximaNova);
letter-spacing: 1px;
text-transform: uppercase;
white-space: nowrap;
}
/*!sc*/
.klgHkE a:hover {
text-decoration: underline;
}
/*!sc*/
data-styled.g117[id="sc-1oa7ili-0"] {
content: "klgHkE,"
}
/*!sc*/
.elLlHI {
display: block;
width: 36px;
height: 36px;
padding: 0;
border: 0;
background: #fff;
outline: 0;
cursor: pointer;
color: transparent;
overflow: hidden;
}
/*!sc*/
data-styled.g118[id="sc-1mfuhwp-0"] {
content: "elLlHI,"
}
/*!sc*/
.cqpQak {
vertical-align: middle;
margin: 0 15px 0 0;
}
/*!sc*/
data-styled.g119[id="sc-1mfuhwp-1"] {
content: "cqpQak,"
}
/*!sc*/
.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;
}
/*!sc*/
.iNzavg ul {
overflow: auto;
height: calc(100% - 42px);
margin: 0;
list-style: none;
padding: 0;
}
/*!sc*/
.iNzavg li {
margin: 3px 0 4px;
white-space: nowrap;
color: var(--poki-blue);
}
/*!sc*/
.iNzavg li a {
display: block;
padding: 14px;
border-radius: 16px;
}
/*!sc*/
.iNzavg li a:hover,
.iNzavg li a:focus,
.iNzavg li a:active {
background: var(--grey-7);
}
/*!sc*/
.iNzavg:before {
content: '';
position: absolute;
left: 0;
bottom: -36px;
width: 100%;
height: 36px;
}
/*!sc*/
.iNzavg ul {
overflow: visible;
position: relative;
min-width: 470px;
height: auto;
padding: 10px 12px;
column-count: 4;
}
/*!sc*/
.iNzavg ul:after,
.iNzavg ul:before {
content: '';
position: absolute;
background: #fff;
box-shadow: 0 16px 32px rgba(0, 0, 0, .24);
border-radius: 100%;
}
/*!sc*/
.iNzavg ul:after {
right: 44px;
bottom: -12px;
width: 24px;
height: 12px;
border-radius: 0 0 12px 12px;
}
/*!sc*/
.iNzavg ul:before {
right: 30px;
bottom: -36px;
width: 16px;
height: 16px;
z-index: 1;
}
/*!sc*/
.iNzavg li {
display: inline-block;
}
/*!sc*/
.iNzavg li a {
padding: 3px 16px 3px 12px;
}
/*!sc*/
.iNzavg .sc-1mfuhwp-1 {
transform: scale(0.7);
margin: 0 2px 0 0;
}
/*!sc*/
data-styled.g120[id="sc-1mfuhwp-2"] {
content: "iNzavg,"
}
/*!sc*/
.fydDqz {
position: relative;
}
/*!sc*/
.fydDqz:hover .sc-1mfuhwp-2 {
display: block;
}
/*!sc*/
data-styled.g121[id="sc-1mfuhwp-3"] {
content: "fydDqz,"
}
/*!sc*/
.gulGxp {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 32px 26px 16px;
border: 0;
background: transparent;
display: none;
}
/*!sc*/
.gulGxp svg {
fill: var(--poki-blue);
}
/*!sc*/
data-styled.g122[id="sc-1mfuhwp-4"] {
content: "gulGxp,"
}
/*!sc*/
.ctbMbT {
margin: 0 13px 38px;
margin: 26px 32px 0;
}
/*!sc*/
data-styled.g123[id="sc-1mfuhwp-5"] {
content: "ctbMbT,"
}
/*!sc*/
.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;
}
/*!sc*/
data-styled.g124[id="sc-1acscpn-0"] {
content: "crHxMg,"
}
/*!sc*/
@media (orientation:portrait) {
.kqocTb {
max-height: 100%;
}
}
/*!sc*/
data-styled.g125[id="sc-1bxux5k-0"] {
content: "kqocTb,"
}
/*!sc*/
.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;
}
/*!sc*/
data-styled.g126[id="sc-1thi3bz-0"] {
content: "jKLIEp,"
}
/*!sc*/
.bTPbsg {
margin-left: auto;
display: flex;
align-items: center;
}
/*!sc*/
data-styled.g127[id="sc-1thi3bz-1"] {
content: "bTPbsg,"
}
/*!sc*/
.bXYSlS {
stroke: var(--grey-3);
fill: transparent;
padding: 6px;
height: 36px;
}
/*!sc*/
data-styled.g128[id="sc-1thi3bz-2"] {
content: "bXYSlS,"
}
/*!sc*/
.frjJgY {
position: absolute;
top: 12px;
right: 16px;
}
/*!sc*/
data-styled.g129[id="sc-1thi3bz-3"] {
content: "frjJgY,"
}
/*!sc*/
.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;
}
/*!sc*/
data-styled.g130[id="sc-1thi3bz-4"] {
content: "cTzKVq,"
}
/*!sc*/
.ijzkEh {
display: inline-block;
margin-left: 16px;
}
/*!sc*/
.ijzkEh h2 {
font: 700 16px/20px var(--fontProximaNova);
}
/*!sc*/
.ijzkEh p {
font: 12px/16px var(--fontProximaNova);
color: var(--grey-3);
}
/*!sc*/
data-styled.g131[id="sc-1thi3bz-5"] {
content: "ijzkEh,"
}
/*!sc*/
.fGkxHt {
font-size: 21px;
display: flex;
margin: 12px;
}
/*!sc*/
data-styled.g133[id="sc-1thi3bz-7"] {
content: "fGkxHt,"
}
/*!sc*/
.cToZbD {
display: flex;
justify-content: center;
margin: 0 auto;
width: 100%;
height: 100%;
z-index: 10;
}
/*!sc*/
@media (min-width:111px) and (max-width:1210.9px) {
.cToZbD {
width: 640px;
height: 424px;
}
}
/*!sc*/
@media (min-width:1211px) and (max-width:1320.9px) {
.cToZbD {
width: 836px;
height: 534px;
}
}
/*!sc*/
@media (min-width:1321px) and (max-width:1540.9px) {
.cToZbD {
width: 836px;
height: 534px;
}
}
/*!sc*/
@media (min-width:1541px) and (max-width:1870.9px) {
.cToZbD {
width: 1031px;
height: 644px;
}
}
/*!sc*/
@media (min-width:1871px) {
.cToZbD {
width: 1031px;
height: 644px;
}
}
/*!sc*/
data-styled.g134[id="sc-1nfyi8d-0"] {
content: "cToZbD,"
}
/*!sc*/
.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);
}
/*!sc*/
data-styled.g135[id="sc-1nfyi8d-1"] {
content: "kmawNJ,"
}
/*!sc*/
.ljHJwR {
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
position: relative;
width: 100%;
height: 100%;
}
/*!sc*/
data-styled.g136[id="sc-1nfyi8d-2"] {
content: "ljHJwR,"
}
/*!sc*/
.iIUrNJ {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/*!sc*/
.iIUrNJ>div,
.iIUrNJ embed,
.iIUrNJ object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
/*!sc*/
.iIUrNJ iframe {
position: absolute;
top: 0;
left: 0;
border: 0;
height: 100%;
width: 100%;
}
/*!sc*/
data-styled.g137[id="sc-1nfyi8d-3"] {
content: "iIUrNJ,"
}
/*!sc*/
.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;
}
/*!sc*/
.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;
}
/*!sc*/
.bjyqMi>use {
transform: scale3d(-1, -1, 1);
transform-origin: center center;
}
/*!sc*/
data-styled.g143[id="sc-1wag0ht-0"] {
content: "kQYXwq,bjyqMi,"
}
/*!sc*/
.jfVzqh {
position: absolute;
left: 50%;
bottom: 4px;
font: 700 10px/12px 'Proxima Nova', sans-serif;
}
/*!sc*/
data-styled.g144[id="sc-1wag0ht-1"] {
content: "jfVzqh,"
}
/*!sc*/
.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);
}
/*!sc*/
data-styled.g145[id="sc-1wag0ht-2"] {
content: "gqxDAV,"
}
/*!sc*/
.aeeAa {
opacity: var(--gameBarLabelOpacity, 1);
color: var(--grey-3);
background-color: var(--gameBarLabelBackgroundColor, #FFFFFF00);
}
/*!sc*/
data-styled.g146[id="sc-1wag0ht-3"] {
content: "aeeAa,"
}
/*!sc*/
.kIpmiY {
opacity: var(--gameBarHoverLabelOpacity, 0);
color: #FFFFFF;
background-color: var(--poki-blue);
}
/*!sc*/
data-styled.g147[id="sc-1wag0ht-4"] {
content: "kIpmiY,"
}
/*!sc*/
.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;
}
/*!sc*/
.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);
}
/*!sc*/
data-styled.g148[id="sc-1wag0ht-5"] {
content: "kRNrUr,brAUGL,"
}
/*!sc*/
.bowXgQ {
position: relative;
width: 40px;
height: 40px;
margin: 8px 8px auto 8px;
border: none;
outline: none;
background: none;
padding: 0;
cursor: pointer;
}
/*!sc*/
.bowXgQ:hover {
--gameBarIconRotation: -5deg;
--gameBarLabelOpacity: 0;
--gameBarHoverLabelOpacity: 1;
}
/*!sc*/
.bowXgQ:hover .sc-1wag0ht-5 {
background: var(--gameBarButtonBackgroundHoverColor, var(--grey-7));
}
/*!sc*/
.bowXgQ:active .sc-1wag0ht-5 {
background: var(--gameBarButtonBackgroundHoverColor, var(--grey-5));
transition: background-color 350ms cubic-bezier(.32, 1.2, .54, 1.17);
}
/*!sc*/
data-styled.g149[id="sc-1wag0ht-6"] {
content: "bowXgQ,"
}
/*!sc*/
@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%;
}
}