.product-media{background-color:#fafafa;padding-bottom:24px;position:relative;width:100%}@media (min-width:992px){.product-media{padding-bottom:48px}}@media (min-width:1200px){.product-media{padding:96px}}.product-media__slide{position:relative}.product-media__slides{mix-blend-mode:darken;opacity:0}.product-media__slides.tns-slider{opacity:1}.product-media__image{padding:0 6px;width:100%}.product-media__addon-image{height:auto;left:0;padding:0 6px;position:absolute;top:0;width:100%}.product-media__controls-button{-webkit-appearance:none;background:none;border:0;border-radius:50%;-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;margin:0;opacity:.2;padding:8px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity var(--transition-time) var(--transition-easing);-o-transition:opacity var(--transition-time) var(--transition-easing);transition:opacity var(--transition-time) var(--transition-easing);z-index:1}.product-media__controls-button[data-controls=prev]{left:16px}.product-media__controls-button[data-controls=next]{right:16px}.product-media__controls-button:hover{opacity:1}.product-media__controls-button svg{display:block;height:auto;width:16px}.product-media__nav{margin-left:auto;margin-right:auto;margin-top:-50px;position:relative;width:calc(100% - 40px)}@media (min-width:768px){.product-media__nav{width:80%}}@media (min-width:992px){.product-media__nav{margin-top:auto;width:50%}}.product-media__nav--below{margin-top:40px}.product-media__nav-progress{background-color:var(--color-black);height:1px;left:0;position:absolute;top:8px}.product-media__nav-items{display:-webkit-box;display:-ms-flexbox;display:flex}.product-media__nav-button{-webkit-box-flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;-ms-flex:1;flex:1;height:1px;margin:0;padding:8px 0}.product-media__nav-button-inner{background-color:var(--color-black);display:block;height:1px;opacity:.1;-webkit-transition:opacity var(--transition-time) var(--transition-easing);-o-transition:opacity var(--transition-time) var(--transition-easing);transition:opacity var(--transition-time) var(--transition-easing)}.product-media__nav-button:not(.tns-nav-active):hover .product-media__nav-button-inner{opacity:.35}