:root{--zh-account-pink: #f0358c;--zh-account-pink-hot: #ff5ca8;--zh-account-pink-deep: #d92a78;--zh-account-muted: #8a7080;--zh-account-ink: #2d2028;--zh-account-border: #ececec}shopify-account::part(dialog),shopify-account::part(backdrop){display:none!important;visibility:hidden!important;pointer-events:none!important}@media screen and (min-width:750px){.zh-account-hover__wrap shopify-account::part(dialog),.zh-account-hover__wrap shopify-account::part(backdrop){display:none!important}}@media screen and (min-width:750px){#header-component header-actions>.zh-account-hover-anchor{order:2}.zh-account-hover-anchor{position:relative;display:inline-flex;align-items:center}.zh-account-hover__wrap{position:relative}.zh-account-hover__trigger{text-decoration:none;color:inherit}.zh-account-hover__wrap shopify-account{display:flex;align-items:center;justify-content:center}.zh-account-hover__wrap shopify-account:focus,.zh-account-hover__wrap shopify-account:focus-visible,.zh-account-hover__wrap .account-button__icon{outline:none;box-shadow:none}.zh-account-hover-anchor:is(:hover,[data-open=true]) .account-button__icon,.zh-account-hover-anchor:is(:hover,[data-open=true]) .account-button__text{color:var(--zh-account-pink)}}.zh-account-hover-root{display:none}@media screen and (min-width:750px){.zh-account-hover-root{display:block;--zh-account-top: var(--header-height, 72px);--zh-account-panel-width: min(280px, calc(100vw - 48px) )}.zh-account-hover-root[hidden]{display:none!important}.zh-account-hover-root.is-open{display:block}.zh-account-hover__backdrop{display:none!important}.zh-account-hover-root.is-open .zh-account-hover__backdrop{display:none!important;opacity:0;visibility:hidden;pointer-events:none}.zh-account-hover__panel{position:fixed;top:var(--zh-account-top);left:var(--zh-account-left, 24px);right:auto;width:var(--zh-account-panel-width);padding:8px 0 12px;background:#fff;border:1px solid #f0d4e4;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 6px 24px #00000014;z-index:calc(var(--layer-overlay) + 2);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.zh-account-hover-root.is-open .zh-account-hover__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.zh-account-hover__nav{display:flex;flex-direction:column;padding:4px 0}.zh-account-hover__link{display:block;padding:11px 24px;font-family:var(--font-accent--family);font-size:.9375rem;font-weight:500;color:var(--zh-account-ink);text-decoration:none;text-align:center;transition:color .2s ease,background .2s ease}.zh-account-hover__link:hover{color:var(--zh-account-pink);background:#f0358c0f}.zh-account-hover__link--action{font-weight:600}.zh-account-hover__divider{height:1px;margin:4px 20px 8px;background:var(--zh-account-border)}.zh-account-hover__guest{display:flex;flex-direction:column;align-items:center;padding:16px 20px 8px;text-align:center}.zh-account-hover__guest-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:12px;border:1px solid var(--zh-account-border);border-radius:50%;color:#bbb}.zh-account-hover__guest-title{margin:0 0 8px;font-family:var(--font-accent--family);font-size:1rem;font-weight:700;color:var(--zh-account-ink)}.zh-account-hover__guest-note{margin:0 0 16px;font-size:.8125rem;line-height:1.5;color:var(--zh-account-muted)}.zh-account-hover__sign-in{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;padding:10px 18px;border:0;border-radius:8px;background:var(--zh-account-pink);color:#fff;font-family:var(--font-accent--family);font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .2s ease,transform .12s ease}.zh-account-hover__sign-in:hover{background:var(--zh-account-pink-hot);color:#fff}.zh-account-hover__sign-in:active{background:var(--zh-account-pink-deep);transform:scale(.98)}.zh-account-hover__register{margin-top:10px;font-size:.8125rem;color:var(--zh-account-muted);text-decoration:none}.zh-account-hover__register:hover{color:var(--zh-account-pink)}body.zh-account-hover-open #header-group{position:relative;z-index:calc(var(--layer-overlay) + 3);background:#fff}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/zh-account-hover.css.map */
