.timer-setter-container{display:flex;align-items:center;gap:80px}.timer-setter-container button{display:flex;align-items:center;justify-content:center;height:56px;padding:0;aspect-ratio:1/1;background:none;border:2px solid hsl(0,0%,30%);border-radius:8px;transition:all .2s ease}.timer-setter-container button:hover{background-color:hsl(0,0%,8%)}.timer-setter-container button:active{background-color:hsl(0,0%,6%);transform:scale(.985)}.timer-setter-container svg{fill:#808080;transition:fill .2s ease}.timer-setter-container button:hover svg{fill:white}.timer-setter-container .timer-button{display:inline-flex;flex-direction:column;align-items:center;height:auto;width:auto;min-width:0;aspect-ratio:auto;border:none;padding:12px;cursor:text}.timer-button.editing .timer-input{min-width:2.5ch;font-weight:600;font-size:56px;padding:0;line-height:1;background:none;color:#eeeeee;text-align:center}.timer-setter-container .timer-button.editing{background-color:hsl(0,0%,8%)}.timer-setter-container .timer-button:active{background-color:hsl(0,0%,10%);transform:none}.time-display{font-weight:600;font-size:56px;line-height:1}.minutes{font-weight:300;font-size:28px;line-height:1}