btt-carousel,btt-carousel-media{display:flex;flex-wrap:wrap;position:relative;width:100%;z-index:1;--col-gap:20px}btt-carousel .btt-scroller,btt-carousel .btt-scroller-media,btt-carousel-media .btt-scroller,btt-carousel-media .btt-scroller-media{display:flex;flex:1;flex-wrap:nowrap;height:100%;list-style:none;margin:30px calc(var(--btt-spacing)*-1);min-width:100%;overflow-x:auto;overflow-y:hidden;padding:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}btt-carousel .btt-scroller-media::-webkit-scrollbar,btt-carousel .btt-scroller::-webkit-scrollbar,btt-carousel-media .btt-scroller-media::-webkit-scrollbar,btt-carousel-media .btt-scroller::-webkit-scrollbar{display:none}btt-carousel .btt-scroller-media.grid--slider,btt-carousel .btt-scroller.grid--slider,btt-carousel-media .btt-scroller-media.grid--slider,btt-carousel-media .btt-scroller.grid--slider{justify-content:space-between;grid-gap:var(--col-gap)}.btt-pdp-media .btt-scroller,btt-carousel-media.full-items .btt-scroller,btt-carousel-media.full-items .btt-scroller-media,btt-carousel.full-items .btt-scroller,btt-carousel.full-items .btt-scroller-media{scroll-snap-type:x mandatory}.btt-pdp-media .btt-scroller .btt-scroller--item{flex:0 0 85%;scroll-snap-align:start}@media (min-width:768px){.btt-pdp-media .btt-scroller{display:grid;gap:calc(var(--btt-spacing)*2);grid-template-columns:1fr 1fr}.btt-pdp-media .btt-scroller .btt-scroller--item{width:100%}}.btt-scroller--item{flex:0 0 50%;padding:0 var(--btt-spacing)}@media (min-width:576px){.btt-scroller--item{flex:0 0 42.5%}}@media (min-width:768px){.btt-scroller--item{flex:0 0 40%}}@media (min-width:1100px){.btt-scroller--item{flex:0 0 33.33334%}}@media (min-width:1300px){.btt-scroller--item{flex:0 0 25%}}.contains-cards .btt-scroller--item{padding-bottom:calc(var(--btt-spacing)*4)}.full-items .btt-scroller--item{flex:0 0 100%;padding:0;scroll-snap-align:start}btt-carousel .btt-scroller--scrollbar,btt-pdp-media .btt-scroller--scrollbar{background:var(--btt-darken);border-radius:calc(var(--btt-spacing)*2);display:block;flex:0 0 100%;height:4px;margin-top:-10px;max-width:100%;overflow:hidden;position:relative;width:auto;z-index:0}btt-carousel .btt-scroller--scrollbar:after,btt-pdp-media .btt-scroller--scrollbar:after{bottom:-10px;content:"";display:block;left:0;position:absolute;right:0;top:-10x;z-index:0}.btt-carousel--in-use btt-carousel .btt-scroller--scrollbar:after,.btt-carousel--in-use btt-pdp-media .btt-scroller--scrollbar:after{bottom:-30px;top:-30px}btt-carousel .btt-scroller--scrollbar:hover,btt-pdp-media .btt-scroller--scrollbar:hover{height:8px}.background-white btt-carousel .btt-scroller--scrollbar,.background-white btt-pdp-media .btt-scroller--scrollbar{background:#ccc}btt-carousel.all-items-visible .btt-scroller--scrollbar,btt-pdp-media.all-items-visible .btt-scroller--scrollbar{display:none}btt-carousel.btt-carousel--dragging .btt-scroller--scrollbar{height:8px}btt-carousel .btt-scroller--scrollbar-track,btt-pdp-media .btt-scroller--scrollbar-track{background:var(--btt-ncolor-dark);border-radius:calc(var(--btt-spacing)*2);cursor:grab;height:100%;left:0;position:absolute;z-index:1}.btt-carousel--in-use,btt-carousel .btt-scroller--scrollbar-track:active,btt-pdp-media .btt-scroller--scrollbar-track:active{cursor:grabbing}btt-carousel.all-items-visible .btt-scroller:not(.grid--slider){justify-content:center}.btt-media-scroller--arrows,.btt-scroller--arrows{display:flex;justify-content:space-between;left:0;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .24s ease-out;width:100%;z-index:10}btt-carousel-media:hover>.btt-media-scroller--arrows,btt-carousel-media:hover>.btt-scroller--arrows,btt-carousel:hover>.btt-media-scroller--arrows,btt-carousel:hover>.btt-scroller--arrows{opacity:1}btt-carousel.all-items-visible>.btt-media-scroller--arrows,btt-carousel.all-items-visible>.btt-scroller--arrows{display:none}.btt-media-scroller--arrows button,.btt-scroller--arrows button{align-items:center;background:transparent;border-radius:50%;display:flex;height:40px;justify-content:center;pointer-events:all;transition:opacity .12s ease-out,background-color .24s;width:40px}.btt-media-scroller--arrows button.hidden,.btt-scroller--arrows button.hidden{opacity:0;pointer-events:none}.btt-media-scroller--arrows button:after,.btt-scroller--arrows button:after{background:#000;content:"";display:block;height:16px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11' fill='none' style='transform:rotate(180deg)' viewBox='0 0 6 11'%3E%3Cg fill='%23000'%3E%3Cpath d='m5.824 1.087-4.95 4.95-.702-.703 4.95-4.95z'/%3E%3Cpath d='m5.122 10.283-4.95-4.95.707-.707 4.95 4.95z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center/contain;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11' fill='none' style='transform:rotate(180deg)' viewBox='0 0 6 11'%3E%3Cg fill='%23000'%3E%3Cpath d='m5.824 1.087-4.95 4.95-.702-.703 4.95-4.95z'/%3E%3Cpath d='m5.122 10.283-4.95-4.95.707-.707 4.95 4.95z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center/contain;transition:background-color .4s ease-out;width:16px}.btt-media-scroller--arrows button.prev:after,.btt-scroller--arrows button.prev:after{transform:rotate(180deg)}.btt-media-scroller--arrows button:hover,.btt-scroller--arrows button:hover{background:#000}.btt-media-scroller--arrows button:hover:after,.btt-scroller--arrows button:hover:after{background:#fff}.product-item__image btt-carousel-media{left:0;position:absolute;top:50%;transform:translateY(-50%)}.btt-media-scroller--arrows button{height:24px;width:24px}.btt-scroller-media{scroll-snap-type:x mandatory}.btt-scroller-media--item{flex:0 0 100%;scroll-snap-align:start}.btt-carousel-media--dots{bottom:40px;display:flex;gap:var(--btt-spacing);left:50%;max-width:100%;position:absolute;transform:translate(-50%);z-index:10}.btt-carousel-media--dots button{background:#00000036;border-radius:4px;box-shadow:0 1px 2px #ffffff1a;height:8px;transition:all .28s ease-out;width:8px}.btt-carousel-media--dots button.active{background:#0000001a;box-shadow:0 2px 6px #ffffff29;width:16px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/carousel.css.map */
