@charset "UTF-8";
/** Engine-owned account header panel. */
body.stm-engine-storefront .stm-engine-header-action__icon--account{
  -webkit-mask-image:url("../icons/account.svg");
  mask-image:url("../icons/account.svg");
}
body.stm-engine-storefront .stm-acct__dd{
  width:var(--stm-header-account-panel-width);
  max-height:none;
  padding:var(--stm-header-account-padding);
  overflow:visible;
  border-color:var(--stm-commerce-border);
  background:linear-gradient(180deg,var(--stm-commerce-surface) 0%,var(--stm-commerce-surface-soft) 100%);
  box-shadow:var(--stm-commerce-widget-shadow,none);
  filter:var(--stm-commerce-widget-filter,none);
}
body.stm-engine-storefront .stm-acct__dd::after{right:18px}
body.stm-engine-storefront .stm-acct-card__user{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:var(--stm-space-2);
  padding:8px;
  border:1px solid var(--stm-commerce-raised-edge-line);
  border-top-color:var(--stm-commerce-raised-edge-highlight);
  border-radius:var(--stm-commerce-raised-radius);
  background:var(--stm-commerce-raised-heading-bg);
  box-shadow:none;
}
body.stm-engine-storefront .stm-acct-avatar{
  display:grid;
  width:var(--stm-header-account-avatar-size);
  height:var(--stm-header-account-avatar-size);
  place-items:center;
  overflow:hidden;
  border:var(--stm-border-default);
  border-radius:var(--stm-radius-pill);
  background:var(--stm-commerce-surface-soft);
  text-decoration:none;
  transition:border-color var(--stm-transition-fast),background-color var(--stm-transition-fast);
}
body.stm-engine-storefront .stm-acct-avatar:hover{border-color:var(--stm-commerce-primary);background:var(--stm-commerce-primary-soft)}
body.stm-engine-storefront .stm-acct-avatar__img{width:100%;height:100%;object-fit:cover}
body.stm-engine-storefront .stm-acct-avatar__placeholder{
  display:block;
  width:22px;
  height:22px;
  background:var(--stm-commerce-heading);
  -webkit-mask:url("../icons/account.svg") center/contain no-repeat;
  mask:url("../icons/account.svg") center/contain no-repeat;
}
body.stm-engine-storefront .stm-acct-umeta{display:grid;min-width:0;gap:var(--stm-header-panel-compact-gap)}
body.stm-engine-storefront .stm-acct-name,
body.stm-engine-storefront .stm-acct-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
body.stm-engine-storefront .stm-acct-name{color:var(--stm-commerce-heading);font-size:var(--stm-font-size-ui);font-weight:var(--stm-weight-bold)}
body.stm-engine-storefront .stm-acct-name:hover{color:var(--stm-commerce-primary)}
body.stm-engine-storefront .stm-acct-email{color:var(--stm-commerce-muted);font-size:var(--stm-header-panel-meta-font-size)}
body.stm-engine-storefront .stm-acct-email:hover{color:var(--stm-commerce-heading)}
body.stm-engine-storefront .stm-acct-verified{display:inline-flex;align-items:center;gap:4px;color:var(--stm-commerce-success);font-size:var(--stm-header-panel-meta-font-size);font-weight:var(--stm-weight-semibold)}
body.stm-engine-storefront .stm-acct-logout{align-self:start;padding:4px 8px;border-radius:var(--stm-radius-pill);color:var(--stm-commerce-muted);font-size:var(--stm-header-account-logout-size);font-weight:var(--stm-weight-semibold);line-height:1;text-decoration:none;transition:background-color var(--stm-transition-fast),color var(--stm-transition-fast)}
body.stm-engine-storefront .stm-acct-logout:hover{background:var(--stm-commerce-danger-soft);color:var(--stm-commerce-danger)}
body.stm-engine-storefront .stm-acct-summary,
body.stm-engine-storefront .stm-acct-quick{padding-top:var(--stm-header-account-section-gap)}
body.stm-engine-storefront .stm-acct-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body.stm-engine-storefront .stm-acct-stat{
  display:grid;
  min-height:var(--stm-header-account-stat-height);
  place-items:center;
  gap:2px;
  padding:var(--stm-space-1);
  border:var(--stm-border-default);
  border-radius:var(--stm-radius-md);
  color:var(--stm-commerce-heading);
  text-align:center;
  text-decoration:none;
  transition:border-color var(--stm-transition-fast),background-color var(--stm-transition-fast),color var(--stm-transition-fast);
}
body.stm-engine-storefront .stm-acct-stat:hover{border-color:var(--stm-commerce-raised-edge-line);background:var(--stm-commerce-raised-hover-bg);color:var(--stm-commerce-heading)}
body.stm-engine-storefront .stm-acct-stat strong{font-size:18px;line-height:1}
body.stm-engine-storefront .stm-acct-stat__label{color:var(--stm-commerce-muted);font-size:9px}
body.stm-engine-storefront .stm-acct-stat:hover .stm-acct-stat__label{color:var(--stm-commerce-muted)}
body.stm-engine-storefront .stm-acct-quick__title{margin:0 0 6px;padding:6px 9px;border:1px solid var(--stm-commerce-raised-edge-line);border-top-color:var(--stm-commerce-raised-edge-highlight);border-radius:var(--stm-radius-md);background:var(--stm-commerce-raised-heading-bg);color:var(--stm-commerce-raised-heading-text);font-size:11px;font-weight:var(--stm-weight-bold);line-height:1.2;box-shadow:none}
body.stm-engine-storefront .stm-acct-quick__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.stm-engine-storefront .stm-acct-quick__link{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--stm-space-2);
  min-height:var(--stm-header-account-quick-height);
  padding-inline:var(--stm-space-2);
  border:var(--stm-border-default);
  border-radius:var(--stm-radius-md);
  color:var(--stm-commerce-heading);
  font-size:var(--stm-header-panel-title-font-size);
  font-weight:var(--stm-weight-semibold);
  text-decoration:none;
  transition:border-color var(--stm-transition-fast),background-color var(--stm-transition-fast),color var(--stm-transition-fast);
}
body.stm-engine-storefront .stm-acct-quick__link:hover{border-color:var(--stm-commerce-raised-edge-line);background:var(--stm-commerce-raised-hover-bg);color:var(--stm-commerce-heading)}
body.stm-engine-storefront .stm-acct-quick__link i{font-style:normal;line-height:1;transition:transform var(--stm-transition-fast)}
body.stm-engine-storefront .stm-acct-quick__link:hover i{transform:translateX(2px)}
body.stm-engine-storefront .stm-acct-help{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:var(--stm-header-account-help-min-height);
  margin-top:var(--stm-header-account-section-gap);
  padding:8px 10px;
  border:var(--stm-border-default);
  border-radius:var(--stm-radius-md);
  background:var(--stm-commerce-raised-hover-bg);
}
body.stm-engine-storefront .stm-acct-help__txt{display:grid;min-width:0;gap:1px;color:var(--stm-commerce-muted);font-size:var(--stm-header-panel-meta-font-size)}
body.stm-engine-storefront .stm-acct-help__txt strong{color:var(--stm-commerce-heading);font-size:var(--stm-header-panel-title-font-size)}
body.stm-engine-storefront .stm-acct-help__txt span{font-size:var(--stm-header-panel-meta-font-size)}
body.stm-engine-storefront .stm-acct-help__btn{min-height:34px;padding:0 14px;white-space:nowrap}
body.stm-engine-storefront .stm-acct-guest{display:grid;gap:var(--stm-space-3)}
body.stm-engine-storefront .stm-acct-guest__t{font-size:18px;font-weight:var(--stm-weight-bold)}
body.stm-engine-storefront .stm-acct-guest__p{color:var(--stm-commerce-muted);font-size:var(--stm-header-panel-body-font-size)}
body.stm-engine-storefront .stm-acct-form{display:grid;gap:var(--stm-space-2)}
body.stm-engine-storefront .stm-acct-lbl{font-size:var(--stm-header-panel-title-font-size);font-weight:var(--stm-weight-semibold)}
body.stm-engine-storefront .stm-acct-in{width:100%;height:var(--stm-control-height);padding-inline:var(--stm-space-3);border:var(--stm-border-default);border-radius:var(--stm-radius-md);background:var(--stm-commerce-raised-control-bg)}
body.stm-engine-storefront .stm-acct-in:focus{border-color:var(--stm-commerce-primary);outline:2px solid var(--stm-commerce-primary-soft);outline-offset:1px}
body.stm-engine-storefront .stm-acct-show{display:flex;align-items:center;gap:6px;font-size:var(--stm-header-panel-title-font-size)}
body.stm-engine-storefront .stm-acct-guest-links{display:flex;justify-content:space-between;gap:var(--stm-space-3);font-size:var(--stm-header-panel-title-font-size)}
body.stm-engine-storefront .stm-acct-stat__ico,
body.stm-engine-storefront .stm-acct-quick__ico,
body.stm-engine-storefront .stm-acct-help__ico{display:block;flex:0 0 auto;width:16px;height:16px;background:currentColor;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}
body.stm-engine-storefront .stm-icon--user{-webkit-mask-image:url("../icons/account.svg");mask-image:url("../icons/account.svg")}
body.stm-engine-storefront .stm-icon--cart{-webkit-mask-image:url("../icons/cart.svg");mask-image:url("../icons/cart.svg")}
body.stm-engine-storefront .stm-icon--track{-webkit-mask-image:url("../icons/track-1.svg");mask-image:url("../icons/track-1.svg")}
body.stm-engine-storefront .stm-icon--payment{-webkit-mask-image:url("../icons/payment-1.svg");mask-image:url("../icons/payment-1.svg")}
body.stm-engine-storefront .stm-icon--feedback{-webkit-mask-image:url("../icons/feedback.svg");mask-image:url("../icons/feedback.svg")}
body.stm-engine-storefront .stm-icon--delivery{-webkit-mask-image:url("../icons/delivery.svg");mask-image:url("../icons/delivery.svg")}
body.stm-engine-storefront .stm-icon--wishlist{-webkit-mask-image:url("../icons/wishlist.svg");mask-image:url("../icons/wishlist.svg")}
body.stm-engine-storefront .stm-icon--return{-webkit-mask-image:url("../icons/return.svg");mask-image:url("../icons/return.svg")}
html[data-stm-layout="mobile"] body.stm-engine-storefront .stm-acct__dd{width:min(var(--stm-header-account-panel-width),calc(100vw - (2 * var(--stm-content-gutter-mobile))))}
