.scale-track{gap:.375rem;width:100%;height:3.5rem;display:flex}@media (min-width:40rem){.scale-track{height:4rem}}.scale-bar{gap:.25rem;min-width:0;height:100%;display:flex}.scale-segment{border-radius:calc(var(--badge-radius) * 1.5);border:1px solid color-mix(in oklab, var(--seg) 55%, transparent);background:linear-gradient(180deg, rgb(var(--landing-white-rgb) / .08), transparent 55%), color-mix(in oklab, var(--seg) 26%, var(--card));flex-basis:0;align-items:center;gap:.5rem;min-width:.375rem;padding-inline:.5rem;transition:opacity .15s ease-out;display:flex;position:relative;overflow:hidden;container-type:inline-size}.scale-segment[data-dim]{opacity:.4}.scale-picture{flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:relative}.scale-picture img{object-fit:contain;width:100%;height:100%}.scale-count{background:var(--foreground);color:var(--background);font-size:var(--text-caption);border-radius:3.40282e38px;padding-inline:.25rem;font-weight:700;line-height:1.25;position:absolute;bottom:-.125rem;right:-.25rem}.scale-share{font-weight:800;font-size:var(--text-body);font-variant-numeric:tabular-nums;white-space:nowrap}@container not (min-width:6rem){.scale-share{display:none}}@container not (min-width:3.25rem){.scale-picture{display:none}}.scale-gap{border-radius:calc(var(--badge-radius) * 1.5);border:2px dashed color-mix(in oklab, var(--muted-foreground) 45%, transparent);flex:1 1 0;min-width:0}.scale-short{height:var(--badge-height);border:1.5px dashed color-mix(in oklab, var(--muted-foreground) 55%, transparent);color:var(--muted-foreground);font-size:var(--text-label);font-variant-numeric:tabular-nums;border-radius:3.40282e38px;align-items:center;gap:.25rem;padding-inline:.5rem;font-weight:700;display:inline-flex}.scale-key{min-width:0;max-width:100%;font-size:var(--text-label);border-radius:3.40282e38px;align-items:center;gap:.5rem;padding:.25rem .625rem;transition:background-color .15s ease-out;display:inline-flex}.scale-key[data-lit]{background:color-mix(in oklab, var(--seg) 18%, transparent)}.scale-dot{background:var(--seg);border-radius:3.40282e38px;flex-shrink:0;width:.625rem;height:.625rem}