*{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}li{list-style:none}a{text-decoration:none}button{background:none;border:none}button,select{text-transform:none}select{word-wrap:normal}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}:root{--clr-secondary:#e4e4e4;--clr-icons:gray;--dark-color:#262727;--color-fff:#fff;--color-100:#f0f0f0;--color-200:#eee;--color-300:#e0e0e0;--color-400:#bdbdbd;--color-500:#525252;--color-600:#464545;--color-700:#363535;--color-800:#252525;--color-900:#181818;--color-000:#000;--border-color:#e9e6e1;--card-color:#fff;--body-color:#f8f6f2;--body-color:#f4f7f6;--white-color:#fff;--sidebar-color:#fff;--primary-color:#191a1c;--secondary-color:#837788;--chart-color1:#191a1c;--chart-color2:#837788;--chart-color3:#374765;--primary-color:#2794eb;--secondary-color:#00ac9a;--primary-rgb:13,110,253;--secondary-rgb:0,172,154;--chart-color1:#2794eb;--chart-color2:#6382d8;--chart-color3:#8d61a5;--chart-color4:#90476f;--chart-color5:#00ac9a;--primary-gradient:linear-gradient(145deg,var(--primary-color),var(--secondary-color))}.h1,h1{font-size:-webkit-calc(1.375rem + 1.5vw);font-size:calc(1.375rem + 1.5vw)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.icon-container{display:grid;place-items:center}.icon-container *{color:gray}.form-check-input[type=checkbox]{border-radius:.25em}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{background-color:var(--border-color);border-color:var(--border-color);width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:50%;background-size:contain;border:1px solid rgba(25,26,28,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;print-color-adjust:exact}.modal-container{position:absolute;top:0;left:0;bottom:0;z-index:10;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;width:100vw;min-height:100vh;overflow-y:scroll;backdrop-filter:grayscale(50%)}.modal-container>:first-child{width:100%;max-width:500px;height:100%;background-color:#fff}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control,.form-select{border-color:var(--border-color);background-color:var(--card-color);color:var(--color-900);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px}.circle-wrap{margin-inline:auto;width:var(--circle-width);aspect-ratio:1;background:#fefcff;border-radius:50%;border:1px solid #cdcbd0}.circle-wrap .circle{position:relative;display:grid;place-items:center;width:100%;height:100%}.circle-wrap .circle .fill,.circle-wrap .circle .mask{width:var(--circle-width);aspect-ratio:1;position:absolute;border-radius:50%}.circle-wrap .circle .mask{-webkit-clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}.circle-wrap .circle .mask .fill{-webkit-clip-path:polygon(0 0,50% 0,50% 100%,0 100%);clip-path:polygon(0 0,50% 0,50% 100%,0 100%);background-color:var(--progress-color,#227ded)}.circle-wrap .inside-circle{position:absolute;z-index:1;display:grid;place-items:center;width:85%;height:85%;border:1px solid var(--grey);border-radius:50%;background:#fff;font-size:2em;font-weight:700;text-align:center;color:var(--content-color,#000)}.progress-percent{--progress-width:150px;position:relative;max-width:var(--progress-width);max-height:var(--progress-width)}.progress-percent .dott{position:absolute;inset:5px;z-index:10;-webkit-transform:rotate(-webkit-calc(3.6deg * var(--num)));transform:rotate(calc(3.6deg * var(--num)))}.progress-percent .dott:before{content:"";position:absolute;top:-5px;left:50%;border-radius:0 50% 50% 0;width:10px;height:10px;background:var(--clr);-webkit-transform:translateX(0);transform:translateX(0)}.progress-percent svg{position:relative;-webkit-transform:rotate(270deg);transform:rotate(270deg);width:100%;height:100%}.progress-percent svg circle{width:100%;height:100%;fill:transparent;stroke-width:10;stroke:#191919;-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}.progress-percent svg circle:last-child{stroke:var(--clr);stroke-dasharray:440;stroke-dashoffset:-webkit-calc(440 - 440*var(--num)/100);stroke-dashoffset:calc(440 - 440*var(--num)/100)}.circle-progress-value{stroke-width:6px;stroke:#fff;stroke-linecap:round}.circle-progress-circle{stroke-width:8px;stroke:#888}.checkbox{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.checkbox label{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;grid-gap:.625rem;gap:.625rem;margin:0;padding:0;font-size:14px;line-height:23px}.checkbox label input{display:none}.checkbox label span{overflow:hidden;display:grid;place-items:center;border:1px solid #dbdfea;border-color:var(--clr-text-dark);border-radius:var(--border-radius);width:1.25rem;height:1.25rem;background-color:var(--gray-bg);-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out}.checkbox label span svg{-webkit-transition:scale .15s ease-in-out;transition:scale .15s ease-in-out;scale:0;width:60%;height:60%;color:#fff}.checkbox label input:checked+span{border-color:var(--blue);background-color:var(--blue)}.checkbox label input:checked+span svg{scale:1}.toggle{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.toggle label{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;grid-gap:.625rem;gap:.625rem;margin:0;padding:0;font-size:14px;line-height:23px}.toggle label input{display:none}.toggle label>span{overflow:hidden;position:relative;display:grid;place-items:center;border:1px solid #dbdfea;border-color:var(--clr-text-dark);border-radius:-webkit-calc(var(--border-radius)*11);border-radius:calc(var(--border-radius)*11);width:2.8rem;height:1.4rem;background-color:var(--gray-bg)}.toggle label>span .circle{-webkit-transition:translate .1s ease-in-out;transition:translate .1s ease-in-out;position:absolute;border-radius:50%;width:.7rem;height:.7rem;background-color:var(--grey);translate:-13px}.toggle label>span:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}.toggle label>span:hover .circle{scale:1.2}.toggle label input:checked+span{border-color:var(--blue);background-color:var(--blue)}.toggle label input:checked+span .circle{translate:13px;background-color:#fff}.menu-container{position:relative}.menu-container .menu-toggler{font-size:1rem;color:var(--clr-text)}.menu-container .menu{position:absolute;right:0;z-index:2;display:none;border-radius:var(--border-radius);padding:.2rem;background-color:var(--gray-nav);width:-webkit-max-content;width:-moz-max-content;width:max-content}.menu-container .menu *{font-size:var(--norm-fs)}.menu-container .menu li{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;grid-gap:.2rem;gap:.2rem;border-radius:var(--border-radius);padding-block:-webkit-calc(var(--nav-pad)*2);padding-block:calc(var(--nav-pad)*2);padding-inline:-webkit-calc(var(--nav-pad)*3);padding-inline:calc(var(--nav-pad)*3);min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;text-align:left}.menu-container .menu li *{text-align:left}.menu-container .menu li.active,.menu-container .menu li:hover{background-color:var(--gray-border)}.menu-container .menu.show{display:inline;display:initial}select{border:1px solid #dbdfea;border-radius:var(--border-radius);padding-block:5px;padding-inline:10px;-webkit-padding-end:50px;-moz-padding-end:50px;padding-inline-end:50px;width:100px;background-color:#fff;line-height:19px;color:#3a3a3a!important;opacity:.5;outline:none}select,select option{text-transform:capitalize}select option[value=""]{color:#344357;color:#000}.input-field.select .input-container select{border:none;padding-inline:0;font-size:14px;line-height:19px;text-transform:capitalize;background-color:#fff;color:#364a63;opacity:.5;outline:medium none invert;outline:initial;-webkit-appearance:initial;-moz-appearance:initial;appearance:auto}.input-field.select .input-container select option{text-transform:capitalize}.input-field.select .input-container select option[value=""]{color:#344357}.main-layout{display:-webkit-flex;display:-moz-box;display:flex;height:100vh;max-height:100vh}.main-layout .primary-sidebar{padding-block:1.5rem;padding-inline:1rem;background-color:var(--clr-secondary);color:#fff;z-index:3}.main-layout .primary-sidebar nav{-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;height:100%}.main-layout .primary-sidebar nav,.main-layout .primary-sidebar nav ul{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.main-layout .primary-sidebar nav ul{grid-gap:1.5rem;gap:1.5rem}.main-layout .main{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1;display:-webkit-flex;display:-moz-box;display:flex;position:relative}.main-layout .main .filter-sidebar{position:static;border-right:1px solid var(--clr-secondary);padding-block:1.5rem;padding-inline:.4rem;width:250px;background-color:#fff}.main-layout .main .filter-sidebar>*{-webkit-padding-after:.6rem;padding-block-end:.6rem}.main-layout .main .filter-sidebar>*+*{border-top:1px solid var(--clr-secondary);-webkit-padding-before:.6rem;padding-block-start:.6rem}.main-layout .main .filter-sidebar h1{-webkit-margin-after:.6rem;margin-block-end:.6rem;padding-inline:1rem;font-size:1rem}.main-layout .main .filter-sidebar button{display:-webkit-flex;display:-moz-box;display:flex;grid-gap:.5rem;gap:.5rem;width:100%;padding-block:.8rem;padding-inline:1rem;background:none;border:none;border-radius:5px}.main-layout .main .filter-sidebar button:hover{background:var(--clr-secondary)}@media screen and (max-width:760px){.main-layout .main .filter-sidebar{position:absolute;top:0;bottom:0;z-index:2;padding-inline:0;width:0;-webkit-transform:translateX(-250px);transform:translateX(-250px);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.main-layout .main .filter-sidebar[aria-visible=true]{padding-inline:.4rem;width:250px;-webkit-transform:translateX(0);transform:translateX(0)}}@media screen and (min-width:760px){.main-layout .main .filter-sidebar.hidden{display:none}}.main-layout .main .main-contents{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1;position:relative;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;width:100%;background-color:#fff}.main-layout .main .main-contents header{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;grid-gap:1rem;gap:1rem;padding-block:1.5rem;padding-inline:1rem}.main-layout .main .main-contents header button{cursor:pointer}.main-layout .main .main-contents header>div{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-webkit-align-items:center;-moz-box-align:center;align-items:center}.main-layout .main .main-contents header>div h1{font-size:1.3rem;font-weight:400}.main-layout .main .main-contents main{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1;overflow-y:scroll}.main-layout .main .main-contents footer{background-color:#fff;padding-block:1.5rem;padding-inline:1rem;width:100%;border-radius:10px 10px 0 0}.main-layout .main .main-contents footer form .add-task-input-container div:first-child{position:relative;display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start;grid-gap:2rem;gap:2rem;width:100%;color:#000}.main-layout .main .main-contents footer form .add-task-input-container div textarea{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1;border-radius:5px;padding:.5rem;background-color:var(--clr-secondary)}.main-layout .main .main-contents footer form .add-task-input-container .main-contents footer form .add-task-input-container div textarea:focus-visible,.main-layout .main .main-contents footer form .add-task-input-container .main-contents footer form .add-task-input-container div textarea:focus-within,.main-layout .main .main-contents footer form .add-task-input-container div textarea,.main-layout .main .main-contents footer form .add-task-input-container div textarea:focus{border:transparent;outline:transparent}.main-layout .main .main-contents footer form .add-task-input-container div span{position:absolute;top:.5rem;right:.5rem;display:grid;place-items:center;border-radius:50%;width:1.5rem;height:1.5rem;background:gray;color:#fff;cursor:pointer}.main-layout .main .main-contents footer form .add-task-input-container button{padding:.5rem;height:50%}.main-layout .main .main-contents footer form .options-dropdown{-webkit-padding-before:1.5rem;padding-block-start:1.5rem}.main-layout .main .main-contents footer form .options-dropdown.hidden{display:none}.main-layout .main .main-contents footer form .options-dropdown>div{-webkit-margin-after:1rem;margin-block-end:1rem}.main-layout .main .main-contents footer form .options-dropdown>div h2{font-size:1rem}.timer-layout{--gray-border:#ebebeb;--gray-bg:#f8faf8;--gray-nav:#f2f3f3;--grey:#c0bfbf;--blue:#2352aa;--clr-text:#6e786e;--clr-text-dark:#3a3a3a;--nav-pad:0.2rem;--aside-width:283px;--section-maxwidth:450px;--border-radius:4px;--norm-fs:0.9rem;--small-fs:0.75rem;--icon-size:1.2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--gray-bg)}.timer-layout h1,.timer-layout h2,.timer-layout h3,.timer-layout p,.timer-layout span{color:var(--clr-text);font-size:var(--norm-fs);font-weight:400}.timer-layout .header-bg{position:fixed;z-index:2;top:0;height:38.3px;background-color:var(--gray-bg)}@media screen and (max-width:670px){.timer-layout .header-bg{left:0;width:100%}}@media screen and (min-width:670px)and (max-width:879px){.timer-layout .header-bg{right:0;width:-webkit-calc(100% - 47.7px);width:calc(100% - 47.7px)}}@media screen and (min-width:879px){.timer-layout .header-bg{right:0;width:-webkit-calc(100% - var(--aside-width));width:calc(100% - var(--aside-width))}}@media screen and (min-width:670px){.timer-layout{display:-webkit-flex;display:-moz-box;display:flex}.timer-layout main{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1}}.timer-layout aside{position:fixed;top:0;left:0;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;min-height:100vh;border-right:1px solid var(--gray-border);padding-inline:var(--nav-pad);background-color:var(--gray-nav);-webkit-transition:translate .6s ease-in-out,width .6s ease-in-out;transition:translate .6s ease-in-out,width .6s ease-in-out}.timer-layout aside .title{color:var(--clr-text-dark)}.timer-layout aside header.top:not(:last-child){-webkit-margin-after:var(--nav-pad);margin-block-end:var(--nav-pad)}.timer-layout aside header.top button{-webkit-margin-before:var(--nav-pad);margin-block-start:var(--nav-pad);width:40px;height:35px;text-align:center}.timer-layout aside header.top button:hover{background-color:#fff}.timer-layout aside header.top div{display:none;-webkit-align-items:center;-moz-box-align:center;align-items:center;grid-gap:.7rem;gap:.7rem;border-radius:var(--border-radius);padding:calc(var(--nav-pad)*3)}.timer-layout aside nav{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between}.timer-layout aside nav ul li{position:relative}.timer-layout aside nav ul li:not(:last-child){-webkit-margin-after:var(--nav-pad);margin-block-end:var(--nav-pad)}.timer-layout aside nav ul li a.active,.timer-layout aside nav ul li a:hover{border-radius:var(--border-radius);background-color:var(--gray-border)}.timer-layout aside nav ul li a.active:before{content:"";position:absolute;left:0;display:inline-block;border-radius:50px;width:3px;height:12px;background-color:var(--blue)}.timer-layout aside nav ul li *{color:var(--clr-text-dark)}.timer-layout aside nav ul li .icon-container *{font-size:var(--icon-size)}@media screen and (max-width:670px){.timer-layout aside{z-index:2;border-radius:0 10px 10px 0;-webkit-box-shadow:1px 1px 2px var(--clr-text);box-shadow:1px 1px 2px var(--clr-text);min-width:var(--aside-width);translate:-285px}.timer-layout aside header.top{visibility:hidden}.timer-layout aside.show{translate:0;opacity:1}.timer-layout aside.show nav{display:-webkit-flex;display:-moz-box;display:flex}}@media screen and (min-width:670px)and (max-width:879px){.timer-layout aside nav ul li .title{display:none}.timer-layout aside.show{min-width:var(--aside-width);border-radius:0 10px 10px 0;-webkit-box-shadow:1px 1px 2px var(--clr-text);box-shadow:1px 1px 2px var(--clr-text)}.timer-layout aside.show nav{display:-webkit-flex;display:-moz-box;display:flex}.timer-layout aside.show nav ul li .title{display:inline;display:initial}}@media screen and (min-width:879px){.timer-layout aside{height:100vh;min-width:var(--aside-width)}.timer-layout aside header.top button{display:none}.timer-layout aside header.top div{display:-webkit-flex;display:-moz-box;display:flex}}.timer-layout .aside-placeholder{display:none}@media screen and (min-width:670px)and (max-width:879px){.timer-layout .aside-placeholder{display:block;min-width:52px}}@media screen and (min-width:879px){.timer-layout .aside-placeholder{display:block;min-width:var(--aside-width)}}.timer-layout .main{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1}.timer-layout .main header{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;padding-inline:1rem;width:100%}.timer-layout .main header button{display:grid;place-items:center}@media screen and (max-width:670px){.timer-layout .main header{position:fixed;top:0;left:0;z-index:2;height:38.3px;grid-gap:5px;gap:5px}}@media screen and (min-width:670px)and (max-width:879px){.timer-layout .main header{-webkit-padding-start:.2rem;-moz-padding-start:.2rem;padding-inline-start:.2rem;pointer-events:none}.timer-layout .main header button{display:none}.timer-layout .main header div{padding-inline:0}}@media screen and (min-width:879px){.timer-layout .main header *{display:none}}.timer-layout .main main{min-height:100vh}@media screen and (max-width:670px){.timer-layout .main main{margin-top:38.3px}}@media screen and (min-width:879px){.timer-layout .main main{margin-top:38.3px}}.settings-page{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;padding-inline:1rem;overflow-y:hidden}.settings-page *,.settings-page h1,.settings-page h2,.settings-page h3,.settings-page p{color:var(--clr-text-dark)}.settings-page h1{-webkit-padding-after:1.8rem;padding-block-end:1.8rem;font-size:2.5rem;font-weight:600}.settings-page .sections-container{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1;width:100%;overflow-y:scroll}.settings-page .sections-container .settings-sections-container{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start;grid-gap:1rem;gap:1rem}.settings-page .sections-container .settings-sections-container section{width:100%;-webkit-margin-after:1rem;margin-block-end:1rem}.settings-page .sections-container .settings-sections-container section h2{-webkit-margin-after:.6rem;margin-block-end:.6rem}.settings-page .sections-container .settings-sections-container section .settings-container{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;grid-gap:.3rem;gap:.3rem}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .primary-setting,.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings>div{display:grid;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;grid-template-areas:"details  toggler" "actions actions";grid-gap:var(--norm-fs);gap:var(--norm-fs);border:1px solid var(--gray-border);border-radius:var(--border-radius);padding-block:-webkit-calc(var(--nav-pad)*3);padding-block:calc(var(--nav-pad)*3);padding-inline:-webkit-calc(var(--nav-pad)*6);padding-inline:calc(var(--nav-pad)*6);background-color:#fff}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .primary-setting #icon,.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings>div #icon{display:none}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .primary-setting div,.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings>div div{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .primary-setting div p,.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings>div div p{font-size:var(--small-fs)}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings{display:none}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings>div{border-top:none;background-color:transparent;background-color:initial}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings>div div{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings>div div p{font-size:.75rem}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings>div:last-child{border-radius:0 0 var(--border-radius) var(--border-radius)}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings.show{display:block}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container #icon{grid-area:icon;font-size:var(--icon-size)}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container #details{grid-area:details}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container #actions{grid-area:actions;align-self:center}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container #toggler{grid-area:toggler}@media screen and (max-width:670px){.settings-page{padding-top:0}}@media screen and (min-width:375px){.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .primary-setting,.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings>div{grid-template-columns:1fr -webkit-max-content 3rem;grid-template-columns:1fr max-content 3rem;grid-template-areas:"details actions toggler"}}@media screen and (min-width:539px){.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .primary-setting,.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings>div{grid-template-columns:1.2rem 1fr -webkit-max-content 1.2rem;grid-template-columns:1.2rem 1fr max-content 1.2rem;grid-template-areas:"icon details actions toggler"}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .primary-setting #icon,.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings>div #icon{display:grid}}@media screen and (min-width:670px)and (max-width:879px){.settings-page{padding-block:.5rem}}@media screen and (min-width:879px){.settings-page{-webkit-padding-before:2.6rem;padding-block-start:2.6rem;padding-inline:4rem}}@media screen and (min-width:881px)and (max-width:900px){.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .primary-setting,.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings>div{grid-template-columns:1fr -webkit-max-content 3rem;grid-template-columns:1fr max-content 3rem;grid-template-areas:"details actions toggler"}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .primary-setting #icon,.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings>div #icon{display:none}.settings-page .sections-container .settings-sections-container section .settings-container .setting-container .secondary-settings>div{grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;grid-template-areas:"details actions"}}@media screen and (min-width:1369px){.settings-page{-webkit-padding-before:2.6rem;padding-block-start:2.6rem;padding-inline:4rem}.settings-page .sections-container{display:-webkit-flex;display:-moz-box;display:flex;grid-gap:3.5rem;gap:3.5rem}.settings-page .sections-container .settings-sections-container{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1}}.timer-page{display:grid;grid-template-rows:450px;grid-gap:.8rem;gap:.8rem;padding:1rem;-webkit-padding-before:0!important;padding-block-start:0!important}.timer-page section{border:1px solid var(--gray-border);border-radius:6px;-webkit-padding-before:2.8rem;padding-block-start:2.8rem;padding-inline:1rem;-webkit-padding-before:.2rem;padding-block-start:.2rem;-webkit-padding-after:3.5rem;padding-block-end:3.5rem;padding-inline:.2rem;background-color:#fff;text-align:center}.timer-page section .section-header{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center}.timer-page section .section-header h1{padding-left:calc(var(--nav-pad)*3);font-weight:600;color:var(--clr-text-dark)}.timer-page section .section-header .tile-actions{-webkit-margin-start:auto;-moz-margin-start:auto;margin-inline-start:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.timer-page section .section-header .tile-actions .menu-toggler,.timer-page section .section-header .tile-actions>.icon-container{padding:calc(var(--nav-pad)*2.5);border-radius:var(--border-radius)}.timer-page section .section-header .tile-actions .menu-toggler:hover,.timer-page section .section-header .tile-actions>.icon-container:hover{background-color:var(--gray-border)}.timer-page section .section-header .tile-actions *{color:#000}.timer-page section .section-main{padding-inline:.6rem}.timer-page .set-focus-section{-webkit-padding-before:.2rem;padding-block-start:.2rem;-webkit-padding-after:3.5rem;padding-block-end:3.5rem;padding-inline:.2rem}.timer-page .set-focus-section .section-main .main-header{-webkit-margin-after:1.5rem;margin-block-end:1.5rem}.timer-page .set-focus-section .section-main .main-header h1{margin-bottom:.6rem;font-size:1.25rem;font-weight:600;color:var(--clr-text-dark)}.timer-page .set-focus-section .section-main form .focus-time-selector-container .focus-time-selector{display:-webkit-flex;display:-moz-box;display:flex;border:1px solid var(--gray-border);border-bottom:1px solid #000;border-radius:var(--border-radius);-webkit-margin-after:var(--norm-fs);margin-block-end:var(--norm-fs);margin-inline:auto;width:160px}.timer-page .set-focus-section .section-main form .focus-time-selector-container .focus-time-selector>div:first-child{-webkit-flex:2 1;-moz-box-flex:2;flex:2 1;border-right:1px solid var(--gray-border);padding-block:.7rem;text-align:center}.timer-page .set-focus-section .section-main form .focus-time-selector-container .focus-time-selector>div:first-child h2{font-size:2.3rem;font-weight:500;color:var(--clr-text-dark)}.timer-page .set-focus-section .section-main form .focus-time-selector-container .focus-time-selector>div:first-child p{font-size:var(--small-fs)}.timer-page .set-focus-section .section-main form .focus-time-selector-container .focus-time-selector>div:last-child{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;align-items:center}.timer-page .set-focus-section .section-main form .focus-time-selector-container .focus-time-selector>div:last-child span{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1;display:grid;place-items:center;padding-inline:1rem}.timer-page .set-focus-section .section-main form .focus-time-selector-container .focus-time-selector>div:last-child span.disabled{color:var(--grey)}.timer-page .set-focus-section .section-main form .focus-time-selector-container .focus-time-selector>div:last-child span:first-child{border-bottom:1px solid var(--grey)}.timer-page .set-focus-section .section-main form .more-actions{margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.timer-page .set-focus-section .section-main form .more-actions .checkbox{-webkit-margin-before:.6rem;margin-block-start:.6rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.timer-page .set-focus-section .section-main form .more-actions .checkbox label{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--clr-text)}.timer-page .set-focus-section .section-main form .more-actions .skip-breaks-toggle.disabled *{color:var(--grey);border-color:var(--grey)!important}.timer-page .set-focus-section .section-main form .more-actions .skip-breaks-toggle.disabled * span{background-color:transparent}.timer-page .set-focus-section .section-main form>button{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;grid-gap:.3rem;gap:.3rem;border-radius:var(--border-radius);margin-top:1.7rem;margin-inline:auto;padding-block:.2rem;padding-inline:.5rem;-webkit-padding-end:var(--norm-fs);-moz-padding-end:var(--norm-fs);padding-inline-end:var(--norm-fs);background-color:var(--blue);color:#fff}.timer-page .set-focus-section .section-main form>button:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.timer-page .set-focus-section .section-main form>button span{display:grid;place-items:center}.timer-page .set-focus-section .section-main form>button span>*{color:#fff;font-size:1.5rem}.timer-page .track-focus-section .section-header{-webkit-margin-after:.7rem;margin-block-end:.7rem}.timer-page .track-focus-section .section-main .content{color:var(--blue);font-size:3rem}.timer-page .track-focus-section .section-main .actions{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;grid-gap:.5rem;gap:.5rem;-webkit-margin-after:1rem;margin-block-end:1rem}.timer-page .track-focus-section .section-main .actions button{width:2rem;height:2rem}.timer-page .track-focus-section .section-main .actions>button{color:var(--blue);font-size:2rem}.timer-page .track-focus-section .section-main .actions .menu-container button{background-color:#fff;border:1px solid var(--gray-border);border-radius:50%}.timer-page .track-focus-section .section-main .actions .menu-container .menu{right:-70px;bottom:2rem}.timer-page .track-focus-section .section-main>p{font-size:var(--small-fs)}.timer-page .stopwatch-section{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;grid-gap:.5rem;gap:.5rem;overflow-y:hidden}.timer-page .stopwatch-section .section-main .watch-container .watch-face{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-margin-after:1.1rem;margin-block-end:1.1rem;text-align:center;color:var(--clr-text-dark)}.timer-page .stopwatch-section .section-main .watch-container .watch-face.idle{color:var(--clr-text)}.timer-page .stopwatch-section .section-main .watch-container .watch-face>div div,.timer-page .stopwatch-section .section-main .watch-container .watch-face>div div>span{font-size:clamp(2.5rem,5vw,3.8rem)}.timer-page .stopwatch-section .section-main .watch-container .watch-face>div>span{display:block;font-size:.7rem;padding-right:.75rem}.timer-page .stopwatch-section .section-main .watch-container .watch-face>div:last-child{font-size:clamp(1.5rem,5vw,2.8rem)}.timer-page .stopwatch-section .section-main .watch-container .watch-face>div:not(:last-child) div span{vertical-align:top}.timer-page .stopwatch-section .section-main .watch-container .watch-controller{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;grid-gap:.7rem;gap:.7rem}.timer-page .stopwatch-section .section-main .watch-container .watch-controller span{display:grid;place-items:center;font-size:2rem;cursor:pointer}.timer-page .stopwatch-section .section-main .watch-container .watch-controller span:first-child{color:var(--blue)}.timer-page .stopwatch-section .section-main .watch-container .watch-controller span.blur svg{color:var(--grey);pointer-events:none}.timer-page .stopwatch-section .section-main .watch-container .watch-controller>span{border:1px solid var(--grey);border-radius:50%;width:2rem;height:2rem;font-size:1rem}.timer-page .stopwatch-section .section-main .bookmark-container{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1;max-height:250px;overflow-y:auto}.timer-page .stopwatch-section .section-main .bookmark-container .bookmark{width:100%}.timer-page .stopwatch-section .section-main .bookmark-container .bookmark thead tr th{position:-webkit-sticky;position:sticky;top:0;border-bottom:1px solid var(--gray-border);padding-block:.77rem;-webkit-margin-after:.77rem;margin-block-end:.77rem;background-color:#fff;text-align:left;font-weight:500}.timer-page .stopwatch-section .section-main .bookmark-container .bookmark tbody tr td{padding-block:.77rem;text-align:left;font-size:.9rem;font-weight:lighter}.timer-page .stopwatch-section .section-main .bookmark-container .bookmark tbody tr td:first-child{width:30px}.timer-page .stopwatch-section.hide{display:none}.timer-page .stopwatch-section.hide-bookmark .section-main{display:grid;place-items:center;height:100%}.timer-page .stopwatch-section.hide-bookmark .section-main .bookmark-container{display:none}.timer-page .to-do-section{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.timer-page .to-do-section .section-header{-webkit-margin-after:3rem;margin-block-end:3rem}.timer-page .to-do-section .section-main{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1;padding-inline:2rem}.timer-page .to-do-section .section-main p{display:grid;place-items:center;height:100%}.timer-page .to-do-section.hide-tile{display:none}.timer-page .to-do-section.hide-tasks{-webkit-padding-after:.2rem;padding-block-end:.2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.timer-page .to-do-section.hide-tasks .section-header{-webkit-margin-after:0;margin-block-end:0}.timer-page .to-do-section.hide-tasks .section-main{display:none}.timer-page .daily-progress-section.move{grid-column:1/2;grid-row:2/3}.timer-page .daily-progress-section .section-header{-webkit-margin-after:2rem;margin-block-end:2rem}.timer-page .daily-progress-section .section-main{padding-inline:0}.timer-page .daily-progress-section .section-main>div{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-webkit-align-items:center;-moz-box-align:center;align-items:center;grid-gap:1rem;gap:1rem;-webkit-margin-after:1rem;margin-block-end:1rem}.timer-page .daily-progress-section .section-main>div .progress-container{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1}.timer-page .daily-progress-section .section-main>div .progress-container *{color:var(--clr-text-dark)}.timer-page .daily-progress-section .section-main>div .progress-container h2{font-size:.95rem;font-weight:400}.timer-page .daily-progress-section .section-main>div .progress-container div p{font-size:.95rem}.timer-page .daily-progress-section .section-main>div .progress-container div p:first-child{font-size:2.2rem;font-weight:600}.timer-page .daily-progress-section .section-main>div .daily{-webkit-flex:3 1;-moz-box-flex:3;flex:3 1}.timer-page .daily-progress-section .section-main>div .yesterday{min-width:64px}.timer-page .daily-progress-section.hide-tile{display:none}@media screen and (min-width:670px){.timer-page .daily-progress-section.move{grid-column:2/3;grid-row:1/2}}@media screen and (max-width:670px){.timer-page{padding-top:0}}@media screen and (min-width:670px){.timer-page{padding:2rem;grid-template-columns:repeat(2,1fr);max-width:975px}}@media screen and (min-width:670px)and (max-width:879px){.timer-page{padding-block:.5rem}}@media screen and (min-width:879px){.timer-page{-webkit-padding-before:2.6rem;padding-block-start:2.6rem}}.stopwatch-page{padding:1rem;height:100%}.stopwatch-page .stopwatch-section{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;grid-gap:.5rem;gap:.5rem;overflow-y:hidden;margin-inline:auto;height:100vh}.stopwatch-page .stopwatch-section .section-main .watch-container .watch-face{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-margin-after:1.1rem;margin-block-end:1.1rem;text-align:center;color:var(--clr-text-dark)}.stopwatch-page .stopwatch-section .section-main .watch-container .watch-face.idle{color:var(--clr-text)}.stopwatch-page .stopwatch-section .section-main .watch-container .watch-face>div div,.stopwatch-page .stopwatch-section .section-main .watch-container .watch-face>div div>span{font-size:clamp(2.5rem,5vw,3.8rem)}.stopwatch-page .stopwatch-section .section-main .watch-container .watch-face>div>span{display:block;font-size:.7rem;padding-right:.75rem}.stopwatch-page .stopwatch-section .section-main .watch-container .watch-face>div:last-child{font-size:clamp(1.5rem,5vw,2.8rem)}.stopwatch-page .stopwatch-section .section-main .watch-container .watch-face>div:not(:last-child) div span{vertical-align:top}.stopwatch-page .stopwatch-section .section-main .watch-container .watch-controller{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;grid-gap:.7rem;gap:.7rem}.stopwatch-page .stopwatch-section .section-main .watch-container .watch-controller span{display:grid;place-items:center;font-size:2rem;cursor:pointer}.stopwatch-page .stopwatch-section .section-main .watch-container .watch-controller span:first-child{color:var(--blue)}.stopwatch-page .stopwatch-section .section-main .watch-container .watch-controller span.blur svg{color:var(--grey);pointer-events:none}.stopwatch-page .stopwatch-section .section-main .watch-container .watch-controller>span{border:1px solid var(--grey);border-radius:50%;width:2rem;height:2rem;font-size:1rem}.stopwatch-page .stopwatch-section .section-main .bookmark-container{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1;margin-inline:auto;max-width:700px;overflow-y:auto}.stopwatch-page .stopwatch-section .section-main .bookmark-container .bookmark{width:100%}.stopwatch-page .stopwatch-section .section-main .bookmark-container .bookmark thead tr th{position:-webkit-sticky;position:sticky;top:0;border-bottom:1px solid var(--gray-border);padding-block:.77rem;-webkit-margin-after:.77rem;margin-block-end:.77rem;text-align:left;font-weight:500}.stopwatch-page .stopwatch-section .section-main .bookmark-container .bookmark tbody tr td{padding-block:.77rem;text-align:left;font-size:.9rem;font-weight:lighter}.stopwatch-page .stopwatch-section .section-main .bookmark-container .bookmark tbody tr td:first-child{width:30px}.stopwatch-page .stopwatch-section.hide{display:none}.stopwatch-page .stopwatch-section.hide-bookmark .section-main{display:grid;place-items:center;height:100%}.stopwatch-page .stopwatch-section.hide-bookmark .section-main .bookmark-container{display:none}@media screen and (max-width:670px){.stopwatch-page{padding-top:0}}@media screen and (min-width:670px){.stopwatch-page{padding:2rem}}@media screen and (min-width:670px)and (max-width:879px){.stopwatch-page{padding-block:.5rem}}@media screen and (min-width:879px){.stopwatch-page{-webkit-padding-before:2.6rem;padding-block-start:2.6rem}}.flex-list{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;grid-gap:.7rem;gap:.7rem;padding:calc(var(--nav-pad)*3);border-radius:var(--border-radius)}.flex-list:not(:last-child){-webkit-margin-after:var(--nav-pad);margin-block-end:var(--nav-pad)}