.auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.auth-modal[hidden]{display:none}.auth-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.auth-modal__dialog{position:relative;margin:6rem auto;width:min(92vw,540px);background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:var(--popup-corner-radius);box-shadow:0 10px 30px #00000040;padding:2.4rem}.auth-modal__close{position:absolute;right:1rem;top:1rem;background:transparent;border:0;cursor:pointer}.auth-modal__tabs{display:flex;gap:0;margin-bottom:1.8rem}.auth-modal__tab{background:transparent;border:0;padding:.8rem 0;font-weight:600;cursor:pointer;opacity:.7;flex:1;text-align:center}.auth-modal__tab.is-active{opacity:1;border-bottom:3px solid currentColor;border-radius:0}.auth-panel{display:none}.auth-panel.is-active{display:block}.auth-form .field{position:relative;margin-bottom:2rem}.auth-form .field input{width:100%;padding:1.2rem 1.4rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius);background:#fff}.auth-form .field label{position:absolute;left:12px;top:-20px;background:rgb(var(--color-background));padding:0 6px;font-size:12px;opacity:.8;z-index:1}.auth-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.2rem}.auth-link{font-size:1.2rem;color:rgba(var(--color-foreground),.7)}.auth-legal{font-size:1.2rem;color:rgba(var(--color-foreground),.75);margin:.6rem 0 0}.auth-social{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8rem;margin-top:1.2rem}.auth-social__btn{border:1px solid rgba(var(--color-foreground),.15);border-radius:var(--inputs-radius);padding:.8rem;background:#fff;cursor:pointer}.checkbox{display:flex;align-items:flex-start;gap:.8rem;margin:.6rem 0 1rem}.checkbox input{margin-top:.3rem;flex-shrink:0}.checkbox label{font-size:1.2rem;line-height:1.4}.field__error{color:#c62828;font-size:1.3rem;margin-top:.2rem}.button.button--primary{width:100%;padding:1.2rem;border-radius:var(--buttons-radius);background:rgb(var(--color-button));color:rgb(var(--color-button_text, var(--color-button-text)));border:none;cursor:pointer}.auth-modal-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/4/assets/auth-modal.css.map */