.pomodoro-outer.svelte-p0gt6x{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:300px;max-width:100%;height:450px;padding:50px;border-radius:50px;background:#e0e0e0;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff}.modes-container.svelte-p0gt6x{display:flex;justify-content:space-between;width:100%;gap:20px}.mode.svelte-p0gt6x{width:100%;text-align:center;font-weight:700;font-size:x-large;color:#bebebe}.mode-line.svelte-p0gt6x{height:3px;width:100%;background-color:#bebebe;border-radius:50px;transition:all .3s ease}.active-mode.svelte-p0gt6x{color:#00c65a;color:oklch(.723 .419 149.579);text-shadow:0 10px 80px #22c55e}.active-line.svelte-p0gt6x,.active-break.svelte-p0gt6x,.completed-break.svelte-p0gt6x{background-color:#00c65a;background-color:oklch(.723 .419 149.579);box-shadow:0 0 #22c55e,0 0 1px #22c55e,0 0 80px #22c55e}.big-break.svelte-p0gt6x{background-color:#009aa0;background-color:oklch(.623 .619 199.579)}.timer-outer.svelte-p0gt6x{position:relative;height:180px;width:180px;border-radius:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#cacaca;overflow:hidden;box-shadow:inset 0 0 8px #53535334;transition:background .3s ease}.timer-outer.svelte-p0gt6x:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transition:background .1s ease}.timer-inner.svelte-p0gt6x{position:relative;height:80%;width:80%;border-radius:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(145deg,#e0e0e0,#f0f0f0);box-shadow:0 0 10px 3px #72727242;z-index:1}.timer-active.svelte-p0gt6x{background:#00c65a;background:oklch(.723 .419 149.579)}.timer-active.svelte-p0gt6x:before{background:conic-gradient(transparent var(--progress),#cacaca var(--progress))}.timer-paused.svelte-p0gt6x{background:#ffab2c}.timer-paused.svelte-p0gt6x:before{background:conic-gradient(transparent var(--progress),#cacaca var(--progress))}.timer-finished.svelte-p0gt6x{background:#ff2c2c}.timer-paused.svelte-p0gt6x,.timer-finished.svelte-p0gt6x{box-shadow:inset 0 0 8px #7e7e7e86}.buttons-container.svelte-p0gt6x{display:flex;justify-content:space-between;width:100%}button.svelte-p0gt6x{display:flex;justify-content:center;gap:5px;align-items:center;width:60px;height:40px;border-radius:15px;background:#e8e8e8;border:1px solid #e8e8e8;cursor:pointer;transition:all .3s;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff}button.svelte-p0gt6x:active{color:#666;box-shadow:inset 4px 4px 12px #c5c5c5,inset -4px -4px 12px #fff}.blue-flicker.svelte-p0gt6x{animation:svelte-p0gt6x-flicker 1s infinite step-end}@keyframes svelte-p0gt6x-flicker{0%,to{background:#bebebe;box-shadow:none}50%{background:#009aa0;background:oklch(.623 .619 199.579);box-shadow:0 0 #009aa0,0 0 5px #009aa0,0 0 30px #009aa0;box-shadow:0 0 oklch(.623 .619 199.579),0 0 5px oklch(.623 .619 199.579),0 0 30px oklch(.623 .619 199.579)}}.glow.svelte-p0gt6x{background:#00c65a;background:oklch(.723 .419 149.579);box-shadow:0 0 #22c55e,0 0 5px #22c55e,0 0 30px #22c55e}.switch-container.svelte-ki480z{position:relative;width:130px;height:40px;background:#e0e0e0;border-radius:50px;box-shadow:inset -8px -8px 16px #fff,inset 8px 8px 16px #bebebe}.toggle-checkbox.svelte-ki480z{display:none}.switch.svelte-ki480z{position:absolute;top:50%;left:0;width:100%;height:100%;transform:translateY(-50%);border-radius:50px;overflow:hidden;cursor:pointer}.toggle.svelte-ki480z{position:absolute;width:60px;height:30px;background:#e8e8e8;border-radius:50px;top:5px;left:5px;box-shadow:-4px -4px 8px #fff,4px 4px 8px #bebebe;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:flex-start;padding-left:10px}.led.svelte-ki480z{width:10px;height:10px;background:#bebebe;border-radius:50%;transition:all .3s ease-in-out}.toggle-checkbox.svelte-ki480z:checked+.switch:where(.svelte-ki480z) .toggle:where(.svelte-ki480z){left:65px}.toggle-checkbox.svelte-ki480z:checked+.switch:where(.svelte-ki480z) .led:where(.svelte-ki480z){background:#00c65a;background:oklch(.723 .419 149.579);box-shadow:0 0 #22c55e,0 0 5px #22c55e,0 0 30px #22c55e}.switch.svelte-ki480z:hover .toggle:where(.svelte-ki480z){box-shadow:-4px -4px 12px #fff,4px 4px 12px #bebebe}