@keyframes maskUp{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:0 100%;mask-position:0 100%}}@keyframes maskDown{0%{-webkit-mask-position:0 100%;mask-position:0 100%}to{-webkit-mask-position:0 0;mask-position:0 0}}.image-variant-viewer__title{margin-bottom:1rem;text-align:center}.image-variant-viewer__container{position:relative}.image-variant-viewer__container--fixed-height .image-variant-viewer__image-wrapper{height:var(--container-height,500px)}.image-variant-viewer__container--fixed-height .image-variant-viewer__default-image{height:100%;-o-object-fit:cover;object-fit:cover}.image-variant-viewer__image-wrapper{overflow:hidden;position:relative}.image-variant-viewer__default-image{display:block;height:auto;width:100%}.image-variant-viewer__overlay-image{height:100%;left:0;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 0);mask-image:linear-gradient(180deg,#000 50%,transparent 0);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 200%;mask-size:100% 200%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.image-variant-viewer__overlay-image.animate-mask-up{animation:maskUp .3s ease forwards}.image-variant-viewer__overlay-image.animate-mask-down{animation:maskDown .3s ease forwards}.image-variant-viewer__controls{display:flex;flex-wrap:wrap;gap:1rem;left:3rem;position:absolute;right:0;top:3.5rem;z-index:1}.image-variant-viewer__control{background-color:#dfdfdf;cursor:pointer;height:6rem;transition:border-color .2s ease;width:6rem}.image-variant-viewer__control.active{background-color:#f7f7f7;outline:2px solid #fff;outline-offset:2px;z-index:1}.image-variant-viewer__control img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-variant-viewer__product-link-container{align-items:flex-end;bottom:2rem;display:flex;flex-direction:column;gap:1.5rem;position:absolute;right:2rem;z-index:1}.image-variant-viewer__product-link-container a{color:#fff;font-size:calc(var(--font-body-scale)*1.4rem)}.image-variant-viewer__product-link-container .image-variant-viewer__variant-title{background:hsla(0,0%,100%,.8);color:#16223b;padding:.5rem 1rem}