.sp .sp-row{gap:6px;display:flex}.sp .sp-row input{border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface);min-height:44px;color:var(--ink);font:700 var(--fs-m) var(--font);flex:1;padding:0 10px}.sp .sp-range{accent-color:#f59e0b;width:100%}.sp .sp-primary{font-size:clamp(1.4rem,1.1rem + 1.2vw,1.9rem)}.sp .sp-legend{font-size:var(--fs-xs);flex-wrap:wrap;gap:4px 12px;margin:8px 0 0;display:flex}.sp .sp-legend span:before{content:"";background:var(--c);vertical-align:middle;width:14px;height:3px;margin-right:4px;display:inline-block}.sp .sp-small{font-size:var(--fs-xs);color:var(--muted);margin:6px 0 0}.sp .sp-compass{text-align:center;margin:10px 0}.sp .sp-compass[hidden]{display:none}.sp .sp-arrow{color:#f59e0b;font-size:4rem;line-height:1;transition:transform .1s linear}