body:has(.login-frame){display:flex!important;width:100%;height:100vh;background-position:center;background-size:cover;overflow:hidden}body:has(.login-frame) .login-frame{display:flex;width:100vw;height:100%;justify-content:center;align-items:center;backdrop-filter:blur(0px)}body:has(.login-frame) .login-frame .pattern{width:100%;height:100%;z-index:1;position:absolute;mix-blend-mode:soft-light;background-size:contain;opacity:.2}@keyframes patternOpacity{0%{opacity:.5}10%{opacity:.3}20%{opacity:.6}30%{opacity:.2}40%{opacity:.7}50%{opacity:.4}60%{opacity:.8}70%{opacity:.3}80%{opacity:.6}90%{opacity:.4}to{opacity:.5}}body:has(.login-frame) .login-frame:after{display:flex;content:"";background-color:var(--background);width:100%;height:100%;position:absolute}body:has(.login-frame) .login-frame form{border-radius:24px;justify-content:center;align-items:center;display:flex;flex-direction:column;background:var(--color-2);color:var(--on-color-2);border:var(--border-color) 1px solid;z-index:1;width:400px;padding:48px 24px 24px;gap:16px}body:has(.login-frame) .login-frame form .inputs{display:grid;width:100%;gap:20px}body:has(.login-frame) .login-frame form .inputs .input-group,body:has(.login-frame) .login-frame form .inputs input{width:100%}body:has(.login-frame) .login-frame form .inputs a.github{background-color:#000;padding:16px;border-radius:8px;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;color:var(--on-color-1);text-decoration:none;transition:background-color .25s ease-in-out}body:has(.login-frame) .login-frame form .inputs a.github>.icon{position:absolute;left:0%;top:50%;transform:translateY(-50%);padding-left:16px;font-size:23px!important}body:has(.login-frame) .login-frame form .inputs a.github:hover{background-color:#090909}body:has(.login-frame) .login-frame form .bottom-container{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;width:100%}body:has(.login-frame) .login-frame form .bottom-container button[type=submit]{border-radius:8px;padding:20px 8px;width:100%}body:has(.login-frame) .login-frame form .bottom-container button[type=submit]:disabled{opacity:.5}body:has(.login-frame) .login-frame form .bottom-container p{margin:0 0 8px;color:red!important;font-size:13px}