:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{align-self:start;width:100%;height:100%;flex:1}body{margin:0;display:flex;place-items:center;min-width:200px;min-height:100vh}.timer.svelte-1tqczcw{position:relative;display:flex;padding:3px;background:#273035;border-radius:4px}.timer-tray.svelte-1tqczcw{z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;width:100%;height:100%;padding:4px 4px 4px 6px;background:#171e24dd;border-radius:4px}.complete:where(.svelte-1tqczcw) .timer-tray.svelte-1tqczcw{background:#171e2499}.layout-list:where(.svelte-1tqczcw) .timer-tray.svelte-1tqczcw{grid-template-columns:auto auto auto}.timestamp.svelte-1tqczcw{font-family:monospace;font-size:90%;padding:2px 5px;background:#0008;border-radius:4px}.info.svelte-1tqczcw{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer.layout-list:where(.svelte-1tqczcw):hover .info.svelte-1tqczcw .name:where(.svelte-1tqczcw){display:block!important}.timer.layout-list:where(.svelte-1tqczcw):hover .info.svelte-1tqczcw .name-timestamp:where(.svelte-1tqczcw){position:absolute;padding:2px 6px;background:#fff8;transform:translate(-8px)}@media(max-width:290px){.timer:where(.svelte-1tqczcw):hover .countdown.svelte-1tqczcw .timestamp:where(.svelte-1tqczcw){display:none}}.actions.svelte-1tqczcw{display:flex;justify-content:end;gap:3px}.layout-list:where(.svelte-1tqczcw) .actions.svelte-1tqczcw{flex-direction:row-reverse}.progressbar-fill.svelte-1tqczcw{position:absolute;top:0;left:0;height:100%;background:#777;border-radius:4px}.btn.svelte-1tqczcw{all:unset;display:flex;align-items:center;justify-content:center;padding:0 4px;height:20px;color:#000;font-size:13px;background:#eaeaea;border-radius:3px;cursor:pointer}.btn.svelte-1tqczcw:hover{background:#ddd}.btn-group.svelte-1tqczcw{display:flex}.btn-group.svelte-1tqczcw .btn:where(.svelte-1tqczcw){border-radius:0}.btn-group.svelte-1tqczcw .btn:where(.svelte-1tqczcw):first-of-type{border-top-left-radius:3px;border-bottom-left-radius:3px}.btn-group.svelte-1tqczcw .btn:where(.svelte-1tqczcw):last-of-type{border-top-right-radius:3px;border-bottom-right-radius:3px}.btn-group.svelte-1tqczcw .btn:where(.svelte-1tqczcw)+.btn:where(.svelte-1tqczcw){border-left:1px solid #999}.red-text.svelte-1tqczcw{color:red}.timer:where(.svelte-1tqczcw):not(:hover) .show-on-timer-hover.svelte-1tqczcw{display:none}.timer:where(.svelte-1tqczcw):hover .hide-on-timer-hover.svelte-1tqczcw{display:none}.switch.svelte-1e7qfqt{position:relative;display:inline-block;width:var(--width);height:var(--height);--slider-size: calc(var(--height) - var(--pad) * 2)}.switch.lg.svelte-1e7qfqt{--width: 60px;--height: 34px;--pad: 4px}.switch.md.svelte-1e7qfqt{--width: 44px;--height: 26px;--pad: 4px}.switch.svelte-1e7qfqt input:where(.svelte-1e7qfqt){opacity:0;width:0;height:0}.slider.svelte-1e7qfqt{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s cubic-bezier(0,1,.5,1);border-radius:var(--pad)}.slider.svelte-1e7qfqt:before{position:absolute;content:"";height:var(--slider-size);width:var(--slider-size);left:var(--pad);bottom:var(--pad);background-color:#fff;transition:.4s cubic-bezier(0,1,.5,1);border-radius:3px}input.svelte-1e7qfqt:checked+.slider:where(.svelte-1e7qfqt){background-color:#52c944}input.svelte-1e7qfqt:focus+.slider:where(.svelte-1e7qfqt){box-shadow:0 0 4px #7efa70}input.svelte-1e7qfqt:checked+.slider:where(.svelte-1e7qfqt):before{transform:translate(calc(var(--width) - var(--slider-size) - var(--pad) * 2))}.slider.round.svelte-1e7qfqt{border-radius:var(--height)}.slider.round.svelte-1e7qfqt:before{border-radius:50%}input.svelte-1e7qfqt:checked+.slider.red:where(.svelte-1e7qfqt){background-color:#dc143c}input.svelte-1e7qfqt:focus+.slider.red:where(.svelte-1e7qfqt){box-shadow:0 0 4px #dc143c}input.svelte-1e7qfqt:checked+.slider.blue:where(.svelte-1e7qfqt){background-color:#424bf5}input.svelte-1e7qfqt:focus+.slider.blue:where(.svelte-1e7qfqt){box-shadow:0 0 4px #424bf5}.edit-grid.svelte-1tnms02{display:grid;grid-template-columns:1fr 1fr;gap:4px 6px;padding:6px 10px;width:100%;box-sizing:border-box}.edit-grid.svelte-1tnms02 label:where(.svelte-1tnms02){color:#ddd}.edit-grid.svelte-1tnms02 input:where(.svelte-1tnms02){width:100%;box-sizing:border-box}.edit-grid.svelte-1tnms02 .edit-time-grid:where(.svelte-1tnms02){display:grid;grid-template-columns:auto 1fr;gap:2px 4px;width:100%}.edit-grid.svelte-1tnms02 .switches-grid:where(.svelte-1tnms02){grid-column:span 2;display:flex;justify-content:space-between;gap:2px 4px;width:100%}.edit-grid.svelte-1tnms02 .switch-group:where(.svelte-1tnms02){display:flex;flex-direction:column;gap:2px}.edit-grid.svelte-1tnms02 .volume-group:where(.svelte-1tnms02){display:flex;flex-direction:column;gap:2px}.edit-grid.svelte-1tnms02 .edit-grid-actions:where(.svelte-1tnms02){grid-column:span 2;display:grid;grid-template-columns:1fr 40% 1fr;justify-content:center;gap:3px;margin-top:5px}.edit-grid.svelte-1tnms02 .edit-grid-actions:where(.svelte-1tnms02) :where(.svelte-1tnms02):last-child{display:flex;justify-content:end}.btn.svelte-1tnms02{all:unset;display:flex;align-items:center;justify-content:center;padding:2px 4px;color:#000;font-size:13px;background:#eaeaea;border-radius:3px;cursor:pointer}.btn.svelte-1tnms02:hover{background:#ddd}.alert.svelte-1mtczr{margin:9px 10px 4px;padding:3px 5px;background:navy;border:1px solid #DDD;border-radius:3px}.draggable.svelte-iagtdh{transition:opacity .2s ease;cursor:move}.draggable.dragging.svelte-iagtdh{opacity:.5;cursor:grabbing}.draggable.drag-over.svelte-iagtdh{outline:2px solid #4CAF50;outline-offset:-2px;border-radius:4px}.draggable.drag-over.svelte-iagtdh:before{content:"";position:absolute;width:2px;height:16px;border-radius:50px;background:#fff;transform:translate(-3px,50%)}.timers-list.grid.svelte-1n46o8q{display:grid;gap:5px 5px;padding:5px;margin:0;grid-template-columns:1fr;list-style:none}@media(min-width:600px){.timers-list.grid.svelte-1n46o8q{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.timers-list.grid.svelte-1n46o8q{grid-template-columns:repeat(3,1fr)}}.timers-list.list.svelte-1n46o8q{display:flex;flex-wrap:wrap;gap:5px;padding:5px;margin:0}.meta-li.svelte-1n46o8q{display:grid;grid-template-columns:1fr auto;justify-content:center;padding:5px 10px;background:#fff2;border:2px solid #FFFFFF55;border-radius:4px}.add-timer-wrapper.svelte-1n46o8q{display:flex;justify-content:center}.add-timer-button.svelte-1n46o8q{min-width:125px;padding:0 20px;display:inline-block;font-size:14px;font-weight:600;color:#111;text-transform:uppercase;background:#ccc;border:none;cursor:pointer;transform:skew(-21deg)}.add-timer-button.svelte-1n46o8q span:where(.svelte-1n46o8q){display:inline-block;transform:skew(21deg)}.add-timer-button.svelte-1n46o8q:before{content:"";position:absolute;top:0;bottom:0;left:0;right:100%;background:#111;opacity:0;z-index:-1;transition:all .5s}.add-timer-button.svelte-1n46o8q:hover{color:#fff}.add-timer-button.svelte-1n46o8q:hover:before{left:0;right:0;opacity:1}.list-layout-container.svelte-1n46o8q{display:flex;align-items:center;gap:5px;font-size:14px;text-transform:uppercase;padding-left:5px;margin-left:15px;border-left:1px solid #FFFFFF55}.list-layout-container.svelte-1n46o8q button:where(.svelte-1n46o8q){text-transform:capitalize;padding:0 6px;cursor:pointer}