:root{--card-border-color:#ccc;--light-card-bg:#f9f9f9;--light-card-text:#333;--light-card-anchor:#007bff;--dark-card-bg:#333;--dark-card-text:#fff;--dark-card-anchor:#a2ebed;--blue-card-bg:#98c2ef;--blue-card-text:#373737;--blue-card-anchor:#9a5c00;--card-background-color:var(--light-card-bg);--card-text-color:var(--light-card-text);--card-anchor-color:var(--light-card-anchor);--max-app-width:1500px}@media (prefers-color-scheme:dark){:root{--card-background-color:var(--dark-card-bg);--card-text-color:var(--dark-card-text);--card-anchor-color:var(--dark-card-anchor)}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;height:100dvh}body,main{width:100dvw}main{max-width:var(--max-app-width);display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:0 1rem}h1{font-size:1.5rem;margin:.25rem auto;text-align:center}.nav-links{height:2rem;width:75%;max-width:24rem;padding:1rem;display:flex;align-items:center;justify-content:space-between}.nav-links a{font-size:2rem;text-decoration:none;color:inherit}.nav-links a:active{transform:scale(.95)}.spinner{display:none;position:absolute;top:calc(40% - 25px);left:calc(50% - 25px);width:50px;height:50px;border:3px solid rgba(0,0,0,.1);border-left-color:orange;border-radius:50%;animation:spin 1s linear infinite;z-index:100}.spinner.is-loading{display:block}.users-container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;transition:all .2s;overflow-x:hidden}.users-container.is-loading{opacity:.15}form{margin:.5rem 0}form>label{margin-right:.5rem}form.page-size-setter{padding-bottom:2rem}.setting-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #ddd;border-radius:.5rem;padding:.5rem;font-size:1rem;line-height:1.5rem}.update-button{background-color:#007bff;color:#fff;border:none;border-radius:.5rem;margin-left:.5rem;padding:.75rem .5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease-in-out;outline:none}.update-button:hover{background-color:#0056b3}.update-button:focus{outline:none;box-shadow:0 0 0 3px rgba(0,123,255,.75)}.update-button:active{background-color:#004085;transform:scale(.9)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.user-card.light{--card-background-color:var(--light-card-bg);--card-text-color:var(--light-card-text);--card-anchor-color:var(--light-card-anchor)}.user-card.dark{--card-background-color:var(--dark-card-bg);--card-text-color:var(--dark-card-text);--card-anchor-color:var(--dark-card-anchor)}.user-card.blue{--card-background-color:var(--blue-card-bg);--card-text-color:var(--blue-card-text);--card-anchor-color:var(--blue-card-anchor)}.user-card{display:flex;align-items:center;flex-wrap:wrap;background-color:var(--card-background-color);color:var(--card-text-color);border:1px solid var(--card-border-color);gap:.25rem;border-radius:.5rem;padding:1rem;margin:.5rem 1rem;max-width:320px}.user-card a{color:var(--card-anchor-color);overflow:hidden;overflow-wrap:break-word}.user-image-and-name{display:flex;min-height:50px;align-items:center}.user-image{border-radius:50%;border:2px solid var(--card-text-color);max-width:50px;max-height:50px}.user-details{overflow:hidden}.user-card h2{margin-top:0;margin-bottom:0;margin-left:.25rem}.user-card p{margin:0;overflow:hidden;overflow-wrap:break-word}