.login.modal{align-items:center;background:var(--background-color);display:flex;justify-content:center;opacity:0;position:fixed;pointer-events:none;transition-property:opacity,transform;transition-duration:var(--fast);top:0;right:0;bottom:0;left:0}.login.modal.active{pointer-events:auto;opacity:1;transform:none}.login.modal .modal__close{-webkit-appearance:none;appearance:none;background:transparent;border-color:transparent;border-style:solid;color:inherit;cursor:pointer;position:absolute;top:0;right:0;margin:var(--gutter)}.login.modal .modal__close:hover{color:var(--white)}.login.modal .modal__close:focus{outline:none}.login.modal .form-single-field{color:var(--background-color);background-color:var(--text-color);border-radius:16px;border-color:var(--text-color);border-style:solid;border-width:2px;margin:1em 0}.login.modal .form-single-field .input-group{display:grid;grid-template-columns:1fr auto;grid-template-rows:30px}.login.modal .form-single-field .input-group__field{-webkit-appearance:none;appearance:none;background:transparent;border-color:transparent;color:inherit;font:inherit;padding:1px 15px}.login.modal .form-single-field .input-group__field::placeholder{color:inherit;opacity:1}.login.modal .form-single-field .input-group__field:focus{outline:none}.login.modal .form-single-field .btn{-webkit-appearance:none;appearance:none;border-radius:15px;box-sizing:border-box;background-color:var(--background-color);border-color:transparent;color:var(--text-color);cursor:pointer;font:inherit;font-weight:700;padding:1px 15px;width:auto}.login.modal .text-link{color:inherit;text-decoration:none}.login.modal .text-link:hover{text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/441/assets/component-login-modal.css.map */