.product-media{position:relative;display:flex;flex-direction:column}.product-media__image,.product-media__video{position:relative;width:100%;height:0;padding-bottom:100%;background-color:var(--color-spot-light);overflow:hidden}.product-media__image img,.product-media__image video,.product-media__video img,.product-media__video video{opacity:1;transition-property:opacity;transition-duration:.5s;transition-timing-function:ease-out;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;-o-object-fit:cover;object-fit:cover}.product-media__image img.preload,.product-media__image video.preload,.product-media__video img.preload,.product-media__video video.preload{opacity:0}.product-media__image .loading-icon,.product-media__video .loading-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:3em;height:3em;z-index:1}.product-media__image .loading-icon svg,.product-media__video .loading-icon svg{opacity:.15;width:100%;height:auto;animation-name:spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;fill:var(--color-black)}@media (min-width:1025px){.product-media .pagination-bullet,.product-media .swiper,.product-media .swiper-pagination-bullets,.product-media .swiper-slide,.product-media .swiper-wrapper{all:unset;margin:0;transform:none;box-sizing:border-box;transition-property:none;height:auto;overflow:visible}}@media (min-width:1025px){.product-media .swiper-wrapper{width:100%;min-width:100%;max-width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto}}@media (max-width:1024px){.product-media .swiper{width:100%;min-width:100%;max-width:100%;height:inherit;min-height:inherit;position:relative}}@media (max-width:1024px){.product-media .swiper-wrapper{height:100%}}@media (min-width:1025px){.product-media .swiper-pagination-bullets{display:none}}@media (max-width:1024px){.product-media .swiper-pagination-bullets{position:relative;left:auto;bottom:auto;width:100%;display:flex;gap:.5em;z-index:3;justify-content:center;padding-top:1em}}@media (max-width:1024px){.product-media .swiper-pagination-bullets .swiper-pagination-bullet{background:url(icon-dot-hollow.svg) no-repeat 50% 50%/1em;opacity:1;width:1em;height:1em}}@media (max-width:1024px){.product-media .swiper-pagination-bullets .swiper-pagination-bullet-active{opacity:1;background:url(icon-dot-filled.svg) no-repeat 50% 50%/1em}}