.clock-screen.svelte-13d36y{z-index:1;background:linear-gradient(#faf5d6 0%,#f7f3df 50%,#ece7c8 100%);width:fit-content;padding:4px 12px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.clock-screen.dark.svelte-13d36y{background:linear-gradient(#0a0f0a 0%,#0d120d 50%,#080c08 100%);border-color:#454545}.clock-screen.active-clock.svelte-13d36y{border-color:#4ade80;box-shadow:0 0 8px #4ade804d}.clock-screen.low.svelte-13d36y{border-color:#f59e0b;box-shadow:0 0 8px #f59e0b4d}.clock-screen.critical.svelte-13d36y{border-color:#ef4444;animation:1s ease-in-out infinite svelte-13d36y-pulse-critical;box-shadow:0 0 12px #ef444466}@keyframes svelte-13d36y-pulse-critical{0%,to{box-shadow:0 0 8px #ef44444d}50%{box-shadow:0 0 16px #ef444499}}.clock-screen.svelte-13d36y:before{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000,#0000 1px,#ffffff4d 1px 2px);position:absolute;inset:0}.clock-screen.dark.svelte-13d36y:before{background:repeating-linear-gradient(0deg,#0000,#0000 1px,#0006 1px 2px)}.clock-screen.svelte-13d36y:after{content:"";pointer-events:none;z-index:1;border-radius:3px;position:absolute;inset:2px;box-shadow:inset 0 0 8px #00000026}.slide-clock.svelte-13d36y{justify-content:center;align-items:center;display:flex}.column-wrapper.svelte-13d36y{width:24px;height:40px;position:relative;overflow:hidden}.column.svelte-13d36y{flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.num.svelte-13d36y{height:40px;min-height:40px;line-height:40px;font-family:var(--font-interface), system-ui, sans-serif;text-align:center;color:#4a3a1a;justify-content:center;align-items:center;font-size:2rem;font-weight:700;transition:opacity .2s,color .2s;display:flex}.num.visible.svelte-13d36y{opacity:1}.num.close.svelte-13d36y{opacity:.25}.num.hidden.svelte-13d36y{opacity:.05}.clock-screen.dark.svelte-13d36y .num:where(.svelte-13d36y){color:#c8c8c8;text-shadow:0 0 10px #c8c8c880}.clock-screen.critical.svelte-13d36y .num:where(.svelte-13d36y){color:#ef4444;text-shadow:0 0 10px #ef444480}.colon.svelte-13d36y{font-family:var(--font-interface), system-ui, sans-serif;color:#4a3a1a;opacity:.6;justify-content:center;align-items:center;height:40px;margin-top:-4px;padding:0 4px;font-size:2rem;font-weight:700;line-height:40px;display:flex}.clock-screen.dark.svelte-13d36y .colon:where(.svelte-13d36y){color:#c8c8c8;text-shadow:0 0 10px #c8c8c880}.clock-screen.critical.svelte-13d36y .colon:where(.svelte-13d36y){color:#ef4444;text-shadow:0 0 10px #ef444480}