.timer-layout{transform-origin:50%;width:100%;transition:transform .3s;position:relative}.timer-controls{margin-bottom:30px;display:flex}.timer-control+.timer-control{margin-left:8px}.timer-control[data-control-kind=time]{display:inline-block;position:relative}.timer-control[data-control-kind=time] .input-field{text-align:center;width:72px}.timer-control[data-control-kind=time] .time-picker{width:72px}.timer-control[data-control-kind=button]{min-width:64px}.time-picker{background-color:var(--white);border:1px solid var(--gray-300);visibility:visible;z-index:var(--zindex-time-picker);list-style:none;display:block;position:absolute}.time-picker[hidden]{visibility:hidden;display:none}.time-picker .time-picker__item{background-color:var(--white);width:100%;font-size:var(--font-size-small);text-align:center;cursor:pointer;border:none;margin:0;padding:5px;line-height:1.4;display:block}.time-picker .time-picker__item[aria-selected=true]{background-color:var(--gray-100)}.time-picker .time-picker__item:hover{background-color:var(--gray-200)}.timer-display{width:100vw;margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%}.timer-display .timer-display__time{width:100%;font-family:var(--font-noto-sans-display), sans-serif;font-weight:var(--font-weight-semi-bold);white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;font-size:24vw;line-height:1.2;display:flex;overflow:hidden}.timer-display[data-variant=default]{background-color:var(--gray-100)}.timer-display[data-variant=default] .timer-progress::-webkit-progress-value{background-color:var(--progress-green)}.timer-display[data-variant=default] .timer-progress::-moz-progress-bar{background-color:var(--progress-green)}.timer-display[data-variant=warning]{background-color:var(--safety-yellow)}.timer-display[data-variant=warning] .timer-progress::-webkit-progress-value{background-color:var(--progress-warning)}.timer-display[data-variant=warning] .timer-progress::-moz-progress-bar{background-color:var(--progress-warning)}.timer-display[data-variant=alert]{background-color:var(--safety-orange);color:var(--white)}.timer-display[data-variant=alert] .timer-progress::-webkit-progress-value{background-color:var(--progress-alert)}.timer-display[data-variant=alert] .timer-progress::-moz-progress-bar{background-color:var(--progress-alert)}.timer-display[data-variant=exceeded]{background-color:var(--safety-red);color:var(--white)}.timer-display[data-variant=exceeded] .timer-progress::-webkit-progress-value{background-color:var(--progress-exceeded)}.timer-display[data-variant=exceeded] .timer-progress::-moz-progress-bar{background-color:var(--progress-exceeded)}@container style(--is-mobile){.timer-display .timer-display__time{line-height:1.6}}.timer-progress{width:100%;height:var(--timer-display-progress-bar-height);background-color:var(--gray-200);border-radius:0;position:absolute;top:0;left:0;right:0}.timer-progress::-webkit-progress-bar{background-color:var(--gray-200)}.timer-progress[hidden]{visibility:hidden;display:none}.timer-fullscreen-toggle{margin:var(--timer-display-padding);color:var(--gray-300);position:absolute;bottom:0;right:0}.timer-layout[data-fullscreen=true]{--timer-display-padding:12px;z-index:var(--zindex-fullscreen);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.timer-layout[data-fullscreen=true] .timer-controls{margin:var(--timer-display-padding);z-index:1;position:fixed;top:0;left:0}.timer-layout[data-fullscreen=true] .timer-display{width:100%;height:100%;margin:0;left:0;right:0}.timer-layout[data-fullscreen=true] .timer-display .timer-display__time{height:100%;font-size:32vw}.timer-layout[data-fullscreen=true] .timer-display[data-variant=default]{background-color:var(--white)}.timer-layout[data-fullscreen=true] .timer-progress{top:calc(50% + 16vw)}.timer-layout[data-fullscreen=true][data-rotated=true]{width:100svh;height:100vw;padding-right:env(safe-area-inset-bottom,0);top:calc(50svh - 50vw);left:calc(50vw - 50svh);transform:rotate(90deg)}.timer-layout[data-fullscreen=true][data-rotated=true] .timer-display .timer-display__time{font-size:32svh}.timer-layout[data-fullscreen=true][data-rotated=true] .timer-progress{top:calc(50% + 16svh)}.timer-layout[data-fullscreen=true] .timer-layout__standby-hidden{opacity:1;transition:opacity .1s}.timer-layout[data-fullscreen=true][data-standby=true] .timer-layout__standby-hidden{opacity:0;pointer-events:none}