:root{--padding: 2rem;--padding-section: 1rem;--padding-gallery-viewer: 1rem;--border-radius: .25rem;--button-radius-min: .25rem}:root .gallery-viewer{--gallery-margin: 1rem}:root .gallery-viewer .nav{--gallery-margin: .5rem}body{background:#333;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.login-container{width:clamp(2rem,15rem,50%);background-color:#ccc;padding:5rem var(--padding);border-radius:var(--border-radius)}.login-container form{display:flex;flex-direction:column;gap:1rem}.login-container form select,.login-container form input{height:auto;border:1px solid #333;border-radius:.2rem;padding:.4rem;flex:1}.login-container button{background-color:#333;color:#fff;padding:0 1.5rem;height:1.75rem;border:none;cursor:pointer;border-radius:var(--border-radius);transition:background-color 0.2s}.login-container button:hover{background-color:hsl(0,0%,19%)}.login-container button:disabled{background-color:gray;color:#fff;cursor:not-allowed;opacity:.5}.login-container button[data-failed=true]{background-color:hsl(0,100%,81%)}

/*# sourceMappingURL=styles.css.map*/