.create-user-interface{flex:auto;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex}.register-user-form{flex-direction:column;align-items:center;gap:8px;width:100%;margin-block:5px 10px;display:flex}.register-user-form .divider{border-top:1px dashed #e2e2e2;width:100%;max-width:300px;height:1px;margin-block:15px;display:flex}.register-btn{color:#fff;background-color:#000;border-radius:5px;flex:none;justify-content:flex-start;align-items:center;gap:25px;width:100%;max-width:300px;height:56px;padding:0 40px;font-size:16px;line-height:1.4;display:flex}.register-btn:before{content:"";background-image:url(/assets/svg/passkey-icon-19.svg);background-position:50%;background-repeat:no-repeat;background-size:19px;width:20px;height:20px;display:flex}.register-btn.google:before{background-image:url(/assets/svg/register-google-19.svg)}.register-btn.apple:before{background-image:url(/assets/svg/register-apple-19.svg)}.register-btn.email:before{background-image:url(/assets/svg/register-email-19.svg)}.register-btn.secondary{color:#434952;background-color:#fff}.create-user-form-wrap{box-sizing:border-box;-webkit-backdrop-filter:blur(30px)saturate(1.5);backdrop-filter:blur(30px)saturate(1.5);background:#ffffff4d;border:.5px solid #fff9;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:12px;width:90%;max-width:470px;padding:65px 24px 36px;display:flex;position:relative;box-shadow:0 .5px 2px #0003}.create-user-form-wrap .form-ui-btn{width:100%;max-width:300px}.create-user-form-wrap .close-link-wrap{border-radius:3px;place-content:center;transition:all .25s;display:flex;position:absolute;top:12px;right:12px}.create-user-form-wrap .close-link-wrap:hover{background-color:#e9edf3}.create-user-form-wrap .close-link{cursor:pointer;background-image:url(/assets/svg/close-form-15.svg);background-position:50%;background-repeat:no-repeat;background-size:15px;width:20px;height:20px;display:flex}.create-user-form-wrap .form-title{text-align:center;font-size:21px;font-weight:400;line-height:1.4}.create-user-form-wrap .message-text-wrap{justify-content:center;align-items:center;gap:12px;margin-block:14px;display:flex}.create-user-form-wrap .message-text-wrap .message-icon{opacity:.7;background-image:url(/assets/svg/beta-rocket-30.svg);background-position:50%;background-repeat:no-repeat;background-size:24px;flex:none;width:32px;height:32px}.create-user-form-wrap .message-text-wrap .message-text{flex-direction:column;margin:0;display:flex}.create-user-form-wrap .message-text-wrap .message-text p.message-text{max-width:29ch;color:var(--ui-clr-400);font-size:12px;line-height:1.3}.create-user-form-wrap .login-block{border-top:1px dashed #e2e2e2;flex-direction:column;width:100%;max-width:300px;padding:20px 0 0;display:flex}.create-user-form-wrap .login-block p.login-link-text{text-align:center;margin:5px 0;font-size:12px;line-height:1.3}.create-user-form-wrap .login-block p.login-link-text.opacity{opacity:.5}.create-user-form-wrap a.form-link:link,.create-user-form-wrap a.form-link:visited,.create-user-form-wrap a.form-link:hover,.create-user-form-wrap a.form-link:active{color:inherit;text-decoration:none}.create-user-form{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:300px;display:flex}.create-user-form label.form-label{flex-direction:column;width:100%;margin-bottom:0;display:flex}.create-user-form label.form-label .form-label-text{box-sizing:border-box;color:var(--ui-clr-400);padding:0 0 .2em;font-size:.9rem;line-height:1.4}.create-user-form label.form-label input{border:1px solid var(--ui-clr-700);background-color:var(--clr-950);border-radius:8px;padding:1em;font-size:1rem;font-weight:400;line-height:1.4}.create-user-form label.form-label input:focus-within{border:1px solid #b2b2b2;outline:none;box-shadow:0 0 12px #00000021}ul.user-list{box-sizing:border-box;border-left:1px solid #e2e2e2;flex-direction:column;flex:auto;gap:.5rem;margin:0;padding:2em;list-style:none;display:flex}ul.user-list li.user-item{box-sizing:border-box;border-bottom:1px solid #e2e2e2;flex-direction:column;display:flex}ul.user-list li.user-item a.user-grid:link,ul.user-list li.user-item a.user-grid:hover,ul.user-list li.user-item a.user-grid:visited,ul.user-list li.user-item a.user-grid:active{box-sizing:border-box;color:var(--ui-clr-200);grid-template-columns:1fr 1fr;align-items:center;padding:.5em 0;font-size:.85rem;line-height:1.4;text-decoration:none;display:grid}:is(ul.user-list li.user-item a.user-grid:link,ul.user-list li.user-item a.user-grid:hover,ul.user-list li.user-item a.user-grid:visited,ul.user-list li.user-item a.user-grid:active) .user-name-wrap{align-items:center;gap:1rem;display:flex}:is(ul.user-list li.user-item a.user-grid:link,ul.user-list li.user-item a.user-grid:hover,ul.user-list li.user-item a.user-grid:visited,ul.user-list li.user-item a.user-grid:active) .date-created{text-align:right;-webkit-line-clamp:1;-webkit-box-orient:vertical;justify-content:flex-end;display:-webkit-box;overflow:hidden}:is(ul.user-list li.user-item a.user-grid:link,ul.user-list li.user-item a.user-grid:hover,ul.user-list li.user-item a.user-grid:visited,ul.user-list li.user-item a.user-grid:active) .created-delete-wrap{justify-content:flex-end;align-items:center;gap:1rem;display:flex}:is(ul.user-list li.user-item a.user-grid:link,ul.user-list li.user-item a.user-grid:hover,ul.user-list li.user-item a.user-grid:visited,ul.user-list li.user-item a.user-grid:active) .created-delete-wrap .delete-user{background-image:url(/assets/svg/delete-20.svg);background-position:50%;background-repeat:no-repeat;background-size:16px;width:42px;height:42px}ul.user-list li.user-item .user-initials-wrap{background-color:#d8d8d8;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;display:flex}ul.user-list li.user-item .user-initials-wrap .user-initials{color:var(--ui-clr-200);font-size:.7rem;font-weight:300;line-height:1.4}ul.user-list li.user-item .user-initials-wrap .user-email{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.users-page{flex-direction:column;min-height:100vh;display:flex}@media only screen and (max-width:900px){main.create-user-interface{flex-direction:column}form.create-user-form{flex:none}}@media only screen and (max-width:670px){ul.user-list li.user-item a.user-grid:link,ul.user-list li.user-item a.user-grid:hover,ul.user-list li.user-item a.user-grid:visited,ul.user-list li.user-item a.user-grid:active{align-items:center;display:flex}:is(ul.user-list li.user-item a.user-grid:link,ul.user-list li.user-item a.user-grid:hover,ul.user-list li.user-item a.user-grid:visited,ul.user-list li.user-item a.user-grid:active) .user-name-wrap{flex:auto}:is(ul.user-list li.user-item a.user-grid:link,ul.user-list li.user-item a.user-grid:hover,ul.user-list li.user-item a.user-grid:visited,ul.user-list li.user-item a.user-grid:active) .created-delete-wrap .date-created{display:none}}