.ug-user-profile-loader{height:100%;width:30%;background-position:center;background-repeat:no-repeat;background-size:contain;border-radius:25px;background-image:url(/resources/img/main/ug-search_loader.svg)}
.ug-splash-login-controller{width:100%;display:flex;justify-content:flex-end;position:absolute}
.ug-head-menu-login{width:250px;background-color:white;padding:1px 10px;border-radius:0 10px 10px 10px;z-index:9999999;-webkit-box-shadow:0 0 17px 0 rgba(158,29,180,0.2) inset;-moz-box-shadow:0 0 17px 0 rgba(158,29,180,0.2) inset;box-shadow:0 0 17px 0 rgba(158,29,180,0.2) inset;opacity:0;transition:all 0.7s linear}
.menu-with-topb{border-top:1px dashed rgba(158,29,180,0.2)}
.ug-head-menu-login_profileline{width:100%;border-bottom:1px dashed rgba(158,29,180,0.2);display:flex;gap:10px;padding:5px;span{width:calc(100% - 45px);align-content:center;font-size:1rem;color:#00AAFF;user-select:none;font-weight:500}
 img{width:45px;border-radius:50%;object-fit:cover}
}
.ug-head-menu-login_menuitem{width:100%;height:2.5rem;font-size:1rem;padding:5px;transition:all 0.7s linear;cursor:pointer;display:flex;gap:15px;align-items:center;border-radius:5px;color:#5a5757;user-select:none;font-weight:500;img{height:50%}
}
.ug-head-menu-login_menuitem:hover{background-color:rgba(158,29,180,0.2);color:white}
input[type="text"]{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;outline:none;border:2px solid #c5c5c5;letter-spacing:1px;word-spacing:1px}
input[type="password"]{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;outline:none;border:2px solid #c5c5c5;letter-spacing:1px;word-spacing:1px}
.ug-span-err-desc{color:#cd2e2e;font-weight:600;text-align:justify}
.ug-login-form__boxwithbutton > span > u{cursor:pointer}
.ug-login-container{position:fixed;width:100vw;height:100vh;background-color:#0000008a;display:flex;justify-content:center;align-items:center;z-index:500}
.ug-login-form{display:flex;width:30vw;min-width:360px;background-color:white;position:relative;border-radius:25px 5px 5px 5px;padding:10px 15px;flex-direction:column;gap:20px;z-index:9999}
.ug-login-form__alwayslogin{display:flex;gap:10px;color:#535353;user-select:none;cursor:pointer;align-items:center;input{height:1.1rem;width:1.1rem}
}
.ug-login-form__boxwithbutton{width:100%;height:3rem;display:flex;gap:10px;align-items:center;span{width:60%;color:#535353;font-size:0.9rem}
 button{width:40%;height:100%;background-color:#b87fedd6;font-weight:600;color:white;border:none;border-radius:5px;cursor:pointer}
}
.ug-another-login-form{width:100%;border-top:1px dashed #f18aff38;border-bottom:1px dashed #f18aff38;padding:15px 0;display:flex;flex-direction:column;gap:10px;span{color:#535353;font-size:0.9rem}
}
.ug-anotherauth-buttons{width:100%;height:3rem;display:flex;gap:10px;align-items:center}
.ug-auth-withmetrage{height:2.5rem;width:2.5rem;border-radius:5px;background-image:url(/resources/img/main/mLogoC.png);background-position:center;background-repeat:no-repeat;background-size:contain;border:1px solid #f18aff38;cursor:pointer;transition:all 0.7s linear}
.ug-auth-withmetrage:hover{background-color:#f18aff38}
.ug-register-from-botton{width:100%;background-color:#0080ffe3;padding:10px;font-weight:600;color:white;border-radius:5px;outline:none;border:none;cursor:pointer;height:3rem}
.ug-login-form-closer{position:absolute;border-radius:50%;width:2rem;height:2rem;top:10px;right:5px;cursor:pointer;transition:background-color 0.7s linear;display:flex;justify-content:center;align-items:center;color:white;background-position:center;background-repeat:no-repeat;background-image:url(/resources/img/main/ug-search-clear.svg)}
.ug-login-form-title{font-size:1.8rem;font-weight:600;color:#535353;user-select:none}
.ug-login-form-body{width:100%;display:flex;flex-direction:column;gap:20px}
.ug-login-form__input{padding:10px;font-size:1.1rem;border-radius:5px}
.ug-login-form__input::placeholder{color:#212529;opacity:0.4}
.ug-login-form__input:focus{color:#212529;background-color:#fff;border-color:#bdbdbd;outline:0;box-shadow:0 0 0 0.2rem rgb(157 0 255 / 26%)}
.ug-login-form-closer:hover{background-color:#efe0fd}
.ug-login-stdbth{width:40%;height:3rem;background-color:#b87fedd6;font-weight:600;color:white;border:none;border-radius:5px;cursor:pointer}
.ug-login-phone-digit{display:grid;grid-template-columns:repeat(4,auto);width:100%;grid-gap:5px}
.ug-digit-inp{width:100%;height:3rem;text-align:center;font-size:2rem}
.ug-login-aboutcode{width:100%;text-align:center;font-weight:600}
.ug-login-about-register{font-size:0.8rem;text-align:justify}
.ug-login-type-sel{height:3rem;width:50%;border-radius:5px;background-color:#e4dceb;padding:5px 15px;display:flex;justify-content:center;align-items:center;font-weight:600;cursor:pointer;transition:all 0.6s linear;color:white;user-select:none}
.ug-login-type-sel:hover{background-color:#bc93df}
.ug-login-type-active{background-color:#8527d7}
.ug-login-reg-stepperline{width:100%;height:3rem;display:flex;gap:10px;justify-content:space-around;span{font-size:0.8rem;text-decoration:underline;width:50%}
}
@media (max-width:440px){.ug-login-container{align-items:end;padding-bottom:15px}
 .ug-login-form{width:100%;padding-bottom:3rem}
 .ug-head-menu-login{width:100%}
}