.timer.svelte-129fwnt.svelte-129fwnt{display:flex;flex-direction:column;align-items:center;gap:20px}.timer.svelte-129fwnt .time.svelte-129fwnt{font-size:6rem}main.svelte-4ufdn9.svelte-4ufdn9{background:#202734;color:#cbccc6;display:grid;align-items:center}main.svelte-4ufdn9 .top.svelte-4ufdn9{display:grid;place-items:center}main.svelte-4ufdn9 .top h1.svelte-4ufdn9{text-align:center}main.svelte-4ufdn9 .controls.svelte-4ufdn9{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}@media screen and (max-width: 430px){main.svelte-4ufdn9 .controls button.svelte-4ufdn9{width:9rem!important}}main.svelte-4ufdn9 .controls button.svelte-4ufdn9{border:1px solid;background:none;padding:8px;border-radius:6px;color:#cbccc6;font-size:1rem;cursor:pointer;transition:all .25s ease;transition-property:color}main.svelte-4ufdn9 .controls button.svelte-4ufdn9:hover{color:#ffa754}main.svelte-4ufdn9 .controls .btn-control-timer.svelte-4ufdn9{width:8rem}main.svelte-4ufdn9 .controls div.svelte-4ufdn9{display:flex;gap:10px}main.svelte-4ufdn9 .controls div button.svelte-4ufdn9{width:5rem;font-size:1rem;transition:opacity .2s ease}main.svelte-4ufdn9 .controls div button.svelte-4ufdn9:disabled{opacity:.5}