.login-page{width:100%}.login-page,.login-page__main{height:100vh;display:flex;justify-content:center;align-items:center}.login-page__main{width:320px;flex-direction:column;color:#fff}.login-page__img{position:relative;margin-bottom:20px}.login-form{gap:1rem;width:100%}.login-form__actions{display:flex;flex-direction:column;gap:10px}.login-form__spacer{margin-top:15px}.login-form__forgot-pass{text-align:left;font-weight:300;font-size:11px;margin-top:7px;transition:all .2s;padding:0;border:none;color:#fff;opacity:.7}.login-form__forgot-pass:hover{opacity:1}.login-form__input-group{width:100%;padding:0 1.25rem;background-color:hsla(0,0%,100%,.2);border-radius:3px}.login-form__input{width:100%;padding:1.25rem .625rem;background:transparent;border:0;color:#fff;font-size:18px}.login-form__input:focus{border:none;outline:none}.login-form__input::placeholder{color:#98a2b0}.login-form__input[type=password]{border-top:1px solid hsla(0,0%,100%,.2)}.button{border:0;border-radius:3px;cursor:pointer;text-align:center}.button--primary{color:#fff;background-color:rgb(var(--primary-color));transition:background-color .5s}.button--primary:hover{background-color:#048dc7}.button--secondary{color:#333;background-color:#d6dcdf;transition:background-color .2s ease}.button--secondary:hover{background-color:#efefef}.button--secondary__active{background-color:#8b8f99;color:#fff}.button--secondary__active:hover{background-color:#8b8f99}.button--tertiary{color:hsla(0,0%,100%,.6);background-color:transparent;border:1px solid hsla(0,0%,100%,.6)}.button--tertiary:hover{border:1px solid #fff;color:#fff;background:hsla(0,0%,100%,.2)}.button--quaternary{color:#333;background-color:#efefef}.button--quinary{background-color:hsla(0,0%,100%,.2);color:#fff}.button--medium{font-size:16px;padding:9px 25px}.button--large{font-size:18px;padding:18px 0}.button--max-width{width:100%}.button__white{color:#fff}.button__black{color:#000}