.bpgf{color:#141a26}.bpgf__head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin:0 0 24px}.bpgf__eye{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#11a2e4}.bpgf__eye i{width:28px;height:1px;background:currentColor}.bpgf__h{margin:14px 0 0;font-size:44px;font-weight:600;line-height:1.02;letter-spacing:-.035em}.bpgf__sub{margin:12px 0 0;font-size:16px;line-height:1.5;color:#6b7280;max-width:560px}.bpgf__pick{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bpgf__tabs{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid #e7e9ee;border-radius:999px;background:#fff;box-shadow:0 6px 18px -10px #141a2640}.bpgf__lab{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#9aa0aa;padding:0 10px 0 12px;white-space:nowrap}.bpgf__t{cursor:pointer;display:inline-flex;align-items:center;height:42px;padding:0 20px;border:0;border-radius:999px;background:none;font:inherit;font-size:14px;font-weight:600;color:#6b7280;transition:background .3s ease,color .3s ease;white-space:nowrap}.bpgf__t:hover{background:#f4f4f4;color:#141a26}.bpgf__t[aria-pressed=true]{background:#141a26;color:#fff}.bpgf__t:focus-visible,.bpgf__g:focus-visible,.bpgf__chip:focus-visible{outline:2px solid #11a2e4;outline-offset:2px}.bpgf__panel{--acc:var(--acc-shimano,#0068b7)}.bpgf__panel[data-key^=sram]{--acc:var(--acc-sram,#e2231a)}.bpgf__panel[hidden],.bpgf__nav{display:none}.bpgf__arr{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid #e7e9ee;border-radius:50%;background:#fff;color:#141a26;cursor:pointer;transition:opacity .2s ease}.bpgf__arr:active{background:#141a26;color:#fff;border-color:#141a26}.bpgf__arr:disabled{opacity:.35;cursor:default}.bpgf__row{display:flex;align-items:stretch;border:1px solid #e7e9ee;border-left:0;border-bottom:0}.bpgf__g{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;min-height:236px;padding:56px 22px 22px;border:0;border-left:1px solid #e7e9ee;background:#fff;font:inherit;text-align:left;color:#141a26;cursor:pointer;transition:background .3s ease,color .3s ease}.bpgf__bar{width:6px;height:var(--h);background:#141a26;margin-bottom:16px;transition:background .3s ease}.bpgf__name{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.1}.bpgf__sp{font-size:13px;color:#6b7280;transition:color .3s ease}.bpgf__tag{position:absolute;top:18px;left:22px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}.bpgf__tick{position:absolute;right:18px;top:18px;width:22px;height:22px;border-radius:50%;background:var(--acc);color:#fff;display:none;align-items:center;justify-content:center}.bpgf__g.is-on{background:#222a39;color:#fff}.bpgf__g.is-on .bpgf__bar{background:var(--acc)}.bpgf__g.is-on .bpgf__sp{color:#a9b0bd}.bpgf__g.is-on .bpgf__tick{display:inline-flex}@media(hover:hover){.bpgf__g:hover{background:#222a39;color:#fff}.bpgf__g:hover .bpgf__bar{background:var(--acc)}.bpgf__g:hover .bpgf__sp{color:#a9b0bd}}.bpgf__parts{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#f4f4f4;border:1px solid #e7e9ee;border-top:3px solid var(--acc)}.bpgf__plab{flex:none;display:flex;flex-direction:column;gap:2px;min-width:170px}.bpgf__pk{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6b7280}.bpgf__pn{font-size:18px;font-weight:600;letter-spacing:-.02em}.bpgf__pc{font-size:13px;color:#6b7280}.bpgf__chips{flex:1;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.bpgf__chip{display:inline-flex;align-items:center;height:38px;padding:0 16px;border:1px solid #d9dce3;border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:#141a26;text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease}.bpgf__chip[hidden]{display:none}.bpgf__chip:hover{background:#222a39;border-color:#222a39;color:#fff}.bpgf__all{flex:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border-radius:999px;background:#141a26;color:#fff;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .25s ease}.bpgf__all:hover{background:var(--acc)}.bpgf__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;font-size:14px;color:#6b7280}.bpgf__foot b,.bpgf__foot strong{color:#141a26;font-weight:600}.bpgf__foot p{margin:0}@media screen and (max-width:1199px){.bpgf__head{flex-direction:column;align-items:flex-start;gap:18px}.bpgf__parts{flex-wrap:wrap}.bpgf__chips{order:3;flex-basis:100%}}@media screen and (max-width:749px){.bpgf__h{font-size:30px;margin-top:10px}.bpgf__sub{font-size:14px}.bpgf__pick{align-self:stretch;flex-direction:column;align-items:stretch;gap:8px}.bpgf__tabs{padding:5px}.bpgf__lab{display:none}.bpgf__t{height:36px;padding:0 14px;font-size:13px;flex:1;justify-content:center}.bpgf__nav{display:flex;justify-content:flex-end;gap:8px;margin:0 0 10px}.bpgf__row{overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0;scroll-padding:0;border:0;scrollbar-width:none;background:#222a39}.bpgf__row::-webkit-scrollbar{display:none}.bpgf__g{flex:0 0 40%;box-sizing:border-box;min-height:180px;padding:34px 14px 16px;background:#222a39;color:#fff;border:1px solid rgba(255,255,255,.12);border-left:0;scroll-snap-align:start}.bpgf__g:first-child{border-left:0}.bpgf__g:last-child{border-right:0}.bpgf__bar{height:calc(var(--h) * .6);margin-bottom:12px;background:var(--acc)}.bpgf__g .bpgf__sp{color:#a9b0bd}.bpgf__g.is-on{box-shadow:inset 0 -4px 0 var(--acc)}.bpgf__name{font-size:18px}.bpgf__sp{font-size:12px}.bpgf__tag{left:12px;top:12px;font-size:10px;letter-spacing:.1em}.bpgf__tick{right:10px;top:10px;width:18px;height:18px}.bpgf__parts{margin:0 -16px;padding:16px;gap:12px;border-left:0;border-right:0}.bpgf__plab{min-width:0}.bpgf__chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none}.bpgf__chips::-webkit-scrollbar{display:none}.bpgf__chip{height:36px;font-size:13px}.bpgf__all{height:38px;padding:0 16px;font-size:13px;margin-left:auto}.bpgf__foot{flex-direction:column;align-items:flex-start;gap:10px;font-size:13px}}.bpgf__t[data-brand=sram][aria-pressed=true]{background:var(--acc-sram,#e2231a)}.bpgf__t[data-brand=shimano][aria-pressed=true]{background:var(--acc-shimano,#0068b7)}
/*# sourceMappingURL=/cdn/shop/t/160/assets/bp-groupset-finder.css.map */