.customer-account-menu{color:var(--color-foreground);font-family:var(--font-family-body),var(--font-family-sans),system-ui,sans-serif}.customer-account-menu--sidebar{position:sticky;top:var(--space-5)}.customer-account-menu__panel{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--color-card-background);border:1px solid var(--color-border);border-radius:var(--radius-card)}.customer-account-menu__items{display:flex;flex-direction:column;gap:var(--space-1)}.customer-account-menu--sidebar .customer-account-menu__panel{padding:0;background:#fff0;border:0;border-radius:0}.customer-account-menu--sidebar .customer-account-menu__user{border-radius:var(--radius-md)}.customer-account-menu__user{display:flex;align-items:center;gap:var(--space-3);width:100%;min-width:0;height:auto;padding:var(--space-3);color:inherit;text-decoration:none;border:0;border-radius:calc(var(--radius-card) - var(--space-2)) calc(var(--radius-card) - var(--space-2)) 0 0}.customer-account-menu__user:hover{color:inherit;background:#fff0}.customer-account-menu__avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--space-11);height:var(--space-11);color:var(--color-text-inverse);font-size:var(--font-size-18);font-weight:var(--font-weight-semibold);background:var(--color-foreground);border-radius:var(--radius-full)}.customer-account-menu__user-meta{display:flex;flex:1;flex-direction:column;min-width:0;gap:calc(var(--space-1) / 2)}.customer-account-menu__user-name,.customer-account-menu__user-email{overflow-wrap:anywhere}.customer-account-menu__user-name{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-20)}.customer-account-menu__user-email{color:var(--color-text-muted);font-size:var(--font-size-meta);line-height:var(--line-height-18)}.customer-account-menu__item{display:flex;align-items:center;width:100%;min-height:var(--control-height);height:auto;gap:var(--space-3);padding:var(--space-2-5) var(--space-3-5);color:var(--color-foreground);font:inherit;font-size:var(--font-size-15);font-weight:var(--font-weight-medium);line-height:1.5;text-align:left;text-decoration:none;background:#fff0;border:0;border-radius:var(--radius-button);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.customer-account-menu__item:hover{background:var(--color-surface-muted)}.customer-account-menu__item.is-active{color:var(--color-text-inverse);background:var(--color-foreground)}.customer-account-menu__icon{display:inline-flex;flex:0 0 auto;width:calc(var(--space-4) + var(--space-0-5));height:calc(var(--space-4) + var(--space-0-5));color:var(--color-text-muted)}.customer-account-menu__icon .web-icon{width:100%;height:100%}.customer-account-menu__item.is-active .customer-account-menu__icon{color:var(--color-text-inverse)}.customer-account-menu__label{flex:1;min-width:0}.customer-account-menu__count{margin-left:auto;min-width:var(--space-6);padding:var(--space-0-5) var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-12);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);text-align:center;background:var(--color-surface-muted);border-radius:var(--radius-full)}.customer-account-menu__item.is-active .customer-account-menu__count{color:var(--color-text-inverse);background:color-mix(in oklch,var(--color-text-inverse) 20%,transparent);opacity:1}.customer-account-menu__separator{height:1px;margin-block:var(--space-3);background:var(--color-border)}.customer-account-menu__logout{color:var(--color-text-muted)}.customer-account-menu__logout:hover{color:var(--color-danger);background:var(--color-danger-surface)}.customer-account-menu__trigger,.customer-account-menu__guest-trigger{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--control-height);height:var(--control-height);padding:0;color:var(--color-foreground);background:#fff0;border:0;border-radius:var(--radius-full);cursor:pointer}.customer-account-menu__trigger .web-icon,.customer-account-menu__guest-trigger .web-icon{width:var(--space-5);height:var(--space-5)}.customer-account-menu__trigger-avatar{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-inverse);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);background:var(--color-foreground);border-radius:var(--radius-full)}.customer-account-menu--header{position:relative;display:inline-flex;color:inherit}.customer-account-menu__popover{position:absolute;z-index:1000;top:calc(100% + var(--space-2));right:0;width:min(calc(var(--space-20) * 3.25), calc(100vw - var(--space-6)));color:var(--color-foreground)}.customer-account-menu__popover .customer-account-menu__panel{gap:0;box-shadow:var(--shadow-lg)}.customer-account-menu--header .customer-account-menu__items{gap:0}.customer-account-menu--header .customer-account-menu__user{border-radius:var(--radius-button)}.customer-account-menu--header .customer-account-menu__user:hover{color:inherit;background:var(--color-surface-accent)}.customer-account-menu--header .customer-account-menu__avatar{width:var(--space-10);height:var(--space-10);font-size:var(--font-size-14)}.shop-nav-icons .customer-account-menu--header .customer-account-menu__user{display:flex;width:100%;height:auto;gap:var(--space-3);padding:var(--space-3);color:var(--color-foreground);background:#fff0;border:0;border-radius:var(--radius-button);justify-content:flex-start}.shop-nav-icons .customer-account-menu--header .customer-account-menu__item{display:flex;justify-content:flex-start;width:100%;height:auto;min-height:var(--control-height);gap:var(--space-3);padding:var(--space-2-5) var(--space-3-5);color:var(--color-foreground);font-size:var(--font-size-15);font-weight:var(--font-weight-medium);text-align:left;background:#fff0;border-radius:var(--radius-button)}.shop-nav-icons .customer-account-menu--header .customer-account-menu__user:hover{color:var(--color-foreground);background:var(--color-surface-accent)}.shop-nav-icons .customer-account-menu--header .customer-account-menu__item:hover{background:var(--color-surface-muted)}.shop-nav-icons .customer-account-menu--header .customer-account-menu__logout{color:var(--color-text-muted)}.shop-nav-icons .customer-account-menu--header .customer-account-menu__logout:hover{color:var(--color-danger);background:var(--color-danger-surface)}.shop-nav-icons .customer-account-menu--header .customer-account-menu__item.is-active{color:var(--color-text-inverse);background:var(--color-foreground)}.customer-account-menu :where(a,button):focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@container customer-account (max-width:56.25rem){.customer-account-menu--sidebar{position:static;min-width:0}.customer-account-menu--sidebar .customer-account-menu__panel{gap:var(--space-3)}.customer-account-menu--sidebar .customer-account-menu__items{flex-direction:row;gap:var(--space-1-5);margin-inline:calc(var(--space-5) * -1);padding:0 var(--space-5) var(--space-2);overflow-x:auto;scrollbar-width:none}.customer-account-menu--sidebar .customer-account-menu__items::-webkit-scrollbar{display:none}.customer-account-menu--sidebar .customer-account-menu__item{flex:0 0 auto;width:auto;padding:var(--space-2) var(--space-3-5);font-size:var(--font-size-14);white-space:nowrap;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-button)}.customer-account-menu--sidebar .customer-account-menu__item.is-active{border-color:var(--color-foreground)}.customer-account-menu--sidebar .customer-account-menu__label{flex:0 0 auto}.customer-account-menu--sidebar .customer-account-menu__separator{display:none}}