.flip-clock{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.flip-clock__meta{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.16em;text-transform:uppercase;color:#bae6fd8c;align-items:center;gap:.4rem;font-size:.58rem;display:flex}.flip-clock__face{align-items:center;gap:.18rem;display:flex}.flip-clock__group{gap:.12rem;display:flex}.flip-clock__separator{width:.35rem;font-family:var(--font-jetbrains-mono),monospace;text-align:center;color:#f8fafcb8;padding-bottom:.12rem;font-size:.82rem;font-weight:600;line-height:1}.flip-digit{width:1.05rem;height:1.35rem;font-family:var(--font-jetbrains-mono),monospace;font-variant-numeric:tabular-nums;color:#f8fafc;font-size:.82rem;font-weight:600;position:relative}.flip-digit__card{background:linear-gradient(#1a2330 0%,#121820 100%);border-radius:.28rem;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 1px 2px #00000059}.flip-digit__card:after{content:"";z-index:2;pointer-events:none;background:#00000073;height:1px;position:absolute;top:50%;left:0;right:0}.flip-digit__tick{will-change:transform,opacity,filter;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}@media (max-width:767px){.flip-clock{gap:.2rem}.flip-clock__meta{letter-spacing:.12em;gap:.28rem;font-size:.48rem}.flip-clock__face{gap:.1rem}.flip-clock__group{gap:.08rem}.flip-clock__separator{width:.22rem;padding-bottom:.08rem;font-size:.62rem}.flip-digit{width:.82rem;height:1.05rem;font-size:.62rem}.flip-digit__card{border-radius:.22rem}}@media (prefers-reduced-motion:reduce){.flip-digit__tick{filter:none!important}}