:root{--green:#79eb34;--red:#ed3d18;--yellow:#ffcb0c;--yellow-l:#ffcb0c76;--lightblue:#15f4b8;--lightblue-l:#15f4b876;--blue:#4e7de6;--blue-l:#95b1ee;--shadow:#0008}body{--background:#28272d;--background-100:#2e2d32;--text:#f9f9f9;--border:#f9f9f965;--border-100:#f9f9f930;--accent:var(--yellow);--accent-light:var(--yellow-l);color:var(--text);background:var(--background);transition:.5s ease-out}.light-mode{--background:#f9f9f9;--background-100:#f9f9f9bf;--text:#313134;--border:#16161965;--border-100:#16161930;--shadow:#3334}html{color-scheme:dark;font-family:poppins,sans-serif;font-size:.9em}.flex-space{flex-grow:1}.hidden{display:none!important}.vseparator{border-left:1px solid var(--border);margin:.1em .25em}.move-item-popup{position:absolute;display:flex;flex-direction:column;max-width:15em;align-items:start;background:var(--background);padding:.4em .15em;border:1px solid var(--border);border-radius:4px;box-shadow:0 0 12px var(--shadow)}.main{width:100%;overflow:auto}.toolbar{position:sticky;left:0;background:var(--text);color:var(--background);border-bottom:1px solid var(--border);box-shadow:0 0 12px var(--shadow);display:flex;padding:0 1em;transition:.7s ease-out}.toolbar>h1{font-size:1.6em;font-weight:lighter;margin:.3em 0;margin-right:.5em;letter-spacing:.3ch}.toolbar>button{color:var(--background)}.toolbar>#saving-indicator{font-size:.9em;font-weight:lighter;margin-left:.5em}.toolbar>#saving-indicator.loading-fade-out{animation:load-fade-out 1.5s 1 forwards ease}@keyframes load-fade-out{0%{opacity:100%}80%{opacity:100%}100%{opacity:0%}}button,input,textarea{background:0 0;border:none;outline:0;resize:none;border-radius:4px;color:var(--text)}button{cursor:pointer}button.button-control{background:var(--text);color:var(--background-100)}button.button-delete{background:0 0;color:var(--red)}button.create-item{background:var(--blue);color:var(--text);margin:.25em;padding:.1em .5em}button.create-item:hover{border-bottom:0;outline:2px solid var(--blue-l)}button.create-item>.fa-plus{font-size:.7em}button.item-config{font-size:.9em;display:inline-block;background:var(--background-100);text-align:center;border-radius:4px;border:1px solid var(--border);padding:.2em .45em;margin:.1em .25em;transition:.05s ease-out}button.item-config:hover{background:var(--border-100)}button.item-config>.fa-plus{font-size:.7em}.light-mode .create-item{background:var(--blue-l)}.light-mode .create-item:hover{outline:2px solid var(--blue)}label.checkbox>i{cursor:pointer}label.checkbox>input[type=checkbox]{display:none}label.checkbox>input:checked~.fa-square{display:none}label.checkbox>input:checked~input{text-decoration:line-through;opacity:.8}label.checkbox>input:not(:checked)~.fa-square-check{display:none}.checkbox:not(:hover)>.task-delete{opacity:0}.toolbar>button{font-size:1.3em;transition:transform ease .1s}.toolbar>button:hover{transform:scale(1.2)}.main-container{display:flex;width:90vw;margin:auto;margin-top:2em}.category-board{display:inline-block;border:1px solid var(--border);border-radius:6px;height:100%;min-height:500px;width:270px;padding:0 1em;padding-top:1em;margin:1em .5em;box-shadow:0 0 9px var(--shadow)}.kanban-item-container{display:flex;flex-direction:column;height:100%}.kanban-item{display:flex;flex-direction:column;flex-shrink:1;height:100%;margin-bottom:1em;background-color:var(--background-100);color:var(--text);border:1px solid var(--accent-light);border-top:4px solid var(--accent);border-radius:4px;padding:1em;padding-bottom:.7em;box-shadow:0 0 6px var(--shadow);transition:.5s ease-out}.kanban-item hr{width:100%;height:1px;background:var(--border);border:none}.kanban-item>.container>.textbox{background:var(--background);display:block;resize:vertical;height:8em;width:100%;box-sizing:border-box;border:4px solid var(--background);transition:.5s ease-out}.kanban-item h3{margin:0;margin-bottom:.5em;border-bottom:1px solid var(--border)}.kanban-item>:not(.controls){flex-grow:1}.kanban-item label.checkbox{display:inline-block}.kanban-item-config{margin-top:.5em}.kanban-item-config>.controls{display:flex;flex-direction:row}.kanban-item-config>.controls-general{display:flex;flex-direction:row;margin-bottom:.2em}