.clocking-diagram-frame{border:1px solid var(--line);background:#fff;margin:0;position:relative;overflow:hidden}.clocking-diagram-frame figcaption{color:var(--muted);font-size:.62rem;font-weight:700;position:absolute;bottom:8px;right:10px}.clocking-diagram{aspect-ratio:1000/620;width:100%;height:auto;display:block}.clocking-axis{stroke:#aab2b9;stroke-width:3px;stroke-dasharray:10 10}.clocking-dial{fill:none;stroke:#d7dde1;stroke-width:3px}.clocking-tick{fill:#7f8a93}.clocking-arm{stroke-width:34px;stroke-linecap:round;transition:x2 .18s,y2 .18s}.clocking-arm.end-b{stroke:#17222b}.clocking-arm.end-a{stroke:#77818a}.clocking-hub{fill:#1d2329;stroke:#7a858f;stroke-width:10px}.clocking-hub-center{fill:#c7cdd2;stroke:#17222b;stroke-width:5px}.clocking-end{fill:#e2e5e8;stroke:#17222b;stroke-width:8px;transition:cx .18s,cy .18s}.clocking-angle-arc{fill:none;stroke:#1769aa;stroke-width:8px}.clocking-label rect{fill:#fff;stroke:#17222b;stroke-width:2px}.clocking-label.current rect{stroke:#1769aa;stroke-width:3px}.clocking-label text,.clocking-direction{fill:#17222b;letter-spacing:0;font-family:inherit;font-size:28px;font-weight:750}.clocking-direction{fill:#1769aa;font-size:24px;font-weight:800}