.timer{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}@media(min-width:768px){.timer{gap:2rem}}span{display:block}.timer__card{position:relative;display:grid;grid-template-columns:1fr;place-content:center;justify-content:center;align-items:center;grid-gap:.5625rem;gap:.5625rem}@media(min-width:768px){.timer__card{gap:1rem}}.timer__card-elements{position:relative;height:inherit;width:inherit;border-radius:inherit;overflow:hidden;background-image:linear-gradient(180deg,rgba(0,0,0,.151) 50%,transparent 0);transform-style:preserve-3d;perspective-origin:top}.timer__card-elements .line{position:absolute;top:50%;opacity:.253;width:100%;height:.0296rem;background-color:#000;z-index:10}@media(min-width:768px){.timer__card-elements .line{height:.0625rem}}.timer__card-elements .circle{position:absolute;top:46%;left:-5%;width:.375rem;height:.375rem;border-radius:100%;background-color:#191a24;box-shadow:70px 0 0 #191a24;z-index:10}@media(min-width:768px){.timer__card-elements .circle{width:.75rem;height:.75rem;box-shadow:148px 0 0 #191a24}}.timer__card-visual{position:relative;width:4.375rem;height:4.375rem;border-radius:.5rem;background-color:#343650;box-shadow:0 5px 0 0 #000}@media(min-width:768px){.timer__card-visual{width:9.25rem;height:9.375rem}}.timer__card-num{font-size:2.25rem;font-weight:700;color:hwb(345 24% 41%);letter-spacing:-.0675rem;border-radius:.25rem;inset:0;padding:11px;position:absolute;z-index:1}@media(min-width:768px){.timer__card-num{font-size:5rem;letter-spacing:-.15rem;line-height:4.4375rem;padding:2.1875rem 1.375rem}}.timer__card-val{color:#8486a9;text-transform:uppercase;font-size:.4375rem;font-weight:700;letter-spacing:.185rem}@media(min-width:768px){.timer__card-val{font-size:.875rem;line-height:1.1875rem;letter-spacing:.37rem}}@keyframes flip{0%{transform:rotateX(0deg);opacity:.9}to{transform:rotateX(180deg)}}*,html{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{display:grid;place-content:center;grid-template-rows:8.75rem 1fr auto;height:100vh;background:url(/_next/static/media/bg-stars.9e613d73.svg),linear-gradient(180deg,#1d1e28 .12%,#261c2d 94.84%,#261a2d);font-size:.875rem;perspective:1000px}main{width:inherit;text-align:center;margin:auto;grid-row:2/3;padding:0 1.5rem 10.1875rem}@media(min-width:768px){main{padding-bottom:9.4375rem}}main h1{text-transform:uppercase;font-weight:700;font-size:1.125rem;color:#fff;letter-spacing:.3837rem;padding-bottom:3.375rem}@media(min-width:768px){main h1{font-size:1.375rem;padding-bottom:6.5rem}}