/* Recorded specifications occupy the same media mat as a photograph. */
.vpba-card-image,.vpba-search-bike-media,.vpba-compare-image,.vpba-comparison-v2-image{position:relative;container-type:inline-size}
.vpba-card-record{position:absolute;inset:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;min-width:0;padding:24px;background:#f5f7fc;color:#202b43;text-align:left;overflow:hidden}
.vpba-card-record__heading{margin:0 0 16px;padding:0;color:#637089;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.09em;text-transform:uppercase}
.vpba-card-record__facts{display:block;margin:0;padding:0;min-width:0}
.vpba-card-record__facts>div{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:baseline;gap:10px;min-width:0;padding:12px 0}
.vpba-card-record__facts>div+div{border-top:1px solid #dde3ee}
.vpba-card-record--family .vpba-card-record__facts>div{grid-template-columns:100px minmax(0,1fr)}
.vpba-card-record__facts dt{min-width:0;margin:0;font-size:12px;font-weight:400;color:#637089;line-height:1.4;overflow-wrap:anywhere}
.vpba-card-record__facts dd{min-width:0;min-height:0;margin:0;font-size:17px;font-weight:500;color:#202b43;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.vpba-card-record--compare,.vpba-search-bike-media .vpba-card-record{padding:18px}
@media(prefers-reduced-motion:reduce){.vpba-card{transition:none}}

/* Match density to the media width, including search and comparison cards. */
@container(max-width:280px){
 .vpba-card-record,.vpba-search-bike-media .vpba-card-record{padding:16px}
 .vpba-card-record__heading{margin-bottom:10px}
 .vpba-card-record__facts>div{grid-template-columns:60px minmax(0,1fr);gap:8px;padding:9px 0}
 .vpba-card-record--family .vpba-card-record__facts>div{grid-template-columns:86px minmax(0,1fr)}
 .vpba-card-record__facts dt{font-size:11px}
 .vpba-card-record__facts dd{font-size:14px}
}
@container(max-width:220px){
 .vpba-card-record,.vpba-search-bike-media .vpba-card-record{padding:12px}
 .vpba-card-record__heading{display:none}
 .vpba-card-record__facts>div{display:block;padding:7px 0}
 .vpba-card-record__facts dt{margin:0 0 3px}
 .vpba-card-record__facts dd{font-size:13px;-webkit-line-clamp:1}
}
@container(max-width:160px){
 .vpba-card-record,.vpba-search-bike-media .vpba-card-record{padding:9px}
 .vpba-card-record__facts>div{padding:5px 0}
 .vpba-card-record__facts dt{margin-bottom:2px}
 .vpba-card-record__facts dd{font-size:12px}
}