.pomodoro-dock{--panel-anchor-x:50%;justify-content:center;width:min(300px,100% - 24px);margin-inline:auto;inset-inline:0}.pomodoro-panel{grid-template-columns:1fr auto;align-items:center;max-height:calc(100dvh - 84px);display:grid;overflow-y:auto}.pomodoro-phases{--tab-count:2;--tab-inset:3px;--tab-height:calc(var(--header-corner-size) - 2 * var(--tab-inset));justify-self:start;width:max-content}.pomodoro-phases .settings-tab-button{padding:0 8px;font-size:13px}.pomodoro-close{justify-self:end}.pomodoro-time{--value-line-height:1.12em;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.045em;grid-column:1/-1;justify-self:center;align-items:center;padding-block:clamp(8px,2dvh,16px);font-size:clamp(42px,11vw,66px);font-weight:510;line-height:1.12;display:flex}.pomodoro-segment[role=slider]{cursor:default;touch-action:pan-x pinch-zoom;-webkit-user-select:none;user-select:none;border-radius:8px}.pomodoro-segment[role=slider]:focus-visible{outline-offset:4px;outline:2px solid #cecece}.pomodoro-hours{display:flex;overflow:clip}.pomodoro-segment{flex:none;display:block}.pomodoro-hours .pomodoro-segment:focus-visible{outline-offset:-2px}.pomodoro-dock-actions{--action-size:40px;align-items:center;gap:6px;display:flex;overflow:clip}.pomodoro-dock-actions button{min-height:var(--action-size);pointer-events:auto;flex:none}.pomodoro-start{color:var(--settings-text);padding-inline:14px}.pomodoro-reset{width:var(--action-size)}@media (width<=520px){.pomodoro-start{width:var(--action-size);padding:0}.pomodoro-start .pomodoro-action-label{display:none}}@media (width<=350px){.pomodoro-dock-actions{--action-size:36px;gap:4px}}.pomodoro-action-label{font-weight:550;display:block;position:relative}.pomodoro-action-measure{visibility:hidden;display:inline-block}.pomodoro-action-text{position:absolute;inset:0 auto 0 0}.pomodoro-action-icon{flex:none;place-items:center;width:16px;height:16px;display:grid}.pomodoro-action-icon>span{grid-area:1/1}.pomodoro-action-icon svg{display:block}.pomodoro-toggle>span{justify-content:center;align-items:center;display:flex;position:absolute}.pomodoro-launchers{align-items:center;display:flex}.pomodoro-launchers>*{flex:none}.pomodoro-audio{overflow:clip}.pomodoro-toggle{position:relative}.pomodoro-compact{--value-line-height:18px;overflow:clip}.pomodoro-dock-actions button:focus-visible,.pomodoro-compact:focus-visible{outline-offset:-3px}@media (height<=400px){.pomodoro-time{font-size:50px}}.pomodoro-dock:has(.pomodoro-toggle[aria-expanded=true]){z-index:2}