.heart-rate-zones{width:100%;padding:var(--s5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.heart-rate-zones .tk-headline{font-size:clamp(1.25rem,6vw,2rem)}.heart-rate-zones .tk-fields{align-items:start}.heart-rate-zones .hrz-bars{margin-top:var(--s3);border-radius:var(--r-sm);gap:2px;display:flex;overflow:hidden}.heart-rate-zones .hrz-bar{flex-basis:0;min-width:0;height:10px}.heart-rate-zones .hrz-bar-very-light{background-color:var(--series-1)}.heart-rate-zones .hrz-bar-light{background-color:var(--series-2)}.heart-rate-zones .hrz-bar-moderate{background-color:var(--series-3)}.heart-rate-zones .hrz-bar-vigorous{background-color:var(--series-4)}.heart-rate-zones .hrz-bar-near-maximal{background-color:var(--series-5)}