.bakery-clock{position:absolute;left:2%;bottom:22%;width:12%;aspect-ratio:200/210;padding:0;border:0;background:none;z-index:5;cursor:pointer;transform-origin:50% 90%;-webkit-tap-highlight-color:transparent}
.bakery-clock svg{display:block;width:100%;height:auto;overflow:visible}
.clock-body{transform-origin:100px 172px}
.clock-hand{transform-origin:100px 92px}
.clock-digits{font:30px BakeryHand,'Kaiti SC',serif;font-variant-numeric:tabular-nums}
.clock-state{font:12px BakeryHand,'Kaiti SC',serif}
.clock-tag text{font:18px BakeryHand,'Kaiti SC',serif}
.bakery-clock:hover:not(:disabled) .clock-tag path{fill:#ffebc7}
.bakery-clock:focus-visible{outline:2px dashed #b67455;outline-offset:4px;border-radius:35%}
.bakery-clock:disabled{opacity:1;cursor:default}
.bakery-clock.is-paused .clock-progress{stroke:#8d9880}

.clock-cleared-corner{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;clip-path:polygon(0 49%,18.5% 49%,18.5% 80%,0 80%);mask-image:linear-gradient(to right,#000 0%,#000 16.5%,transparent 18.5%)}

.bakery-clock.is-adjustable{touch-action:none;user-select:none;cursor:grab}
.bakery-clock.is-dragging{cursor:grabbing}
.bakery-clock.is-dragging .clock-hand path{stroke-width:3.5}