.top-section[data-v-dd316620]{align-items:center;background:#181a1b;color:#b2aca2;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;min-height:calc(100vh - 75px)}@media(max-width:600px){.top-section[data-v-dd316620]{min-height:auto;padding-bottom:40px}}.top-section h1[data-v-dd316620],.top-section h2[data-v-dd316620],.top-section h3[data-v-dd316620],.top-section h4[data-v-dd316620]{color:#abbdce}.top-section .paragraph[data-v-dd316620]{color:#b2aca2;margin:0}.color-header[data-v-dd316620]{-webkit-text-fill-color:transparent;animation:animatedgradient-dd316620 12s ease infinite alternate;background:-webkit-linear-gradient(60deg,#6fba82,#1098ad,#07b39b,#5073b8,#a166ab,#ef4e7b,#f37055,#f79533);background-clip:text;-webkit-background-clip:text;background-size:300% 300%}.pomodoro-container[data-v-dd316620]{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px;width:100%}@media(max-width:600px){.pomodoro-container[data-v-dd316620]{margin-top:15px}}.pomodoro-container .pomodoro[data-v-dd316620]{background-color:#1a1c1e;border:2px solid #a59d92;border-radius:3px;margin:0 8px 24px;max-width:540px;min-height:100px;padding:36px;width:100%}@media(max-width:600px){.pomodoro-container .pomodoro[data-v-dd316620]{padding:20px 0}}.pomodoro-container .tasks-view[data-v-dd316620],.pomodoro-container .timer-view[data-v-dd316620]{align-items:center;display:flex;flex-direction:column;gap:36px}.pomodoro-container .bottom-controls[data-v-dd316620],.pomodoro-container .top-controls[data-v-dd316620]{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}@media(max-width:600px){.pomodoro-container .top-controls[data-v-dd316620]{gap:12px}}.pomodoro-container .top-controls.minified[data-v-dd316620]{gap:8px}.pomodoro-container .top-controls.minified .mode-tag[data-v-dd316620]{margin-right:16px;transition:all .5s}.pomodoro-container .top-controls.minified .mode-tag.timer-red[data-v-dd316620]{border-color:#f44336;color:#f44336}.pomodoro-container .top-controls.minified .mode-tag span[data-v-dd316620]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pomodoro-container .top-controls.minified .control-button[data-v-dd316620]{height:38px;width:38px}.pomodoro-container .mode-tag[data-v-dd316620]{background:none;border:2px solid #a59d92;border-radius:19px;color:#a59d92;flex-shrink:0;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;line-height:18px;margin:0;padding:8px 16px;transition:all .15s}@media(max-width:600px){.pomodoro-container .mode-tag[data-v-dd316620]{padding:8px 10px}}.pomodoro-container .mode-tag[data-v-dd316620]:not(.active):hover{border-color:#bbb5ac;color:#bbb5ac}.pomodoro-container .mode-tag[data-v-dd316620]:disabled{cursor:not-allowed}.pomodoro-container .mode-tag.active[data-v-dd316620]{border-color:#145cf2;opacity:1;pointer-events:none}.pomodoro-container .timer[data-v-dd316620]{font-feature-settings:"tnum";color:#bbb5ac;font-family:Manrope,sans-serif;font-size:110px;font-variant-numeric:tabular-nums;font-weight:700;transition:color .5s}.pomodoro-container .timer.timer-red[data-v-dd316620]{color:#f44336}@media(max-width:500px){.pomodoro-container .bigger-timer[data-v-dd316620]{font-size:80px}}@media(max-width:420px){.pomodoro-container .bigger-timer[data-v-dd316620]{font-size:65px}}.pomodoro-container .progress-bar-wrapper[data-v-dd316620]{margin-top:16px;max-width:540px;position:relative;top:2px;width:100%}.pomodoro-container .progress-bar[data-v-dd316620]{background:#a59d92;border-radius:2px 2px 0 0;display:block;height:5px;transition:all .5s,opacity .2s}.pomodoro-container .progress-bar.hidden[data-v-dd316620]{opacity:0}.pomodoro-container .control-button[data-v-dd316620]{align-items:center;background-color:#a59d92;border:none;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0;padding:12px;width:60px}.pomodoro-container .control-button.main-action[data-v-dd316620]{background-color:#145cf2}.pomodoro-container .control-button.main-action[data-v-dd316620]:hover{background-color:#336df3}.pomodoro-container .control-button[data-v-dd316620]:hover:not(.main-action){background-color:#4e5458}.pomodoro-container .control-button[data-v-dd316620]:active:not(.main-action){background-color:#bbb5ac}.pomodoro-container .settings-button[data-v-dd316620]{background-color:transparent;border:2px solid #a59d92}.pomodoro-container .settings-button path[data-v-dd316620]:last-child{fill:#a59d92;transition:fill .2s}.pomodoro-container .settings-button[data-v-dd316620]:hover:not(.main-action){background-color:transparent;border-color:#bbb5ac}.pomodoro-container .settings-button:hover:not(.main-action) path[data-v-dd316620]:last-child{fill:#bbb5ac}.pomodoro-container .view-toggle[data-v-dd316620]{align-items:center;background:none;border:none;color:#bbb5ac;display:flex;font-size:14px;font-weight:700;justify-content:center;margin:0;padding:0}.pomodoro-container .tasks-view[data-v-dd316620]{gap:48px}.pomodoro-container .tasks-view ul[data-v-dd316620]{align-items:stretch;display:flex;flex-direction:column;gap:16px;justify-content:flex-start;list-style:none;margin:0;max-width:475px;padding:0;width:100%}@media(max-width:600px){.pomodoro-container .tasks-view ul[data-v-dd316620]{padding:0 10px}}.pomodoro-container .tasks-view ul li[data-v-dd316620]{width:100%}.pomodoro-container .tasks-view .task-item[data-v-dd316620]{align-items:center;border:1px solid #a59d92;border-radius:2px;color:#a59d92;display:flex;font-family:Roboto,sans-serif;font-size:14px;gap:16px;line-height:18px;margin:0;padding:8px 16px}.pomodoro-container .tasks-view .task-item .done[data-v-dd316620]{-webkit-text-decoration:line-through;text-decoration:line-through}.pomodoro-container .tasks-view .task-item input[data-v-dd316620]{width:auto}.pomodoro-container .tasks-view .task-item input[data-v-dd316620],.pomodoro-container .tasks-view .task-item label[data-v-dd316620]{cursor:pointer}.pomodoro-container .tasks-view .remove-task[data-v-dd316620]{align-items:center;background:none;border:none;color:#a79f93;display:flex;font-size:16px;font-weight:bolder;justify-content:center;margin:0 0 0 auto;transition:color .15s}.pomodoro-container .tasks-view .remove-task[data-v-dd316620]:hover{color:#f44336}.pomodoro-container .tasks-view .add-item[data-v-dd316620]{margin:0;padding:0}.pomodoro-container .tasks-view .new-task-button[data-v-dd316620]{background:none;border:1px dashed #a59d92;color:#a59d92;font-family:Roboto,sans-serif;font-size:14px;margin:0;padding:10px 16px;transition:all .15s;width:100%}.pomodoro-container .tasks-view .new-task-button[data-v-dd316620]:hover{background:#145cf2;border-color:#145cf2;border-style:solid;color:#fff}.pomodoro-container .modal[data-v-dd316620]{background-color:#181a1b;max-height:auto;max-width:450px}.pomodoro-container .modal h2[data-v-dd316620]{margin-bottom:20px}.pomodoro-container .modal h4[data-v-dd316620]{flex:1 0 100%;margin-bottom:4px}.pomodoro-container .modal .duration-columns[data-v-dd316620]{align-items:stretch;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.pomodoro-container .modal .duration-wrapper[data-v-dd316620]{display:flex;flex-basis:30%;flex-direction:column}.pomodoro-container .modal input[data-v-dd316620]{background:#181a1b;border-color:#213253;color:#bbb5ac;margin:2px 0 0;width:100%}.pomodoro-container .modal input[data-v-dd316620]:hover{border-color:#4e5458}.pomodoro-container .modal input[data-v-dd316620]:focus{border-color:#145cf2}.pomodoro-container .modal .action[data-v-dd316620]{justify-content:space-between;margin-top:24px}.pomodoro-container .modal button[data-v-dd316620]{color:#bbb5ac;margin:0}.pomodoro-container .modal button[type=submit][data-v-dd316620]{color:#fff}.pomodoro-container .modal button[data-v-dd316620]:focus,.pomodoro-container .modal button[data-v-dd316620]:hover{background-image:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.1))}.pomodoro-container .modal button[data-v-dd316620]:active{background-image:linear-gradient(hsla(0,0%,100%,.2),hsla(0,0%,100%,.2))}.pomodoro-container .modal .sound-controls[data-v-dd316620]{margin:18px 0}.pomodoro-container .modal .sound-controls input[type=range][data-v-dd316620]{accent-color:#668ee5;cursor:pointer;padding:0}.pomodoro-container .modal .select-alarm-wrapper[data-v-dd316620]{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;margin-bottom:16px}.pomodoro-container .modal .select-alarm-wrapper h4[data-v-dd316620]{flex:1 0 100%}.pomodoro-container .modal .select-alarm-wrapper button[data-v-dd316620]{align-items:center;background-color:transparent;border:none;display:flex;font-size:16px;font-weight:500;gap:6px;justify-content:center;padding:8px;transition:all .1s}.pomodoro-container .modal .select-alarm-wrapper button path[data-v-dd316620]:last-child{fill:#bbb5ac}.pomodoro-container .modal .select-alarm-wrapper select[data-v-dd316620]{background:#181a1b;border:1px solid #293c63;border-radius:2px;box-sizing:border-box;color:#bbb5ac;cursor:pointer;font-family:Roboto;font-size:16px;outline:none;padding:8px 12px;width:75%}.pomodoro-container .auto-start[data-v-dd316620],.pomodoro-container .light-mode[data-v-dd316620],.pomodoro-container .notification[data-v-dd316620]{cursor:pointer;display:flex;gap:12px;margin-bottom:8px}.pomodoro-container .auto-start input[data-v-dd316620],.pomodoro-container .light-mode input[data-v-dd316620],.pomodoro-container .notification input[data-v-dd316620]{width:auto}.top-section.light[data-v-dd316620]{background:#fff;color:#555}.top-section.light h1[data-v-dd316620],.top-section.light h2[data-v-dd316620],.top-section.light h3[data-v-dd316620],.top-section.light h4[data-v-dd316620]{color:#334357}.top-section.light .paragraph[data-v-dd316620]{color:#333}.top-section.light .pomodoro[data-v-dd316620]{background-color:#f8fafe;border-color:#dce3f1}.top-section.light .mode-tag[data-v-dd316620]{border-color:#8c8c9e;color:#8c8c9e}.top-section.light .mode-tag[data-v-dd316620]:not(.active):hover{border-color:#3e3e52;color:#3e3e52}.top-section.light .mode-tag.active[data-v-dd316620]{border-color:#145cf2;color:#145cf2}.top-section.light .timer[data-v-dd316620]{color:#3e3e52}.top-section.light .progress-bar[data-v-dd316620]{background:#c0c0d4}.top-section.light .new-task-button[data-v-dd316620],.top-section.light .view-toggle[data-v-dd316620]{color:#8c8c9e}.top-section.light .view-toggle[data-v-dd316620]:hover{color:#5e5e71}.top-section.light .control-button[data-v-dd316620]{background-color:#8c8c9e}.top-section.light .control-button .square[data-v-dd316620]{fill:#fff}.top-section.light .control-button.main-action[data-v-dd316620]{background-color:#145cf2}.top-section.light .control-button.main-action[data-v-dd316620]:hover{background-color:#336df3}.top-section.light .control-button[data-v-dd316620]:hover:not(.main-action){background-color:#5e5e71}.top-section.light .control-button[data-v-dd316620]:active:not(.main-action){background-color:#3e3e52}.top-section.light .settings-button[data-v-dd316620]{background-color:transparent;border-color:#8c8c9e}.top-section.light .settings-button path[data-v-dd316620]:last-child{fill:#8c8c9e}.top-section.light .settings-button[data-v-dd316620]:hover:not(.main-action){background-color:transparent;border-color:#5e5e71}.top-section.light .settings-button:hover:not(.main-action) path[data-v-dd316620]:last-child{fill:#5e5e71}.top-section.light .tasks-view .task-item[data-v-dd316620]{background-color:#fff;border-color:#c0c0d4;color:#334357}.top-section.light .tasks-view .remove-task[data-v-dd316620]{color:#5e5e71}.top-section.light .tasks-view .remove-task[data-v-dd316620]:hover{color:#f44336}.top-section.light .modal[data-v-dd316620]{background-color:#fff}.top-section.light .modal h2[data-v-dd316620],.top-section.light .modal h4[data-v-dd316620]{color:#555}.top-section.light .modal input[type=range][data-v-dd316620]{accent-color:#145cf2}.top-section.light .modal input[data-v-dd316620]{background:none;border-color:#dce3f1;color:#3e3e52}.top-section.light .modal input[data-v-dd316620]:hover{border-color:#8c8c9e}.top-section.light .modal input[data-v-dd316620]:focus{border-color:#145cf2}.top-section.light .modal button[data-v-dd316620]:not([type=submit]){color:#5e5e71;transition:all .2s}.top-section.light .modal button[data-v-dd316620]:not([type=submit]):focus,.top-section.light .modal button[data-v-dd316620]:not([type=submit]):hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.top-section.light .modal button[data-v-dd316620]:not([type=submit]):active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.top-section.light .modal button:not([type=submit]) path[data-v-dd316620]:last-child{fill:#5e5e71}.top-section.light .modal .select-alarm-wrapper select[data-v-dd316620]{background:#fff;border-color:#dce3f1;color:#3e3e52}h1.section-header[data-v-dd316620]{margin-bottom:0;margin-top:0;padding-top:10px}@media(max-width:600px){h1.section-header[data-v-dd316620]{padding-top:0}}@keyframes animatedgradient-dd316620{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.spinner-position[data-v-914f33c6]{left:0;position:absolute;z-index:10}.overlay[data-v-914f33c6],.spinner-position[data-v-914f33c6]{font-size:10px;height:100%;text-align:center;top:0;width:100%}.overlay[data-v-914f33c6]{background-color:#8c8c8c;opacity:.7;padding:200px 0;position:fixed}.spinner>.rect[data-v-914f33c6]{animation:stretchdelay-914f33c6 1.2s ease-in-out infinite;background-color:#5e5e71;display:inline-block;height:50px;width:6px}.spinner-small[data-v-914f33c6]{align-items:center;display:inline-flex;gap:3px;justify-content:center;margin-left:7px}.spinner-small .rect4[data-v-914f33c6],.spinner-small .rect5[data-v-914f33c6]{display:none}.spinner-small>.rect[data-v-914f33c6]{background-color:#3e3e52;height:15px;position:relative;top:2px;width:3px}.spinner-light>.rect[data-v-914f33c6]{background-color:#c4c4c4}.spinner .rect2[data-v-914f33c6]{animation-delay:-1.1s}.spinner .rect3[data-v-914f33c6]{animation-delay:-1s}.spinner .rect4[data-v-914f33c6]{animation-delay:-.9s}.spinner .rect5[data-v-914f33c6]{animation-delay:-.8s}@keyframes stretchdelay-914f33c6{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}