.popup{width:100%;height:100%;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgb(255,255,255);flex-direction:column}.popup-login>div{display:grid;grid-template-rows:repeat(3,auto);grid-gap:12px;width:clamp(90%,90%,95%)}.popup-login>div>span{margin-top:20px}.popup-login>span{font-size:.9rem;color:#333333;margin-bottom:30px;display:none}.popup-login>h1{display:none}.mobile-login-logo{width:86px;padding-bottom:30px}.popup-login label{display:grid;gap:3px;font-size:.9rem;font-weight:300}@media screen and (min-width:800px){.popup{width:clamp(30%,51%,700px);height:auto;padding:40px 0 50px 0;position:relative;top:unset;left:unset;filter:drop-shadow(0px 2px 5px rgba(0,0,0,0.1));border-radius:5px}.mobile-login-logo{width:60px;padding-bottom:0}.popup-login>div{width:clamp(50%,60%,350px)}.popup-login>span{display:block}.popup-login>h1{display:block}}