.bike-configurator__header{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding-bottom:1.2rem;margin-bottom:4.8rem;border-bottom:.1rem solid #ddd;text-align:left}.bike-configurator__header-left{flex:0 0 auto;min-width:0}.bike-configurator__heading{color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent)}.bike-configurator__subtitle{padding-top:.5rem;color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent)}.bike-configurator__description{max-width:46rem;color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);font-size:calc(var(--font-body-scale) * 1.4rem);line-height:calc(1 + .5 / var(--font-body-scale));text-align:right;opacity:.65}.bike-configurator__layout{display:grid;grid-template-columns:minmax(135px,.85fr) minmax(0,3.5fr) minmax(120px,.8fr);grid-template-areas:"features visual accessories";align-items:center;gap:2.2rem}.bike-configurator__features{grid-area:features;min-width:0;display:flex;flex-direction:column;justify-content:center}.bike-configurator__divider-heading{display:none}.bike-configurator__divider-line{flex:1 1 auto;min-width:1.8rem;height:.1rem}.bike-configurator__divider-line:first-child{background:linear-gradient(to right,#0000,#00000080)}.bike-configurator__divider-line:last-child{background:linear-gradient(to right,#00000080,#0000)}.bike-configurator__feature-list{display:flex;flex-direction:column;justify-content:center;gap:3.8rem}.bike-configurator__feature{width:100%;min-width:0}.bike-configurator__feature-content{min-width:0}.bike-configurator__feature-title{color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);font-weight:var(--font-heading-weight);font-size:calc(var(--font-body-scale) * 1.8rem)}.bike-configurator__feature-text{font-size:calc(var(--font-body-scale) * 1.4rem);padding-top:1rem;opacity:.75}.bike-configurator__visual{grid-area:visual;min-width:0;display:flex;align-items:center;justify-content:center}.bike-configurator__image-wrapper{position:relative;width:100%}.bike-configurator__main-image{display:block;position:relative;z-index:1;width:100%;height:auto;object-fit:contain}.bike-configurator__accessory-overlays{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none}.bike-configurator__overlay-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.bike-configurator__overlay-image.active{opacity:1;visibility:visible}.bike-configurator__placeholder{display:block;width:100%;height:auto}.bike-configurator__accessories{grid-area:accessories;min-width:0;display:flex;flex-direction:column;align-items:stretch}.bike-configurator__accessories-heading{margin-bottom:1.4rem;color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);text-align:center;font-size:calc(var(--font-body-scale) * 1.8rem);font-weight:var(--font-heading-weight)}.bike-configurator__accessories-list{display:flex;flex-direction:column;gap:1rem}.bike-configurator__accessory{appearance:none;-webkit-appearance:none;position:relative;display:flex;align-items:center;gap:1.6rem;width:100%;min-width:0;min-height:6rem;padding:.7rem .8rem;border:.1rem solid transparent;border-radius:.8rem;background:#e8f2fc;color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.bike-configurator__accessory.is-active{background:#d7e8fc;border-color:#2a82e4}.bike-configurator__accessory-image{flex-shrink:0;width:4rem;height:4rem}.bike-configurator__accessory-image .xo-image,.bike-configurator__accessory .xo-image__placeholder,.bike-configurator__accessory .placeholder-svg{width:100%;height:100%}.bike-configurator__accessory-title{color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);font-size:calc(var(--font-body-scale) * 1.4rem);opacity:.75;overflow-wrap:anywhere}.bike-configurator__accessory-check{position:absolute;right:.5rem;bottom:.5rem;display:flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;border-radius:50%;background:#2a82e4;color:#fff;opacity:0;transform:scale(.75);transition:opacity .2s ease,transform .2s ease}.bike-configurator__accessory.is-active .bike-configurator__accessory-check{opacity:1;transform:scale(1)}.bike-configurator__accessory-check svg{display:block;width:1rem;height:1rem}.bike-configurator__accessories-note{margin-top:1.2rem;color:color-mix(in srgb,rgba(var(--color-foreground)) 100%,transparent);font-size:calc(var(--font-body-scale) * 1.2rem);text-align:center}.bike-configurator__accessories-note[hidden]{display:none!important}@media screen and (min-width:768px){.bike-configurator__accessories-note{display:none}}@media screen and (max-width:1199px)and (min-width:768px){.bike-configurator__layout{grid-template-columns:minmax(105px,.8fr) minmax(0,2.8fr) minmax(105px,.85fr);gap:1.5rem}.bike-configurator__feature-list{gap:2.6rem}.bike-configurator__accessory{min-height:4.6rem;padding:.5rem;gap:.5rem}.bike-configurator__accessory-image{flex-basis:3rem;width:3rem;height:3rem}.bike-configurator__accessory-title{font-size:calc(var(--font-body-scale) * 1.2rem)}}@media screen and (max-width:767px){.bike-configurator__header{flex-direction:column;gap:.8rem;padding-bottom:0;margin-bottom:2.2rem;border-bottom:0;text-align:center}.bike-configurator__header-left{width:100%}.bike-configurator__heading .xo-text__heading{justify-content:center}.bike-configurator__subtitle{display:none}.bike-configurator__description{max-width:24.5rem;margin:0 auto;font-size:calc(var(--font-body-scale) * 1.2rem);text-align:center}.bike-configurator__layout{display:flex;flex-direction:column;align-items:stretch;gap:0}.bike-configurator__visual{order:1;width:100%;margin-bottom:2.4rem}.bike-configurator__image-wrapper{width:100%}.bike-configurator__main-image{width:100%;max-height:none;object-fit:contain}.bike-configurator__accessories{order:2;width:100%}.bike-configurator__accessories-heading{margin-bottom:1.4rem;font-weight:var(--font-heading-weight);text-transform:uppercase}.bike-configurator__accessories-list{flex-direction:row;align-items:stretch;justify-content:center;flex-wrap:wrap}.bike-configurator__accessory{width:4.5rem;height:4.5rem;min-height:0;border-radius:.5rem}.bike-configurator__accessory-image{flex:0 0 100%;width:100%;height:100%}.bike-configurator__accessory-title{display:none}.bike-configurator__accessory-check{right:.3rem;bottom:.3rem;width:1rem;height:1rem}.bike-configurator__accessory-check svg{width:.7rem;height:.7rem}.bike-configurator__accessories-note{display:block}.bike-configurator__accessories-note:not([hidden]){display:block!important}.bike-configurator__features{order:3;width:75%;margin:4rem auto 0;display:none}.bike-configurator__divider-heading{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.8rem}.bike-configurator__divider-line{max-width:6.4rem}.bike-configurator__feature-list{gap:1rem}.bike-configurator__feature{min-height:4rem;display:flex;align-items:center;justify-content:center;padding:1rem 1.2rem;border-radius:.5rem;text-align:center;background:#e6effa}.bike-configurator__feature-title{font-size:calc(var(--font-body-scale) * 1.6rem);opacity:.65}.bike-configurator__feature-text{display:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/bike-product-configurator.css.map */