.cd-countdown{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:6px;padding:16px 0}.cd-group{display:flex;flex-direction:column;align-items:center;gap:8px}.cd-rotors{display:flex;gap:4px;perspective:300px}.cd-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#64748b}.cd-sep{height:72px;display:flex;align-items:center;font-size:2rem;font-weight:800;color:#334155;line-height:1;-webkit-user-select:none;user-select:none}.cd-rotor{--cd-h: 72px;position:relative;width:56px;height:var(--cd-h);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000040;font-size:2.5rem;font-weight:800;font-variant-numeric:tabular-nums}.cd-rotor:after{content:"";position:absolute;right:0;bottom:0;left:0;top:50%;height:1px;background:#00000073;z-index:10;pointer-events:none}.cd-rotor-top,.cd-rotor-bottom{position:absolute;left:0;right:0;height:50%;overflow:hidden}.cd-rotor-top{top:0;background:#0f172a;z-index:1}.cd-rotor-bottom{bottom:0;background:#1e293b;z-index:1}.cd-rotor-top .cd-num{height:200%;display:flex;align-items:center;justify-content:center;color:#e2e8f0}.cd-rotor-bottom .cd-num{height:200%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#cbd5e1}.cd-rotor-flap{position:absolute;top:0;left:0;right:0;height:50%;transform-origin:bottom center;transform-style:preserve-3d;z-index:5}.cd-rotor-flap-front,.cd-rotor-flap-back{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0f172a;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cd-rotor-flap-back{transform:rotateX(180deg)}.cd-rotor-flap-front .cd-num,.cd-rotor-flap-back .cd-num{height:200%;display:flex;align-items:center;justify-content:center;color:#e2e8f0}@keyframes cd-flip{0%{transform:rotateX(0)}to{transform:rotateX(-180deg)}}.cd-flipping{animation:cd-flip .45s ease-in-out forwards}@media(max-width:480px){.cd-rotor{--cd-h: 56px;width:42px;font-size:1.8rem}.cd-sep{height:56px;font-size:1.5rem}}