body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Google Sans,Segoe UI,system-ui,-apple-system,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}th{text-align:left}html{--brand:hotpink;background-color:#f0f0f2;scrollbar-color:hotpink Canvas}:root{accent-color:hotpink;accent-color:var(--brand)}:focus-visible{outline-color:hotpink;outline-color:var(--brand)}::selection{background-color:hotpink;background-color:var(--brand)}::marker{color:hotpink;color:var(--brand)}:is(::-webkit-calendar-picker-indicator,::-webkit-clear-button,::-webkit-inner-spin-button,::-webkit-outer-spin-button){color:hotpink;color:var(--brand)}#mainapp{background-color:#fff;border-radius:.5rem;margin:1.5rem;max-width:800px;padding:.5rem}@media (max-width:768px){#mainapp{margin:0}}.courseList{grid-gap:10px;background:#fff;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:200px;overflow-y:auto;padding:10px;z-index:1}#rightmenu,.courseList{border:1px solid #ccc;position:absolute}#rightmenu{background-color:#f0f8ff;border-radius:.2rem;margin-right:1.5rem;padding:.2rem;right:0;z-index:0}@media (max-width:768px){#rightmenu{margin-right:0;position:inherit}}.close-button:focus,.close-button:hover{background-color:rgba(0,0,0,.1);color:#000;cursor:pointer;text-decoration:none}.modal-button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:15px 32px;text-align:center;text-decoration:none}.modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:flex-end;position:fixed;right:0;top:0;width:100%;z-index:100}html:has(.modal){overflow:hidden}.modal-content{background-color:#fff;border-left:1px solid #000;height:100%;overflow-y:auto;padding:20px;position:relative;width:50%}@media (max-width:768px){.modal-content{width:100%}}.modal-header{align-items:center;display:flex;justify-content:space-between}.close-button{background:none;border:none;cursor:pointer}button{width:auto}.desaturate{-webkit-animation:desaturate 1s linear forwards;animation:desaturate 1s linear forwards;background-color:initial}.clicked.desaturate{background-color:hotpink}@-webkit-keyframes desaturate{0%{background-color:hotpink}to{background-color:#fff}}@keyframes desaturate{0%{background-color:hotpink}to{background-color:#fff}}.modal-content table{border-collapse:collapse;width:-webkit-fill-available}.modal-content td,.modal-content th{border:1px solid #000;padding:8px;text-align:left}.modal-content td{overflow-wrap:break-word;word-break:break-word}.modal-content tr:nth-child(2n){background-color:#f2f2f2}.modal-content tr:nth-child(odd){background-color:#fff}.custom-svg{-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;cursor:pointer;height:24px;padding:.2rem;transition:all .1s ease-in-out;width:24px}.custom-svg:hover{background-color:var(--brand);border-radius:50%}.filter-parent{background-color:#fff;margin:.3rem 0;max-width:800px}.filter-body{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}button,select{margin-inline:0;margin-bottom:0;padding:.2rem;width:max(10px,10rem)}