.skill-status-row{--row-cold:var(--color-cloud-blue-80,#90d0fe);--row-warm:var(--color-violet-80,#e5b9fe);--row-ink:var(--fun-ink,#032d60);--row-ink-soft:var(--fun-ink-soft,#5a6b80);--row-surface:var(--fun-surface,#fff);--u:var(--px,1px);gap:calc(12 * var(--u));font-family:var(--font-body,ui-sans-serif, system-ui, -apple-system, sans-serif);color:var(--row-ink);flex-direction:column;display:flex}.skill-status-row__heading{font-size:calc(15 * var(--u));letter-spacing:-.01em;margin:0;font-weight:700}.skill-status-row__bar{justify-content:space-between;align-items:center;gap:calc(8 * var(--u));min-height:calc(30 * var(--u));padding:calc(4 * var(--u)) calc(12 * var(--u));border:calc(1 * var(--u)) solid color-mix(in srgb, var(--warmth,var(--row-cold)) 60%, transparent);background:var(--row-surface);border-radius:999px;display:flex;position:relative;overflow:hidden}.skill-status-row__fill{--fill-t:var(--t,0);background:color-mix(in srgb, var(--row-warm) calc(var(--fill-t) * 100%), var(--row-cold));opacity:.5;transform-origin:0;transform:scaleX(var(--t,0));pointer-events:none;border-radius:0;position:absolute;inset:0}.skill-status-row__count{font-size:calc(12 * var(--u));letter-spacing:-.005em;font-variant-numeric:tabular-nums;flex:none;font-weight:400;position:relative}.skill-status-row__state{font-size:calc(12 * var(--u));letter-spacing:.01em;color:var(--row-ink);opacity:.78;flex:none;font-weight:700;position:relative}.skill-status-row__bar[data-state=not-started] .skill-status-row__state{color:var(--row-ink-soft);opacity:.65}.profile-skill-row{justify-content:space-between}.profile-skill-row .champion-skill-row--slab__fill:before{background-color:var(--profile-fill,var(--tds2-color-border-default))}.profile-skill-row__main{align-items:center;gap:var(--tds2-spacing-2);flex:auto;min-width:0;display:flex}.profile-skill-row__icon{color:var(--tds2-color-text-muted);flex:none}.profile-skill-row__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--tds2-font-size-sm);font-weight:var(--tds2-font-weight-bold);color:var(--tds2-color-text-default);overflow:hidden}.profile-skill-row__set{font-weight:var(--tds2-font-weight-normal);color:var(--tds2-color-text-muted)}.profile-skill-row__right{align-items:center;gap:var(--tds2-spacing-3);white-space:nowrap;flex:none;display:flex}.profile-skill-row__count{font-size:var(--tds2-font-size-xs);color:var(--tds2-color-text-muted);font-variant-numeric:tabular-nums}.profile-skill-row__state{font-size:var(--tds2-font-size-sm);font-weight:var(--tds2-font-weight-bold);color:var(--tds2-color-text-default)}.profile-skill-row[data-state=rusty] .profile-skill-row__state,.profile-skill-row[data-state=not-started] .profile-skill-row__state{color:var(--tds2-color-text-muted)}.skill-level-indicator--bare{flex:none;width:44px;min-width:44px;padding-inline:0}
