details>summary::-webkit-details-marker{display:none}details-modal,login-modal{width:100%}summary{list-style:none}login-modal summary .button{width:100%}.overflow-hidden{overflow:hidden}.login-modal{opacity:0;visibility:visible;width:450px;max-width:90vw;height:auto;min-height:350px;position:fixed;top:50%;left:50%;transform:translate(-50%,-40%);z-index:2;transition:opacity .3s ease,transform .3s ease;background:var(--color-body)}details[open].is-open .login-modal{opacity:1;transform:translate(-50%,-50%);transition:opacity .3s ease .3s,transform .3s ease .3s}.header-buttons--login .regular-login-button{display:none}#header{height:0}.modal-overlay{width:100%;height:100vh;position:fixed;top:0;left:0;visibility:hidden;background:#0003;opacity:0;z-index:1;transition:opacity .5s ease}details[open].is-open+.modal-overlay{opacity:1;visibility:visible}.login-modal__content{position:relative;padding:1rem;width:100%}@media (min-width: 1070px){.login-modal__content{min-width:450px}.login-modal{width:auto}.header-buttons--login .regular-login-button{display:flex}}.modal__close-button{position:absolute;top:1rem;right:1rem}
/*# sourceMappingURL=/cdn/shop/t/212/assets/component-login-modal.css.map */