.hasspometer{width:100%;min-width:0;color:var(--wine);container-type:inline-size}.hasspometer[data-tone=dark]{color:var(--accent-foreground)}.hasspometer__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.hasspometer__name{font-family:var(--font-display);font-size:14px;font-weight:800;line-height:1.25}.hasspometer__counter{text-align:right;justify-content:flex-end;align-items:baseline;gap:8px;display:flex}.hasspometer__label{color:var(--muted-foreground);font-size:12px;line-height:1.3}.hasspometer[data-tone=dark] .hasspometer__label{color:var(--accent-foreground);opacity:.75}.hasspometer__value{white-space:nowrap;font-size:26px;font-weight:800;line-height:1}.hasspometer__instrument{margin-top:12px;padding-inline:5px;position:relative}.hasspometer__track{border:4px solid var(--wine-dark);background:var(--wine);border-radius:999px;height:25px;position:relative}.hasspometer__inside{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.hasspometer__fill{background:linear-gradient(to right, var(--primary), var(--gold));height:100%}.hasspometer__division{background:var(--wine-dark);opacity:.6;width:1px;position:absolute;inset-block:0}.hasspometer__tick{background:var(--accent-foreground);opacity:.4;width:1px;height:5px;position:absolute;bottom:0}.hasspometer__tick--minor{opacity:.3;height:4px}.hasspometer__pointer{border:3px solid var(--card);background:var(--primary);border-radius:5px;width:10px;height:40px;position:absolute;top:50%;transform:translate(-50%,-50%)}.hasspometer__endpoints{color:var(--muted-foreground);justify-content:space-between;margin-top:5px;padding-inline:4px;font-size:12px;line-height:1.3;display:flex}.hasspometer[data-tone=dark] .hasspometer__endpoints{color:var(--accent-foreground);opacity:.75}.hasspometer__caption{color:var(--muted-foreground);margin-top:8px;font-size:12px;line-height:1.5}.hasspometer[data-tone=dark] .hasspometer__caption{color:var(--accent-foreground);opacity:.75}.hasspometer[data-size=sm] .hasspometer__name{font-size:12px}.hasspometer[data-size=sm] .hasspometer__value{font-size:22px}.hasspometer[data-size=sm] .hasspometer__track{border-width:3px;height:20px}.hasspometer[data-size=sm] .hasspometer__pointer{border-width:2px;width:8px;height:32px}@container (width<=360px){.hasspometer__counter{flex-direction:column;align-items:flex-end;gap:3px}.hasspometer__label{font-size:10px}.hasspometer__value{font-size:22px}}