@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.task{display:flex;align-items:center;margin-bottom:.5rem;padding:.5rem;background-color:#dbdbdb;border-radius:3px;cursor:pointer}.task:hover{transform:scale(1.005);box-shadow:3px 3px 5px 2px #0003;transition:all .2s ease-out}.task-complete{width:1rem;height:1rem;border:2px solid #3ba395;border-radius:50%;margin-right:1rem}.task-complete__checked{display:block;background-repeat:no-repeat;background-size:contain;background:url(./check.png),#3ba395}.task-edit{width:1rem;height:1rem;border:4px solid var(--color-priority-medium);background-color:var(--color-priority-medium);border-radius:3px;margin-right:1rem}.task-delete{width:1rem;height:1rem;color:var(--color-priority-high);font-size:.9rem;display:flex;align-items:center;margin-left:auto;margin-right:1rem}.task-edit:hover,.task-delete:hover{transform:scale(1.1);transition:all .2s ease-out}.task-name{font-size:.75rem;font-weight:400;width:11rem}.task-description{font-size:.5rem;margin-right:auto}.task-name__checked,.task-description__checked{color:#8d8d8d;text-decoration:line-through}.priority-low{border-left:3px solid var(--color-priority-low)}.priority-medium{border-left:3px solid var(--color-priority-medium)}.priority-high{border-left:3px solid var(--color-priority-high)}.create-new__input{font-size:.8rem;background-color:transparent;color:#141414;width:100%;resize:none;border:none}#create-new__description{margin-bottom:auto;height:12rem}.create-new__priority{display:flex;align-items:center}.create-new__priority-title{font-size:.9rem;margin-right:1.4rem}.create-new__priority input[type=radio]{position:relative;left:1.2rem;height:1px;width:1px;padding:0;margin:0;opacity:0}.create-new__priority-submit{display:flex;justify-content:space-between}.create-new__task-submit{text-align:center;align-self:center;padding:.3rem .4rem;border-radius:3px;border:1px solid var(--color-submit);font-size:.55rem;text-transform:uppercase;font-weight:700;color:var(--color-submit);background-color:transparent;cursor:pointer;transition:all .3s}.create-new__priority-btn{display:inline-block;margin:0 .5rem 0 -5px;padding:.25rem .5rem;border-radius:3px;font-size:.55rem;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .15s}.create-new__priority-btn:hover{color:#eee}.create-new__priority-btn-low{border:1px solid var(--color-priority-low);color:var(--color-priority-low)}.create-new__priority-btn-low-active{background-color:var(--color-priority-low);color:#eee}.create-new__priority-btn-low:hover{background-color:var(--color-priority-low)}.create-new__priority-btn-medium{border:1px solid var(--color-priority-medium);color:var(--color-priority-medium)}.create-new__priority-btn-medium-active{background-color:var(--color-priority-medium);color:#eee}.create-new__priority-btn-medium:hover{background-color:var(--color-priority-medium)}.create-new__priority-btn-high{border:1px solid var(--color-priority-high);color:var(--color-priority-high)}.create-new__priority-btn-high-active{background-color:var(--color-priority-high);color:#eee}.create-new__priority-btn-high:hover{background-color:var(--color-priority-high)}.todo-panel{background-color:#eee;color:#141414;width:50rem;height:30rem;display:grid;grid-template-columns:14rem 1fr;grid-template-rows:3rem 27rem;border-radius:3px;box-shadow:1rem 1rem 2rem #0009;position:relative}.header{background-color:var(--color-bg);color:#eee;grid-column:1 / 3;grid-row:1 / 2;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;border-radius:3px 3px 0 0}.side-panel{font-size:1rem;grid-row:2 / 3;grid-column:1 / 2;border-right:1px solid #b9b9b9;padding:2rem;z-index:1;display:flex;flex-direction:column;justify-content:space-between}.nav-item{margin-bottom:1rem;padding:.25rem .75rem;display:flex;justify-content:center;background:#d1d1d1;cursor:pointer}.content{grid-column:1 / 3;grid-row:2 / 3;overflow-y:auto;position:relative}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:#f7f7f7}.content::-webkit-scrollbar-thumb{background:var(--color-bg);border-radius:5px}.task-list{padding:2rem}.new-task{background-color:var(--color-bg);color:#eee;font-size:2rem;display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;border-radius:50%;box-shadow:.1rem .25rem .5rem #0006;cursor:pointer;-webkit-user-select:none;user-select:none;bottom:0;right:0;margin-right:.75rem;margin-bottom:.75rem;position:absolute}.panel{width:40rem;height:20rem;background-color:#eee;color:#141414;position:relative;visibility:visible;overflow:hidden;border-radius:4px;box-shadow:1rem 1rem 2rem #0009}.panel__header{background-color:var(--color-bg);border-bottom:1px solid #b9b9b9;display:flex;align-items:center;height:2rem;padding-left:10px}.panel__heading{color:#eee;font-size:1.2rem}.panel__close{position:absolute;top:.45rem;right:.55rem;color:#eee;font-size:1.7rem;line-height:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.panel__content{padding:1rem;height:calc(100% - 4rem)}.panel__entry{display:flex;flex-direction:column;flex:1}.panel__input{font-size:.8rem;background-color:transparent;color:#141414;width:100%;resize:none;border:none}.hidden{visibility:hidden;opacity:0;transform:scale(0)}.overlay-new{width:100vw;height:100vh;background-color:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;top:0;left:0;position:absolute;display:flex;justify-content:center;align-items:center;transform:scale(1)}.overlay-hidden{visibility:hidden;opacity:0;transform:scale(0)}#details-panel{height:15rem}.details__header{width:100%;padding-top:.35rem;padding-bottom:.35rem;font-size:2rem;font-weight:700;display:flex;justify-content:center;color:#eee}.details-content{padding:0;display:flex;flex-direction:column;height:calc(100% - 3.65rem)}.details__header-low{background-color:var(--color-priority-low)}.details__header-medium{background-color:var(--color-priority-medium)}.details__header-high{background-color:var(--color-priority-high)}.details__task-description{display:flex;justify-content:center;align-items:center;padding:2rem;height:100%;font-size:1.15rem;overflow-wrap:anywhere;text-align:center}.details__task-priority{display:flex;justify-content:center}.details__task-priority-title{font-weight:700;margin-right:.3rem}*{margin:0;padding:0}:root{font-family:lato,sans-serif,Inter;line-height:1.5;font-weight:400;font-size:1.4rem;color-scheme:light dark;color:#ffffffde;background-color:#2b3244;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg: #19212a;--color-priority-low: #008000;--color-priority-medium: #c69546;--color-priority-high: #a33b3b;--color-submit: #3ba395}body{min-height:100vh;margin:0 auto;display:flex;justify-content:center;align-items:center}li{list-style:none}button{background-color:transparent;border-color:transparent;cursor:pointer;font-family:lato,sans-serif,Inter;text-transform:uppercase;font-weight:700}textarea{font-family:lato,sans-serif,Inter}textarea:focus{outline:none}