.template-page-brand-sram{--sr-black: #0b0b0b;--sr-red: #ec1c24;--sr-soft: #f4f4f4;--sr-line: rgba(11, 11, 11, .12);--sr-muted: rgba(11, 11, 11, .68)}.template-page-brand-sram .brand-page{--brand-radius: 4px}.template-page-brand-sram .brand-hero,.template-page-brand-sram .brand-split__inner.is-rounded,.template-page-brand-sram .brand-workshop,.template-page-brand-sram .brand-cslider__media img,.template-page-brand-sram .brand-feature{border-radius:4px}.template-page-brand-sram .brand-page .brand-eyebrow{text-transform:none;letter-spacing:0;font-size:.95rem;font-weight:600}.template-page-brand-sram .brand-eyebrow:empty{display:none}.template-page-brand-sram .brand-hero--overlay .brand-hero__media:after{background:#0000008c}.template-page-brand-sram .brand-usps{gap:.3rem 1.4rem}.template-page-brand-sram .brand-usps li:before{content:none}.template-page-brand-sram .brand-slider__nav button{border-radius:var(--button-border-radius, 0);width:40px;height:40px}.template-page-brand-sram .brand-feature__kicker{text-transform:none;letter-spacing:0;font-size:.9rem;font-weight:600;color:var(--sr-red)}.template-page-brand-sram a.brand-feature:hover .brand-feature__media img{transform:none}.template-page-brand-sram .brand-feature__body{padding:16px 0 4px}.template-page-brand-sram .brand-split__heading{color:#fff}.template-page-brand-sram .brand-stats dt{color:#fff;font-weight:600}.template-page-brand-sram .brand-stats dd{opacity:.72}.template-page-brand-sram .brand-stats>div{border-top:1px solid rgba(255,255,255,.25);padding-top:10px}.template-page-brand-sram .brand-timeline--horizontal .brand-timeline__item{border-top-width:1px;border-top-color:var(--sr-line)}.template-page-brand-sram .brand-timeline__mark{font-size:1.25rem;color:var(--sr-black)}.template-page-brand-sram .brand-workshop__list li{padding-left:1.2rem}.template-page-brand-sram .brand-workshop__list li:before{content:"";top:.7em;width:8px;height:2px;background:var(--sr-red)}.template-page-brand-sram .brand-workshop__steps li{border-radius:3px;border:1px solid var(--sr-line)}.template-page-brand-sram .brand-page .brand-workshop__steps li:before{border-radius:2px;background:var(--sr-black);margin-right:6px}@media(max-width:899px){.template-page-brand-sram .brand-cslider__media img{aspect-ratio:16 / 9}}.sr-page{padding:var(--section-spacing-mobile, 32px) 0;color:var(--sr-black, #0b0b0b)}@media(min-width:768px){.sr-page{padding:var(--section-spacing-desktop, 56px) 0}}.sr-page h2,.sr-page h3{margin:0;color:inherit}.sr-page h3{font-size:1.15rem;line-height:1.25}.sr-head{max-width:720px;margin-bottom:28px}.sr-head .rte p{color:var(--sr-muted);margin:.75rem 0 0}.sr-finder__radio{position:absolute;opacity:0;pointer-events:none}.sr-finder__tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--sr-line);margin-bottom:24px}.sr-finder__tab{cursor:pointer;padding:12px 24px 14px 0;margin:0 24px -1px 0;font-weight:600;font-size:1.05rem;color:var(--sr-muted);border-bottom:2px solid transparent;-webkit-user-select:none;user-select:none}.sr-finder__tab small{display:block;font-weight:400;font-size:.82rem;color:var(--sr-muted)}.sr-finder__tab:hover{color:var(--sr-black)}.sr-finder__radio:focus-visible+.sr-finder__radio+.sr-finder__radio+.sr-finder__tabs,.sr-finder__radio:focus-visible~.sr-finder__tabs{outline:2px solid var(--sr-black);outline-offset:4px}.sr-finder__panel{display:none}.sr-finder #sr-tab-road:checked~.sr-finder__tabs label[for=sr-tab-road],.sr-finder #sr-tab-gravel:checked~.sr-finder__tabs label[for=sr-tab-gravel],.sr-finder #sr-tab-mtb:checked~.sr-finder__tabs label[for=sr-tab-mtb]{color:var(--sr-black);border-bottom-color:var(--sr-red)}.sr-finder #sr-tab-road:checked~.sr-finder__panels .sr-finder__panel--road,.sr-finder #sr-tab-gravel:checked~.sr-finder__panels .sr-finder__panel--gravel,.sr-finder #sr-tab-mtb:checked~.sr-finder__panels .sr-finder__panel--mtb{display:block}.sr-page .sr-finder__lead{color:var(--sr-muted);margin:0 0 12px;max-width:720px}.sr-ladder{list-style:none;margin:0;padding:0}.sr-ladder__row{display:grid;grid-template-columns:minmax(180px,1fr) 2.4fr auto;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid var(--sr-line)}.sr-ladder__name{font-size:1.15rem;margin:0}.sr-ladder__tier{display:block;font-size:.88rem;color:var(--sr-muted);margin-top:2px}.sr-page .sr-ladder__text{margin:0}.sr-page .sr-chips{margin:6px 0 0;font-size:.85rem;color:var(--sr-muted)}.sr-page .sr-ladder__link{margin:0;white-space:nowrap}.sr-subhead{list-style:none;margin:28px 0 0;padding-bottom:8px;border-bottom:1px solid var(--sr-black);font-weight:600}.sr-finder__tip{margin-top:28px;padding:16px 20px;border-left:2px solid var(--sr-red);background:var(--sr-soft);border-radius:0 4px 4px 0;max-width:820px}.sr-finder__tip p{margin:0}@media(max-width:849px){.sr-ladder__row{grid-template-columns:1fr;gap:8px;padding:18px 0}.sr-page .sr-ladder__link{justify-self:start;margin-top:4px}.sr-finder__tabs{flex-wrap:nowrap}.sr-finder__tab{flex:1 1 0;margin-right:0;padding:10px 8px 12px;text-align:center;font-size:1rem}}.sr-compat{background:var(--sr-soft);border-radius:4px;padding:28px 16px}@media(min-width:900px){.sr-compat{padding:56px}}.sr-compat__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sr-compat__card{background:#fff;border:1px solid var(--sr-line);border-radius:4px;padding:24px;display:flex;flex-direction:column}.sr-page .sr-compat__kicker{font-size:.9rem;color:var(--sr-muted);margin:0 0 4px}.sr-page .sr-compat__value{font-size:1.6rem;font-weight:600;color:var(--sr-red);line-height:1.1;margin:8px 0 12px;font-variant-numeric:tabular-nums}.sr-page .sr-compat__text{margin:0 0 14px}.sr-compat__list{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.95rem;line-height:1.45}.sr-compat__list li{position:relative;padding-left:24px}.sr-compat__list li:before{position:absolute;left:0;top:0;width:16px;text-align:center;font-weight:700}.sr-compat__list--ok li:before{content:"\2713";color:#1f6b3a}.sr-compat__list--no{margin-top:10px}.sr-compat__list--no li:before{content:"\2715";color:#b3141a}.sr-compat__card a.sr-compat__more{margin-top:auto;padding-top:16px;font-weight:600;color:inherit;text-decoration:underline;text-underline-offset:3px;align-self:flex-start}.sr-compat__banner{display:grid;grid-template-columns:1.1fr 1fr;margin-top:16px;background:#fff;border:1px solid var(--sr-line);border-radius:4px;overflow:hidden}.sr-compat__banner img{width:100%;height:100%;object-fit:cover;display:block;min-height:220px}.sr-compat__cta{padding:32px;display:flex;flex-direction:column;justify-content:center;gap:12px;align-items:flex-start}.sr-compat__cta p{margin:0}.sr-page .sr-btn{margin:4px 0 0}@media(max-width:849px){.sr-compat__grid,.sr-compat__banner{grid-template-columns:1fr}.sr-compat__card{padding:20px}.sr-compat__banner img{min-height:0;aspect-ratio:16 / 9;height:auto}.sr-compat__cta{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/brand-sram.css.map */