.grinder-clock{--red:#e97132;--green:#2e7d32;--gold:#9a7b3d;width:100%}.grinder-clock button{background-color:transparent;color:#9a7b3d;border:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;cursor:pointer;border-radius:3px}.grinder-clock button:hover:not(:disabled){background:rgba(154,123,61,.12)}.grinder-clock button.with-text{width:auto;min-width:44px;background-color:transparent;color:#9a7b3d;border-radius:3px;padding:8px;font-size:1rem;line-height:1}.grinder-clock button.with-text svg{width:28px;height:28px;margin:0;float:none}.grinder-clock button svg{width:28px;height:28px}.grinder-clock label{display:block;margin-bottom:10px;margin-top:20px;text-transform:uppercase;letter-spacing:.12em;font-family:Fabrikat,Inter,system-ui,sans-serif;font-size:.72rem;color:#9a7b3d}.grinder-clock-footer button{color:#fdf6e7}.grinder-clock-footer button:hover:not(:disabled){background:hsla(41,85%,95%,.12)}.grinder-clock-footer .slider{height:28px;width:min(220px,36vw);border-radius:14px}.grinder-clock-footer .thumb{width:28px;height:28px;border-radius:14px}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.slider,.thumb{height:40px;border-radius:20px}.thumb{cursor:pointer;width:40px}.slider.green{border:2px solid var(--green)}.slider.green .thumb{background-color:var(--green)}.slider.red{border:2px solid var(--gold)}.slider.red .thumb{background-color:var(--gold)}