.flip-clock-container{display:flex;align-items:center;justify-content:center;gap:4px;perspective:800px}.flip-clock-separator{font-size:2.5rem;font-weight:700;color:#94a3b8;line-height:1;padding:0 2px;align-self:center}.flip-clock-currency{font-size:1.5rem;font-weight:600;color:#64748b;align-self:flex-start;margin-top:.5rem;margin-right:6px}.flip-digit-wrapper{position:relative;width:52px;height:76px;margin:0 1px}.flip-digit{position:relative;width:100%;height:100%;border-radius:8px;overflow:visible}.digit-lower,.digit-upper{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:linear-gradient(180deg,#1e293b,#172033);box-shadow:inset 0 0 10px rgba(0,0,0,.3)}.digit-upper{top:0;border-radius:8px 8px 0 0;border-bottom:none;background:linear-gradient(180deg,#1e293b,#162032)}.digit-lower{bottom:0;border-radius:0 0 8px 8px;border-top:none;background:linear-gradient(180deg,#172033,#131b2e)}.digit-inner{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center}.digit-upper .digit-inner{top:0;height:200%}.digit-lower .digit-inner{bottom:0;height:200%}.digit-inner span{font-family:Exo\ 2,Inter,monospace;font-size:3rem;font-weight:700;color:#e2e8f0;text-shadow:0 1px 3px rgba(0,0,0,.4);line-height:1}.digit-flip-bottom,.digit-flip-top{position:absolute;left:0;right:0;height:50%;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d}.digit-flip-top{top:0;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#1e293b,#162032);transform-origin:bottom center;z-index:3;opacity:0}.digit-flip-top .digit-inner{top:0;height:200%}.digit-flip-bottom{bottom:0;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#172033,#131b2e);transform-origin:top center;transform:rotateX(90deg);z-index:2;opacity:0}.digit-flip-bottom .digit-inner{bottom:0;height:200%}.flip-digit.flipping .digit-flip-top{opacity:1;animation:flipTop .15s cubic-bezier(.33,0,.67,.33) forwards}.flip-digit.flipping .digit-flip-bottom{opacity:1;animation:flipBottom .2s cubic-bezier(.33,1,.68,1) .15s forwards}@keyframes flipTop{0%{transform:rotateX(0deg);background:linear-gradient(180deg,#1e293b,#162032)}to{transform:rotateX(-90deg);background:linear-gradient(180deg,#141c2f,#0f1524)}}@keyframes flipBottom{0%{transform:rotateX(90deg);background:linear-gradient(180deg,#0f1524,#131b2e)}70%{transform:rotateX(-5deg);background:linear-gradient(180deg,#172033,#131b2e)}to{transform:rotateX(0deg);background:linear-gradient(180deg,#172033,#131b2e)}}.digit-center-line{position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.6);z-index:10;transform:translateY(-50%);box-shadow:0 1px 0 hsla(0,0%,100%,.05)}.flip-digit-wrapper:after{content:"";position:absolute;inset:0;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.05);pointer-events:none;z-index:11}.flip-clock-lg .flip-digit-wrapper{width:62px;height:90px}.flip-clock-lg .digit-inner span{font-size:3.5rem}.flip-clock-lg .flip-clock-separator{font-size:3rem}.flip-clock-lg .flip-clock-currency{font-size:1.75rem}.flip-clock-md .flip-digit-wrapper{width:44px;height:64px}.flip-clock-md .digit-inner span{font-size:2.25rem}.flip-clock-md .flip-clock-separator{font-size:2rem}.flip-clock-md .flip-clock-currency{font-size:1.25rem}.flip-clock-sm .flip-digit-wrapper{width:32px;height:48px}.flip-clock-sm .digit-inner span{font-size:1.75rem}.flip-clock-sm .flip-clock-separator{font-size:1.5rem}.flip-clock-sm .flip-clock-currency{font-size:1rem;margin-top:.25rem}.flip-clock-sm .flip-digit-wrapper:after{border-radius:6px}.flip-clock-sm .digit-upper{border-radius:6px 6px 0 0}.flip-clock-sm .digit-lower{border-radius:0 0 6px 6px}.flip-clock-cost .digit-inner span{color:#fca5a5;text-shadow:0 0 20px rgba(239,68,68,.3)}.flip-clock-cost .flip-digit-wrapper:after{box-shadow:0 2px 8px rgba(239,68,68,.15),0 0 0 1px rgba(239,68,68,.1)}.flip-clock-accent .digit-inner span{color:#93c5fd;text-shadow:0 0 20px rgba(59,130,246,.3)}.flip-clock-accent .flip-digit-wrapper:after{box-shadow:0 2px 8px rgba(59,130,246,.15),0 0 0 1px rgba(59,130,246,.1)}@media (max-width:480px){.flip-clock-lg .flip-digit-wrapper,.flip-clock-md .flip-digit-wrapper{width:36px;height:52px}.flip-clock-lg .digit-inner span,.flip-clock-md .digit-inner span{font-size:1.875rem}.flip-clock-lg .flip-clock-separator,.flip-clock-md .flip-clock-separator{font-size:1.5rem;padding:0 1px}.flip-clock-lg .flip-clock-currency,.flip-clock-md .flip-clock-currency{font-size:.875rem;margin-top:.25rem;margin-right:4px}.flip-clock-container{gap:2px}.flip-clock-lg .flip-digit-wrapper:after,.flip-clock-md .flip-digit-wrapper:after{border-radius:6px}.flip-clock-lg .digit-upper,.flip-clock-md .digit-upper{border-radius:6px 6px 0 0}.flip-clock-lg .digit-lower,.flip-clock-md .digit-lower{border-radius:0 0 6px 6px}}