.account-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:36;pointer-events:none}.account-panel[hidden]{display:none}.account-panel.is-open{pointer-events:auto}body.account-panel--open{overflow:hidden}.account-panel__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;margin:0;border:0;background:#12121200;opacity:0;cursor:default;transition:opacity .2s ease,background-color .2s ease}.account-panel.is-open .account-panel__backdrop{opacity:1;background:#12121233;cursor:pointer}.account-panel__surface{position:absolute;right:var(--account-panel-right, 1.6rem);top:var(--account-panel-top, 7rem);width:min(34rem,calc(100vw - 3.2rem));max-height:min(70vh,54rem);overflow-y:auto;overflow-x:hidden;font:inherit;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.2rem;box-shadow:0 1.2rem 3.4rem #00000029;opacity:0;transform:translateY(-.8rem) scale(.98);transform-origin:top right;transition:opacity .2s ease,transform .2s ease}.account-panel.is-open .account-panel__surface{opacity:1;transform:translateY(0) scale(1)}.account-panel__header{padding:2rem 2rem 1.4rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.account-panel__eyebrow{margin:0 0 .6rem;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.account-panel__name{margin:0;font-size:1.8rem;line-height:1.2;font-weight:600}.account-panel__email{margin:.6rem 0 0;font-size:1.3rem;line-height:1.4;opacity:.75;word-break:break-word}.account-panel__nav{padding:.6rem 0}.account-panel__link{display:block;padding:1.2rem 2rem;text-decoration:none;color:inherit;font-size:1.45rem;line-height:1.3;transition:background-color .2s ease}.account-panel__link:hover,.account-panel__link:focus-visible{background:rgba(var(--color-foreground),.05);outline:none}.account-panel__link--logout{font-weight:600}.account-panel__close{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border:0;border-radius:999px;color:inherit;background:rgba(var(--color-foreground),.08);cursor:pointer}.account-panel__close:hover,.account-panel__close:focus-visible{background:rgba(var(--color-foreground),.14);outline:none}.account-panel__close .svg-wrapper{width:1.8rem;height:1.8rem}.account-panel__toggle[aria-expanded=true]{color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.account-panel__surface{left:0;right:0;top:auto;bottom:0;width:100%;max-height:min(82vh,62rem);border-left:0;border-right:0;border-bottom:0;border-radius:1.6rem 1.6rem 0 0;transform:translateY(100%);transform-origin:bottom center}.account-panel.is-open .account-panel__surface{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-account-panel.css.map */