.hp-product-media{display:block;position:relative;width:100%}.hp-product-media__spacer,.hp-product-media__figure{position:relative;width:100%}.hp-product-media__spacer:before,.hp-product-media__figure:before{content:"";display:block;width:100%;padding-top:calc(100% / (var(--ratio-percent, 1277/1800)))}.hp-product-media__figure{overflow:hidden}.product-hover-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.product-hover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .1s ease;z-index:1}.product-hover-img[data-image-index="0"],.product-hover-img:not(.lazy-hover-img){opacity:1;z-index:2}.product-hover-dots{position:absolute;inset-inline:0;bottom:0;display:flex;z-index:4;pointer-events:none;opacity:0;transition:opacity .2s ease}@media(pointer:fine){.xo-product-card:hover .product-hover-dots,.xo-product-card:focus-within .product-hover-dots{opacity:1}}.hover-dot{flex:1 1 0;height:2px;background-color:#11111138;transition:background-color .15s ease}.hover-dot.active{background-color:#1111118c}.hp-product-media--classic .hp-product-media__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .25s ease}.hp-product-media--classic .hp-product-media__image--secondary{opacity:0}@media(pointer:fine){.xo-product-card:hover .hp-product-media--classic .hp-product-media__image--primary,.xo-product-card:focus-within .hp-product-media--classic .hp-product-media__image--primary{opacity:0}.xo-product-card:hover .hp-product-media--classic .hp-product-media__image--secondary,.xo-product-card:focus-within .hp-product-media--classic .hp-product-media__image--secondary{opacity:1}}.hp-product-media--single .hp-product-media__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}@media(hover:none)and (pointer:coarse){.product-hover-container{touch-action:pan-y}}@media(prefers-reduced-motion:reduce){.product-hover-img,.hp-product-media--classic .hp-product-media__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-hover.css.map */