.bike-compare{display:block;padding-bottom:clamp(3rem,6vw,6rem)}.bike-compare [hidden]{display:none!important}.bike-compare__hero{background:var(--ink);color:#fff}.bike-compare__hero .breadcrumbs{margin:0;padding-top:1.75rem;color:#b9bab9}.bike-compare__hero .breadcrumbs a:hover{color:var(--accent)}.bike-compare__intro{display:grid;grid-template-columns:1.55fr 1fr;align-items:end;gap:3rem;padding:clamp(2.5rem,5vw,5rem) 0}.bike-compare__intro h1{margin:0;font-size:clamp(3.1rem,6.5vw,6.8rem);line-height:.98}.bike-compare__intro h1 span{display:block;color:var(--accent)}.bike-compare__summary{max-width:420px;padding-bottom:.3rem}.bike-compare__summary p{margin-bottom:1.75rem;color:#c6c7c6;line-height:1.7}.bike-compare__content{padding-block:clamp(2.5rem,5vw,5rem);scroll-margin-top:1rem}.bike-compare__heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.bike-compare__heading h2{margin:0;font-size:clamp(2.6rem,4vw,4rem)}.bike-compare__heading>p{max-width:280px;margin:0;color:#62615d;font-size:.9rem}.bike-compare__controls{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;padding:1.5rem;border:1px solid var(--line);background:var(--surface)}.bike-compare__controls fieldset{min-width:0;margin:0;padding:0;border:0}.bike-compare__controls legend{padding:0;margin-bottom:.8rem;font-size:.8rem;font-weight:800}.bike-compare__controls legend span{color:#62615d;font-weight:400}.bike-compare__choices{display:flex;flex-wrap:wrap;gap:.5rem}.bike-compare__choice{position:relative;display:flex;align-items:center;gap:.65rem;min-height:46px;padding:.65rem .9rem;border:1px solid var(--line);font-size:.8rem;font-weight:800;cursor:pointer}.bike-compare__choice:has(:checked){border-color:var(--ink);background:var(--ink);color:#fff}.bike-compare input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}.bike-compare__choice:has(:disabled){cursor:default}.bike-compare__choice input:disabled{cursor:default;opacity:1}.bike-compare__differences{display:flex;align-items:center;gap:.7rem;min-height:46px;font-size:.8rem;font-weight:700;cursor:pointer}.bike-compare__differences input{accent-color:var(--ink)}.bike-compare__table-info{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.5rem;padding-block:1rem;color:#62615d;font-size:.75rem}.bike-compare__table-info p{margin:0}.bike-compare__table-info span{padding-left:.3rem;font-size:1rem}.bike-compare__scroll{overflow-x:auto;isolation:isolate;border:1px solid var(--line);background:var(--surface)}.bike-compare__scroll:focus-visible,.bike-compare__controls :focus-visible{outline-color:#607000}.bike-compare__table{--label-width: 190px;width:100%;min-width:calc(var(--label-width) + var(--compare-count) * 240px);table-layout:fixed;border-collapse:separate;border-spacing:0}.bike-compare__table th,.bike-compare__table td{padding:1.1rem 1.4rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.bike-compare__table tr>:first-child{width:var(--label-width)}.bike-compare__table thead th{padding:1.4rem;vertical-align:top;background:var(--surface)}.bike-compare__corner{position:sticky;left:0;z-index:2;vertical-align:top;background:var(--paper)}.bike-compare__corner .eyebrow{display:block;padding-top:.3rem;font-size:.65rem}.bike-compare__corner .eyebrow:before{display:none}.bike-compare__corner p{font-size:.9rem;font-weight:400;color:#62615d}.bike-compare__rider{min-height:2.5em;margin-bottom:.75rem;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.bike-compare__image{display:grid;height:clamp(160px,16vw,220px);margin-bottom:1.5rem;place-items:center;background:#f5f5f3}.bike-compare__image img,.bike-compare__image svg{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.bike-compare__product h3{min-height:2em;margin-bottom:.75rem;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(1.8rem,2.4vw,2.8rem);font-weight:400;text-transform:uppercase}.bike-compare__description{min-height:6em;margin-bottom:1.5rem;color:#62615d;font-size:.82rem;font-weight:400;line-height:1.5}.bike-compare__price{min-height:2rem}.bike-compare__price .price-current{font-size:1.3rem}.bike-compare__availability{margin:.4rem 0 1rem;color:#62615d;font-size:.72rem;font-weight:400}.bike-compare__table tbody th[scope=row]{position:sticky;left:0;z-index:2;background:var(--paper);font-size:.78rem;font-weight:700}.bike-compare__table tbody td{font-size:.86rem;line-height:1.5}.bike-compare__table .bike-compare__group th{padding:.8rem 1.4rem;background:var(--ink);color:#fff;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em}.bike-compare__notes{max-width:870px;margin-top:1.25rem;color:#62615d;font-size:.76rem;line-height:1.6}.bike-compare__empty{margin-top:1rem;padding:1.2rem;border:1px solid var(--line);font-size:.9rem}.bike-compare__help{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:3rem;padding:clamp(1.75rem,4vw,4rem);background:var(--ink);color:#fff}.bike-compare__help h2{max-width:600px;margin:0;font-size:clamp(2.4rem,4vw,4.2rem)}.bike-compare__help>div>p:not(.eyebrow){color:#c6c7c6}@media(max-width:989px){.bike-compare__intro{grid-template-columns:1fr;gap:1.5rem}.bike-compare__summary{max-width:560px}.bike-compare__table{--label-width: 150px}.bike-compare__table th,.bike-compare__table td,.bike-compare__table thead th{padding:1rem}.bike-compare__help{gap:2rem}}@media(max-width:599px){.bike-compare__intro h1{font-size:clamp(2.75rem,11vw,4rem)}.bike-compare__heading{display:block}.bike-compare__heading>p{max-width:none;margin-top:1rem}.bike-compare__controls{padding:1rem;gap:1rem}.bike-compare__controls legend span{display:block;margin-top:.25rem}.bike-compare__choice{padding-inline:.65rem}.bike-compare__table{--label-width: 112px;min-width:calc(var(--label-width) + var(--compare-count) * 220px)}.bike-compare__table tbody th[scope=row]{font-size:.72rem}.bike-compare__table th,.bike-compare__table td{padding:.9rem .75rem}.bike-compare__corner p{font-size:.75rem}.bike-compare__help{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/bike-comparison.css.map */