/* 0.4.1: component overflow is tested independently of viewport overflow. */
.workout-metrics {grid-template-columns:repeat(4,minmax(0,1fr))}
.workout-metrics>div {min-width:0}
.workout-metrics b {display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;white-space:normal;line-height:1.35}
.workout-metrics .duration-unit {font-size:11px;font-weight:500;white-space:normal}
.workout-metrics small {overflow-wrap:anywhere}
@media(max-width:740px){
 .workout-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
 .workout-metrics>div:nth-child(3){border-left:0;padding-left:0}
 .workout-metrics b {font-size:24px}
 .workout-metrics .duration-unit {display:block;font-size:12px}
}
@media(max-width:360px){.workout-metrics b{font-size:21px}}