:root{--nav-mobile-height-bottom:65px;--value-row-gap:8px}.pomodoro-layout{align-items:flex-start;display:flex;gap:16px}.pomodoro-guide{flex:1;min-width:0}.pomodoro{background-color:var(--p-color-accent-main-light2)}.pomodoro .card__wrap{gap:20px}.pomodoro .card__wrap,.pomodoro .pomodoro__header{align-items:center;display:flex;flex-direction:column}.pomodoro .pomodoro__header{gap:4px}.pomodoro .pomodoro__phase{color:var(--p-color-content-main);font-weight:600}.pomodoro .pomodoro__session{color:var(--p-color-content-dop)}.pomodoro .pomodoro__timer{height:200px;position:relative;width:200px}.pomodoro .pomodoro__knob svg{height:100%;width:100%}.pomodoro .pomodoro__knob .p-knob-range{stroke:var(--p-color-dom-main)}.pomodoro .pomodoro__knob .p-knob-value{stroke:var(--p-color-accent-main)}.pomodoro_break .pomodoro__knob .p-knob-value{stroke:var(--p-color-dop-green)}.pomodoro .pomodoro__display{align-items:center;display:flex;font-size:40px;font-variant-numeric:tabular-nums;font-weight:700;top:0;right:0;bottom:0;left:0;justify-content:center;line-height:1;pointer-events:none;position:absolute}.pomodoro .pomodoro__actions{align-items:center;display:flex;gap:8px}.pomodoro .pomodoro__stats{display:flex;gap:24px}.pomodoro .pomodoro__stat{align-items:center;display:flex;gap:6px}.pomodoro .pomodoro__stat-label{color:var(--p-color-content-dop)}.pomodoro .pomodoro__stat-value{font-weight:600}.pomodoro .pomodoro__settings{align-items:center;display:flex;flex-direction:column;width:100%}.pomodoro .pomodoro__settings-body{display:flex;flex-direction:column;gap:12px;margin-top:12px;max-width:320px;width:100%}.pomodoro .pomodoro__setting{align-items:center;display:flex;gap:12px;justify-content:space-between}.pomodoro .pomodoro__setting-input{text-align:center;width:70px}@media(max-width:800px){.pomodoro-layout{flex-direction:column}.pomodoro{width:100%}.pomodoro .card__wrap{padding:24px 16px}.pomodoro .pomodoro__timer{height:160px;width:160px}.pomodoro .pomodoro__display{font-size:32px}.pomodoro .pomodoro__stats{align-items:center;flex-direction:column;gap:8px}.pomodoro .pomodoro__actions{flex-wrap:wrap;justify-content:center}}