body{touch-action:manipulation}.grid-container{display:grid;height:100svh;width:100vw;--left-col:min(18rem,100%);--right-col:min(18rem,100%);grid-template-columns:var(--left-col) 1fr;grid-template-rows:50px 1fr;overflow:hidden;&>div{min-height:0;min-width:0}}.header{background-color:#1b1a19;color:#fff;grid-column:1/4;grid-row:1/2}.left-bar{background-color:#252423;color:#fff;grid-column:1/2;grid-row:2/3}.main-content{background-color:#11100f;grid-column:2/3;grid-row:2/3;overflow:auto}.right-bar{grid-column:3/4;grid-row:2/3}:root{--shadow-color:0 0% 40%;--shadow-elevation-medium:0px 0.4px 0.3px hsl(var(--shadow-color)/0.4),0px 1.5px 1.1px -2.5px hsl(var(--shadow-color)/0.97),-0.2px 9.2px 6.9px -5px hsl(var(--shadow-color)/0.49);font-size:calc(.84211rem + .13158vw);--font-size-xs:0.6rem;--font-size-sm:0.8rem;--font-size-md:1rem;--font-size-lg:1.1rem;--font-size-xl:1.3rem;--font-size-responsive:clamp(0.8rem,1.6vw,1.2rem);--padding-main:0.5rem clamp(0.5rem,1.5vw,3rem);--gap-main:clamp(0.5rem,1vw,1.5rem);--card-width:38rem;--second-color:#f0b551;--default-backdrop:blur(3px) brightness(75%) sepia(3%)}hr{background-color:rgba(0,0,0,.2);border:none;height:2px;margin:10px 0}*,:after,:before{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Inter,Inter-fallback-linux,Inter-fallback,sans-serif}.bold{font-weight:700}.italic{font-style:italic}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word;overflow-wrap:anywhere}p{text-wrap:wrap}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}h1{font-size:2.986rem}h2{font-size:2.488rem}h3{font-size:2.074rem}h4{font-size:1.728rem}h5{font-size:1.44rem}h6{font-size:1.2rem}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:local("Inter"),local("Inter Regular"),url(fonts/Inter-R.7442351ed1a9573208ef.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:local("Inter Bold"),url(fonts/Inter-B.fe9568cc2409ff592f96.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:400;src:local("Inter Italic"),url(fonts/Inter-I.eab387a2e9865e998457.woff2) format("woff2")}@font-face{font-display:optional;font-family:Inter;font-style:italic;font-weight:700;src:local("Inter Bold Italic"),url(fonts/Inter-BI.545ad8a83be51f3eb25a.woff2) format("woff2")}@font-face{font-family:Inter-fallback-linux;src:local("Liberation Sans")}@font-face{font-family:Inter-fallback;src:local("Arial")}@font-face{font-display:swap;font-family:Norse;font-style:normal;font-weight:400;src:url(fonts/Norse-R.462bc5a24c11c866beb8.woff2) format("woff2")}@font-face{font-display:swap;font-family:Norse;font-style:normal;font-weight:700;src:url(fonts/Norse-B.ddc96015b289085b431b.woff2) format("woff2")}.grid-container:has(.left-bar[data-state=open]){--left-col:min(18rem,100%);& .hide-left-button:active img{transform:translateY(4px)}& .hide-left{justify-content:flex-end}}.grid-container:has(.left-bar[data-state=close]){--left-col:min(5rem,100%);& .hide-left-button:active img{transform:translateY(4px) rotate(180deg)}& .hide-left-button img{transform:rotate(180deg)}& .list-item p{display:none}.list-item{justify-content:center;padding:12px;& .icon{height:2.25rem}}& .sortable-list,.new-list{display:none}& .hide-left{justify-content:center}}.left-bar{display:flex;flex-direction:column;z-index:2}.hide-left{display:flex;margin-top:auto;padding:.5rem}.hide-left-button{background-color:transparent;border:none;display:flex;height:1.5rem;padding:0;width:1.5rem;& img{height:min-content;max-height:100%;max-width:100%;pointer-events:none}}.static-list{position:relative;&:before{background-color:#484644;bottom:0;content:"";height:1px;position:absolute;right:16px;transform:translateY(9px);width:calc(100% - 32px)}&:first-child{margin-top:16px}}.project-list{margin-top:18px;overflow:scroll;position:relative}.list-item{display:flex;font-size:1rem;padding:12px 24px;&:not(.new-list)>*{pointer-events:none}& .icon{height:1.5rem;& img{max-height:100%;max-width:100%}}& p{margin-left:16px}&:hover{background-color:#323130;cursor:pointer}&.selected{background-color:#3b3a39;font-weight:700;position:relative;&:before{background-color:#296fe6;content:"";height:100%;left:0;position:absolute;top:0;width:2px}}}.new-list{& .icon{flex-shrink:0}& input{background-color:transparent;border:none;color:#fff;flex-grow:1;height:100%;margin-left:12px;outline:0;&::placeholder{color:#78bafd}&:focus::placeholder{color:#797775}}}.grid-container:has(.right-bar[data-state=open]){--right-col:min(18rem,100%);& .hide-right-button:active img{transform:translateY(4px) rotate(180deg)}& .hide-right-button img{transform:rotate(180deg)}}.grid-container:has(.right-bar[data-state=close]){--right-col:min(0rem,100%);& .hide-right-button:active img{transform:translateY(4px)}}.right-bar{background-color:#201f1e;display:flex;flex-direction:column;font-size:.875rem}.setting-body{flex-grow:1;overflow:auto;padding:0 16px 0 24px;& .task{background-color:#252423;border-radius:6px;display:flex;margin-top:16px;padding:16px;& p{color:#fff;margin-left:12px}& .important{margin-left:auto}& .checkbox{appearance:none;cursor:pointer;display:flex;height:100%;position:absolute;width:100%;&:not(:checked)+label{background-image:url(images/unchecked.e96ecd84ab46fb8b1180.svg)}&:checked+label{background-image:url(images/checked.1ccf8b8c13252583ad6a.svg)}&:not(:checked):hover+label{background-image:url(images/unchecked-hover.c110fa1986f3edb04a36.svg)}}& .icon{aspect-ratio:1;height:1.3125rem;position:relative;& label{display:flex;height:100%;width:100%}}}}.setting-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding:.5rem;& .hide-right{display:flex;margin-top:auto;& .hide-right-button{background-color:transparent;border:none;display:flex;height:1.5rem;padding:0;width:1.5rem;& img{height:min-content;max-height:100%;max-width:100%;pointer-events:none}}}& .created-date{color:#fff}& .delete{& .icon{height:1.5rem;& img{height:min-content;max-height:100%;max-width:100%;pointer-events:none}}}}.header{align-items:center;display:flex;& div{margin-top:0}& .hide-left{display:none}& .header-item{align-items:center;display:flex;justify-content:center;padding:12px 18px;& .icon{height:2.25rem;margin-right:10px;& img{max-height:100%}}}}@media (max-width:55rem){.grid-container:has(.left-bar[data-state=close]) .header .hide-left{display:flex}}.content-header{color:#78bafd;display:flex;font-size:1.5rem;height:2.25rem;margin:24px;& .icon{height:100%;& img{max-height:100%}}& p{margin-left:8px}& .dropdown{display:flex;height:100%;margin-left:8px;& button{background-color:transparent;border:none;border-radius:6px;cursor:pointer;height:100%;margin:0;padding:0;&:hover{backdrop-filter:brightness(250%)}}& img{max-height:100%;padding:8px}}}.add-a-task-container{display:flex;flex-direction:column;margin:24px;position:relative;&:before{background-color:#484644;content:"";height:1px;position:absolute;top:50%;width:100%}}.add-a-task-input-wrapper{background-color:#252423;border-radius:4px 4px 0 0;display:flex;font-size:.875rem;height:calc(1.3125rem + 36px);justify-content:flex-start;padding:18px 24px;& .icon,& img{height:100%}& img{max-height:100%;width:100%}& input{background-color:#252423;border:none;color:#fff;flex-grow:1;height:100%;margin-left:12px;&::placeholder{color:#78bafd}&:focus{outline:none;&::placeholder{color:#fff}}}}.add-a-task-submit-wrapper{background-color:#201f1e;border-radius:0 0 4px 4px;display:flex;font-size:.875rem;height:calc(1.3125rem + 36px);justify-content:space-between;padding:0 24px;& .icon{align-items:center;align-self:center;display:flex;height:calc(80% - 18px);margin-bottom:9px;margin-top:9px;position:relative;& input{background-color:transparent;border:none;color:#fff;height:100%;opacity:0;padding-left:8px;padding-right:8px;pointer-events:none;position:absolute;&:focus{outline:0}&+p{color:#fff;margin-left:8px}}}& img{cursor:pointer;max-height:100%}& .add-a-task-button{background-color:transparent;border:1px solid #fff;color:#fff;margin:9px 0;padding:0 8px;&:hover{backdrop-filter:brightness(150%);cursor:pointer}}}.content{color:#fff;display:flex;flex-direction:column;font-size:.875rem;gap:8px;margin:24px;& .task-list-item{align-items:center;background-color:#252423;border-radius:6px;display:flex;min-height:2.625rem;padding:10px 24px;& label{display:flex;height:100%;width:100%}& .checkbox{appearance:none;cursor:pointer;display:flex;height:100%;position:absolute;width:100%;&:checked+label{background-image:url(images/checked.1ccf8b8c13252583ad6a.svg)}&:not(:checked)+label{background-image:url(images/unchecked.e96ecd84ab46fb8b1180.svg)}&:not(:checked):hover+label{background-image:url(images/unchecked-hover.c110fa1986f3edb04a36.svg)}}& .item-text-container{margin-left:12px;& .project-name{color:#a5a3a1}}& .icon{aspect-ratio:1;height:1.3125rem;position:relative}&.selected{background-color:#3b3a39}}& .important{aspect-ratio:1;height:1.8rem;margin-left:auto;position:relative;& label{display:flex;height:100%;width:100%}& .important-checkbox{appearance:none;cursor:pointer;display:flex;height:100%;position:absolute;width:100%;&:checked+label{background-image:url(images/important-checked.cd66387da6223bcf2b70.svg);background-size:contain}&:not(:checked)+label{background-image:url(images/important-unchecked.571499bbe5cd44d8eae0.svg);background-size:contain}}}& .icon,.important{flex-shrink:0;& img{height:100%;max-height:100%}}}.task-list-group{align-items:center;background-color:transparent;cursor:pointer;display:flex;min-height:calc(2.625rem + 20px);padding:10px 24px 10px 0;position:relative;& .group-text-container{display:flex;margin-left:12px;pointer-events:none;& p:first-child{font-weight:700}& p:last-child{margin-left:8px}}& .icon{aspect-ratio:1;height:1rem;pointer-events:none;position:relative;& img{transform:rotate(90deg)}}&.collapsed{& .icon img{transform:rotate(0deg)}&:after{background-color:#a5a3a1;bottom:0;content:"";height:1px;left:1%;position:absolute;width:98%}}}
/*# sourceMappingURL=main.38efd0be5a1115b4afd9.css.map*/