.brand-trigger{border:0;padding:0;background:none;color:inherit;cursor:pointer;text-align:start;line-height:1.2}
.brand-trigger:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:8px}
.brand-bubble{position:fixed;z-index:65;display:flex;align-items:center;justify-content:center;padding:1px 3px;border:1px solid rgb(255 255 255 / .18);border-radius:7px;background:var(--action);color:#fff;box-shadow:inset 0 1px 0 rgb(255 255 255 / .12);pointer-events:none;font-size:12px;line-height:1.05;overflow:visible}
.brand-bubble::before{content:"";position:absolute;top:50%;width:6px;height:8px;background:var(--action);transform:translateY(-50%)}
.brand-bubble[data-tail-side=left]::before{left:-5px;clip-path:polygon(0 50%,100% 0,100% 100%)}
.brand-bubble[data-tail-side=right]::before{right:-5px;clip-path:polygon(100% 50%,0 0,0 100%)}
.brand-bubble span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;text-align:center;max-width:100%;max-height:100%}
.brand-trigger:disabled{opacity:1;cursor:default}.brand-trigger [data-brand-word]{display:inline-block}
@media(prefers-reduced-motion:reduce){.brand-bubble{animation:none}}
@media(max-width:580px){.main-nav{gap:20px}}