.fx-pdp-hotspots{margin-top:calc(64 * var(--rem));opacity:0;transform:translate3d(0,calc(48 * var(--rem)),0);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);width:100%}.fx-pdp-hotspots.is-inview{opacity:1;transform:translateZ(0)}@media(prefers-reduced-motion:reduce){.fx-pdp-hotspots{opacity:1;transform:none;transition:none}}.fx-pdp-hotspots__header{margin:0 auto calc(28 * var(--rem));max-width:calc(1100 * var(--rem));padding-inline:calc(24 * var(--rem));text-align:center}.fx-pdp-hotspots__heading{color:var(--ferxsport-heading-color, #060102);font-family:var(--font-heading--family);font-size:var(--ferxsport-heading-size, calc(32 * var(--rem)));font-weight:700;line-height:1.2;margin:0 0 calc(12 * var(--rem))}.fx-pdp-hotspots__sub{color:var(--ferxsport-muted, #8a8a8a);font-family:var(--font-body--family);font-size:calc(16 * var(--rem));line-height:1.55;margin:0 auto;max-width:calc(640 * var(--rem))}.fx-pdp-hotspots.is-open .fx-pdp-hotspots__sub{margin-inline:0}.fx-pdp-hotspots__stage{margin-inline:auto;max-width:calc(1100 * var(--rem));width:100%;display:grid;gap:calc(28 * var(--rem));grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.fx-pdp-hotspots.is-open .fx-pdp-hotspots__stage{display:grid;gap:calc(28 * var(--rem));grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}@media screen and (min-width:769px){.fx-pdp-hotspots.is-open .fx-pdp-hotspots__bike{overflow:hidden}.fx-pdp-hotspots.is-open .fx-pdp-hotspots__bike img{height:100%;min-height:calc(420 * var(--rem));object-fit:cover;object-position:var(--fx-hotspot-x, 50%) var(--fx-hotspot-y, 50%)}}.fx-pdp-hotspots__visual{min-width:0}.fx-pdp-hotspots__bike{isolation:isolate;overflow:visible;position:relative;width:100%}.fx-pdp-hotspots__bike img,.fx-pdp-hotspots__placeholder{display:block;height:auto;max-width:100%;object-fit:contain;width:100%}.fx-pdp-hotspots__pin{--fx-pin-size: calc(28 * var(--rem));align-items:center;background:var(--ferxsport-heading-color, #060102);border:0;border-radius:calc(8 * var(--rem));color:#fff;cursor:pointer;display:inline-flex;height:var(--fx-pin-size);max-width:var(--fx-pin-size);overflow:hidden;padding:0;position:absolute;transform:translate(calc(var(--fx-pin-size) * -.5),-50%);transform-origin:left center;transition:max-width .35s cubic-bezier(.22,1,.36,1),border-radius .35s ease;white-space:nowrap;z-index:2}.fx-pdp-hotspots__pin.is-active{max-width:calc(280 * var(--rem))}.fx-pdp-hotspots__plus{align-items:center;display:inline-flex;flex-shrink:0;height:var(--fx-pin-size);justify-content:center;width:var(--fx-pin-size)}.fx-pdp-hotspots__plus svg{display:block;height:calc(12 * var(--rem));width:calc(12 * var(--rem))}.fx-pdp-hotspots__label{font-family:var(--font-body--family);font-size:calc(12 * var(--rem));line-height:1;max-width:0;opacity:0;overflow:hidden;padding-right:0;transition:max-width .35s cubic-bezier(.22,1,.36,1),opacity .25s ease,padding .35s ease}.fx-pdp-hotspots__pin.is-active .fx-pdp-hotspots__label{max-width:calc(240 * var(--rem));opacity:1;padding-right:calc(12 * var(--rem))}.fx-pdp-hotspots__detail{background-color:#f7f7f7;display:flex;flex-direction:column;min-width:0;padding:calc(24 * var(--rem))}.fx-pdp-hotspots__detail-media{background:#f4f4f4;border-radius:calc(8 * var(--rem));margin-bottom:calc(16 * var(--rem));overflow:hidden}.fx-pdp-hotspots__detail-media img,.fx-pdp-hotspots__detail-media video{display:block;height:auto;width:100%}.fx-pdp-hotspots__detail-media img[hidden],.fx-pdp-hotspots__detail-media video[hidden]{display:none}.fx-pdp-hotspots__detail-title{color:var(--ferxsport-heading-color, #060102);font-family:var(--font-heading--family);font-size:calc(16 * var(--rem));font-weight:700;line-height:1.3;margin:0 0 calc(10 * var(--rem))}.fx-pdp-hotspots__detail-text{color:var(--ferxsport-muted, #8a8a8a);font-family:var(--font-body--family);font-size:calc(12 * var(--rem));line-height:1.55;margin:0 0 calc(20 * var(--rem))}.fx-pdp-hotspots__nav{display:flex;gap:calc(14 * var(--rem));margin-top:auto}.fx-pdp-hotspots__nav-btn{align-items:center;background:var(--ferxsport-heading-color, #060102);border:0;border-radius:10%;color:#fff;cursor:pointer;display:inline-flex;height:calc(36 * var(--rem));justify-content:center;width:calc(36 * var(--rem))}.fx-pdp-hotspots__nav-btn svg{display:block;height:calc(18 * var(--rem));width:calc(18 * var(--rem))}@media screen and (max-width:749px){.fx-pdp-hotspots__heading{font-size:var(--ferxsport-heading-size-mobile, calc(42 * var(--rem)))}.fx-pdp-hotspots__sub{font-size:calc(20 * var(--rem));max-width:none}.fx-pdp-hotspots__stage{grid-template-columns:1fr}.fx-pdp-hotspots__pin{--fx-pin-size: calc(44 * var(--rem))}.fx-pdp-hotspots__pin.is-active{max-width:calc(420 * var(--rem))}.fx-pdp-hotspots__label{font-size:calc(18 * var(--rem))}.fx-pdp-hotspots__detail-title{font-size:calc(20 * var(--rem))}.fx-pdp-hotspots__detail-text{font-size:calc(18 * var(--rem))}.fx-pdp-hotspots__nav-btn{height:calc(56 * var(--rem));width:calc(56 * var(--rem))}.fx-pdp-hotspots__plus svg{height:calc(20 * var(--rem));width:calc(20 * var(--rem))}}@media screen and (max-width:768px){.fx-pdp-hotspots__header{padding-inline:var(--ferxsport-module-padding-inline-mobile)}.fx-pdp-hotspots__visual{position:relative}.fx-pdp-hotspots__stage{display:block;position:relative}.fx-pdp-hotspots__dismiss{background:transparent;border:0;display:none;top:0;right:0;bottom:0;left:0;padding:0;position:absolute;z-index:3}.fx-pdp-hotspots.is-sheet-open .fx-pdp-hotspots__dismiss{display:block}.fx-pdp-hotspots.is-sheet-open .fx-pdp-hotspots__pin{z-index:5}.fx-pdp-hotspots__detail{background-color:#fff;display:none;height:100%;overflow:auto;padding:calc(20 * var(--rem));pointer-events:auto;position:absolute;right:0;top:0;width:50%;z-index:4}.fx-pdp-hotspots.is-sheet-open .fx-pdp-hotspots__detail{display:flex}.fx-pdp-hotspots.is-sheet-open .fx-pdp-hotspots__detail-media{min-height:0}.fx-pdp-hotspots.is-sheet-open .fx-pdp-hotspots__detail-media img:not([hidden]),.fx-pdp-hotspots.is-sheet-open .fx-pdp-hotspots__detail-media video:not([hidden]){height:100%;object-fit:cover}}@media screen and (min-width:750px)and (max-width:768px){.fx-pdp-hotspots__heading{font-size:var(--ferxsport-heading-size, calc(32 * var(--rem)))}.fx-pdp-hotspots__sub{font-size:calc(16 * var(--rem))}.fx-pdp-hotspots__plus svg{height:calc(40 * var(--rem));width:calc(40 * var(--rem))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-ferxsport-pdp-hotspots.css.map */