@import"https://fonts.googleapis.com/css2?family=Kalam&display=swap";.modal{background:rgba(132,121,121,.6);position:absolute;width:100%;height:100%;z-index:10000}.modal-background{width:100vw;height:100vh;background-color:transparent;position:fixed;display:flex;justify-content:center;align-items:center}.modal-background .modal-container{width:50%;height:43%;max-width:550px;max-height:350px;border-radius:12px;color:#fff;background-color:var(--expanded-sidebar-hover-primary);box-shadow:#00000059 0 5px 15px;display:flex;flex-direction:column}.modal-background .modal-container .cancel{margin-left:auto;color:#fff;background:var(--expanded-sidebar-hover-primary);border-radius:12px;border:none}.modal-background .modal-container h1{font-size:20px;margin:5px 5px 0;text-align:center}.modal-background .modal-container h4{text-align:center;margin:0}.modal-background .modal-container .confirmation{display:flex;flex-direction:column;align-items:center;width:285px;align-self:center}.modal-background .modal-container .confirmation p{align-self:flex-start}.modal-background .modal-container .confirmation input{height:30px;border:none;width:180px;font-size:1rem;font-weight:600;line-height:1;outline:none;color:#fff;background-color:transparent;border-bottom:2px solid white}.modal-background .modal-container .confirmation .username{display:flex;flex-direction:row}.modal-background .modal-container .confirmation i{display:flex;justify-content:center;align-items:center;background:transparent;color:#fff;width:35px;height:32px;text-align:center;font-size:1.3rem;border-bottom:2px solid white}.modal-background .modal-container .confirmation ::placeholder{color:#fff}.modal-background .modal-container .delete{margin-top:20px;width:219px;height:42px;align-self:center;background:#FF0909;border-radius:10px;border:none;color:#fff;font-size:16px;cursor:pointer}.modal-background .modal-container .fill{margin-top:20px;width:219px;height:42px;align-self:center;background:#B20A0A;border-radius:10px;font-size:16px;border:none;color:#fff}.inspiration-box{position:absolute;bottom:10%;margin-bottom:5px;width:300px;right:5%;height:100px}.fade-out{color:#fff;text-align:center;font-size:15px;opacity:0;transition:opacity 1s ease}.fade-in{color:#fff;text-align:center;font-size:15px;transition:opacity 1s ease}#author{font-family:kalam,cursive}.pinned-task-content{text-decoration:none;box-shadow:3px 3px 5px 1px var(--sidebar-timer-btn-bg-primary);width:15em;height:15em;position:absolute;color:#fff;right:5%;top:10%;cursor:grab;overflow-y:auto;border-radius:5px;background:var(--expanded-sidebar-hover-primary);border:3px solid var(--sidebar-timer-btn-bg-primary)}.none{height:0px;width:0px}.pinned-task-content .sticky{cursor:grab;height:40px;display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;padding-left:10px;border-bottom:1px var(--sidebar-timer-btn-bg-primary) solid}.pinned-task-content .sticky p{font-family:Kalam,cursive;margin-top:28px;margin-right:auto;margin-left:15px;font-size:21px}.pinned-task-content .sticky .pin{margin-top:1px;padding-left:10px}.pinned-task-content .note{text-align:center;width:100%}.pinned-task-content .note .pinned-task{text-align:center;font-size:18px;margin:5px 10px;word-wrap:break-word}.login-form{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}.login-form h2{text-align:center;width:100%;color:#fff;margin:0;text-transform:uppercase}.login-form .form{height:20%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;margin-bottom:10px 0px 10px 0px}::placeholder{padding-left:5px;font-weight:500;color:#fff}.login-form .form .input-field i{display:flex;justify-content:center;align-items:center;background:transparent;color:#fff;width:35px;height:32px;text-align:center;font-size:1.3rem;border-bottom:2px solid white}.login-form .btn{margin-bottom:50px;width:50%;align-self:center;color:#fff;background:var(--profile-btn-primary);border:none;height:42px;cursor:pointer;border-radius:10px;font-size:16px;transition:.35s}.login-form .btn:hover{background:var(--sidebar-timer-btn-bg-primary)}.login-form .form .input-field{display:flex;flex-direction:row;justify-content:center;border:1px}.login-form .form .input-field .form-input:focus-visible{outline:none}.login-form .form .input-field .form-input{height:30px;border:none;width:180px;font-size:1rem;font-weight:600;line-height:1;outline:none;color:#fff;background-color:transparent;border-bottom:2px solid white}.login-form .footer{margin-top:-10px;width:210px;height:20%;padding-top:3px;border-top:solid 1px white;color:#fff;align-self:center;text-align:center;font-size:smaller}.login-form .footer p:hover{text-decoration:underline;color:#071344}.login-form .footer p{margin-top:3px;font-weight:700;cursor:pointer;border:none;color:#fff;font-size:small}.login-form .error{margin:10px 2px 2px;padding-left:5px;padding-right:5px;color:#ba3939;background:#ffe0e0;align-self:center;border:1px solid #a33a3a}.register-form{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}.register-form h2{text-align:center;width:100%;color:#fff;margin:0;text-transform:uppercase}.register-form .form{height:30%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;margin-bottom:10px 0px 10px 0px}::placeholder{padding-left:5px}.register-form .form .input-field i{display:flex;justify-content:center;align-items:center;background:transparent;color:#fff;width:35px;height:32px;text-align:center;font-size:1.3rem;border-bottom:2px solid white}.register-form .submit-registration{margin-bottom:50px;width:50%;align-self:center;color:#fff;background:var(--profile-btn-primary);border:none;height:42px;cursor:pointer;border-radius:10px;font-size:16px;transition:.35s}.register-form .submit-registration:hover{background:var(--sidebar-timer-btn-bg-primary)}.register-form .form .input-field{display:flex;flex-direction:row;justify-content:center;border:1px;height:32px}.register-form .form .input-field .form-input{height:30px;border:none;width:180px;font-size:1rem;font-weight:600;line-height:1;outline:none;color:#fff;background-color:transparent;border-bottom:2px solid white}.register-form .footer{margin-top:-10px;width:210px;height:20%;padding-top:3px;border-top:solid 1px white;align-self:center;text-align:center;color:#fff;font-size:smaller}.register-form .footer p{cursor:pointer;border:none;font-weight:700;font-size:small;margin:.5em}.register-form .footer p:hover{text-decoration:underline;color:#071344}.register-form .error{margin:10px 2px 2px;padding-left:5px;padding-right:5px;color:#ba3939;background:#ffe0e0;align-self:center;border:1px solid #a33a3a}.session-history{margin-top:10px;width:100%;display:flex;flex-direction:column}.session-history h4{color:#fff}.session-history .date{display:flex;flex-direction:column;width:80%;align-self:center;text-align:center;margin-bottom:10px;border-radius:7px;background-color:var(--sidebar-timer-btn-bg-primary)}.session-history .date h3{font-weight:400;font-size:24px;line-height:28.13px;margin:10px auto auto;color:var(--profile-btn-primary);color:#a596c3;color:#fff}.session-history .date .toulidine-blue{background-color:var(--profile-btn-primary);background-color:var(--sidebar-timer-btn-bg-primary);border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#fff}.session{display:flex;flex-direction:row;justify-content:space-around;height:10%;margin:10px}.session .type{width:50%;height:100%;margin:0;font-size:18px;font-weight:700}.session .duration{width:50%;height:100%;margin:0;font-size:18px}.completed-tasks p{text-align:center}.task-history .no-tasks{color:#fff;text-align:center}.task-history{margin-top:10px;width:100%;display:flex;flex-direction:column}.session-history .no-sessions{text-align:center}.task-history .date{display:flex;margin-bottom:10px;flex-direction:column;width:80%;align-self:center;text-align:flex-start;border-radius:7px;background-color:var(--sidebar-timer-btn-bg-primary)}.task-history .date .toulidine-blue{background-color:var(--sidebar-timer-btn-bg-primary);border-radius:10px}.task-history .date h3{font-weight:400;font-size:24px;line-height:28.13px;margin:10px auto auto;color:var(--profile-btn-primary);color:#fff;padding:5px}.task-name{font-size:18px;color:var(--profile-btn-primary);color:#fff;padding:0 20px}.history-tab .buttons{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;padding:10px;margin-right:50px;height:30%}.history-tab{display:flex;flex-direction:column}.history-tab .buttons .closed:hover{transition:.3s;background-color:var(--profile-btn-primary);background-color:var(--sidebar-timer-btn-bg-primary)}.history-tab .buttons .current:hover{transition:.3s}.history-tab .buttons .current{width:180px;height:42px;border-radius:5px;color:#fff;font-weight:700;background:var(--profile-btn-primary);background:var(--sidebar-timer-btn-bg-primary);font-size:14px;border:none;cursor:default}.history-tab .buttons .closed{width:155px;height:32px;color:#fff;background:var(--sidebar-timer-btn-bg-primary);background:var(--profile-btn-primary);border-radius:5px;font-size:14px;border:none;cursor:pointer}.music-tab{display:flex;height:100%;flex-direction:column;color:#fff;margin:0 20px}.music-tab h3{text-align:center}.video{flex-direction:column;display:flex;justify-content:center;align-items:center;margin:15px 0 0}.music-tab .music-icon{display:flex;flex-direction:column;justify-content:center;align-items:center}.btnplay:hover{background:var(--sidebar-timer-btn-bg-primary);cursor:pointer}.music-icon button{width:150px;height:42px;border-radius:5px;color:#fff;font-weight:700;background:var(--profile-btn-primary);font-size:14px;border:none;cursor:default;transition:.35s;margin:20px}.music-icon .btnplay-current{width:150px;height:42px;border-radius:5px;color:#fff;font-weight:700;background:var(--sidebar-timer-btn-bg-primary);font-size:14px;border:none;cursor:default;transition:.35s;margin:20px}.music-tab h4{margin:10px 2px 2px;padding-left:5px;padding-right:5px;color:#ba3939;background:#ffe0e0;align-self:center;border:1px solid #a33a3a}.music-tab .music-form{margin:20px 0}.music-form-input input{color:#fff;font-weight:700;font-size:14px}.music-form-input.music-form-input label{color:#fff}.music-form-input.music-form-input label+div:before{border-color:#fff!important;opacity:.5!important}.music-form-input.music-form-input label+div:after{border-color:#fff}.settings-tab{display:flex;flex-direction:column;color:#fff;width:100%}.settings-tab h2{text-align:center;margin-top:10px;margin-bottom:15px}.settings-tab .set-time{display:flex;flex-direction:column;width:90%;align-self:center}.settings-tab .set-time h4{margin:0 0 5px}.settings-tab .toggle-header{margin:15px 0 5px;width:90%;align-self:center}.settings-tab .set-time .time-forms{display:flex;flex-direction:row;border:none;background:var(--sidebar-timer-btn-bg-primary);border-radius:5px;justify-content:center;align-items:flex-start;margin-bottom:15px;width:100%}.settings-tab .set-time .time-forms .input-names{display:flex;flex-direction:column;width:70%;font-size:13px;padding:0 0 0 5px;list-style:none;justify-content:space-evenly;margin:5px}.settings-tab .set-time .inputs .session-num{width:78px;margin:5px 0;border-radius:8px;border:solid 1px black;cursor:pointer;height:20px}.settings-tab .set-time .inputs .session:focus-visible{outline:var(--profile-btn-primary)}.settings-tab .set-time .time-forms .input-names li{margin:8px 0}.settings-tab .set-time .time-forms .input-names p{margin:0}.settings-tab .set-time .time-forms .inputs{width:30%;display:flex;flex-direction:column;margin:1px 0}.settings-tab .set-time .time-forms .input-field{margin:6px 0 5px;padding-left:30px}.settings-tab .set-time .time-forms .time-toggle{margin:4px 0;padding-left:45px}.settings-tab .set-time .time-forms .input-field .input-form{width:70px;border-radius:8px;color:#000}.settings-tab .set-time .time-forms .input-field label{margin-left:5px;margin-right:12px;margin-top:2px}.settings-tab .color-themes{display:flex;flex-direction:column;align-self:center;width:90%}.settings-tab .color-themes h4{margin:0 0 5px}.settings-tab .color-themes .content{display:flex;flex-direction:column;border-radius:5px;background:var(--sidebar-timer-btn-bg-primary)}.settings-tab .color-themes .content .dark-area{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-left:5px;height:35px;width:100%}.settings-tab .color-themes .content .dark-area p{padding-top:1px;margin:0 193px 0 0;padding-left:5px;font-size:13px}.settings-tab .color-themes .color-palette{display:flex;flex-wrap:wrap;margin:0;border:none;align-self:flex-start;align-items:center;justify-content:center;width:98%;padding:5px;height:95px}.settings-tab .color-themes .color-palette .dot{height:25px;width:25px;border-radius:50%;border:solid 1px black;cursor:pointer;margin:10px 20px}.settings-tab .color-themes .color-palette .pdefault{background:#8270A9}.settings-tab .color-themes .color-palette .pdefault:hover{background:#615184}.settings-tab .color-themes .color-palette .red{background:#FF7F7F}.settings-tab .color-themes .color-palette .red:hover{background:#D36A6A}.settings-tab .color-themes .color-palette .orange{background:#F0BE63}.settings-tab .color-themes .color-palette .orange:hover{background:#D6A753}.settings-tab .color-themes .color-palette .light-green{background:#84a59d}.settings-tab .color-themes .color-palette .light-green:hover{background:#728F88}.settings-tab .color-themes .color-palette .green{background:#588157}.settings-tab .color-themes .color-palette .green:hover{background:#547952}.settings-tab .color-themes .color-palette .teal{background:#7FD3D3}.settings-tab .color-themes .color-palette .teal:hover{background:#56BCBC}.settings-tab .color-themes .color-palette .pink{background:#e27396}.settings-tab .color-themes .color-palette .pink:hover{background:#F192B0}.settings-tab .color-themes .color-palette .turquoise{background:#31B5DF}.settings-tab .color-themes .color-palette .turquoise:hover{background:#2FAAD1}.settings-tab .color-themes .color-palette .sbdefault{background:#6096BA}.settings-tab .color-themes .color-palette .sbdefault:hover{background:#5E87A3}.settings-tab .color-themes .color-palette .lbdefault{background:#9bb1ff}.settings-tab .color-themes .color-palette .lbdefault:hover{background:#8192FF}.settings-tab .notif-area{display:flex;flex-direction:row;border:none;background:var(--sidebar-timer-btn-bg-primary);border-radius:5px;width:90%;align-self:center;height:180px}.settings-tab .notif-area .notifs{width:40%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin-top:7px;margin-bottom:5px}.settings-tab .notif-area .notifs label{padding-left:60px;margin-top:2px}.settings-tab .notif-area .notifs .ding{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-around;width:100%}.settings-tab .notif-area .notifs .ding i{cursor:pointer}.settings-tab .notif-area .notifs .ding select{border-radius:8px;cursor:pointer;margin-bottom:10px;margin-top:5px}.settings-tab .notif-area .notif-names{margin:0 5px 0 0;padding:0 0 0 5px;width:230px;font-size:13px}.settings-tab .notif-area .notif-names p{padding-left:5px}.react-toggle{touch-action:pan-x;display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;-webkit-transition:opacity .25s;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#343434;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#19ab27}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#128d15}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0px;bottom:0px;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0px;bottom:0px;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #4D4D4D;border-radius:50%;background-color:#fafafa;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#19ab27}.react-toggle--focus .react-toggle-thumb{-webkit-box-shadow:0px 0px 3px 2px #0099E0;-moz-box-shadow:0px 0px 3px 2px #0099E0;box-shadow:0 0 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{-webkit-box-shadow:0px 0px 5px 5px #0099E0;-moz-box-shadow:0px 0px 5px 5px #0099E0;box-shadow:0 0 5px 5px #0099e0}.settings-tab .update-settings button{width:10rem;padding:12px;border-radius:10px;align-self:center;cursor:pointer;background:var(--profile-btn-primary);color:#fff;font-weight:700;font-size:16px;border:none}.settings-tab .update-settings button:hover{background:var(--sidebar-timer-btn-bg-primary)}.settings-tab .update-settings{margin-top:15px;display:flex;flex-direction:row;width:100%;justify-content:space-around}.fade-in{text-align:center;margin:10px 0;transition:opacity 1s ease}.fade-out{opacity:0;margin:10px 0;text-align:center;transition:opacity 1s ease}@media screen and (max-width: 431px){.settings-tab .set-time .time-forms .inputs{height:256px}.settings-tab .set-time .time-forms .inputs .input-field{padding-left:0;margin:14px 0}.settings-tab .set-time .time-forms .inputs .time-toggle{padding-left:15px;margin:10px 0}.settings-tab .set-time .time-forms .input-names li{width:68%}.settings-tab .color-themes .color-palette{height:95px}.settings-tab .color-themes .color-palette .dot{margin:5px 15px}.settings-tab .color-themes .content .dark-area p{margin-right:85px}.settings-tab .notif-area{height:220px}.settings-tab .notif-area .notif-names p{margin-top:16px;margin-bottom:16px}.settings-tab .notif-area .notifs label{padding-left:35px}.settings-tab .notif-area .notifs .ding{flex-direction:column;margin-right:5px}.settings-tab .update-settings{width:100%;justify-content:center;align-content:center}.settings-tab .update-settings button{height:40px;width:8rem;padding:6px;font-size:14px;margin:0 8px}}.todo-tab{display:flex;height:100%;flex-direction:column;color:#fff;margin:0 20px}.todo-tab h3{text-align:center}.todo-tab .todo-form{margin:20px 0}.todo-form-input input{color:#fff;font-weight:700;font-size:14px}.todo-form-input.todo-form-input label{color:#fff}.todo-form-input.todo-form-input label+div:before{border-color:#fff!important;opacity:.5!important}.todo-form-input.todo-form-input label+div:after{border-color:#fff}.todo-list{display:flex;flex-direction:column;justify-content:center;margin-top:20px}.todo-tab .todo-list .todo-row{display:flex;flex-direction:row;align-items:flex-start;color:#fff;background-color:var(--sidebar-timer-btn-bg-primary);border-radius:5px;width:100%;padding:9px}.todo-tab .todo-list .todo-row .todo-left-side{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;word-wrap:break-word;width:375px}.todo-tab .todo-list .todo-row .task-name{text-align:left;width:65%;padding:9px;margin:0% auto 0% 0%}.todo-tab .todo-list .todo-row .close-btn{margin:0% 3% 0% auto;align-self:right;justify-self:right;position:absolute;right:0;padding:0}.pin-btn{cursor:pointer}li{text-align:initial}.profile-tab{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.profile-tab h1{text-align:center;width:100%;color:#fff;margin:0 0 30px}.profile-tab .member-since{flex-direction:column;align-items:flex-start;margin-left:10px;margin-right:10px;height:70px;width:40%;color:#fff;text-align:left}.profile-tab .member-since h2{font-size:18px;margin:0 0 5px}.profile-tab .member-since h4{margin:0;text-align:left}.profile-tab .work-time{display:flex;flex-direction:column;align-items:flex-start;margin:10px 10px 50px;height:70px;width:40%;color:#fff}.profile-tab .work-time h2{font-size:18px;margin:0 0 5px}.profile-tab .work-time h4{margin:10px 0;font-size:15px}.profile-tab .buttons{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:170px;width:50%}.profile-tab button{width:100%;align-self:center;color:#fff;background:var(--profile-btn-primary);border:none;height:42px;cursor:pointer;border-radius:10px;font-size:16px;transition:.35s}.profile-tab button:hover{background:var(--sidebar-timer-btn-bg-primary)}.history-modal-background{width:100%;height:100%;background-color:var(--expanded-sidebar-hover-primary);display:flex;justify-content:center;align-items:center}.history-modal-background .history-modal-container{width:50%;padding:16px;border-radius:12px;background:var(--sidebar-timer-btn-bg-primary);color:#fff;box-shadow:#00000059 0 5px 15px;display:flex;flex-direction:column;margin-right:180px}.history-modal-background .history-modal-container p{text-align:center;margin-right:5px;margin-left:5px}.history-modal-background .btn-close-modal{margin-left:auto;text-decoration:none;font-size:22px;color:#fff;opacity:1;display:block}.history-modal-background .btn-close-modal{position:absolute;top:0;right:22px;font-size:36px;margin-left:50px}.history-modal-background .history-modal-container button{width:10rem;padding:10px;border-radius:10px;align-self:center;cursor:pointer;background:var(--profile-btn-primary);color:#fff;border:none}button:active{background-color:var(--expanded-sidebar-hover-primary);box-shadow:0 3px var(--expanded-sidebar-hover-primary);transform:translateY(4px)}.about-tab{color:#fff;height:90%}.about-tab h1{color:#fff;text-align:center;margin:35px}.about-pomozone h2{text-align:left;margin:35px 35px 10px}.about-pomozone p{text-align:left;margin:15px 35px 35px}.why-pomodoro{margin-bottom:auto}.why-pomodoro h2{margin:35px 35px 10px}.why-pomodoro p,.about-video{margin:15px 35px 35px}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 20px;width:100%;font-size:13px;position:relative;bottom:0}.footer p{margin:0}.footer a{color:#fff;font-style:none;text-decoration:none}.footer a:hover{color:#add8e6}.side-nav{height:100%;width:630px;position:fixed;z-index:1;Left:0;top:0;opacity:1;overflow-x:hidden;background:var(--expanded-sidebar-hover-primary);border-top-right-radius:15px;border-bottom-right-radius:15px;transform:translate(-100%);box-sizing:border-box}.side-nav .btn-close{margin-left:auto;text-decoration:none;font-size:22px;color:#fff;opacity:1;display:block;position:absolute}.side-nav .btn-close{position:absolute;top:0;right:22px;font-size:36px;margin-left:50px}#side-menu{padding-left:180px}.side-nav-open{transform:translate(0)}@media only screen and (max-width: 500px){#side-menu{padding-left:50px;transition:.45s;width:100%}}.sidebar{width:180px;min-height:100%;height:100%;color:#fff;display:flex;justify-content:space-between;align-items:center;background:var(--sidebar-timer-btn-bg-primary);flex-direction:column;z-index:2;transition:.35s;position:absolute}.sidebar-top{width:90%;padding:10px 0;margin-bottom:10px;display:flex;align-items:center;border-bottom:1px solid white;justify-content:center;margin-top:10px}.logo{font-size:24px;padding-bottom:5px;margin:0}.brand{font-weight:700;padding-left:10px}.sidebar-center{height:40%;width:100%;display:flex;align-items:center;margin-bottom:auto}.list{height:100%;display:flex;flex-direction:column;align-items:flex-end;list-style:none;background:var(--sidebar-timer-btn-bg-primary);padding:0;transition:.35s;width:100%}.list .active,.list .list-item:hover{background:var(--expanded-sidebar-hover-primary)}.list-item{margin-bottom:10px;font-size:14px;font-weight:500;cursor:pointer;width:80%;padding:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;display:flex;justify-content:flex-start;flex-direction:row}.list-item-text{padding:8px 5px 0}.list-item-icon{width:30px;height:30px;font-size:20px;display:flex;align-items:center;justify-content:center}.sidebar-bottom{width:100%;padding:10px 0;margin-bottom:10px;display:flex;align-items:center;justify-content:center;margin-top:10px;border:none}.sidebar-bottom .button{list-style:none;margin:5px;cursor:pointer;border-radius:5px}.sidebar-bottom .button:hover{font-weight:700;background-color:var(--expanded-sidebar-hover-primary)}@media only screen and (max-width: 500px){.sidebar{transition:.35s;width:50px}.list-item{justify-content:center}.brand,.list-item-text{display:none}.list-item-icon{padding-left:8px}.sidebar-bottom .button{margin:5px 5px 5px 0}}.timer{display:flex;align-self:center;justify-content:center;margin:auto}.timer .content{display:flex;flex-direction:column}.timer .content .timer-area{display:flex;flex-direction:column;width:330px;height:330px;align-items:center;align-content:center;justify-content:center;width:100%;overflow:visible}.timer .content .timer-area .time-reg,.timer .content .timer-area .time-dark{display:flex;flex-direction:row;font-style:normal;font-weight:400;font-size:100px;line-height:117px;align-items:center;text-align:center;color:#fff}.timer .content .session-reg{font-style:normal;font-weight:400;font-size:20px;line-height:24px;color:#fff;text-align:center;margin:0 0 25px}.timer .content .session-dark{font-style:normal;font-weight:400;font-size:20px;line-height:24px;text-align:center;margin:0 0 25px;color:#fff}.timer .content .buttons{display:flex;flex-direction:row}.timer .content .buttons button{border-radius:15px;width:90px;height:60px;margin:20px 16px 0;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;background:var(--sidebar-timer-btn-bg-primary)}.timer .content .buttons button:hover{background:var(--expanded-sidebar-hover-primary)}@media screen and (max-width: 431px){.timer .content .timer-area{width:300px;height:300px;margin-left:40px}.timer .content .timer-area .time-reg{font-size:85px}.timer .content .timer-area .buttons{width:300px}.timer .content .timer-area .buttons button{height:50px;width:80px}.timer .content .timer-area .buttons button img{height:45px;width:45px}}body{font-family:Open Sans,sans-serif;letter-spacing:.25mm}.app{display:flex;max-width:100vw;max-height:100vh;height:100vh;width:100vw;margin:0;overflow:visible;background:var(--timer-bg-primary)}.explode{position:absolute;right:50%;left:50%;top:50px;width:100vw;height:100vw}.pomozone-pdefault,.short-break-pdefault,.long-break-pdefault{--profile-btn-primary: #8270A9;--timer-bg-primary: #8270A9;--sidebar-timer-btn-bg-primary: #4a3e63;--expanded-sidebar-hover-primary: #615184;transition:.35s}.pomozone-sbdefault,.short-break-sbdefault,.long-break-sbdefault{--profile-btn-primary: #6096BA;--timer-bg-primary: #6096BA;--sidebar-timer-btn-bg-primary: #497593;--expanded-sidebar-hover-primary: #5E87A3;transition:.35s}.pomozone-lbdefault,.short-break-lbdefault,.long-break-lbdefault{--profile-btn-primary: #9bb1ff;--timer-bg-primary: #9bb1ff;--sidebar-timer-btn-bg-primary: #697EFF;--expanded-sidebar-hover-primary: #8192FF;transition:.35s}.pomozone-dark-mode,.short-break-dark-mode,.long-break-dark-mode{--profile-btn-primary: #121212;--timer-bg-primary: #121212;--sidebar-timer-btn-bg-primary: #292929;--expanded-sidebar-hover-primary: #303030;transition:.35s}.pomozone-turquoise,.short-break-turquoise,.long-break-turquoise{--profile-btn-primary: #31B5DF;--timer-bg-primary: #31B5DF;--sidebar-timer-btn-bg-primary: #299BBF;--expanded-sidebar-hover-primary: #2FAAD1;transition:.35s}.pomozone-teal,.short-break-teal,.long-break-teal{--profile-btn-primary: #7FD3D3;--timer-bg-primary: #7FD3D3;--sidebar-timer-btn-bg-primary: #64A4A4;--expanded-sidebar-hover-primary: #56BCBC;transition:.35s}.pomozone-green,.short-break-green,.long-break-green{--profile-btn-primary: #588157;--timer-bg-primary: #588157;--sidebar-timer-btn-bg-primary: #436142;--expanded-sidebar-hover-primary: #547952;transition:.35s}.pomozone-light-green,.short-break-light-green,.long-break-light-green{--profile-btn-primary: #84a59d;--timer-bg-primary: #84a59d;--sidebar-timer-btn-bg-primary: #607872;--expanded-sidebar-hover-primary: #728F88;transition:.35s}.pomozone-pink,.short-break-pink,.long-break-pink{--profile-btn-primary: #e27396;--timer-bg-primary: #e27396;--sidebar-timer-btn-bg-primary: #BD617E;--expanded-sidebar-hover-primary: #F192B0;transition:.35s}.pomozone-red,.short-break-red,.long-break-red{--profile-btn-primary: #FF7F7F;--timer-bg-primary: #FF7F7F;--sidebar-timer-btn-bg-primary: #D36A6A;--expanded-sidebar-hover-primary: #EF8484;transition:.35s}.pomozone-orange,.short-break-orange,.long-break-orange{--profile-btn-primary: #fdb833;--timer-bg-primary: #fdb833;--sidebar-timer-btn-bg-primary: #ff9500;--expanded-sidebar-hover-primary: #ffaa00;transition:.35s}@font-face{font-family:Roboto Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-condensed-cyrillic-ext-400-normal.97faf115.woff2) format("woff2"),url(/assets/roboto-condensed-all-400-normal.dcd32ca7.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-condensed-cyrillic-400-normal.bddd7c9d.woff2) format("woff2"),url(/assets/roboto-condensed-all-400-normal.dcd32ca7.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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) format("woff2"),url(/assets/roboto-condensed-all-400-normal.dcd32ca7.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-condensed-greek-400-normal.85f70e68.woff2) format("woff2"),url(/assets/roboto-condensed-all-400-normal.dcd32ca7.woff) format("woff");unicode-range:U+0370-03FF}@font-face{font-family:Roboto Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-condensed-vietnamese-400-normal.a443599b.woff2) format("woff2"),url(/assets/roboto-condensed-all-400-normal.dcd32ca7.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-condensed-latin-ext-400-normal.30fa7063.woff2) format("woff2"),url(/assets/roboto-condensed-all-400-normal.dcd32ca7.woff) format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-condensed-latin-400-normal.6b4fac99.woff2) format("woff2"),url(/assets/roboto-condensed-all-400-normal.dcd32ca7.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{margin:0;overflow:hidden;height:100vh}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}