input.svelte-zw6bl7{z-index:10;grid-row:1;grid-column:1 / -1;box-shadow:0 0 0 .5rem #000;border-radius:4rem;padding:0 2rem;aspect-ratio:4 / 1;width:100%;height:auto;text-align:right;font-size:10rem;font-variant-numeric:tabular-nums;caret-color:var(--color-secondary);transition:.3s border-radius ease,.1s box-shadow ease,.3s padding ease,.3s background-color ease}input.svelte-zw6bl7::placeholder{color:var(--color-neutral)}input.svelte-zw6bl7:read-only{background:transparent}input.started.svelte-zw6bl7{background:transparent}input.svelte-zw6bl7:focus{background-color:var(--color-secondary-container)}input[disabled].svelte-zw6bl7{border:0;opacity:1;background:transparent;color:#000}input.active.svelte-zw6bl7,input.completed.svelte-zw6bl7{box-shadow:0 0 0 .5rem var(--color-secondary);border-radius:8rem;padding:0 4rem;background:transparent}input.completed.svelte-zw6bl7{animation:svelte-zw6bl7-blink 1s infinite}@keyframes svelte-zw6bl7-blink{0%{color:initial}25%{color:initial}50%{color:transparent}75%{color:transparent}to{color:initial}}input.active.svelte-zw6bl7:not(.completed){box-shadow:0 0 0 0 var(--color-secondary)}.progress-bar.svelte-zw6bl7{grid-row:1;grid-column:1 / -1;width:100%;height:100%;overflow:hidden;clip-path:inset(0 round 4rem);background-color:var(--color-tertiary-container);transition:.3s clip-path ease}.progress-bar.active.svelte-zw6bl7{clip-path:inset(0 round 8rem)}.progress-bar.started.svelte-zw6bl7{background-color:#fff}.progress-bar.completed.svelte-zw6bl7{display:none}.progress-bar__indicator.svelte-zw6bl7{grid-row:1;grid-column:1 / -1;width:100%;height:100%;background:var(--color-secondary-container);text-align:center;white-space:nowrap;transform-origin:left;transform:scaleX(0);overflow:hidden}.input-container.svelte-zw6bl7{display:grid;margin-bottom:2rem}.progress-bar__indicator.svelte-zw6bl7{z-index:100;height:100%;transition:.1s all ease}@media (max-width: 1439px){input.svelte-zw6bl7{font-size:9rem}}@media (max-width: 1239px){input.svelte-zw6bl7{font-size:8rem}}@media (max-width: 904px){input.svelte-zw6bl7{box-shadow:0 0 0 6px #000;height:auto;font-size:6rem}input.active.svelte-zw6bl7,input.completed.svelte-zw6bl7{padding:0 2rem}}@media (max-width: 599px){.input-container.svelte-zw6bl7{margin-bottom:2rem}.progress-bar.svelte-zw6bl7{clip-path:inset(0 round 4rem)}input.svelte-zw6bl7{box-shadow:0 0 0 4px #000;border-radius:4rem;aspect-ratio:4 / 1;font-size:3.5rem}input.active.svelte-zw6bl7{padding:0 2rem}input.completed.svelte-zw6bl7{box-shadow:0 0 0 4px var(--color-secondary)}}@media (max-width: 374px){input.svelte-zw6bl7{font-size:2.5rem}}@media (max-height: 599px){.input-container.svelte-zw6bl7{margin-bottom:2rem}input.svelte-zw6bl7{aspect-ratio:6 / 1;font-size:6rem}}@media (max-height: 374px){input.svelte-zw6bl7{aspect-ratio:unset;height:4rem;box-shadow:0 0 0 .25rem #000;font-size:3.5rem;text-align:center}input.completed.svelte-zw6bl7{box-shadow:0 0 0 .25rem var(--color-secondary)}.input-container.svelte-zw6bl7{margin-bottom:1.5rem}}@media (max-height: 599px) and (max-width: 599px){input.svelte-zw6bl7{font-size:2.5rem}}@media (max-height: 374px) and (max-width: 599px){.input-container.svelte-zw6bl7{margin-bottom:1rem}}.controls-container.svelte-163xzga.svelte-163xzga{grid-row:2;grid-column:1 / -1}.add-button-container.svelte-163xzga.svelte-163xzga{grid-column:1 / 5;gap:1.5rem;display:flex;justify-content:space-between;align-items:center;border-radius:3.5rem}.add-button.svelte-163xzga.svelte-163xzga{border-radius:4rem;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-secondary-container);line-height:1.125;color:#000;font-size:1.5rem;user-select:none;transition:.3s border-radius ease,.3s background-color ease}.add-button.svelte-163xzga.svelte-163xzga:active{border-radius:1rem;background:var(--color-secondary-container-action)}.add-button--reset.svelte-163xzga.svelte-163xzga{border-color:var(--color-secondary);background:var(--color-secondary);color:#fff}.add-button--reset.svelte-163xzga.svelte-163xzga:active{background:var(--color-secondary-action)}.play-button.svelte-163xzga.svelte-163xzga{padding-bottom:25%;padding-top:25%;grid-column:5 / -1;width:50%;display:flex;justify-content:center;align-items:center;justify-self:end;border-radius:8rem;background:var(--color-primary-container);transition:.3s width ease,.3s border-radius ease,.3s background-color ease}.play-button.active.svelte-163xzga.svelte-163xzga{grid-column:5/ -1;border-radius:4rem;width:100%}.add-button__unit.svelte-163xzga.svelte-163xzga{font-size:2rem}.play-button__icon.svelte-163xzga.svelte-163xzga{--play-button-size:4.5rem;position:absolute;box-sizing:border-box;border:0;background:transparent;border-color:transparent transparent transparent var(--color-primary);border-style:solid;border-width:calc(var(--play-button-size) / 2) 0 calc(var(--play-button-size) / 2) var(--play-button-size);width:0;height:var(--play-button-size);transition:.3s all ease}.play-button.svelte-163xzga:not(.active) .play-button__icon.svelte-163xzga{margin-left:.75rem}.play-button.active.svelte-163xzga .play-button__icon.svelte-163xzga{border-style:double;border-width:0 0 0 var(--play-button-size)}.play-button.completed.svelte-163xzga.svelte-163xzga{background:var(--color-primary-container)}.play-button.completed.svelte-163xzga .play-button__icon.svelte-163xzga{border-style:solid;border-width:0 0 0 var(--play-button-size)}.play-button.svelte-163xzga.svelte-163xzga:active{background-color:var(--color-primary-container-action)}@media (max-width: 1239px){.add-button.svelte-163xzga.svelte-163xzga{font-size:1.25rem}.add-button__unit.svelte-163xzga.svelte-163xzga{font-size:1.5rem}.play-button.svelte-163xzga.svelte-163xzga{grid-column:5 / -1;border-radius:7rem}}@media (max-width: 904px){.add-button-container.svelte-163xzga.svelte-163xzga{gap:1rem}.add-button.svelte-163xzga.svelte-163xzga{font-size:1.25rem}.add-button__unit.svelte-163xzga.svelte-163xzga{font-size:1.75rem}.play-button.svelte-163xzga.svelte-163xzga{grid-column:5 / -1;border-radius:8rem;aspect-ratio:1 / 1;width:100%;transition:.3s border-radius ease,.3s background-color ease}@supports not (aspect-ratio: 1 / 1){.play-button.svelte-163xzga.svelte-163xzga:before{content:"";width:1px;margin-left:-1px;float:left;height:0;padding-top:50%}.play-button.svelte-163xzga.svelte-163xzga:after{content:"";display:table;clear:both}.play-button__icon.svelte-163xzga.svelte-163xzga{position:absolute}.play-button.svelte-163xzga:not(.active) .play-button__icon.svelte-163xzga{margin-left:.5rem}}.play-button__icon.svelte-163xzga.svelte-163xzga{--play-button-size:4rem}.play-button.active.svelte-163xzga.svelte-163xzga{margin-right:1rem;aspect-ratio:1 / 1;margin-right:0}}@media (max-width: 599px){.controls-container.svelte-163xzga.svelte-163xzga{min-height:26.25rem}.add-button.svelte-163xzga.svelte-163xzga,.add-button__unit.svelte-163xzga.svelte-163xzga{font-size:1.5rem}.add-button.svelte-163xzga.svelte-163xzga{flex-direction:column;aspect-ratio:1 / 2;height:auto;font-size:1.25rem}@supports not (aspect-ratio: 1 / 2){.add-button.svelte-163xzga.svelte-163xzga:before{content:"";width:1px;margin-left:-1px;float:left;height:0;padding-top:200%}.add-button.svelte-163xzga.svelte-163xzga:after{content:"";display:table;clear:both}.add-button__label.svelte-163xzga.svelte-163xzga{position:absolute}}.play-button.svelte-163xzga.svelte-163xzga{grid-row:2;grid-column:2 / 4;justify-self:center;align-self:end;border-radius:8rem}.play-button.svelte-163xzga.svelte-163xzga{transition:.3s border-radius ease,.3s background-color ease}.play-button__icon.svelte-163xzga.svelte-163xzga{--play-button-size:3rem}.play-button.active.svelte-163xzga.svelte-163xzga{margin-right:0;grid-column:2 / 4;border-radius:4rem}.play-button.completed.svelte-163xzga.svelte-163xzga{align-self:end}}@media (max-width: 374px){.controls-container.svelte-163xzga.svelte-163xzga{min-height:17.125rem}.play-button__icon.svelte-163xzga.svelte-163xzga{--play-button-size:2.5rem}.add-button.svelte-163xzga.svelte-163xzga,.add-button__unit.svelte-163xzga.svelte-163xzga{font-size:1rem}}@media (max-height: 599px){.add-button.svelte-163xzga.svelte-163xzga{aspect-ratio:1 / 1;height:auto}@supports not (aspect-ratio: 1 / 1){.add-button.svelte-163xzga.svelte-163xzga:before{content:"";width:1px;margin-left:-1px;float:left;height:0;padding-top:100%}.add-button.svelte-163xzga.svelte-163xzga:after{content:"";display:table;clear:both}.add-button__label.svelte-163xzga.svelte-163xzga{position:absolute}.play-button.svelte-163xzga:not(.active) .play-button__icon.svelte-163xzga{margin-left:0.33333rem}}.play-button.svelte-163xzga.svelte-163xzga{margin-right:0;grid-column:-3 / span 2;aspect-ratio:unset;width:100%;border-radius:4rem;padding-top:0;padding-bottom:0}.play-button.active.svelte-163xzga.svelte-163xzga{margin-right:0;grid-column:span 2;aspect-ratio:unset}.play-button.completed.svelte-163xzga.svelte-163xzga{aspect-ratio:5 / 1}.play-button__icon.svelte-163xzga.svelte-163xzga{--play-button-size:2rem}}@media (max-height: 374px){.add-button.svelte-163xzga.svelte-163xzga{flex-direction:row;gap:.25rem;font-size:1rem}.add-button__unit.svelte-163xzga.svelte-163xzga{font-size:1rem}.play-button__icon.svelte-163xzga.svelte-163xzga{--play-button-size:1.5rem}}@media (max-height: 599px) and (max-width: 599px){.controls-container.svelte-163xzga.svelte-163xzga{min-height:13.625rem}.play-button.svelte-163xzga.svelte-163xzga{grid-column:2 / span 2;aspect-ratio:2 / 1}.play-button.active.svelte-163xzga.svelte-163xzga{grid-column:1 / -1;aspect-ratio:4 / 1}.play-button.svelte-163xzga:not(.active) .play-button__icon.svelte-163xzga{margin-left:.5rem}}@media (max-height: 599px) and (min-width: 905px){.add-button.svelte-163xzga.svelte-163xzga,.add-button__unit.svelte-163xzga.svelte-163xzga{font-size:1.25rem}.play-button.active.svelte-163xzga.svelte-163xzga{grid-column:span 4}.play-button.completed.svelte-163xzga.svelte-163xzga{grid-column:5 / -1}}@media (max-height: 374px) and (max-width: 904px){.add-button.svelte-163xzga.svelte-163xzga,.add-button__unit.svelte-163xzga.svelte-163xzga{font-size:1rem}.play-button.completed.svelte-163xzga.svelte-163xzga{aspect-ratio:2 / 1;grid-column:5 / -1}}@media (max-height: 374px) and (max-width: 599px){.controls-container.svelte-163xzga.svelte-163xzga{min-height:7rem}.add-button.svelte-163xzga.svelte-163xzga,.play-button.svelte-163xzga.svelte-163xzga{aspect-ratio:unset;width:100%;height:3rem}.play-button.completed.svelte-163xzga.svelte-163xzga{grid-column:1 / -1}}.timer.svelte-hq42jr{grid-row:2;grid-column:2;width:100%;min-height:36rem}@media (max-height: 599px){.timer.svelte-hq42jr{min-height:21rem}}@media (max-height: 374px){.timer.svelte-hq42jr{min-height:13rem}}.layout.svelte-8ddzyz{transition:.15s background-color ease}.layout.completed.svelte-8ddzyz{background-color:var(--color-secondary-container)}