@import"https://fonts.googleapis.com/css2?family=Albert+Sans:wght@600";@import"https://fonts.googleapis.com/css2?family=Albert+Sans&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900";@import"https://fonts.googleapis.com/css2?family=Chivo+Mono:ital,wght@0,100..900;1,100..900";.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.dailyProgressSection{background-color:#ffffff1a;border:1px solid var(--fontColor);border-radius:2rem;display:flex;flex-direction:row;font-size:16px;height:100%;justify-content:space-between;padding:1rem 1.3rem;position:relative;width:100%}.dailyProgressInfoSection{display:flex;flex-direction:column;justify-content:space-between}.dailyProgressTitle{font-size:16px;font-weight:600}.completedTasksSection{align-items:center;display:flex;flex-direction:row}.formula{background-color:var(--fontColor);border-radius:1.5rem;color:var(--background);margin-right:.4rem;padding:.1rem .7rem;width:fit-content}.formulaText{font-size:14px;font-weight:500}.date{font-size:13px}.progressbar{font-weight:600}@media (min-width: 475px){.completedTasksSection{align-items:center;display:flex;flex-direction:row}}@media (min-width: 768px){.dailyProgressSection{height:110px}.dailyProgressTitle{font-size:17px}.formulaText{font-size:15px}.date{font-size:14px}.progressbar{position:initial}}@media (min-width: 1025px){.dailyProgressSection{height:118px;order:1}}footer{align-items:center;bottom:1rem;display:flex;flex-direction:column;font-size:12px;justify-content:center;position:absolute;text-align:center;width:100%;z-index:9}.footerLink{font-weight:700;margin-left:.2rem;text-decoration:none}@media (min-width: 1025px){footer{position:relative;padding-bottom:.75rem}}.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:#4d4d4d;-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:0;bottom:0;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:0;bottom:0;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}.react-toggle{width:42px!important;height:22px!important;position:relative}.react-toggle-track{background-color:var(--background)!important;border:1px solid var(--fontColor);border-radius:12px!important;transition:background-color .3s ease-in-out!important;width:42px}.react-toggle-thumb{background-color:var(--fontColor)!important;border-radius:50%!important;border:none!important;width:19px!important;height:19px!important;top:2px!important;left:2px!important;transition:transform .3s ease-in-out,background-color .3s ease-in-out!important}.react-toggle--checked .react-toggle-track{background-color:var(--fontColor)!important}.react-toggle--checked .react-toggle-thumb{background-color:var(--background)!important;transform:translate(18px)!important}.react-toggle-track-check,.react-toggle-track-x{display:none!important}.react-toggle--focus .react-toggle-thumb{outline:none!important;box-shadow:none!important}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{box-shadow:none}section{padding-bottom:.2rem}.title{font-size:14px;opacity:.6;padding:.5rem 0}.subtitle{padding:.5rem 0}.settingsHeaderSection{padding:.3rem 2rem 1.2rem;position:relative}.settingsHeaderTitle{font-size:16px;margin:0;text-align:center}.iconClose{position:absolute;right:.4rem;top:.4rem}.iconClose path{fill:var(--fontColor)}.timerSettings{padding-bottom:.2rem}.timerSubtitle{font-size:16px;padding:.5rem 0}.timerOptions{display:flex;flex-direction:column;font-size:14px;gap:.5rem}.breakInterval{margin-top:1rem}.timerSetting{display:flex;flex-direction:column;justify-content:space-between;width:100%}.timerLabel{font-weight:700;margin-bottom:.2rem;opacity:.6}.timerControls{align-items:center;background-color:var(--fontColor);border-radius:.625rem;display:flex;height:2.5rem;justify-content:space-between;padding:.5rem;width:100%}.timerButtons{display:flex;flex-direction:column;row-gap:.5rem}.timerInput{background-color:transparent;border:none;color:var(--background);font-size:14px;font-weight:700;outline:none;width:3rem}.arrowIcon{cursor:pointer;fill:var(--fontColor);transition:fill .2s ease-in-out}.arrowIcon path{fill:var(--background);stroke:var(--background)}.longBreakInterval{padding:1rem 0 .5rem}.intervalControls{align-items:center;background-color:var(--fontColor);border-radius:.625rem;display:flex;height:2.5rem;justify-content:space-between;padding:.5rem;width:100%}.intervalInput{background-color:transparent;border:none;color:var(--background);font-size:14px;font-weight:700;outline:none;width:2rem}.intervalButtons{display:flex;flex-direction:column;row-gap:.5rem}.settingThemeSection{padding:.5rem 0 1.6rem}.modeSection{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:.3rem 0 1rem}.themeSection{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.themeBtn{box-shadow:0 0 2.2px #000000a0,0 0 5.3px #00000007,0 0 10px #00000009,0 0 17.9px #0000000b,0 0 33.4px #0000000d,0 0 80px #00000012;border:none;border-radius:.3rem;height:30px;margin-left:.5rem;width:30px}.windowTheme{max-width:350px}.themeOptionBtn__section{column-gap:.75rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-content:space-between;padding-top:1rem;row-gap:.75rem;width:100%}.themeOptionBtnTitle{font-size:16px;padding-bottom:1rem;text-align:center;width:100%}.themeOptionBtn{aspect-ratio:1 / 1;border-radius:1.1rem;box-shadow:0 0 2.2px #00000005,0 0 5.3px #00000007,0 0 10px #00000009,0 0 17.9px #0000000b,0 0 33.4px #0000000d,0 0 80px #00000012;width:100%}@media (min-width: 425px){.longBreakInterval{padding:1.5rem 0 .5rem}.colorSubtitle{padding:.3rem 0}}@media (min-width: 475px){.timerOptions{flex-direction:row;justify-content:space-between}.timerSetting{width:98px}.longBreakInterval{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.intervalControls{width:70px}}@media (min-width: 768px){.settingThemeSection{padding-bottom:0}}.settingsBtn{background-color:transparent;border:none;display:flex;flex-direction:column;outline:none}.iconSetting path{fill:var(--fontColor);transition:transform .3s ease-in-out}.iconSetting:hover{animation:spin 1s linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.headerSection{align-items:center;border-bottom:.01rem solid var(--fontColor);display:flex;flex-direction:row;font-family:Playfair Display,serif!important;font-weight:800;height:8vh;justify-content:space-between;margin-bottom:2rem;padding:.5rem 1rem .8rem;width:100%}.logoSection{align-items:center;column-gap:.3rem;display:flex;flex-direction:row;justify-content:center}.tomatoLogo{fill:var(--fontColor);height:25px;width:25px}.logo{font-family:Playfair Display,serif!important;font-size:24px;font-weight:900}.headerBtnSection{align-items:center;border-radius:2rem;display:flex;flex-direction:row;height:100%;justify-content:center}@media (min-width: 768px){.logo{font-size:24px}.headerBtnSection{border:none;column-gap:.3rem}}.loadingPage{align-items:center;background:#871b2b;display:flex;flex-direction:column;justify-content:center;min-height:100svh;width:100vw}.logoLoader{width:50px;z-index:999}.loader{animation:loading 1s linear infinite alternate}@media (min-width: 768px){.logoLoader{width:90px}}@keyframes loading{to{opacity:0}}.controlsSection{background-color:var(--bckgr-second);border-radius:3rem;box-shadow:0 0 2.2px #00000005,0 0 5.3px #00000007,0 0 10px #00000009,0 0 17.9px #0000000b,0 0 33.4px #0000000d,0 0 80px #00000012;display:flex;flex-direction:row;height:52px;justify-content:center;margin:0 auto;width:100%;z-index:9}.controlBtn{align-items:center;background-color:transparent;border:none;border-radius:4rem;display:flex;flex:1;flex-direction:row;font-size:10px;font-weight:700;height:100%;justify-content:center;outline:none;padding:.5rem .6rem;transition:all .7s ease-out;width:50%}.controlBtn:hover{background-color:var(--fontColor);color:var(--background);fill:var(--background)}.active{background-color:var(--fontColor);color:var(--background)}.pomodoroSvg{margin-right:.2rem}.pomodoroSvg path{fill:var(--fontColor);transition:all .5s ease-out}.sBreakSvg,.lBreakSvg{fill:var(--fontColor);transition:all .5s ease-out}.controlBtn:hover>.pomodoroSvg path{fill:var(--background)}.controlBtn:hover>.sBreakSvg{fill:var(--background)}.controlBtn:hover>.lBreakSvg{fill:var(--background)}.activeSVG,.activeSVG path{fill:var(--background)}@media (min-width: 340px){.sBreakSvg,.lBreakSvg{margin-right:.4rem}}@media (min-width: 400px){.controlBtn{font-size:12px}}@media (min-width: 768px){.controlsSection{height:70px}}@media (min-width: 1025px){.controlsSection{width:90%}.controlBtn{height:10vh;max-height:80px}}.timerSection{align-items:center;background-color:#ffffff1a;border-radius:2rem;border:1px solid var(--fontColor);display:flex;flex-direction:column;height:100%;justify-content:center;padding:1rem;position:relative;width:100%}.darkMode{align-items:center;background-color:#000;box-shadow:0 4px 10px #fff3;display:flex;flex-direction:column;font-size:90px;height:100vh;justify-content:space-between;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:999}.timer{font-family:Chivo Mono,serif;font-size:75px;font-weight:800;padding:1rem 0}.menuSection{align-items:center;display:flex;flex-direction:row;height:52px;justify-content:center;width:90%;z-index:9}.playPauseBtn{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:1rem 1.2rem;width:100px}.resetBtn,.nextModeBtn{background-color:transparent;border:none}.timerIcon path{fill:var(--fontColor)}.playPauseImg{margin-right:.2rem}.playPauseImg path{fill:var(--background)}.noiseToggleBtn{background-color:var(--fontColor);border:none;border-radius:50%;bottom:1rem;height:30px;outline:none;position:absolute;right:5%;width:30px}@media (min-width: 475px){.timerSection{padding:2rem;row-gap:2rem}.timer{font-size:140px;padding:0}.playPauseImg{margin-right:.75rem}.noiseToggleBtn{bottom:1.75rem;height:50px;right:2rem;width:50px}}@media (min-width: 768px){.menuSection,.playPauseBtn{height:70px}.playPauseBtn{width:160px}}@media (min-width: 1025px){.timerSection{height:100%;justify-content:space-between;width:100%;order:2;padding:2rem 1rem;row-gap:0}.darkMode{font-size:12vw}.timer{font-size:11.5vw}.menuSection{height:auto;max-height:80px}.playPauseBtn{height:10vh;max-height:80px;padding:0;width:155px}.noiseToggleBtn{bottom:2rem;height:8vh;max-height:80px;right:2rem;width:8vh;max-width:80px}}.todoInput{background:none;border:none;border-bottom:1px solid var(--fontColor);color:var(--fontColor);font-size:18px;outline:none;padding-bottom:.5rem;width:100%}.todoInput::placeholder{color:var(--fontColor)}.formSubtitle{font-size:14px;margin-bottom:5px;margin-top:5px}.categories__section{width:100%}.categories{display:flex;flex-direction:row;justify-content:space-between;margin-top:.8rem}.radioCategory{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.5rem;display:grid;height:36px;place-content:center;pointer-events:auto;width:36px;z-index:99999999}.radioCategory:checked{border:2px solid var(--fontColor)}.category{align-items:center;background-color:#e7e7e744;border-radius:.5rem;display:flex;flex-direction:column;font-size:14px;justify-content:center;position:relative}.categoryImg{height:20px;position:absolute;width:20px;z-index:1}.priorities__section{align-items:center;display:flex;justify-content:center;margin-top:1rem;min-width:50px;position:relative;width:100%}.priorities{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fontColor);border:1px solid var(--background);border-radius:.75rem;box-shadow:0 4px 10px #0000000d;color:var(--background);cursor:pointer;font-size:15px;font-weight:500;outline:none;padding:.75rem 2rem .75rem 1rem;position:relative;transition:all .3s ease;width:100%}.priorities__section h3{margin-bottom:.5rem;min-width:100px;padding-top:.3rem}.priorities__section:before,.priorities__section:after{--size: .45rem;content:"";pointer-events:none;position:absolute;right:1rem}.priorities__section:before{border-bottom:var(--size) solid var(--background);border-left:var(--size) solid transparent;border-right:var(--size) solid transparent;top:50%;transform:translateY(-50%) rotate(180deg)}.priorities__section:after{border-left:var(--size) solid transparent;border-right:var(--size) solid transparent;border-top:var(--size) solid var(--background);top:60%;transform:translateY(-50%)}.errorMessage{font-size:14px;font-weight:800;padding-bottom:.5rem;padding-top:.5rem;visibility:visible}.errorMessageHidden{font-size:14px;margin-top:-1rem;visibility:hidden}@media (min-width: 768px){.radioCategory{height:60px;width:60px}.categoryImg{height:30px;width:30px}}@media (min-width: 1024px){.priorities__section{column-gap:40%}}.addTodoSection{align-items:center;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;bottom:0;display:flex;flex-direction:row;position:absolute;transition:.5s ease-in-out;width:100%}.addTodoBtn{align-items:center;background-color:var(--fontColor);border:none;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;color:var(--background);display:flex;flex-direction:row;font-size:15px;height:50px;justify-content:center;outline:none;padding:1.2rem 5%;position:relative;text-align:center;transition:all 1s ease-out;width:100%;z-index:1}.addSvg{fill:var(--background);margin-right:.5rem}.addSectionTitle{font-size:15px;font-weight:500}@media (min-width: 1000px){.addSectionTitle{font-size:17px}}.windowDelete{align-items:center;display:flex;flex-direction:column;max-width:370px;padding:1rem;text-align:center}.deleteIconSection{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:.5rem;width:100%}.deleteSvg{align-items:center;border:2px solid var(--fontColor);border-radius:50%;display:flex;flex-direction:column;height:50px;justify-content:center;padding:10px;width:50px}.deleteIcon path{fill:var(--fontColor)}.deleteText{font-size:16px;font-weight:700;padding-bottom:.5rem}.deleteTaskInfo{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:.5rem;margin-bottom:.5rem;width:100%}.deleteCategory{height:60px;width:60px}.deleteTitle{font-size:16px;font-weight:700}.infoDeleteSection{align-items:center;column-gap:.5rem;display:flex;flex-direction:row;justify-content:center;font-size:15px;padding-bottom:.5rem}.infoDeleteSvg path{stroke:var(--svg-color)}.infoDeleteSvg circle{stroke:var(--svg-color)}.deleteWindowBtn__section{align-items:center;column-gap:1rem;display:flex;flex-direction:row;justify-content:center;margin-top:.5rem}.deleteWindowBtn{border:none;border-radius:2rem;outline:none;padding:1rem 1.5rem}@media (min-width: 768px){.windowDelete{height:auto;max-width:none;padding:2rem}.deleteSvg{height:60px;width:60px}.deleteIcon{height:30px;width:30px}.deleteText{font-size:18px;padding-top:1rem}}.leading-actions{display:flex}.leading-actions>*{width:0;overflow-x:hidden}.swipeable-list{flex:1;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.swipeable-list-item{position:relative;transition:max-height .5s ease-in-out;max-height:1000px;transform-origin:top;overflow:hidden;width:100%}.swipeable-list-item--remove{max-height:0;transition:max-height .35s ease-out}.swipeable-list-item__content{width:100%;align-items:center;box-sizing:border-box;height:100%;display:flex}.swipeable-list-item__content--return{transition:transform .5s ease-in-out}@keyframes content-return-leading-ms{20%{transform:translate(100%)}to{transform:translate(0)}}.swipeable-list-item__content--return-leading-ms{animation-duration:.5s;animation-name:content-return-leading-ms;animation-timing-function:linear}@keyframes content-return-trailing-ms{20%{transform:translate(-100%)}to{transform:translate(0)}}.swipeable-list-item__content--return-trailing-ms{animation-duration:.5s;animation-name:content-return-trailing-ms;animation-timing-function:linear}.swipeable-list-item__content--remove{transition:transform .5s ease-in-out}.swipeable-list-item__leading-actions{position:absolute;display:flex;width:0px;overflow:hidden;height:100%}.swipeable-list-item__leading-actions--return{transition:width .5s ease-in-out}@keyframes actions-return-ms{20%{width:100%}to{width:0}}.swipeable-list-item__actions--return-ms{animation-duration:.5s;animation-name:actions-return-ms;animation-timing-function:linear}.swipeable-list-item__leading-actions>*{overflow:hidden;display:flex;justify-content:flex-end;transform:scale(1);transform-origin:center left;transition:transform .2s ease-out}.swipeable-list-item__trailing-actions{display:flex;width:0px;position:absolute;right:0;top:0;justify-content:flex-end;overflow:hidden;height:100%}.swipeable-list-item__trailing-actions--return{transition:width .5s ease-in-out}.swipeable-list-item__trailing-actions>*{overflow:hidden;transform:scale(1);transform-origin:center right;transition:transform .2s ease-out}.swipeable-list-item__leading-actions--scaled>*{transform:scale(1.2);transform-origin:center left;transition:transform .2s ease-in}.swipeable-list-item__trailing-actions--scaled>*{transform:scale(1.2);transform-origin:center right;transition:transform .2s ease-in}.swipe-action{display:flex;width:100%;align-items:stretch}.swipe-action>*{flex:1}.swipe-action__grayed>*{background-color:gray!important}.swipe-action__leading>*{justify-content:flex-start}.swipe-action__trailing>*{justify-content:flex-end}.swipe-action__leading--full-swipe-rest,.swipe-action__trailing--full-swipe-rest{width:0;transition:width .2s}.swipe-action__leading--full-swipe-main>*{justify-content:flex-end}.swipe-action__trailing--full-swipe-main>*{justify-content:flex-start}.trailing-actions{display:flex}.trailing-actions>*{width:0;overflow-x:hidden}.swipe-list{border:none;position:relative}.boxAction{position:absolute;right:0}.boxSecondAction{left:0;position:absolute}.btnSwipe{position:relative;width:20px}.btnSwipeSecond{width:20px}.deleteItemBtn,.editBtn{background:transparent;border:none;height:70px}.editBtn{padding-left:.75rem}.deleteItemBtn{padding-right:.75rem}.deleteItemBtn{position:absolute;right:0}.itemSvg{fill:var(--background)}.item-group{background-color:var(--fontColor);border-radius:2rem;margin-bottom:.5rem;overflow-x:hidden;overflow-y:visible}.item{align-items:center;background:var(--background);border:1px solid var(--fontColor);border-radius:2rem;display:grid;grid-template-columns:90% 10%;height:70px;outline:none;position:relative;transition:all .1s linear;z-index:2}.itemFirstSection{align-items:center;display:flex;flex-direction:row;padding-left:1rem}.checkTask{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#ffffff1a;border:1px solid var(--fontColor);border-radius:50%;display:grid;height:20px;margin:.3rem;place-content:center;pointer-events:auto;width:20px;z-index:9999}.checkTask:before{background-color:var(--background);content:"";display:block;height:15px;mask-image:url("data:image/svg+xml,%3csvg%20height='13px'%20width='13px'%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%2017.837%2017.837'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%20currentColor;'%20d='M16.145,2.571c-0.272-0.273-0.718-0.273-0.99,0L6.92,10.804l-4.241-4.27%20c-0.272-0.274-0.715-0.274-0.989,0L0.204,8.019c-0.272,0.271-0.272,0.717,0,0.99l6.217,6.258c0.272,0.271,0.715,0.271,0.99,0%20L17.63,5.047c0.276-0.273,0.276-0.72,0-0.994L16.145,2.571z'/%3e%3c/g%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20height='13px'%20width='13px'%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%2017.837%2017.837'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%20currentColor;'%20d='M16.145,2.571c-0.272-0.273-0.718-0.273-0.99,0L6.92,10.804l-4.241-4.27%20c-0.272-0.274-0.715-0.274-0.989,0L0.204,8.019c-0.272,0.271-0.272,0.717,0,0.99l6.217,6.258c0.272,0.271,0.715,0.271,0.99,0%20L17.63,5.047c0.276-0.273,0.276-0.72,0-0.994L16.145,2.571z'/%3e%3c/g%3e%3c/svg%3e");mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;transform:scale(0);width:15px}.checkTask:checked:before{background-color:var(--background);border-radius:50%;transform:scale(1)}.checkTask:checked{background-color:var(--fontColor);border:2px solid var(--fontColor)}.checkTask:checked~.textOfTaskContainer{font-weight:500;text-decoration:line-through}.categoryTask{border:1px solid var(--fontColor);border-radius:.8rem;margin:0 .8rem;padding:.5rem}.textOfTaskContainer{min-width:120px;overflow:hidden}.textOfTask{border:none;cursor:default;font:inherit;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;z-index:9}.itemSecond__section{display:flex;justify-content:right;padding-right:1rem}.menuBtn{background-color:transparent;border:none;outline:none;padding:0;text-align:right}.priority-high{border:5px solid var(--fontColor)}.priority-medium{border:3.1px solid var(--fontColor)}.priority-low{border:2px solid var(--fontColor)}@media (max-width: 550px){.checkTask{height:15px;width:15px}}@media (max-width: 400px){.textOfTask{width:60%}}@media (max-width: 350px){.textTask{top:-2.5rem}}.todoMenu{align-items:center;background:var(--background);border:1px solid var(--fontColor);border-radius:2rem;box-shadow:#00000026 0 10px 20px,#0000001a 0 3px 6px;display:flex;flex-direction:column;margin:auto;padding:0;position:absolute;right:8%;top:37px;width:155px}.todoMenuBtn{align-items:center;background-color:transparent;border:none;border-radius:8px;display:grid;font-size:13px;grid-template-columns:20% 80%;justify-content:center;outline:none;padding:1rem 0 1rem 1.3rem;text-align:left;transition:.4s ease-in;width:100%}.todoMenuBtn:hover{background-color:var(--bckgr-second)}.todoMenuIcon{fill:var(--fontColor)}.todoMenuBtn p{text-align:left;width:80%}.toDoListSection{border-radius:1rem;display:flex;flex-direction:column;height:100%;width:100%}.titleToDo__section{display:flex;flex-direction:row;height:58px;justify-content:space-between;padding:1rem 1rem .3rem;width:100%}.titleToDo{font-size:17px}.titleNumber{font-weight:400}.menuDelete{background-color:inherit;border:none;margin-left:1rem}.tasksSection{height:500px;margin:0;margin-left:.5rem;overflow-y:scroll;width:98%}.noTasksDisplay{align-items:center;display:flex;flex-direction:column;height:500px;justify-content:center;text-align:center}.noTasksImg{height:85px;width:85px}.noTasksText{font-weight:600;padding:.2rem 0 .5rem}.noTasksDisplayNone{display:none}@media (max-width: 230px){.toDoListSection{display:none}}@media (min-width: 1025px){.tasksSection{height:70vh}.noTasksDisplay{height:67vh}}:root{--red: #871B2B;--font-red: #CAC8C3;--black: #201E1F;--font-black: #B493A0;--pink: #F7CADF;--font-pink: #DC4F50;--blue: #7ca9ce;--font-blue: #fbfbfb;--beige: #F5E9D7;--font-beige: #63694C;--white: #e2e2e2;--font-white: #812630;margin:0}*{box-sizing:border-box;margin:0}body{background:var(--background);color:var(--fontColor);transition:background .3s ease,color .3s ease;background-size:cover;font-family:Barlow,serif!important;font-size:14px;margin:0;overflow:hidden}a,button{color:var(--fontColor)}hr{border:1px solid var(--fontColor);opacity:.6}link[rel=icon]{fill:var(--favicon-fill)}.app{min-height:100vh;position:relative}.main{padding-bottom:3rem}.mainSection{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 1rem;row-gap:1.2rem;width:100%}.firstSection,.secondSection{width:100%}.firstSection{display:flex;flex-direction:column;row-gap:1.2rem}.secondSection{background-color:#ffffff1a;border-radius:2rem;border:1px solid var(--fontColor);height:600px;position:relative}.titleSection{color:var(--fontColor);font-size:16px;font-weight:600}.timerBtn{background-color:var(--fontColor);border:none;border-radius:4rem;color:var(--background);outline:none}.svgIcon{height:20px;width:20px}.svgTwoIcon{fill:var(--fontColor)}.svgThreeIcon path{fill:var(--fontColor)}.svgIcon path{stroke:var(--fontColor)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--fontColor)}.backgroundBlur{align-items:center;background-color:#0000003b;box-sizing:border-box;display:flex;height:100svh;justify-content:center;padding:48px 0 58px;pointer-events:auto;position:fixed;right:0;top:0;transition:all .2s ease-in 0s;width:100%;z-index:999}.window{background:var(--background);border:1px solid var(--fontColor);border-radius:2rem;box-shadow:#00000026 0 10px 20px,#0000001a 0 3px 6px;display:block;margin:auto;max-height:100%;overflow-y:scroll;padding:1rem 1.4rem;position:relative;transform:translateY(20px);transition:all .2s ease-in;width:90%;z-index:999999}.windowHeader{font-family:Barlow,serif!important}.todoModalsBtn__section{column-gap:1rem;display:flex;flex-direction:row;justify-content:center;margin-top:1rem;width:100%}.todoModalsBtn{background-color:var(--fontColor);border:1px solid var(--fontColor);border-radius:2rem;color:var(--background);padding:1rem;transition:1s}.todoModalsBtn:hover{border:1px solid var(--fontColor);background-color:var(--background);color:var(--fontColor)}@media (min-width: 475px) and (max-aspect-ratio: 1/1){.firstSection,.secondSection{max-width:400px;padding:0}.windowHeader{font-size:16px;max-width:440px}}@media (min-width: 768px){.firstSection,.secondSection{max-width:700px}.window{padding:2rem;width:500px}.todoModalsBtn__section{margin-top:2rem}}@media (min-width: 1025px){.app{display:grid;grid-template-rows:8vh 90vh 2vh;height:100vh;min-height:auto}.main{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:5vh 0}.mainSection{column-gap:3%;display:grid;grid-template-columns:42% 42%;height:100%;justify-content:center;margin:0 auto;position:relative;width:100%}.firstSection,.secondSection{height:100%;max-height:80vh;max-width:100vw}.firstSection{display:flex;flex-direction:column;row-gap:5%}.secondSection{display:grid;grid-template-rows:10% 80% 10%}}