@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);[data-simplebar]{align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;position:relative}.simplebar-wrapper{height:inherit;max-height:inherit;max-width:inherit;overflow:hidden;width:inherit}.simplebar-mask{direction:inherit;height:auto!important;overflow:hidden;width:auto!important;z-index:0}.simplebar-mask,.simplebar-offset{bottom:0;left:0;margin:0;padding:0;position:absolute;right:0;top:0}.simplebar-offset{box-sizing:inherit!important;direction:inherit!important;resize:none!important;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{box-sizing:border-box!important;direction:inherit;display:block;height:100%;max-height:100%;max-width:100%;overflow:auto;position:relative;scrollbar-width:none;width:auto;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;height:0;width:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;pointer-events:none;width:100%}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;flex-basis:0;flex-grow:inherit;flex-shrink:0;float:left;height:100%;margin:0;max-height:1px;max-width:1px;overflow:hidden;padding:0;pointer-events:none;position:relative;width:100%;z-index:-1}.simplebar-height-auto-observer{box-sizing:inherit;display:block;height:1000%;left:0;min-height:1px;min-width:1px;opacity:0;top:0;width:1000%;z-index:-1}.simplebar-height-auto-observer,.simplebar-track{overflow:hidden;pointer-events:none;position:absolute}.simplebar-track{bottom:0;right:0;z-index:1}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{left:0;min-height:10px;position:absolute;right:0}.simplebar-scrollbar:before{background:#000;border-radius:7px;content:"";opacity:0;position:absolute;transition:opacity .2s linear .5s}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{bottom:2px;left:2px;right:2px;top:2px}.simplebar-track.simplebar-horizontal{height:11px;left:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{bottom:0;left:0;min-height:0;min-width:10px;right:auto;top:0;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{left:0;right:auto}.simplebar-dummy-scrollbar-size{direction:rtl;height:500px;opacity:0;overflow-x:scroll;overflow-y:hidden;position:fixed;visibility:hidden;width:500px;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{height:200%;margin:10px 0;width:200%}.simplebar-hide-scrollbar{left:0;overflow-y:scroll;position:fixed;scrollbar-width:none;visibility:hidden;-ms-overflow-style:none}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font:inherit;letter-spacing:inherit}a{color:inherit;text-decoration:none}ul{list-style-type:none}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}:root{--colorBackground:#fcfbfa;--colorNav:#f7f4f0;--colorAccentDark:#862020;--colorAccent:#c03d3d;--colorAccentLight:#d35d5c;--colorAccentInactive:#8f5d5d;--colorTextDark:#2e2828;--colorText:#4d4242;--colorTextLight:#827a79;--colorTextOpaque:#a09998;--colorTextSubtle:#c2bdbd;--colorBackdrop:rgba(0,0,0,.25);--colorHoverDark:rgba(0,0,0,.25);--colorHoverModerate:rgba(0,0,0,.225);--colorHover:rgba(0,0,0,.075);--colorHoverLight:rgba(0,0,0,.03);--transitionShort:.15s;--transitionMedium:.45s;--transitionLong:1s}body,html{height:100%;overflow:auto}body{background:var(--colorBackground);color:var(--colorText);display:flex;font-family:Space Grotesk,sans-serif}.hamburger-icon__wrapper{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.app-section,.hamburger-button{overflow:hidden;--transitionTime:.75s;&>*{opacity:0;transform:translateY(1rem);transition:all 0s}&.loaded>*{opacity:1;transform:translateY(0);transition:all var(--transitionTime),opacity var(--transitionTime) ease-out,transform var(--transitionTime) ease}&>.nav__add-project{transition:all 0s,background var(--transitionShort)}&.loaded>.nav__add-project{transition:all var(--transitionTime),opacity var(--transitionTime) ease-out,transform var(--transitionTime) ease,background var(--transitionShort)}}.hamburger-button{overflow:visible}.nav{background:var(--colorNav);display:flex;flex-direction:column;gap:1rem;height:100%;min-width:20rem;padding:3rem 2rem;user-select:none;width:20rem}.nav__title{font-size:2.5rem;margin-bottom:-.5rem;text-align:center}.nav__title--first{font-weight:700;text-transform:uppercase}.nav__title--second{color:var(--colorAccent);font-weight:lighter}.divider{border:1px solid var(--colorTextOpaque);z-index:2}.nav__section{display:flex;flex-direction:column}.nav__sections-wrapper{height:fit-content;min-height:7.5rem;overflow-x:hidden;overflow-y:auto}.nav__groups,.nav__projects{height:100%;width:100%}.nav__groups{margin-bottom:1rem}.nav__section-title{font-size:1.25rem;margin:.375rem 0}.nav__item{align-items:center;display:flex;gap:1rem;padding:.5rem;position:relative;.nav__count,.nav__item-settings{transition:var(--transitionShort)}&:hover{background:var(--colorHover);cursor:pointer;mix-blend-mode:multiply;.nav__count,.nav__item-settings{transition:var(--transitionShort)}.nav__count{opacity:0}.nav__count.ignore,.nav__item-settings{opacity:1}}}.nav__item-setting{align-items:center;color:var(--colorTextOpaque);display:flex;font-size:.825rem;height:1.75rem;justify-content:center;transition:var(--transitionShort);width:1.675rem;&:hover{color:var(--colorText)}}.nav__item-settings{display:flex;margin-right:.1rem;opacity:0;position:absolute;right:0}.nav__item-icon{align-items:center;color:var(--colorTextLight);display:flex;height:1rem;justify-content:center;width:1rem}.nav__item-name{max-width:65%;width:100%}.nav__count{flex-grow:1;gap:.75em;&.count{justify-content:flex-end}}.count{display:flex;font-family:Space Mono,monospace;text-align:right}.count--important{color:var(--colorAccentLight)}.count--default,.nav__add-project{color:var(--colorTextLight)}.nav__add-project{flex-shrink:0;margin-top:-1rem;overflow:hidden}.main{display:flex;flex-grow:1;justify-content:center;padding:1.5rem 1.75rem 3rem 2rem}.main__wrapper{display:flex;flex-direction:column;margin-right:2vw;max-width:800px;width:100%}.main__header{align-items:flex-end;display:flex;flex-grow:0;gap:1rem;line-height:1;margin-bottom:1rem;margin-top:calc(5.25rem - 2px);padding:0 1rem 0 2.875rem}.main__title-wrapper{display:flex;flex-grow:1;flex-wrap:nowrap;gap:1rem;min-width:0}.main__title{flex-shrink:1;font-size:2.25rem;margin-bottom:-.125rem;min-width:0;padding-bottom:.125rem}.main__count{flex-grow:0;flex-shrink:0;font-size:1.75rem;gap:.5em;transform:translate(.125rem,.125em)}.main__add-task{align-items:center;background:var(--colorBackground);color:var(--colorTextLight);display:flex;height:fit-content;justify-content:center;margin-bottom:-.25rem;opacity:1;padding:.75rem 1rem;text-align:right;transition:background var(--transitionShort);white-space:nowrap;&:hover{background:var(--colorNav);cursor:pointer}}.main__add-task.fixed{border:1px solid var(--colorTextOpaque);bottom:2rem;font-size:1rem;left:2rem;margin-bottom:0;opacity:0;position:fixed;right:auto;top:auto;transition:opacity var(--transitionMedium),background var(--transitionShort);z-index:10}.main__project-settings{color:var(--colorTextLight);display:none;font-size:.875rem;margin:-.5rem 0 -.5rem -.675rem;&>*{cursor:pointer;padding:.5rem .875rem;&:hover{background:var(--colorNav)}}i{margin-right:.5rem}}.main__tasks-wrapper{height:100%;margin-top:1rem;overflow:auto;position:relative}.main__tasks{height:100%;width:100%}.main__item{align-items:center;column-gap:1rem;display:grid;grid-template-columns:auto 1fr auto auto;padding:.875rem 2rem .875rem 1rem;transition:all var(--transitionShort),background-color var(--transitionShort);&:hover{background:var(--colorNav);cursor:pointer}&:hover>.main__item-setting{opacity:1}}.main__item-checkbox{border:2px solid var(--colorTextLight);grid-column:1;grid-row:2;height:1rem;transition:var(--transitionShort);width:1rem}.main__item-duedate{color:var(--colorTextLight);font-size:.875rem;grid-column:2;letter-spacing:.01em;line-height:1.3}.main__item-name{font-size:1.375rem;font-weight:700;grid-column:2;grid-row:2;line-height:1.3;margin:.25rem 0}.main__item-description{font-size:1rem;grid-column:2;grid-row:3;line-height:1.5;max-width:70ch;white-space:pre-line}.main__item-setting{align-items:center;color:var(--colorTextOpaque);display:flex;grid-row:2;height:2rem;justify-content:center;margin-right:-1rem;opacity:0;transition:var(--transitionShort);width:2rem;&+.main__item-setting{margin-right:0}&:hover{color:var(--colorText)}}.main__item--important{&,&>*{border-color:var(--colorAccent);color:var(--colorAccent)}.main__item-setting:hover{color:var(--colorAccentDark)}}.main__item.completed{--colorComplete:var(--colorTextLight);.main__item-description,.main__item-name{text-decoration:line-through}&.main__item--important{--colorComplete:var(--colorAccentInactive)}&,&>*{color:var(--colorComplete)}.main__item-checkbox{background-color:var(--colorComplete);border-color:var(--colorComplete)}}dialog:not([open]){display:none!important}.popup{background:var(--colorBackground);border:none;box-shadow:0 0 1rem 0 var(--colorHoverDark);color:var(--colorText);display:flex;flex-direction:column;gap:.625rem;left:50%;padding:1.75rem 2.5rem;position:fixed;top:50%;transform:translate(-50%,-55%);width:fit-content;z-index:10;&::backdrop{background:var(--colorBackdrop)}}.popup__task{min-height:390px;overflow:hidden;width:700px}.popup__header{align-items:center;display:flex;justify-content:space-between}.popup__exit{align-items:center;color:var(--colorTextOpaque);display:flex;font-size:1.5rem;height:2rem;justify-content:center;margin-right:-.5rem;transition:var(--transitionShort);width:2rem;&:hover{color:var(--colorText);cursor:pointer}}.popup__input-area{position:relative;label{color:var(--colorTextLight);display:block;padding:0 .625rem;position:absolute;top:.5rem;transition:var(--transitionShort);span{position:relative;z-index:2}&:before{background:var(--colorBackground);bottom:0;content:"";display:block;left:50%;position:absolute;right:50%;top:0;transition:var(--transitionShort);z-index:1}}.popup__input:focus+label,.popup__input:not(:placeholder-shown)+label{font-size:.8rem;top:-.65rem;&:before{left:.375rem;right:.375rem}}}select.popup__input{background:transparent;border-radius:0}.popup__input{background:var(--colorBackground);border:1px solid var(--colorTextOpaque);height:100%;outline:1px solid transparent;padding:0 .625rem;resize:none;transition:var(--transitionShort);width:100%;&:focus{border-color:var(--colorTextLight);border-radius:2px;outline:1px solid var(--colorTextLight);&+label span{color:var(--colorText)}}}.popup__form{display:grid;gap:1.75rem;grid-auto-rows:2.5rem;grid-template-columns:2fr 1fr;margin:1rem 0 5.5rem}.popup__project .popup__form{display:flex;flex-direction:column;width:fit-content}.popup__project .popup__input{height:2.5rem}.icon-options{display:flex;flex-wrap:nowrap;gap:.5rem;width:100%}.icon-options label{align-items:center;border:2px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:static;&:before{display:none}}.icon-options input[type=radio]{display:none}.icon-options label{color:var(--colorTextSubtle);flex:0 0 auto;font-size:1.25rem;transition:var(--transitionShort);i{transition:var(--transitionShort)}&:hover{border-color:var(--colorTextSubtle);color:var(--colorTextLight)}}.icon-options input[type=radio]:checked+i,.icon-options input[type=radio]:checked~i{color:var(--colorText)}.icon-options label:has(input[type=radio]:checked){border-color:var(--colorText)}.popup__project{display:inline-flex;width:fit-content;width:325px;.popup__btn{margin:0;position:relative;width:fit-content}.popup__form{margin-bottom:1.5rem}.icon-options{flex-wrap:wrap;justify-content:space-between;width:100%;label{box-sizing:border-box;flex:0 0 calc(33.333% - 0.5rem);height:2.75rem;width:1rem}}}.popup__input-icon{align-self:stretch;border:1px solid var(--colorTextOpaque);height:100%;justify-self:stretch;margin-bottom:-.25rem;min-width:100%;padding:.75rem;width:auto;p{font-size:.8rem;left:.75rem;position:absolute;top:-.675rem;span{color:var(--colorTextLight);position:relative;z-index:2}&:before{background:var(--colorBackground);content:"";display:block;height:20px;position:absolute;transform:translateX(-.375rem);width:calc(100% + .75rem);z-index:1}}}.popup__input-description{align-self:stretch;grid-row:2/span 2;justify-self:stretch;.popup__input{height:100%!important;margin-bottom:0;padding-bottom:.25rem;padding-top:.25rem}}.popup__btn{background:var(--colorText);border:none;bottom:0;color:var(--colorBackground);cursor:pointer;left:50%;margin:2.5rem 0;padding:.375rem 1.5rem;position:absolute;transform:translateX(-50%);transition:var(--transitionShort);&:hover{background:var(--colorTextLight)}}.popup__input-date{cursor:pointer}.popup__input-isImportant{align-items:center;align-self:flex-start;display:flex;grid-column:2;grid-row:3;justify-self:flex-start;margin-top:-.5rem;.isImportant-label{color:var(--colorText);cursor:pointer;padding-left:.25rem;position:relative}.switch{display:inline-block;height:75%;margin-left:.25rem;position:relative;width:3rem;&:hover .slider{background-color:var(--colorTextLight)}}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--colorTextSubtle);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;-webkit-transition:var(--transitionMedium);transition:all var(--transitionMedium),background-color var(--transitionShort)}.slider:before{background-color:#fff;bottom:.25rem;content:"";height:calc(100% - .5rem);left:.25rem;position:absolute;-webkit-transition:var(--transitionMedium);transition:var(--transitionMedium);width:40%}input:checked+.slider{background-color:var(--colorText)}input:checked+.slider:before{-webkit-transform:translateX(calc(100% + .125rem));-ms-transform:translateX(calc(100% + .125rem));transform:translateX(calc(100% + .125rem))}}.popup__delete{.popup__btn{left:auto;position:static;transform:translate(0)}p{text-align:center}}.popup__info-upper{font-size:1.25rem;white-space:nowrap}.popup__info-lower{color:var(--colorTextLight);font-size:1rem}.popup__body{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem;width:min-content}.popup__buttons{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem;margin-top:2rem;width:100%;.btn{margin:0;position:relative}}.btn.btn--light{background:var(--colorBackground);border-color:var(--colorText);color:var(--colorText);&:hover{background-color:var(--colorTextSubtle)}}.btn{border:1px solid var(--colorText);&:hover{border-color:var(--colorTextLight)}}.notifications{align-items:end;display:flex;flex-direction:column;gap:1.5rem;position:fixed;right:2rem;top:2.5rem;width:fit-content;z-index:10}.notification{align-items:center;background:var(--colorNav);box-shadow:0 0 .25rem 0 var(--colorHoverModerate);display:flex;font-size:.875rem;font-weight:500;gap:1rem;justify-content:center;letter-spacing:.01em;padding:.375rem 1.25rem;transform:translateX(125%);transition:transform var(--transitionLong);width:fit-content;z-index:10;&.show{transform:translateX(0)}}.notification__exit{color:var(--colorTextOpaque);cursor:pointer;font-size:1.5em;font-weight:400;margin-bottom:.125em;transition:var(--transitionShort);&:hover{color:var(--colorTextDark)}}.notification__icon{color:var(--colorTextLight);margin-right:-.25rem}.nav__demo-buttons{color:var(--colorTextLight);flex-grow:1;justify-content:flex-end;margin-bottom:-1rem;margin-top:.125rem;.nav__item{justify-content:flex-start}.nav__item-icon{color:inherit}}.credits{font-size:1.125em;margin-left:.5rem;margin-top:.675rem}.credits__upper{color:var(--colorTextOpaque);font-size:calc(.75em + 1px);letter-spacing:.01em;margin-left:2rem}.credits__link,.credits__name{color:var(--colorTextLight)}.credits__link,.credits__name{transition:var(--transitionShort);&:hover{color:var(--colorTextDark)}}.credits__link{display:inline-block;margin-right:.5rem;transform:scale(1);&:hover{transform:scale(1.1)}}.bold{font-weight:700}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__sections-wrapper{.simplebar-track.simplebar-vertical{opacity:.4;width:.625rem}&:has(.simplebar-track.simplebar-vertical[style*="visibility: visible"]) .simplebar-content{margin-right:.875rem}}.simplebar-track.simplebar-vertical{background:var(--colorNav);opacity:1;width:.75rem}.simplebar-scrollbar{cursor:pointer;&:before{background:var(--colorTextLight);border-radius:0;content:"";pointer-events:auto;transition:background-color var(--transitionShort) ease}}.simplebar-scrollbar:hover:before{background-color:var(--colorText)}.simplebar-dragging .simplebar-scrollbar:before{background-color:var(--colorTextDark)}[data-simplebar]:has(.simplebar-track.simplebar-vertical[style*="visibility: visible"]) .simplebar-content{margin-right:1.125rem}.nav:has(.nav__sections-wrapper.simplebar-scrollable-y) .nav__add-project{margin-right:.875rem}:root{--responsiveTransition:.5s;--navTransitionProps:font-size,margin,padding,width,transform,box-shadow;--navSmallWidth:17rem}.hamburger-button{align-items:center;color:var(--colorTextLight);cursor:pointer;display:flex;font-size:1.75rem;height:2rem;justify-content:center;left:33vw;opacity:0;position:absolute;top:7.25rem;transform:translateX(0);width:2rem;z-index:2;&:hover{color:var(--colorTextDark);font-size:1.675rem}.icon-close,.icon-default{position:absolute;transition:var(--responsiveTransition)}.icon-default{opacity:1}.icon-close{opacity:0}}.nav{box-shadow:var(--colorHoverModerate) 0 0 0 0;transform:translateX(0);z-index:15}.credits__upper,.main,.main__count,.main__header,.main__item,.main__item-description,.main__item-duedate,.main__item-name,.main__item-setting,.main__title,.nav,.nav h1,.nav__item,.nav__item-icon{transition-duration:var(--responsiveTransition);transition-property:var(--navTransitionProps)}.main__header{transition:opacity var(--transitionMedium) .3s}.hamburger-button{transition:left var(--responsiveTransition),top var(--responsiveTransition),opacity 0s 0s,color var(--transitionShort),font-size var(--transitionShort),transform var(--responsiveTransition)}.popup *{transition:0s;.popup__btn{transition:background var(--transitionShort)}label{transition:font-size var(--transitionShort),top var(--transitionShort)}.popup__input-isImportant label{transition:0s}}@media (max-width:1399px){.main__wrapper{margin-right:0}.main{margin-top:-1.25rem}.nav__section-title{font-size:1.125rem}.nav__item-name{max-width:58%}.nav__sections-wrapper{min-height:6.25rem}.nav__item{padding:.375rem}.nav__item-icon{margin-right:-.25rem}.credits__upper{font-size:.75em;margin-left:1.75rem}.main__add-task{font-size:.875rem}.nav{font-size:.875rem;min-width:var(--navSmallWidth);padding:2.5rem 1.5rem;position:relative;width:var(--navSmallWidth);h1{font-size:2.25rem}}}@media (max-width:1023px){.hamburger-button{font-size:1.5rem;left:calc(2.125rem + 1px);opacity:1;top:2.5rem;transition:left var(--responsiveTransition),top var(--responsiveTransition),opacity var(--transitionShort) var(--responsiveTransition),color var(--transitionShort),font-size var(--transitionShort),transform var(--responsiveTransition)}body,html{min-height:600px}.main{margin-bottom:3.5rem;margin-top:-4rem;.main__wrapper{max-width:none;width:100%}.main__title{font-size:1.75rem}.main__item{padding:.75rem 1rem .75rem .875rem}.main__count{font-size:1.5rem;margin-bottom:2px}.main__item-description{font-size:.875rem}.main__item-duedate{font-size:calc(.75rem + 1px)}.main__item-name{font-size:1.125rem;line-height:1.3}.main__item-setting{font-size:.875rem;height:1.75rem;opacity:.5;width:1.75rem}}.nav{margin-left:calc(var(--navSmallWidth)*-1);padding-top:1.5rem;transform:translateX(0);&.open{box-shadow:var(--colorHoverModerate) 0 0 .75rem 0;transform:translateX(var(--navSmallWidth))}}.nav-backdrop{background:transparent;bottom:0;content:"";display:block;left:0;opacity:.75;position:fixed;right:0;top:0;transition:background var(--transitionShort),z-index .05s var(--transitionShort);z-index:-1}body:has(.nav.open) .main__header{opacity:0;transition:var(--transitionShort)}body:has(.nav.open) .nav-backdrop{background:var(--colorBackdrop);transition:background .75s,z-index 0s 0s;z-index:1}body:has(.nav.open) .hamburger-button{color:var(--colorText);font-size:2.25rem;text-shadow:var(--colorNav) 0 0 1rem;transform:translateX(calc(var(--navSmallWidth) - .5rem));&:hover{color:var(--colorTextDark);font-size:2.55rem}.icon-default{opacity:0}.icon-close{opacity:1}}.notifications{bottom:2.5rem;flex-direction:column-reverse;top:auto}.notification{font-size:calc(.875rem - 1px);padding:.25rem 1rem}.popup{font-size:.875rem;max-width:none;overflow:hidden;padding:1.25rem 2rem;.popup__input:focus+label,.popup__input:not(:placeholder-shown)+label{font-size:.75rem;margin-top:.1rem}.switch{width:2.75rem}.slider:before{width:37.5%}input:checked+.slider{background-color:var(--colorText)}input:checked+.slider:before{-webkit-transform:translateX(calc(100% + .125rem));-ms-transform:translateX(calc(100% + .125rem));transform:translateX(calc(100% + .125rem))}}.popup__delete{padding-bottom:1rem;.popup__info-upper{font-size:1.125rem}.popup__info-lower{font-size:.875rem}.popup__buttons{margin-top:1.75rem}}.popup__task{min-height:auto;width:360px;.popup__input-area{grid-row:initial}.popup__form{gap:1.25rem;grid-auto-rows:2.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:1rem 0 0}.popup__btn{align-self:center;bottom:auto;font-size:.875rem;justify-self:center;left:auto;margin:-1.5rem 0 0;padding:.5rem 1.25rem;position:static;transform:translateX(0);width:auto}.popup__btn,.popup__input-title{grid-column:span 2}.popup__input-description{grid-column:span 2;grid-row:span 2;.popup__input{padding-top:.375rem}}.popup__input-isImportant{grid-column:span 2;justify-self:center}}.popup__project{width:270px;.popup__btn{margin:0;position:relative;width:fit-content}.popup__form{margin-bottom:1.5rem}.icon-options{flex-wrap:wrap;justify-content:space-between;width:100%;label{box-sizing:border-box;flex:0 0 calc(33.333% - 0.5rem);height:2.5rem;width:1rem}}}.main__header{align-items:flex-end;display:flex;flex-grow:0;flex-wrap:wrap;gap:1rem;line-height:1;margin-bottom:1rem;margin-top:calc(5.25rem - 2px);padding:0 1rem 0 2.875rem}.main__count{flex-grow:1}.main__add-task{display:none;opacity:0}.main__add-task.fixed{display:block;opacity:1}.main__project-settings{display:flex;width:100%}.nav__item-settings{display:none}.nav__item:hover .nav__count{opacity:1}}@media (max-width:479px){.popup{max-width:90vw}.popup__delete{width:90vw;&>*{width:100%}}.main__item-duedate,.popup__info-upper{white-space:wrap}}
/*# sourceMappingURL=main.css.map*/