.hue-pdp-slideshow{background-color:rgb(var(--color-background));color:rgb(var(--color-text))}.hue-pdp-slideshow__contain{width:100%}.hue-pdp-slideshow__layout{display:flex;flex-direction:column;gap:var(--space-3)}.hue-pdp-slideshow__layout:not(.hue-pdp-slideshow__layout--single){--hue-pdp-thumb-column-width: 3.75rem;--hue-pdp-thumb-gap: .375rem;--hue-pdp-thumb-item-height: calc(var(--hue-pdp-thumb-column-width) * 5 / 4);--hue-pdp-thumb-visible-count: 1;--hue-pdp-thumbs-track-height: calc( var(--hue-pdp-thumb-visible-count) * var(--hue-pdp-thumb-item-height) + max(0, var(--hue-pdp-thumb-visible-count) - 1) * var(--hue-pdp-thumb-gap) );align-items:stretch;display:grid;gap:.375rem;grid-template-areas:"main thumbs";grid-template-columns:minmax(0,1fr) var(--hue-pdp-thumb-column-width)}.hue-pdp-slideshow__main,.hue-pdp-slideshow__thumbs{display:block;min-width:0;width:100%}.hue-pdp-slideshow__main{--hue-pagination-active-color: rgb(var(--on-sale-text-color));--swiper-pagination-bullet-border-radius: 50%;--swiper-pagination-bullet-height: .375rem;--swiper-pagination-bullet-horizontal-gap: .375rem;--swiper-pagination-bullet-inactive-color: rgb(255 255 255);--swiper-pagination-bullet-width: .375rem;--swiper-pagination-color: var(--hue-pagination-active-color);grid-area:main}.hue-pdp-slideshow__main--pagination-white{--hue-pagination-active-color: rgb(255 255 255)}.hue-pdp-slideshow__thumbs{grid-area:thumbs;height:auto;min-height:0;position:relative}.hue-pdp-slideshow__layout:not(.hue-pdp-slideshow__layout--single) .hue-pdp-slideshow__main .swiper-slideshow__pagination,.hue-pdp-slideshow__layout:not(.hue-pdp-slideshow__layout--single) .hue-pdp-slideshow__main .swiper-slideshow__pagination.swiper-pagination-horizontal,.hue-pdp-slideshow__layout:not(.hue-pdp-slideshow__layout--single) .hue-pdp-slideshow__main .swiper-slideshow__pagination.swiper-pagination-bullets{display:none}.hue-pdp-slideshow__main [data-swiper-slideshow],.hue-pdp-slideshow__thumbs [data-swiper-slideshow]{overflow:hidden;position:relative;width:100%}.hue-pdp-slideshow__main .swiper-slideshow__pagination,.hue-pdp-slideshow__main .swiper-slideshow__pagination.swiper-pagination-horizontal,.hue-pdp-slideshow__main .swiper-slideshow__pagination.swiper-pagination-bullets{align-items:center;bottom:1rem;display:flex;gap:.375rem;justify-content:center;left:0;pointer-events:auto;position:absolute;right:0;text-align:center;transform:none;width:100%;z-index:2}.hue-pdp-slideshow__main .swiper-slideshow__pagination .swiper-pagination-bullet{background:#fff;border-radius:50%;flex-shrink:0;height:var(--swiper-pagination-bullet-height);margin:0;opacity:.4;transition:background-color var(--duration-default, .3s) var(--default-easing, ease),opacity var(--duration-default, .3s) var(--default-easing, ease);width:var(--swiper-pagination-bullet-width)}.hue-pdp-slideshow__main .swiper-slideshow__pagination .swiper-pagination-bullet-active{background:var(--hue-pagination-active-color);opacity:1}.hue-pdp-slideshow__media{background-color:#e4e1da;border-radius:var(--border-radius-small);overflow:hidden;position:relative}.hue-pdp-slideshow__media .image-with-aspect-ratio,.hue-pdp-slideshow__placeholder{height:100%;width:100%}.hue-pdp-slideshow__placeholder .placeholder-svg,.hue-pdp-slideshow__media .placeholder-svg{display:block;height:100%;object-fit:cover;width:100%}.hue-pdp-slideshow__label{color:#fff;left:1.3125rem;letter-spacing:.08em;line-height:1;margin:0;pointer-events:none;position:absolute;text-shadow:0 .0625rem .5rem rgb(0 0 0 / 45%);top:1.5625rem;z-index:1}.hue-pdp-slideshow__main .swiper-slide{height:auto;width:100%}.hue-pdp-slideshow__main .swiper-slide:not(.swiper-slide-active) .hue-pdp-slideshow__label{visibility:hidden}.hue-pdp-slideshow__thumbs .swiper-slide{cursor:pointer;height:auto;opacity:.5;overflow:hidden;transition:opacity .3s var(--default-easing, ease);width:100%}.hue-pdp-slideshow__thumbs .swiper-slide:hover,.hue-pdp-slideshow__thumbs .swiper-slide-thumb-active{opacity:1}.hue-pdp-slideshow__thumbs .hue-pdp-slideshow__media{height:100%}@media screen and (max-width:767px){.hue-pdp-slideshow__layout:not(.hue-pdp-slideshow__layout--single){align-items:start}.hue-pdp-slideshow__thumbs{align-self:start;flex-shrink:0;height:var(--hue-pdp-thumbs-track-height);max-height:var(--hue-pdp-thumbs-track-height);overflow:hidden}.hue-pdp-slideshow__thumbs [data-swiper-slideshow]{height:var(--hue-pdp-thumbs-track-height);max-height:var(--hue-pdp-thumbs-track-height)}.hue-pdp-slideshow__thumbs .swiper-wrapper{max-height:var(--hue-pdp-thumbs-track-height)}.hue-pdp-slideshow__thumbs .hue-pdp-slideshow__media{height:100%}.hue-pdp-slideshow__thumbs .hue-pdp-slideshow__media .image-with-aspect-ratio:not(.image-with-aspect-ratio--natural){aspect-ratio:auto;height:100%}}@media screen and (min-width:768px){.hue-pdp-slideshow__layout:not(.hue-pdp-slideshow__layout--single) .hue-pdp-slideshow__thumbs [data-swiper-slideshow],.hue-pdp-slideshow__layout:not(.hue-pdp-slideshow__layout--single) .hue-pdp-slideshow__thumbs .swiper-wrapper{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.hue-pdp-slideshow__thumbs .hue-pdp-slideshow__media .image-with-aspect-ratio{aspect-ratio:auto;height:100%}.hue-pdp-slideshow__layout:not(.hue-pdp-slideshow__layout--single){gap:1rem;grid-template-columns:minmax(0,1fr) 8.75rem}.hue-pdp-slideshow__media{border-radius:.375rem}.hue-pdp-slideshow__layout:not(.hue-pdp-slideshow__layout--single) .hue-pdp-slideshow__main .swiper-slideshow__pagination,.hue-pdp-slideshow__layout:not(.hue-pdp-slideshow__layout--single) .hue-pdp-slideshow__main .swiper-slideshow__pagination.swiper-pagination-horizontal,.hue-pdp-slideshow__layout:not(.hue-pdp-slideshow__layout--single) .hue-pdp-slideshow__main .swiper-slideshow__pagination.swiper-pagination-bullets{align-items:center;bottom:1.75rem;display:flex;justify-content:flex-start;left:1.3125rem;right:auto;text-align:left;width:auto}.hue-pdp-slideshow__main .swiper-slideshow__pagination,.hue-pdp-slideshow__main .swiper-slideshow__pagination.swiper-pagination-horizontal,.hue-pdp-slideshow__main .swiper-slideshow__pagination.swiper-pagination-bullets{bottom:1.75rem;justify-content:flex-start;left:1.3125rem;right:auto;text-align:left;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/hue-pdp-slideshow.css.map */