#login{font-family:Poppins,sans-serif;background:var(--background-y-p);width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#login .btn-back{background-color:#000;color:#fff;border-radius:.375rem;padding:.275rem .2rem;width:80px}#login .btn-back:hover{background-color:#fff;color:#000}#login .block{display:flex;flex-direction:column;text-align:center;background:var(--color-white);width:380px;height:auto;border-radius:var(--border-radius-large);box-shadow:0 4px 5px var(--color-shadow);position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);padding:1.75rem 1.375rem}#login .block .block-text{font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}#login .block-element .input{width:100%;height:50px;border-radius:.5rem;border:.5px solid var(--color-black);padding-left:20px}#login .block-element{position:relative;transition:all .3s ease;margin-top:18px}#login .block-remember-me{display:flex;width:100%;margin-left:auto;margin-right:auto;margin-top:8px;font-size:var(--font-size-small);text-align:center;align-items:center;gap:5px}#login .block-remember-me .check-box{border-radius:.375rem;cursor:pointer}#login .block-element .toggle-password{right:5%;cursor:pointer;pointer-events:auto}#login .block .block-element:before,#login .block-element .toggle-password{position:absolute;top:25px;transform:translateY(-50%);color:var(--color-gray)}#login .block .block-element:before{content:attr(data-label);left:4%;font-size:var(--font-size-small);pointer-events:none;background-color:var(--color-white);padding:0 5px;z-index:1;transition:transform .3s ease,font-size .3s ease}#login .block .block-element.focused:before,#login .block .block-element:focus-within:before,#login .block .block-element:hover:before{transform:translateY(-160%);font-size:var(--font-size-sSmall);color:var(--color-light-blue)}#login .block .block-element.focused :before input{border-color:var(--color-light-blue)}#login .block .block-button{margin-top:12px}#login .block .block-button h1{font-size:var(--font-size-small);margin:5px 0}#login .block .block-button .button{width:100%;height:45px;border-radius:var(--border-radius-small);border:none;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:all .2s ease-in-out;background-color:var(--color-light-blue);color:var(--color-white);border:1.5px solid var(--color-light-blue);font-weight:500;cursor:pointer}#login .block .block-button .button:hover{background-color:var(--color-white);color:var(--color-light-blue)}#login .block .block-button .button:active{background-color:var(--color-light-blue);color:var(--color-white)}.block-button-text{font-size:var(--font-size-small);text-align:left;width:100%;margin:30px auto auto}#login .block .button.google-button{color:var(--color-white);background-color:var(--color-black);display:flex;justify-content:center;align-items:center;margin:auto}#login .block .button.google-button .Google-logo{width:25px;height:auto;margin-right:8px}#login .block .button.google-button:hover{color:var(--color-black);background-color:var(--color-white);border:1px solid var(--color-black);cursor:pointer}@media (max-width:382px){#login .block{width:100%;height:auto;top:230px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}