#root{width:100vw;height:100vh;overflow:scroll;margin:0 auto;text-align:center}*{padding:0;margin:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}table{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%;margin:auto;font-size:.6rem}table td,table th{border:1px solid #ddd;padding:8px}table tr:nth-child(2n){background-color:#f2f2f2}table tr:hover{background-color:#ddd}table th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#0048d9;color:#fff}.form{position:relative;border:1px solid gainsboro;padding:2rem;background:#fff;display:flex;flex-wrap:wrap;height:fit-content;min-width:40vw;max-width:768px;max-height:480px;overflow-y:auto;margin:auto;row-gap:1rem;column-gap:2rem}.form h3{text-align:left}.form-wrap{flex-direction:column;text-align:left;flex-wrap:nowrap}.filtered-list ul{padding:0;margin:0;display:flex;flex-direction:column;row-gap:1rem;border:1px solid gainsboro}.filtered-list ul span{padding:.5rem}.form label{display:flex;flex-direction:column;row-gap:.2rem;text-align:left;width:100%;height:fit-content;max-width:320px}.form input{border:none;background:#f8fafc;border:1px solid gainsboro;padding:1rem;width:100%;max-width:90%}.form-search{max-width:768px;margin:auto;row-gap:.5rem;column-gap:0}.form-search label{display:flex;flex-direction:column;row-gap:.2rem;text-align:left;width:100%;height:fit-content;max-width:290px}.form-search input{border:none;background:#f8fafc;border:1px solid gainsboro;padding:.5rem;width:100%;max-width:90%}.form select{border:none;background:#f8fafc;border:1px solid gainsboro;padding:1rem;width:100%;max-width:320px}.add-op:hover{text-decoration:underline;font-weight:700}nav{margin:1rem;padding:1rem;max-width:850px;margin:auto}nav ul{display:flex;flex-wrap:wrap;column-gap:1rem;row-gap:1rem;justify-content:space-between;margin:auto;width:fit-content;padding:0}.button{color:#fff;padding:.5rem;border:none;background:#0048d9;width:fit-content;border-radius:5px;margin-top:auto}.button:hover{cursor:pointer;background:#2e36d6}.button:focus,.button:focus-visible{outline:4px auto -webkit-focus-ring-color}.button-add{display:flex;position:absolute;bottom:1rem;right:1rem;padding:1rem;border-radius:50%;width:48px;height:48px;justify-content:center;align-items:center;font-size:2rem}.button-red{background:red}.button-red:hover{background:#ae0000}.disabled,.disabled:hover{background:gray}label,input{max-width:240px;display:flex;flex-direction:column;justify-content:left;text-align:left;margin:.2rem}input{padding:.5rem;outline:none;border:1px solid gainsboro}.add-options{display:flex;flex-direction:column;row-gap:.5rem;padding:1rem;position:absolute;bottom:40px;right:1rem;text-align:left;border:1px solid gainsboro;background:#fff;z-index:500}.none{display:none}.actions{position:absolute;background:#fff;display:flex;flex-direction:column;border:1px solid gainsboro;padding:.5rem}.actions li{list-style:none}.modal{position:absolute;display:flex;background:#0006;top:0;left:0;width:100vw;height:100vh;align-items:center}.modal-content{display:flex;min-width:40vw;margin:auto}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{padding:2em}.read-the-docs{color:#888}.logout-button{position:absolute;bottom:1rem;left:1rem;height:fit-content;background-color:red}@media screen and (min-width: 768px){table{font-size:1rem}.logout-button{position:absolute;bottom:unset;left:unset;top:1rem;right:1rem}}a{text-decoration:none;color:#000}.card{display:flex;flex-direction:column;align-items:center;width:60px;padding:1rem;font-weight:500;color:#000;text-decoration:inherit;opacity:.7;box-shadow:0 4px 8px #0003}.card:hover{box-shadow:0 8px 16px #0003;border:1px solid gainsboro}.selected{background:#dcdcdc;border:1px solid gainsboro}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}