.zone-bar-wrapper{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center}.zone-bar{width:100%;background-color:#e2e8f0;border-radius:.25rem .25rem 0 0;transition:height .5s ease-out;position:relative}.zone-bar .bpm-range{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:.75rem;font-weight:700;color:#475569;white-space:nowrap}.zone-label{font-size:.75rem;font-weight:500;color:#475569;margin-top:.25rem}