carousel-component .carousel-button,carousel-component carousel-thumbnails{display:none}carousel-component[data-enable=true][data-sticky=true]{position:sticky;top:1rem}carousel-component[data-enable=true] .carousel-container{position:relative;overflow:hidden;display:block}carousel-component[data-enable=true] .carousel-container{position:relative}@media screen and (min-width: 768px){carousel-component[data-enable=true][data-thumbnails=true][data-thumbnails-position=left]{display:grid;grid-template-columns:auto 85%;column-gap:.5rem}carousel-component[data-enable=true][data-thumbnails=true][data-thumbnails-position=right]{display:grid;grid-template-columns:85% auto;column-gap:.5rem;position:sticky;top:0}}carousel-component[data-enable=true] .carousel{width:100%;display:flex;flex-wrap:nowrap;list-style:none;align-items:center;margin:0;padding:0;overflow:scroll;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scroll-snap-type:inline mandatory}@media screen and (min-width:768px){carousel-component[data-enable=true] .carousel{align-items:start}}carousel-component[data-enable=true][data-thumbnails=true][data-thumbnails-position=left] .carousel-container{grid-column:2 / 3}carousel-component[data-enable=true] .carousel::-webkit-scrollbar{width:0;height:0}carousel-component[data-enable=true] ul.carousel>li{width:100%;height:100%;flex:1 0 100%;padding-left:0!important;scroll-snap-align:start}carousel-component[data-enable=true] .carousel-button{position:absolute;display:flex;top:0;bottom:0;margin:auto;height:4rem;background-color:#fff;border:none;width:2.5rem;font-size:3rem;padding:0;cursor:pointer;opacity:.7;transition:opacity .1s;z-index:1;align-items:center;justify-content:center;transition:all .4s ease}carousel-component[data-enable=true] .carousel-button>svg{width:20px;height:auto}carousel-component[data-enable=true] .carousel-button:hover,carousel-component[data-enable=true] .carousel-button:focus{opacity:1}carousel-component[data-enable=true] .carousel-button.carousel-button--prev{left:0;padding-right:.75rem;border-radius:0 2rem 2rem 0}carousel-component[data-enable=true] .carousel-button.carousel-button--prev>svg{transform:rotate(90deg)}carousel-component[data-enable=true] .carousel-button.carousel-button--next{right:0;padding-left:.75rem;border-radius:2rem 0 0 2rem}carousel-component[data-enable=true] .carousel-button.carousel-button--next>svg{transform:rotate(-90deg)}@media screen and (min-width: 768px){carousel-component[data-enable=true][data-thumbnails=true]>carousel-thumbnails{display:flex;flex-wrap:wrap;justify-content:center;column-gap:1%}carousel-component[data-enable=true][data-thumbnails=true][data-thumbnails-position=left]>carousel-thumbnails{grid-column:1 / 2;grid-row:1 / 1}carousel-component[data-enable=true][data-thumbnails=true][data-thumbnails-position=right]>carousel-thumbnails,carousel-component[data-enable=true][data-thumbnails=true][data-thumbnails-position=left]>carousel-thumbnails{flex-direction:column;row-gap:1%;justify-content:start}carousel-component[data-enable=true][data-thumbnails=true]>carousel-thumbnails>*{max-width:15%;opacity:.7;transition:all .4s ease}carousel-component[data-enable=true][data-thumbnails=true][data-thumbnails-position=right]>carousel-thumbnails>*,carousel-component[data-enable=true][data-thumbnails=true][data-thumbnails-position=left]>carousel-thumbnails>*{max-width:unset}carousel-component[data-enable=true][data-thumbnails=true]>carousel-thumbnails>*:hover{opacity:1}carousel-component[data-enable=true][data-thumbnails=true]>carousel-thumbnails img{width:100%;aspect-ratio:1 / 1;object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-carousel.css.map */