body{background-color:#fff;color:#000;display:grid;place-items:center;height:100dvh;margin:0;padding:0;font-family:IBM Plex Mono,monospace;cursor:default}::selection{background-color:#000;color:#fff}.progress-bar.svelte-17p58yp{--percentage: 0%;position:relative;max-width:20rem;border-radius:.4rem;width:100%;height:.3rem;background-color:#ccc;overflow:hidden;margin:1rem 0 1.6rem;background-image:linear-gradient(to right,#000 0%,#000 var(--percentage),#ccc var(--percentage),#ccc 100%);transition:background-image .5s ease}main.svelte-17p58yp{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}h1.svelte-17p58yp{font-size:4rem;margin:0;transition:transform .2s ease}h1.animate.svelte-17p58yp{transform:scale(1.05)}section.svelte-17p58yp{display:flex;gap:.5rem;margin-bottom:1rem;max-width:20rem;width:100%}button.svelte-17p58yp{width:100%;font-family:IBM Plex Mono,monospace;font-size:1rem;letter-spacing:-.05em;font-weight:500;padding:.5em 1em;border-radius:.2rem;cursor:pointer;color:#000;border:none;box-shadow:0 0 0 1px #999}button.svelte-17p58yp.active{box-shadow:0 0 0 2px #000}button.svelte-17p58yp:disabled{opacity:.3;cursor:not-allowed}.pomodoro-buttons.svelte-17p58yp button:where(.svelte-17p58yp){font-size:.75rem}