.clock-face{isolation:isolate;--clock-progress:0;--clock-angle:0deg;background:#2b2b2b;border-radius:50%;position:relative}.clock-track{fill:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.clock-base{stroke:#484848;stroke-width:1.6px}.clock-progress{stroke:#d5c6aa;stroke-width:1.8px;stroke-dasharray:60;stroke-dashoffset:calc(60 * (1 - var(--clock-progress)));transform-origin:50%;transform:rotate(-90deg)}.clock-dots .clock-base,.clock-dots .clock-progress{stroke-dasharray:.05 .95;stroke-linecap:round;stroke-width:3px}.clock-dots .clock-progress{stroke-dashoffset:0;clip-path:polygon(50% 50%,50% -100%,200% -100%,200% 200%,-100% 200%,-100% -100%,50% -100%);-webkit-mask-image:conic-gradient(from 0deg, #000 calc(var(--clock-progress) * 1turn), transparent 0);-webkit-mask-image:conic-gradient(from 0deg, #000 calc(var(--clock-progress) * 1turn), transparent 0);mask-image:conic-gradient(from 0deg, #000 calc(var(--clock-progress) * 1turn), transparent 0)}.clock-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex;position:relative}.clock-minor{stroke:#515151;stroke-width:1px}.clock-major{stroke:#b6ad9c;stroke-width:1.5px}.clock-hand{transform:rotate(var(--clock-angle));transform-origin:120px 120px;stroke:#d5c6aa;stroke-width:1.5px;stroke-linecap:round}.clock-hand circle{fill:#d5c6aa}.clock-analog .clock-content{justify-content:flex-end;gap:3px;padding-bottom:24%}.clock-analog .demo-clock,.clock-analog .timer-time{letter-spacing:-.7px;font-size:27px}.clock-analog .timer-eyebrow{display:none}.clock-analog .timer-muted,.clock-analog .clock-content>span:last-child{font-size:9px}.demo-clock-settings{z-index:5;color:#f2f0eb;background:#252525;border:1px solid #555;border-radius:12px;width:210px;padding:15px;position:absolute;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0005}.demo-clock-settings label{margin:5px 0 10px;font-size:11px;display:block}.demo-clock-settings select{background:#353535;border:1px solid #555;border-radius:6px;width:100%;margin-top:6px;padding:7px;display:block}.demo-clock-settings .clock-motion{align-items:center;gap:7px;margin-bottom:0;display:flex}.demo-settings-button{color:inherit;align-items:center;gap:7px;display:flex}.quick-demo[data-stage=move] .demo-settings-button{color:#211709}.demo-ring.clock-face,.timer-dial.clock-face{padding:0}.demo-ring>.clock-content,.timer-dial>.clock-content{background:0 0;border-radius:0}.clock-dots .clock-progress{clip-path:none;transform:none}.demo-ring.clock-analog>.clock-content,.timer-dial.clock-analog>.clock-content{justify-content:flex-end}.clock-dot-base{fill:#484848;stroke:none}.clock-dot-fill{fill:#d5c6aa;stroke:none;opacity:0}