.main.svelte-1xapq13{display:grid;gap:2rem;padding-inline:1rem;padding-block:2rem 4rem;background:var(--bg1);border-radius:.5rem}.colfull.svelte-1xapq13{display:flex;gap:1rem;flex-wrap:wrap;>:where(.svelte-1xapq13){flex-grow:1}}.clock.svelte-1xapq13{display:grid;place-items:center;& time:where(.svelte-1xapq13){width:100%;text-align:center;line-height:1;font-weight:700}& time.timer:where(.svelte-1xapq13){font-size:clamp(3rem,20vw,12rem);background:var(--bg3);color:var(--fg1);padding-inline:2rem;padding-block:1rem;border-radius:2rem}& time.overtime:where(.svelte-1xapq13){font-size:clamp(1rem,5vw,2rem);padding-block:1rem;>.time_done:where(.svelte-1xapq13){color:var(--fg0)}}}.act.svelte-1xapq13{display:grid;gap:1rem;.btn:where(.svelte-1xapq13){padding-block:.5rem;min-height:auto}}.btn.svelte-1xapq13{justify-content:center;gap:1ch;&.xl{font-size:2rem}}form.svelte-1xapq13{display:grid;gap:2rem;width:40ch;max-width:100%}fieldset.svelte-1xapq13{all:unset;&.durations{display:grid;gap:2rem}&.boxes{display:grid;gap:1rem}}input.svelte-1xapq13{min-width:0}.hide.svelte-1xapq13{opacity:.2}article.svelte-tlnzb8{max-width:800px;margin-inline:auto}header.svelte-tlnzb8{margin-block-end:1rem}h1.svelte-tlnzb8{text-transform:uppercase;font-size:1.5rem}footer.svelte-tlnzb8{margin-top:4rem;text-align:center}