#byob-container{--slider-button-gap: -21px}#byob-container slideshow-component{position:relative;display:block;width:85%;margin:auto;padding:7px 0}#byob-container ul.slideshow.banner{flex-wrap:nowrap;gap:6px;scroll-padding-left:1px;padding:1px;list-style:none;margin:0}#byob-container ul.slideshow.banner{justify-content:start}#byob-container li.slideshow__slide:focus-visible{outline:none}#byob-container li.slideshow__slide:focus-visible img{outline:3px solid var(--color-heading-text-overlay);outline-offset:-3px}#byob-container li.slideshow__slide{margin:0;scroll-margin-left:0;scroll-snap-align:start}#byob-container #quickViewGallery li.slideshow__slide .carousel__slide-item-img-link{border-radius:unset}.carousel__slide-item-img-link{cursor:pointer;display:flex;height:100%;overflow:hidden;position:relative;width:100%;border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(white,black)}.carousel__slide-item-img-link.selected{border:2px solid var(--error-message-color)}.carousel__btn{align-items:center;background:0;border:0;cursor:pointer;display:flex;justify-content:center;position:absolute;top:50%;padding:0;transform:translateY(-50%);-webkit-tap-highlight-color:transparent;width:20px}.carousel__btn-arrow{display:block;border:solid rgb(var(--color-base-text));border-width:0 4px 4px 0;height:15px;padding:6px;width:15px}.carousel__btn-arrow--left{transform:rotate(135deg)}.carousel__btn-arrow--right{transform:rotate(-45deg)}#quickViewModal .carousel__slide-item>div{cursor:pointer}#byob-container slideshow-component .slider-button{position:absolute;border:none;background:transparent;top:50%;transform:translateY(-50%);padding:0;width:20px;border-radius:unset;outline-offset:-2px}#byob-container slideshow-component.no-slidable-item ul.slideshow.banner{justify-content:center}#byob-container slideshow-component.no-slidable-item .slider-button{display:none}#byob-container slideshow-component .slider-button--prev{left:var(--slider-button-gap)}#byob-container slideshow-component .slider-button--next{right:var(--slider-button-gap)}#byob-container #quickViewGallery slideshow-component .slider-button--prev{left:-25px;padding-left:5px}#byob-container #quickViewGallery slideshow-component .slider-button--next{right:-25px;padding-right:5px}#byob-container #quickViewGallery li.slideshow__slide{width:calc((100% / 3) - ((6px * 2) / 3));max-width:calc((100% / 3) - ((6px * 2) / 3))}#byob-container .byob-media-slider slideshow-component,.byob-media-slider>div{width:100%;padding:0}.byob-media-slider .video-container{position:relative;height:100%;min-width:100%;display:flex;align-items:center}.byob-media-slider .video-container video-control{left:0;bottom:0}.byob-media-slider .video-container video-control .video-timestamp{text-align:left}[aria-hidden=true] video-control{display:none}.byob-media-slider .carousel__slide-item-img-link.selected{border:none}.byob-media-slider .video-container video{width:100%;height:auto;display:block}.byob-media-slider .video-control button:not(.play-pause-button){width:auto!important}#bundleOptions .video-control .play-pause-button{width:50px}#byob-container #bundleOptions .byob-media-slider button.carousel__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:50px;height:50px}#byob-container .byob-media-slider .carousel__btn-arrow{border-color:rgb(var(--color-base-background-1));pointer-events:none;touch-action:none}#byob-container .byob-media-slider slideshow-component .slider-button{width:30px;height:30px;z-index:4}#byob-container .byob-media-slider slideshow-component .slider-button--next{right:20px;left:auto}#byob-container .byob-media-slider slideshow-component .slider-button--prev{left:20px;right:auto}#byob-container .byob-media-slider .slider__slide{width:100%!important;min-width:100%!important}#byob-container .byob-media-slider .slider__slide img,#byob-container .byob-media-slider .slider__slide video{border-radius:0!important}#byob-container .slideshow__slide button.quickView:focus-visible{outline-offset:-3px}@media screen and (min-width: 750px) and (max-width: 989px){#bundleOptions .byob__carousel .carousel__btn-arrow{width:12px;height:12px}#byob-container{--slider-button-gap: -28px}}@media screen and (min-width: 990px){#byob-container{--slider-button-gap: -23px}}
/*# sourceMappingURL=/cdn/shop/t/148/assets/component-byob-slider.css.map */