.login-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100}.login-overlay[open]{display:block}.login-overlay__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;cursor:pointer}.login-overlay__container{position:relative;display:flex;width:100%;height:100%;z-index:1}.login-overlay__brand{display:none;width:40%;background-color:rgb(var(--color-foreground));align-items:center;justify-content:center}.login-overlay__logo{width:50%;max-width:200px;color:rgb(var(--color-background))}.login-overlay__logo svg{width:100%;height:auto}.login-overlay__content{position:relative;width:100%;height:100%;background-color:rgb(var(--color-background));padding:2rem;overflow-y:auto;display:flex;flex-direction:column}.login-overlay__close{position:absolute;top:2rem;right:2rem;background:none;border:none;cursor:pointer;font-size:1.4rem;color:rgba(var(--color-foreground),.75);text-decoration:underline;text-underline-offset:.3rem;padding:0}.login-overlay__close:hover{color:rgb(var(--color-foreground))}.login-overlay__view{display:flex;flex-direction:column;flex-grow:1;padding-top:6rem;max-width:400px}.login-overlay__view[hidden]{display:none}.login-overlay__header{margin-bottom:3rem}.login-overlay__title{font-size:2.4rem;font-weight:var(--font-heading-weight);margin:0 0 .5rem;line-height:1.2}.login-overlay__subtitle{font-size:1.4rem;color:rgba(var(--color-foreground),.75);margin:0}.login-overlay__form-hint{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.login-overlay__form-hint span{font-size:1.2rem;color:rgba(var(--color-foreground),.6)}.login-overlay__form{display:flex;flex-direction:column;gap:1.5rem}.login-overlay__field{position:relative}.login-overlay__field .field__input{width:100%;padding:1.5rem 2rem;font-size:1.4rem;border:1px solid rgba(var(--color-foreground),.2);background-color:rgb(var(--color-background));border-radius:0}.login-overlay__field .field__input:focus{outline:none;border-color:rgb(var(--color-foreground))}.login-overlay__field .field__label{position:absolute;top:50%;left:2rem;transform:translateY(-50%);font-size:1.4rem;color:rgba(var(--color-foreground),.6);background-color:rgb(var(--color-background));padding:0 .4rem;pointer-events:none;transition:all .15s ease}.login-overlay__field .field__input:focus~.field__label,.login-overlay__field .field__input:not(:placeholder-shown)~.field__label{top:0;font-size:1.2rem}.login-overlay__password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.5rem;color:rgba(var(--color-foreground),.6)}.login-overlay__password-toggle:hover{color:rgb(var(--color-foreground))}.login-overlay__password-toggle .svg-wrapper{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.login-overlay__password-toggle .svg-wrapper[hidden]{display:none}.login-overlay__field .field__input[type=password]~.login-overlay__password-toggle,.login-overlay__field .field__input[type=text]~.login-overlay__password-toggle{right:1rem}.login-overlay__field:has(.login-overlay__password-toggle) .field__input{padding-right:4.5rem}.login-overlay__field-error{font-size:1.2rem;color:#c00;margin-top:.5rem;min-height:0}.login-overlay__field-error:empty{display:none}.login-overlay__field--error .field__input{border-color:#c00}.login-overlay__form-error{background-color:#cc00001a;border:1px solid #cc0000;padding:1rem;font-size:1.3rem;color:#c00}.login-overlay__checkbox{display:flex;align-items:flex-start;gap:1rem;font-size:1.3rem}.login-overlay__checkbox input[type=checkbox]{width:1.6rem;height:1.6rem;margin:0;flex-shrink:0;margin-top:.2rem}.login-overlay__checkbox label{color:rgba(var(--color-foreground),.75);line-height:1.4}.login-overlay__checkbox a{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.2rem}.login-overlay__checkbox a:hover{color:rgba(var(--color-foreground),.75)}.login-overlay__button{display:flex;align-items:center;justify-content:flex-start;padding:1.5rem 2rem;font-size:1.4rem;font-weight:500;border:none;cursor:pointer;transition:opacity .15s ease;margin-top:1rem}.login-overlay__button--primary{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.login-overlay__button--primary:hover{opacity:.85}.login-overlay__button--primary:disabled{opacity:.5;cursor:not-allowed}.login-overlay__button-loading,.login-overlay__button.is-loading .login-overlay__button-text{display:none}.login-overlay__button.is-loading .login-overlay__button-loading{display:inline}.login-overlay__link{display:inline-block;background:none;border:none;cursor:pointer;font-size:1.3rem;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem;padding:0;margin-top:2rem;text-align:left}.login-overlay__link:hover{color:rgba(var(--color-foreground),.75)}@media screen and (min-width:1024px){.login-overlay__brand{display:flex}.login-overlay__content{width:60%;padding:4rem}.login-overlay__view{padding-top:4rem;margin:0 auto}.login-overlay__close{top:3rem;right:3rem}.login-overlay__title{font-size:2.8rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-login-overlay.css.map */