.header-account{position:relative;display:flex;align-items:center}.header-account__trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;cursor:pointer;text-align:right;color:rgb(var(--color-foreground));transition:var(--transition-colors)}.header-account__trigger:hover{color:var(--color-primary)}.header-account__trigger:focus-visible{outline:2px solid var(--color-primary-focus);outline-offset:2px;border-radius:var(--radius-sm)}.header-account__info{display:flex;flex-direction:column;align-items:flex-end;line-height:var(--line-height-tight)}.header-account__company{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:rgb(var(--color-foreground));max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-account__name{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.header-account__icon{display:flex;align-items:center;color:var(--color-primary)}.header-account__icon svg{width:24px;height:24px}.header-account__chevron{display:flex;align-items:center;transition:var(--transition-transform);opacity:.6}.header-account__chevron svg{width:10px;height:6px}.header-account__trigger[aria-expanded=true] .header-account__chevron{transform:rotate(180deg)}.header-account__dropdown{position:absolute;top:calc(100% + 12px);right:0;min-width:200px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);z-index:var(--z-dropdown);display:none}.header-account__dropdown[data-open]{display:block}.header-account__dropdown[data-open=true]{opacity:1;visibility:visible;transform:translateY(0)}.header-account__menu{list-style:none;margin:0;padding:var(--spacing-sm) 0}.header-account__menu-item{display:block;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text);text-decoration:none;transition:var(--transition-colors)}.header-account__menu-item:hover{background:var(--color-primary-5);color:var(--color-primary)}.header-account__menu-item:focus-visible{outline:none;background:var(--color-primary-10);color:var(--color-primary)}.header-account__menu-divider{height:1px;background:var(--color-border);margin:var(--spacing-sm) 0}.header-account__menu-item--logout{color:var(--color-text-muted)}.header-account__menu-item--logout:hover{color:var(--color-error);background:var(--color-error-light)}.header-account__login-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--btn-sm-padding-y) var(--btn-sm-padding-x);font-size:var(--btn-sm-font-size);font-weight:var(--btn-font-weight);font-family:var(--font-primary);color:var(--color-text-inverse);background:var(--color-primary);border:none;border-radius:var(--btn-radius);text-decoration:none;cursor:pointer;transition:var(--transition-colors),var(--transition-shadow)}.header-account__login-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-primary)}.header-account__login-btn:focus-visible{outline:2px solid var(--color-primary-focus);outline-offset:2px}.header-account__login-btn:active{background:var(--color-primary-dark)}@media screen and (max-width:749px){.header--mobile-center{grid-template-columns:1fr auto!important}.header--mobile-center .header__heading,.header--mobile-center .header__heading-link{justify-self:start!important;text-align:left;grid-column:1}.header--mobile-center .header__heading-logo-wrapper{width:120px}.header--mobile-center .header__heading-logo{width:120px;height:auto}.header--mobile-center .header__icons{grid-column:2}.header--mobile-center .header__search{display:none}.header-account{display:flex}.header-account__company{max-width:100px;font-size:var(--font-size-xs)}.header-account__name{font-size:.7rem}.header-account__trigger{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.header-account__icon svg{width:18px;height:18px}.header-account__chevron svg{width:8px;height:5px}}@media screen and (max-width:989px){.header-account__company{max-width:150px;font-size:var(--font-size-base)}.header-account__name{font-size:var(--font-size-sm)}}.menu-drawer__account-section{padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.menu-drawer__account-info{display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.menu-drawer__account-company{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:rgb(var(--color-foreground));line-height:var(--line-height-tight)}.menu-drawer__account-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-muted);line-height:var(--line-height-normal)}.menu-drawer__account-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.menu-drawer__account-link{display:block;padding:var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text);text-decoration:none;transition:var(--transition-colors)}.menu-drawer__account-link:hover{color:var(--color-primary)}.menu-drawer__account-link--logout{color:var(--color-text-muted);margin-top:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.menu-drawer__account-link--logout:hover{color:var(--color-error)}.menu-drawer__login-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--btn-sm-padding-y) var(--btn-sm-padding-x);font-size:var(--btn-sm-font-size);font-weight:var(--btn-font-weight);font-family:var(--font-primary);color:var(--color-text-inverse);background:var(--color-primary);border:none;border-radius:var(--btn-radius);text-decoration:none;cursor:pointer;transition:var(--transition-colors),var(--transition-shadow)}.menu-drawer__login-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-primary)}.menu-drawer__login-btn:focus-visible{outline:2px solid var(--color-primary-focus);outline-offset:2px}.menu-drawer__login-btn:active{background:var(--color-primary-dark)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-header-account.css.map */