@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";body{padding:0;margin:0;font-family:"Outfit",sans-serif;background-color:#181a1b;color:#f5f5f5}.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}button{background-color:#222426;color:#f5f5f5;border:1px solid #2e3133;border-radius:5px;padding:10px;cursor:pointer}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#222426}::-webkit-scrollbar-thumb{background:#2e3133;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e89150}::-webkit-scrollbar-thumb:active{background:#d97a3a}.add-button{background-color:#222426;color:#f5f5f5;border:1px solid #2e3133;border-radius:5px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:75%;margin:20px auto;transition:background-color .5s}.add-button span{font-size:36px}.add-button p{margin:0;margin-top:5px}.add-button:hover{background-color:#e89150}#homework-container{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100vw;height:92.5vh;background-color:#181a1b;overflow-x:hidden;overflow-y:scroll}#homework-container #uncompleted-homework div,#homework-container #completed-homework div{min-height:60px;display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #2e3133;background-color:#222426;color:#f5f5f5;justify-items:center}#homework-container #uncompleted-homework div div,#homework-container #completed-homework div div{display:flex;flex-direction:column;text-align:left;border:0;padding:0;margin:0;box-sizing:border-box;justify-content:center;max-height:-moz-min-content;max-height:min-content}#homework-container #uncompleted-homework div div p,#homework-container #uncompleted-homework div div strong,#homework-container #completed-homework div div p,#homework-container #completed-homework div div strong{text-align:left;width:100%;justify-self:center;min-width:0;margin:0}#homework-container #uncompleted-homework div div,#homework-container #completed-homework div div{margin:auto 0;flex:0 1 0;min-width:-moz-fit-content;min-width:fit-content;text-align:center;overflow:hidden}#homework-container #uncompleted-homework div .hw-desc,#homework-container #completed-homework div .hw-desc{margin:auto 0;flex:1 1 0;text-align:right;padding-right:20px}#homework-container #uncompleted-homework div .hw-dueDate,#homework-container #completed-homework div .hw-dueDate{margin:auto 0;text-align:right;flex:0 0 auto;white-space:nowrap;min-width:-moz-max-content;min-width:max-content;align-self:flex-end}#homework-container #uncompleted-homework div .late,#homework-container #completed-homework div .late{animation:pulse-red 1s infinite;color:#fdd;font-weight:800}@keyframes pulse-red{0%{color:#fdd;text-shadow:0 0 0px #f55}30%{color:#f99;text-shadow:0 0 10px #f55}100%{color:#fdd;text-shadow:0 0 0px #f55}}#homework-container #uncompleted-homework div .late-no-anim,#homework-container #completed-homework div .late-no-anim{color:#f55;font-weight:800}#homework-container #uncompleted-homework div p,#homework-container #uncompleted-homework div strong,#homework-container #completed-homework div p,#homework-container #completed-homework div strong{white-space:wrap;text-overflow:ellipsis}#homework-container #uncompleted-homework div button,#homework-container #completed-homework div button{width:30px;height:30px;border-radius:10px;background-color:#d97a3a;border:none;transition-duration:.25s;cursor:pointer;color:#f5f5f5;font-size:1rem;font-weight:900;margin:auto 0;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px rgba(0,0,0,.5)}#homework-container #uncompleted-homework div button:hover,#homework-container #completed-homework div button:hover{transform:scale(1.1);background-color:#e89150}#homework-container #completed-homework div{background-color:#181a1b;color:#a0a3a7}#homework-container #completed-homework div button{background-color:#e89150;color:#f5f5f5}#homework-container #completed-homework div button:hover{background-color:#d97a3a}#homework-controls{width:100vw;height:7.5vh;box-sizing:border-box;padding:0 10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:absolute;bottom:0;left:0;background-color:#222426}#homework-controls button{height:5vh;width:15vw;background-color:#181a1b;color:#f5f5f5;border:1px solid #2e3133;border-radius:5px;padding:10px;cursor:pointer;transition-duration:.25s;font-family:"Outfit",sans-serif}#homework-controls #sort-homework-dropdown{width:15vw;height:5vh;background-color:#181a1b;color:#f5f5f5;border:1px solid #2e3133;border-radius:5px;padding:10px;cursor:pointer;text-align:center}#homework-controls #sort-homework-dropdown option{background-color:#222426;color:#f5f5f5;border:1px solid #2e3133;border-radius:5px;padding:10px;cursor:pointer}#homework-controls .visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#homework-controls .custom-select{position:relative;display:inline-block;width:15vw}#homework-controls .custom-select__button{width:100%;height:5vh;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;background-color:#181a1b;color:#f5f5f5;border:1px solid #2e3133;border-radius:5px;cursor:pointer}#homework-controls .custom-select__icon{margin-right:8px}#homework-controls .custom-select__label{flex:1;text-align:left;padding-left:6px}#homework-controls .custom-select__chev{margin-left:8px}#homework-controls .custom-select__list{position:absolute;left:0;bottom:calc(100% + 6px);width:100%;background:#222426;border:1px solid #2e3133;border-radius:6px;box-shadow:0 -6px 18px rgba(0,0,0,.6);list-style:none;padding:6px 0;margin:0;z-index:50;max-height:0;overflow:hidden;opacity:0;transform-origin:bottom center;transform:translateY(6px) scaleY(0.98);transition:opacity 180ms ease,transform 180ms ease,max-height 220ms ease;pointer-events:none}#homework-controls .custom-select__list.open{max-height:240px;opacity:1;transform:translateY(0) scaleY(1);overflow:auto;pointer-events:auto}#homework-controls .custom-select__chev{transition:transform .18s ease}#homework-controls .custom-select__button[aria-expanded=true] .custom-select__chev{transform:rotate(180deg)}#homework-controls .custom-select__list li{padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;color:#f5f5f5;border-radius:8px}#homework-controls .custom-select__list li:hover,#homework-controls .custom-select__list li:focus{background-color:hsla(0,0%,100%,.03);outline:none}#homework-controls .custom-select__list li.selected,#homework-controls .custom-select__list li[aria-selected=true]{background-color:#e89150;color:#f5f5f5;font-weight:700}.homework-item,.completed-item{transition:all .5s ease;opacity:1;overflow:hidden}.hidden-item{opacity:0;max-height:0;margin:0;padding:0}#add-homework-button{margin:0;width:100%;box-sizing:border-box;height:7.5vh;border:0;border-bottom:1px solid #2e3133;border-radius:0;display:flex;flex-direction:row;justify-content:center;align-items:center}#add-homework-button span{display:inline-flex;align-items:center;justify-content:center;height:100%}#add-homework-button p{height:100%}