.style-badge[data-v-d927013a]{display:inline-flex;align-items:stretch;min-width:0;max-width:100%;font-size:var(--font-size-md);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition-fast)}.style-badge[data-v-d927013a]:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border-subtle))}.style-badge-rank[data-v-d927013a],.style-badge-name[data-v-d927013a],.style-badge-temp[data-v-d927013a]{padding:2px 4px;line-height:1.35;display:inline-flex;align-items:center}.style-badge-rank[data-v-d927013a]{border:none;background:none;font:inherit;text-align:inherit;flex:0 0 auto;color:var(--accent);font-weight:600;cursor:pointer}.style-badge-rank[data-v-d927013a]:hover{text-decoration:underline}.style-badge-name[data-v-d927013a]{border:none;background:none;font:inherit;text-align:inherit;flex:0 1 auto;min-width:0;color:var(--text-primary);font-weight:500;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast);border-left:1px solid var(--border-subtle)}.style-badge-name[data-v-d927013a]:first-child{border-left:none}.style-badge-name.style-badge-clickable[data-v-d927013a]{cursor:pointer}.style-badge-name.style-badge-clickable[data-v-d927013a]:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);text-decoration:underline}.style-badge-rank[data-v-d927013a]:focus-visible,.style-badge-name[data-v-d927013a]:focus-visible{outline-offset:-2px}.style-badge-temp[data-v-d927013a]{flex:0 0 auto;color:var(--text-muted);white-space:nowrap;border-left:1px solid var(--border-subtle)}