.rides-page .rides-intro{color:#535358;margin-top:.5em}.rides-map{width:100%;height:520px;border-radius:8px;background:#e5e7e9;margin-bottom:1.5em;z-index:0}@media only screen and (max-width: 768px){.rides-map{height:380px}}.rides-filters{display:flex;gap:.5em;margin-bottom:1.5em}.rides-filters button{background:#fff;border:1px solid #d8d8d8;border-radius:999px;color:#535358;cursor:pointer;font:inherit;font-size:.85em;padding:.35em 1em;transition:all .15s ease}.rides-filters button:hover{border-color:#a1a1a7}.rides-filters button.is-active{background:#2f313d;border-color:#2f313d;color:#fff}.rides-list{border-top:1px solid #e5e7e9;list-style:none;margin:0;padding:0}.ride-row{border-bottom:1px solid #e5e7e9;cursor:pointer;margin:0;padding:1em 1em;transition:background-color .15s ease}.ride-row:hover,.ride-row.is-hover{background:#f9f9fb}.ride-row.is-active{background:#f9f9fb;box-shadow:inset 3px 0 0 var(--ride-color, #508ef4)}.ride-row.is-hidden{display:none}.ride-row p{margin:0}.ride-row-main{align-items:center;display:flex;flex-wrap:wrap;gap:.5em 1.5em;justify-content:space-between}.ride-title{align-items:center;display:flex;flex:1 1 320px;gap:.6em;min-width:0}.ride-swatch{background:var(--ride-color);border-radius:50%;display:inline-block;flex:none;height:12px;width:12px}.ride-name{flex:0 1 auto;font-size:1.05em;line-height:1.3;margin:0;min-width:0}.ride-type{border-radius:4px;flex:none;font-size:.7em;font-weight:700;letter-spacing:.08em;padding:.25em 0;text-align:center;text-transform:uppercase;width:6.5em}.ride-type.ride-type-road{background:#e0ecff;color:#1d4ed8}.ride-type.ride-type-gravel{background:#e7f4e4;color:#3f6b2b}.ride-facts{align-items:center;color:#535358;display:flex;flex:none;flex-wrap:wrap;font-size:.9em;gap:.25em 1em;white-space:nowrap}.ride-rating{align-items:center;display:inline-flex;gap:.4em}.ride-rating-value{color:#a1a1a7;font-size:.9em;min-width:2em}.ride-stat{font-variant-numeric:tabular-nums;min-width:4.75em;text-align:right}.ride-stat strong{color:#2f313d}.ride-gpx{align-items:center;border:1px solid #d8d8d8;border-radius:999px;color:#535358;display:inline-flex;font-size:.75em;font-weight:700;gap:.35em;letter-spacing:.05em;line-height:1;padding:.45em .75em;text-decoration:none;transition:all .15s ease}.ride-gpx:hover{background:#fff;border-color:#535358;color:#2f313d}.ride-stars{--rating: 0;display:inline-block;font-size:1.1em;line-height:1;position:relative}.ride-stars::before{color:#d8d8d8;content:"★★★★★";letter-spacing:2px}.ride-stars::after{color:#f5a623;content:"★★★★★";left:0;letter-spacing:2px;overflow:hidden;position:absolute;top:0;white-space:nowrap;width:calc(var(--rating)/5*100%)}.ride-row-details{align-items:baseline;display:flex;flex-wrap:wrap;gap:.25em 1.5em;justify-content:space-between;margin-top:.5em;padding-left:calc(12px + .6em)}.ride-description{color:#535358;flex:1 1 400px;font-size:.95em;line-height:1.5}.ride-links{flex:none;font-size:.85em}@media only screen and (max-width: 768px){.ride-facts{width:100%;justify-content:flex-start}.ride-stat{min-width:0;text-align:left}.ride-row-details{padding-left:0}}/*# sourceMappingURL=rides.css.map */