.login-overlay{--max-width: 31.25rem;--outer-spacing: 8px;position:fixed;inset:var(--outer-spacing);padding:16px;width:calc(100% - var(--outer-spacing)*2);background-color:#fff;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.87,0,.18,1),visibility .3s cubic-bezier(.87,0,.18,1),transform .6s cubic-bezier(.87,0,.18,1);z-index:99;--max-width: 29.125rem;top:auto;left:unset;width:min(100% - var(--outer-spacing)*2,var(--max-width));transform:translateY(100%);scrollbar-width:none;-ms-overflow-style:none}@media(min-width:550px){.login-overlay{left:unset;bottom:unset;padding:24px 20px;max-width:var(--max-width)}}.login-overlay.active,.login-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}@starting-style{.login-overlay.active,.login-overlay.is-active{opacity:0;visibility:hidden}}.login-overlay::-webkit-scrollbar{display:none}@media(min-width:550px){.login-overlay{--max-width: 29.125rem;top:var(--outer-spacing);transform:translate(100%)}}.login-overlay.active{transform:translate(0)}.login-overlay .overlay-close{width:1.5rem;min-height:1.5rem;right:.75rem;transform:translateY(-.25rem);max-width:100%;line-height:100%;background-color:#0000;border-color:#0000;transition:background-color .3s cubic-bezier(.87,0,.18,1),border-color .3s cubic-bezier(.87,0,.18,1);cursor:pointer;position:absolute;right:8px;border:none;border-radius:0}@media(min-width:550px){.login-overlay .overlay-close{width:2rem;min-height:2rem;transform:translateY(-.75rem)}.login-overlay .overlay-close:hover{border-color:#2e2e2e80;background-color:#f8f8f8}}.login-overlay .overlay-close:focus-visible{border-color:#2e2e2e80;background-color:#f8f8f8}.login-overlay .overlay-close:after{content:"\2715";font-size:.75rem;line-height:100%}.login-overlay .login-overlay__buttons{margin-top:32px}.login-overlay .login-overlay__buttons .account-link{display:block;padding:16px 20px;border:1px solid #dedede}.login-overlay .login-overlay__buttons nav{margin-top:24px}.login-overlay .login-overlay__buttons nav a{display:block;padding:16px 20px;width:100%;color:#0006;transition-property:background-color,color;transition-duration:.3s;transition-timing-function:cubic-bezier(.87,0,.18,1)}.login-overlay .login-overlay__buttons nav a:focus-visible{color:#fff;background-color:#2e2e2e}@media(min-width:1280px){.login-overlay .login-overlay__buttons nav a:hover{color:#fff;background-color:#2e2e2e}}.login-overlay .login-overlay__buttons ul{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/login-overlay.css.map */