.login-popup-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-foreground),.2);height:100%;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,visibilty .3s ease,z-index .3s ease}.login-popup-modal[open]{opacity:1;visibility:visible;z-index:101}.login-popup-modal__content{border-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));overflow:auto;height:auto;margin:0 auto;left:50%;transform:translate(-50%);width:92%;position:fixed;padding:0 1.5rem 0 3rem;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.login-popup-modal__content.focused{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.login-popup-modal__content:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}@media screen and (min-width: 750px){.login-popup-modal__content{padding-right:1.5rem;margin-top:10rem;width:70%;padding:0 3rem}.login-media-modal__dialog .global-media-settings--no-shadow{overflow:visible!important}}.login-popup-modal__content img{max-width:100%}@media screen and (max-width: 749px){.login-popup-modal__content table{display:block;max-width:fit-content;overflow-x:auto;white-space:nowrap;margin:0}.login-media-modal__dialog .global-media-settings,.login-media-modal__dialog .global-media-settings video,.login-media-modal__dialog .global-media-settings model-viewer,.login-media-modal__dialog .global-media-settings iframe,.login-media-modal__dialog .global-media-settings img{border:none;border-radius:0}}.login-popup-modal__opener{display:inline-block}.login-popup-modal__button{font-size:1.6rem;padding-right:1.3rem;padding-left:0;min-height:4.4rem;text-underline-offset:.3rem;text-decoration-thickness:.1rem;transition:text-decoration-thickness var(--duration-short) ease}.login-popup-modal__button:hover{text-decoration-thickness:.2rem}.login-popup-modal__content-info{padding-right:4.4rem}.login-popup-modal__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%}@media screen and (max-width: 749px){.login-popup-modal__content-info>*{max-height:100%}}.login-popup-modal__toggle{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;position:sticky;padding:1.2rem;z-index:2;top:1.5rem;width:4rem;margin:0 0 0 auto}.login-popup-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.login-popup-modal__toggle .icon{height:auto;margin:0;width:2.2rem}.login-popup-modal__content-info.welcome{padding-bottom:3rem}.login a:not(.button){display:block;margin:0 auto;width:fit-content}.login a[href="#recover"]{margin-left:0;margin-right:0}.login .field+a:not(.button){margin-top:1rem}.login p{margin:1.5rem 0}.login h3{margin-top:1.5rem;text-align:left;font-size:calc(var(--font-heading-scale) * 1.6rem)}#customer_login_guest button{margin-top:0}#recover,#recover+div{display:none}#recover:target{display:block}#recover:target+div{display:block}#recover:target~#login,#recover:target~#login+div{display:none}#recover,#login{scroll-margin-top:20rem}#recover{margin-bottom:0}.activate button[name=decline],.addresses li>button,.addresses form button[type]{background-color:rgba(var(--color-background),var(--alpha-button-background));color:rgb(var(--color-link))}@media only screen and (min-width: 750px){.activate button[name=decline]{margin-top:inherit;margin-left:1rem}}.customer form{margin:4rem 0}.customer .field{margin:2rem 0 0}.customer .field:first-of-type{margin-top:0}.login a:not(.button),.login button{display:block;margin:0 auto}.register button,.login button{margin:20px auto}.login-popup-modal__content,.customer:not(.account):not(.order):not(.addresses):not(.dashboard){margin:0 auto;max-width:33.4rem;padding-left:1.5rem;padding-right:1.5rem;text-align:center}@media screen and (min-width: 750px){.login-popup-modal__content,.customer:not(.account):not(.order):not(.addresses):not(.dashboard){max-width:47.8rem}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/component-login-popup.css.map */