.header-account-login{position:absolute;top:100%;left:0;right:0;background:#423a3aba;z-index:-1;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;height:auto}.header-account-login[open]{opacity:1;visibility:visible}.header-account-login .header-account-container>.customer.login{max-width:580px;margin:auto;padding:5rem 0 10rem}.header-account-login .header-account-container #customer_login .recover,.header-account-login .header-account-container #customer_login .create-account{display:block}.header-account-login .header-account-container #customer_login .recover{margin:0 2rem}.header-account-login .header-account-container>.customer.login>h2{font-size:20px;font-weight:700}.header-account-login .header-account-container>.customer.login>p{font-size:14px;font-weight:400;text-align:left}.header-account-login .header-account-container>.customer.login form#customer_login>.field>input{background:#fff;font-size:16px;font-weight:400;height:54px;border:1px solid #E2E2E2}.header-account-login .header-account-container .field__label,.header-account-login .header-account-container .customer .field label{top:calc(2rem + var(--inputs-border-width))}.header-account-login .header-account-container .customer .field input:focus~.field__label,.header-account-login .header-account-container .customer .field input:focus~label{top:calc(1rem + var(--inputs-border-width))}.header-account-login .header-account-container .customer .field{margin:10px 0}.header-account-login .header-account-container>.customer.login form#customer_login button{display:block;width:100%;margin:3rem 0;height:54px;font-size:16px;font-weight:700}.header-account-login .header-account-container #customer_login .customer-register{display:flex;align-items:center;font-size:14px;font-weight:400;gap:5px}.header-account-login .header-account-container{background:#f5f5f5}.header-account-login .header-account-container>.customer.login form#customer_login button:hover{color:#000;background:#f1efec}@media screen and (max-width: 768px){.header-account-login .header-account-container>.customer.login{padding:5rem 2rem 10rem;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-header-account-login.css.map */