.cosmetics-wrap{align-self:stretch;align-items:center;display:flex;position:relative}.cosmetics-btn{anchor-name:--cosmetics-menu;align-self:stretch;position:relative}.cosmetics-btn.has-news:after{content:"";background:var(--pt-danger);width:6px;height:6px;box-shadow:0 0 0 2px var(--pt-header);border-radius:50%;position:absolute;top:9px;right:7px}.cosmetics-btn:has(+#cosmeticsMenu:popover-open) .account-icon{color:var(--pt-ink)}#cosmeticsMenu{position-anchor:--cosmetics-menu;inset:auto;top:calc(anchor(bottom) + 1px);left:anchor(left);flex-flow:wrap;gap:6px;min-width:0;margin:0;padding:8px;position:fixed}#cosmeticsMenu:not(:popover-open){display:none}#cosmeticsMenu:popover-open{display:flex}.cosmetics-tile{border:1px solid rgba(var(--pt-ink-rgb),.14);border-radius:var(--pt-radius-md);cursor:pointer;background:0 0;place-items:center;width:44px;height:44px;padding:0;transition:border-color .12s,background .12s;display:grid}.cosmetics-tile:hover:not(:disabled),.cosmetics-tile:focus-visible{background:var(--pt-option-hover);outline:none}.cosmetics-tile[aria-pressed=true]{border-color:var(--pt-selected-accent);box-shadow:inset 0 0 0 1px var(--pt-selected-accent)}.cosmetics-tile:disabled{opacity:.45;cursor:not-allowed}.cosmetics-tile svg{width:32px;height:32px;overflow:visible}
