body[class^=product] .gpo-app{box-sizing:border-box;margin:0!important;max-height:none!important;overflow:visible!important;padding:8px 10px;width:100%!important}@media(min-width:990px){body[class^=product] .product__media{--hf-show-h: 540px}body[class^=product] .product__media .slider-thumbs--wrapper{display:none!important}body[class^=product] .product__media.slideshow__thumbs-vertical{padding-left:0!important}body[class^=product] .product__media .slider-component__inner{border:0;margin-left:0;width:100%}body[class^=product] .product__media .slider{display:grid;gap:12px 0;grid-auto-columns:100%;grid-auto-flow:column;grid-template-rows:auto auto var(--hf-show-h);height:auto!important;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}body[class^=product] .product__media .slider::-webkit-scrollbar{display:none}body[class^=product] .product__media .slider>.slider__slide:nth-child(-n+3){grid-column:1;left:0;position:sticky;scroll-snap-align:none;z-index:1}body[class^=product] .product__media .slider>.slider__slide:nth-child(1){grid-row:1}body[class^=product] .product__media .slider>.slider__slide:nth-child(2),body[class^=product] .product__media .slider>.slider__slide:nth-child(3){grid-row:2;width:calc(50% - 6px)}body[class^=product] .product__media .slider>.slider__slide:nth-child(3){justify-self:end;left:calc(50% + 6px)}body[class^=product] .product__media .slider>.slider__slide:nth-child(n+4){grid-row:3;scroll-snap-align:start}body[class^=product] .product__media .slider>.slider__slide:nth-child(n+4) .image--wrapper{height:var(--hf-show-h);margin:0 auto;padding-bottom:0!important;width:var(--hf-show-h)}body[class^=product] .product__media .sides .slider-button{background-color:#14171e;border:1px solid rgba(255,255,255,.18);border-radius:8px;bottom:calc(var(--hf-show-h) / 2);color:#fff;top:auto;transform:translateY(50%)}body[class^=product] .product__media .sides .slider-button:hover{border-color:#ffdd00b3}body[class^=product] .product__media .sides .slider-button--prev{left:3px}body[class^=product] .product__media .sides .slider-button--next{left:auto;right:3px}body[class^=product] .product__media .sides .slider-button[disabled]{opacity:.35}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hf-workshop-chassis.css.map */