.sd-root{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100%;display:flex}.sd-box{background:var(--sd-box);border-radius:10px;align-items:center;gap:6px;padding:10px;display:flex;box-shadow:0 10px 24px #00000059,inset 0 1px #ffffff14}.sd-cell{background:linear-gradient(var(--sd-cell-a), var(--sd-cell-b));border-radius:6px;width:64px;height:112px;position:relative;overflow:hidden;box-shadow:inset 1px 1px #ffffff0f,inset 0 0 0 1px #00000073}.sd-stack{flex-direction:column;display:flex}.sd-stack.sd-sliding{transition:transform .5s ease-in-out;transform:translateY(-50%)}.sd-digit{text-align:center;height:112px;color:var(--sd-digit);text-shadow:0 2px 4px #0009;flex:0 0 112px;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:84px;font-weight:700;line-height:112px}.sd-front{pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff29,#ffffff0d 42%,#fff0 55%,#0003);position:absolute;inset:0}.sd-colon{flex-direction:column;justify-content:center;align-items:center;gap:26px;width:26px;height:112px;display:flex}.sd-colon i{background:var(--sd-digit);border-radius:3px;width:12px;height:12px;box-shadow:0 2px 3px #00000080}@keyframes sd-blink{0%,to{opacity:1}50%{opacity:.15}}.sd-colon.sd-blink i{animation:1s ease-in-out infinite sd-blink}.sd-ampm{letter-spacing:.08em;color:var(--sd-digit);opacity:.85;margin-left:4px;font-size:15px;font-weight:700}.sd-done{color:#fecdd3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border-radius:999px;padding:4px 14px;font-size:13px}