.sf{flex-direction:column;gap:6px;display:inline-flex}.sf-label{font:800 10px/1 var(--v3-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--v3-text-3)}.sf-units{align-items:flex-start;gap:6px;display:inline-flex}.sf-unit{flex-direction:column;align-items:center;gap:4px;display:inline-flex}.sf-digits{gap:3px;display:inline-flex}.sf-u{font:800 9px/1 var(--v3-font-mono);letter-spacing:.16em;color:var(--v3-text-3)}.sf-colon{font:900 20px/34px var(--v3-font-mono);color:var(--v3-accent)}.sf-flap{--sf-h:34px;--sf-w:24px;width:var(--sf-w);height:var(--sf-h);perspective:240px;font:900 calc(var(--sf-h) * .62) / var(--sf-h) var(--v3-font-mono);color:#fff;text-align:center;display:inline-block;position:relative}.sf--lg .sf-flap{--sf-h:46px;--sf-w:32px}.sf--lg .sf-colon{font-size:26px;line-height:46px}.sf-half{backface-visibility:hidden;background:linear-gradient(#1a1e2c,#11141e);border:1px solid #8fb0ff2e;height:50%;position:absolute;left:0;right:0;overflow:hidden}.sf-half>span{height:var(--sf-h);line-height:var(--sf-h);display:block}.sf-top{transform-origin:50% 100%;border-bottom:0;top:0}.sf-bottom{transform-origin:50% 0;background:linear-gradient(#0f121b,#161a26);border-top:0;bottom:0}.sf-bottom>span{transform:translateY(-50%)}.sf-hinge{z-index:5;background:#000000bf;height:2px;position:absolute;top:calc(50% - 1px);left:0;right:0;box-shadow:0 1px #3f6dff59}.sf-old{z-index:2;animation:.6s step-end forwards sf-hide}.sf-fold{z-index:4;animation:.3s cubic-bezier(.55,0,.9,.5) forwards sf-fold}.sf-rise{z-index:3;animation:.3s cubic-bezier(.1,.5,.45,1) .3s forwards sf-rise;transform:rotateX(90deg)}@keyframes sf-fold{0%{filter:brightness();transform:rotateX(0)}to{filter:brightness(.5);transform:rotateX(-90deg)}}@keyframes sf-rise{0%{filter:brightness(1.6);transform:rotateX(90deg)}to{filter:brightness();transform:rotateX(0)}}@keyframes sf-hide{to{visibility:hidden}}.sf-done{font:800 12px/1 var(--v3-font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ff6b76;align-items:center;gap:7px;display:inline-flex}@media (prefers-reduced-motion:reduce){.sf-old,.sf-fold,.sf-rise{display:none}}