.index-module-scss-module__JSuP-q__phases{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.index-module-scss-module__JSuP-q__phases button{color:var(--subtle);background:var(--container-background);border:1px solid var(--border-color);border-radius:var(--radius-pill);cursor:pointer;padding:.8rem 1.6rem;font-size:1.6rem;transition:all .15s}.index-module-scss-module__JSuP-q__phases button:hover,.index-module-scss-module__JSuP-q__phases button.index-module-scss-module__JSuP-q__on{color:var(--primary-color);border-color:var(--primary-color)}.index-module-scss-module__JSuP-q__clock{aspect-ratio:1;width:min(32rem,80vw);margin:0 auto;position:relative}.index-module-scss-module__JSuP-q__ring{width:100%;height:100%;transform:rotate(-90deg)}.index-module-scss-module__JSuP-q__track{fill:none;stroke:var(--input-button-color);stroke-width:4px}.index-module-scss-module__JSuP-q__fill{fill:none;stroke:var(--primary-color);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset 1s linear}[data-phase=short] .index-module-scss-module__JSuP-q__fill,[data-phase=long] .index-module-scss-module__JSuP-q__fill{stroke:var(--subtle)}.index-module-scss-module__JSuP-q__face{flex-direction:column;justify-content:center;align-items:center;gap:.8rem;display:flex;position:absolute;inset:0}.index-module-scss-module__JSuP-q__label{color:var(--subtle);font-size:1.8rem}.index-module-scss-module__JSuP-q__time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:6.4rem;line-height:1}.index-module-scss-module__JSuP-q__dots{gap:.6rem;display:flex}.index-module-scss-module__JSuP-q__dots i{background:var(--input-button-color);border-radius:50%;width:1rem;height:1rem}.index-module-scss-module__JSuP-q__dots i.index-module-scss-module__JSuP-q__filled{background:var(--primary-color)}.index-module-scss-module__JSuP-q__controls{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.index-module-scss-module__JSuP-q__controls button{min-height:4.8rem;color:var(--subtle);background:var(--container-background);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:0 2rem;font-size:1.6rem;transition:all .15s}.index-module-scss-module__JSuP-q__controls button:hover{color:var(--primary-color);border-color:var(--primary-color)}.index-module-scss-module__JSuP-q__controls .index-module-scss-module__JSuP-q__main{min-width:14rem;color:var(--on-primary);background:var(--primary-color);border-color:var(--primary-color);font-weight:700}.index-module-scss-module__JSuP-q__controls .index-module-scss-module__JSuP-q__main:hover{color:var(--on-primary);opacity:.9}.index-module-scss-module__JSuP-q__today{color:var(--subtle);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2rem;display:flex}.index-module-scss-module__JSuP-q__today button{color:var(--placeholder-color);cursor:pointer;text-underline-offset:.3em;background:0 0;font-size:1.6rem;text-decoration:underline}.index-module-scss-module__JSuP-q__settings{flex-direction:column;gap:1.6rem;display:flex}.index-module-scss-module__JSuP-q__settings summary{cursor:pointer;color:var(--subtle);font-weight:600}.index-module-scss-module__JSuP-q__settings summary:hover{color:var(--primary-color)}.index-module-scss-module__JSuP-q__notify{color:var(--primary-color);background:var(--accent-tint);border-radius:var(--radius-md);cursor:pointer;align-self:flex-start;padding:.8rem 1.4rem;font-size:1.6rem}