.menu{background:var(--color-bg-base);border:1px solid var(--color-border-subtle);border-radius:999px;align-items:center;gap:4px;padding:6px;display:inline-flex;box-shadow:0 14px 40px -12px #11111a2e,0 4px 14px -4px #11111a14,inset 0 1px #ffffffb3}.menu__item{color:var(--color-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;outline:none;align-items:center;gap:0;padding:9px 13px;text-decoration:none;transition:color .35s cubic-bezier(.22,1,.36,1),background-color .35s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.menu__item:hover{color:var(--color-text-primary)}.menu__item.active{color:var(--component-active-color,var(--color-gold-ink));background:color-mix(in oklch, var(--component-active-color,var(--color-gold-ink)) 12%, transparent)}.menu__item:focus-visible{box-shadow:0 0 0 2px color-mix(in oklch, var(--component-active-color,var(--color-gold-ink)) 45%, transparent)}.menu__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.menu__item.active .menu__icon{animation:.6s iconBounce}.menu__icon .icon{stroke-width:2px;width:18px;height:18px}.menu__text{box-sizing:content-box;letter-spacing:-.005em;text-transform:capitalize;white-space:nowrap;width:0;padding-left:0;font-size:12.5px;font-weight:600;line-height:1;transition:width .4s cubic-bezier(.22,1,.36,1),padding-left .4s cubic-bezier(.22,1,.36,1);display:inline-block;overflow:hidden}.menu__text.active{width:var(--lineWidth,auto);padding-left:7px}@keyframes iconBounce{0%,to{transform:translateY(0)}20%{transform:translateY(-.3em)}40%{transform:translateY(0)}60%{transform:translateY(-.1em)}80%{transform:translateY(0)}}