.login-drawer-container{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease}.login-drawer-container.active{visibility:visible}.login-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0}.login-drawer-container .drawer__inner{height:100%;width:40rem;max-width:calc(100vw - 3rem);padding:0;border:0;border-right:0;background-color:rgb(var(--color-background));overflow:hidden;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease;overflow-y:scroll}.login-drawer-container .drawer__inner-empty{height:100%;padding:0 1.5rem;background-color:rgb(var(--color-background));overflow:hidden;display:flex;flex-direction:column}.login-drawer-container.active .drawer__inner{transform:translate(0)}.login-drawer-container .drawer__header{position:relative;background-color:#ff99b9;padding:2.9rem 2.5rem 2.5rem 2.1rem;display:flex;justify-content:space-between;align-items:center}.login-drawer-container .drawer__header *{color:#f8f8f8}.login-drawer-container .drawer__heading{margin:0;font-size:19px;line-height:120%;font-weight:450}.login-drawer-container .drawer__close{display:inline-block;padding:0;min-width:4rem;min-height:4rem;box-shadow:0 0 0 .2rem rgba(var(--color-button),0);position:relative;top:0;right:0;color:rgb(var(--color-foreground));background-color:transparent;border:none;cursor:pointer}.login-drawer-container .drawer__close svg{height:2rem;width:2rem}.login-drawer-container .drawer__contents{flex-grow:1;display:flex;flex-direction:column}.login-drawer-container .drawer__contents.customer{width:100%!important;max-width:unset!important;margin:0!important;padding:0rem 2.5rem 4rem 2.1rem!important;text-align:left!important}.login-drawer-container .customer .field{margin:2.4rem 0 0}.login-drawer-container .customer .field:first-of-type{margin-top:0}.login-drawer-container .drawer__contents.customer form{margin-top:4rem}.login-drawer-container .login-drawer__overlay:empty{display:block}.login-drawer-container form fieldset{display:flex;flex-direction:column;justify-content:flex-end;border:0;padding:0}.login-drawer-container legend{margin:0 0 1.3rem;color:rgb(var(--color-foreground));font-size:19px;font-style:normal;font-weight:450;line-height:120%}.login-drawer-container .caption{font-size:14px;font-weight:390;line-height:150.5%;margin:0}.login-drawer-container a.forget-password{font-size:17px;font-style:normal;font-weight:390;line-height:144.5%}.login-drawer-container fieldset a.forget-password{margin-top:30px}.login-drawer-container fieldset a.forget-password+p{margin-top:13px;margin-bottom:0}.login-drawer-container fieldset a+p+button,.login-drawer-container fieldset legend+p+.button{margin-top:22px;margin-bottom:0}.login-drawer-container fieldset:not(:first-of-type):has(>legend){margin-top:48px}.login-drawer-container button,.login-drawer-container .button{font-size:16px}@media screen and (max-height: 650px){.login-drawer-container .drawer__inner{overflow:scroll}}
/*# sourceMappingURL=/cdn/shop/t/272/assets/component-login-drawer.css.map */