@layer components{.benchmarks-profile-aside{gap:var(--spacing-3);padding:var(--spacing-4);background:var(--self-card-surface);border:1px solid var(--brand-gold-muted);border-radius:var(--radius-md);flex-direction:column;min-width:0;display:flex}.benchmarks-profile-aside__identity{align-items:center;gap:var(--spacing-2);cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;min-width:0;padding:0;display:flex}.benchmarks-profile-aside__avatar{border-radius:var(--radius-full);background:var(--brand-gold-muted);width:40px;height:40px;color:var(--self-card-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.benchmarks-profile-aside__identity-text{flex-direction:column;align-items:center;min-width:0;display:flex}.benchmarks-profile-aside__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--self-card-text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.benchmarks-profile-aside__identity:hover .benchmarks-profile-aside__name{text-decoration:underline}.benchmarks-profile-aside__section{gap:var(--spacing-3);flex-direction:column;min-width:0;display:flex}.benchmarks-profile-aside__section-title{padding-top:var(--spacing-3);border-top:1px solid var(--brand-gold-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--self-card-text);margin:0}.benchmarks-profile-aside__meter{gap:var(--spacing-2);flex-direction:column;min-width:0;display:flex}.benchmarks-profile-aside__meter-head{justify-content:space-between;align-items:baseline;gap:var(--spacing-2);display:flex}.benchmarks-profile-aside__meter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;color:var(--self-card-text-muted)}.benchmarks-profile-aside__meter-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--self-card-text);font-variant-numeric:tabular-nums;white-space:nowrap}.benchmarks-profile-aside__pips{align-self:flex-start;align-items:center;gap:var(--spacing-2);max-width:100%;display:flex;position:relative}.benchmarks-profile-aside__pips:before{content:"";background:color-mix(in srgb, var(--self-card-text) 25%, transparent);height:1.5px;position:absolute;top:50%;left:4.5px;right:4.5px;transform:translateY(-50%)}.benchmarks-profile-aside__pip{z-index:1;border-radius:var(--radius-full);border:1.5px solid color-mix(in srgb, var(--self-card-text) 35%, transparent);background:var(--self-card-surface);box-sizing:border-box;flex-shrink:0;width:9px;height:9px;position:relative}.benchmarks-profile-aside__pip--filled{background:var(--color-success);border-color:var(--color-success)}.benchmarks-profile-aside__meter-bar{border-radius:var(--radius-full);border:1.5px solid color-mix(in srgb, var(--self-card-text) 35%, transparent);background:var(--self-card-surface);box-sizing:border-box;width:100%;height:9px;overflow:hidden}.benchmarks-profile-aside__meter-bar-fill{border-radius:var(--radius-full);background:var(--color-success);height:100%;display:block}.benchmarks-profile-aside__dot{border-radius:var(--radius-full);background:var(--color-success);flex-shrink:0;width:7px;height:7px;display:inline-block}.benchmarks-profile-aside__section-title--complete{align-items:center;gap:var(--spacing-2);display:flex}.benchmarks-profile-aside__action{appearance:none;width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast)}.benchmarks-profile-aside__action:hover{background:var(--hover-surface);border-color:var(--accent);color:var(--accent-hover)}@media (min-width:1101px){.benchmarks-profile-aside{top:calc(var(--navbar-height) + var(--spacing-4));margin-top:calc(var(--control-height-sm) + var(--spacing-2));position:sticky}}@media (max-width:1100px){.benchmarks-profile-aside__identity{text-align:left;flex-direction:row;align-items:center}.benchmarks-profile-aside__identity-text{align-items:flex-start}.benchmarks-profile-aside__section{align-items:flex-start;column-gap:var(--spacing-5);flex-flow:wrap}.benchmarks-profile-aside__section-title{flex:1 0 100%}.benchmarks-profile-aside__meter{flex:100%}}}