.timer{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(min-width:768px){.timer{gap:2rem}}.timer__card{position:relative;display:grid;grid-template-columns:1fr;place-content:center;justify-content:center;align-items:center;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-elements .flipper{height:50%;width:inherit;position:absolute;top:50%;background-color:#000;opacity:.3;transform-origin:top;transform-style:preserve-3d;animation:flip 1s infinite forwards;z-index:10000}.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:#a855f7;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)}}