.custom-pdp-media{width:100%}.custom-pdp-media__main-image{display:none}.custom-pdp-media__main-image.is-active{display:block}.custom-pdp-media__thumb{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:0;cursor:pointer}.custom-pdp-media{display:flex;flex-direction:column;gap:16px;width:100%}.custom-pdp-media__main{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:#f2f2f2;touch-action:pan-y}.custom-pdp-media__main-track{position:relative;width:100%;height:100%;aspect-ratio:1 / 1}.custom-pdp-media__main-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .25s ease;display:block}.custom-pdp-media__main-image.is-active{opacity:1;z-index:1}.custom-pdp-media__value-badge{position:absolute;top:16px;right:0;min-height:30px;padding:8px;border-top-left-radius:6px;border-bottom-left-radius:6px;background:#d3d3d3;display:inline-flex;align-items:center;justify-content:center;z-index:2}.custom-pdp-media__value-badge[aria-hidden=true]{display:none}.custom-pdp-media__value-badge[aria-hidden=false]{display:inline-flex}.custom-pdp-media__thumb-swiper{width:100%;overflow:hidden}.custom-pdp-media__thumb-swiper .swiper-wrapper{align-items:center}.custom-pdp-media__thumb{width:56px;height:56px;overflow:hidden;border:1px solid transparent;flex:0 0 auto}.custom-pdp-media__thumb.is-active{border-color:#d7d8da}.custom-pdp-media__thumb-image{width:100%;height:100%;object-fit:contain;display:block}#arrowButton.custom-pdp-media__nav{display:none}@media screen and (min-width:600px){.custom-pdp-media__thumb{width:64px;height:64px}#arrowButton.custom-pdp-media__nav{display:block}.custom-pdp-media__nav{position:absolute;top:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:999px;background:#363c454d;color:var(--gray-900);cursor:pointer;transform:translateY(-50%);transition:all .5s ease}.custom-pdp-media__nav--prev{left:15px;transform:translateY(-50%) translate(calc(-100% - 15px))}.custom-pdp-media__nav--next{right:15px;transform:translateY(-50%) translate(calc(100% + 15px))}.custom-pdp-media__main-track:hover .custom-pdp-media__nav--prev,.custom-pdp-media__main-track:hover .custom-pdp-media__nav--next{transform:translateY(-50%) translate(0)}.custom-pdp-media__nav:hover,.custom-pdp-media__nav:focus-visible,.custom-pdp-media__nav:active{background:#dff4f4;color:#363c45;box-shadow:0 6px 18px #363c451f}.custom-pdp-media__nav:active{transform:translateY(-50%) scale(.96)}.custom-pdp-media__nav:focus-visible{outline:2px solid #8cd2d4;outline-offset:2px}.custom-pdp-media__nav svg{width:32px;height:32px;pointer-events:none}}@media screen and (max-width:749px){.custom-pdp-media__nav{width:52px;height:52px}.custom-pdp-media__nav--prev{left:12px}.custom-pdp-media__nav--next{right:12px}}@media screen and (min-width:1024px){.custom-pdp-media__nav{width:64px;height:64px}.custom-pdp-media__thumb{width:88px;height:88px}}
/*# sourceMappingURL=/cdn/shop/t/436/assets/custom-pdp-media.css.map */