.componentCarousel{display:flex;position:relative}.componentCarousel.horizontal .carousel-chevron{display:-webkit-box;display:-moz-box;display:-webkit-flex;-ms-flex-item-align:stretch}.componentCarousel.horizontal .carousel-chevron button{height:100%}.componentCarousel.horizontal .carousel-chevron.right-btn{position:relative;z-index:1;opacity:.9}.componentCarousel.horizontal ul.carousel{margin:0}.componentCarousel.horizontal button.m-carousel-button{display:inline-block;width:inherit;margin:0}.componentCarousel.horizontal button.m-carousel-button span{display:block}.componentCarousel.horizontal .carouselWrapper{display:inline-block;vertical-align:middle}.componentCarousel.horizontal .scroller li{display:inline-block}.componentCarousel.horizontal .scroller li.hide{display:none}@media (min-width:64rem){.componentCarousel.horizontal .button-wrapper{display:block;position:absolute;z-index:4;width:40px;height:60px;top:50%;background-color:#fff;transform:translateY(-50%)}.componentCarousel.horizontal .button-wrapper span[class*=icon-ui-chevron-]{margin:0 auto;background-position-x:center}.componentCarousel.horizontal .button-wrapper .m-carousel-button{width:inherit;height:inherit}.componentCarousel.horizontal .button-wrapper:after{content:"";position:absolute;display:flex;z-index:-1;opacity:.8;width:inherit;height:inherit;top:0}}.componentCarousel.horizontal .carousel-chevron{opacity:.9}.componentCarousel.horizontal .carousel-chevron.right-btn{background-color:#fff}.componentCarousel.horizontal button.m-carousel-button{background-color:transparent}@media screen and (max-device-width:64rem){.componentCarousel.horizontal button.m-carousel-button.medium-hide-btns{position:absolute;opacity:0;width:0;height:0}.componentCarousel.horizontal button.m-carousel-button.medium-hide-btns.next{border:1px solid transparent;right:5%;z-index:1;box-sizing:content-box}.componentCarousel.horizontal button.m-carousel-button.medium-hide-btns.prev{border:1px solid transparent;left:5%;z-index:1;box-sizing:content-box}.componentCarousel.horizontal button.m-carousel-button.medium-hide-btns:focus{opacity:1}}@media screen and (max-device-width:37.5rem){.componentCarousel.horizontal button.m-carousel-button.small-hide-btns{position:absolute;opacity:0;width:0;height:0}.componentCarousel.horizontal button.m-carousel-button.small-hide-btns.next{border:1px solid transparent;right:5%;z-index:1;box-sizing:content-box}.componentCarousel.horizontal button.m-carousel-button.small-hide-btns.prev{border:1px solid transparent;left:5%;z-index:1;box-sizing:content-box}.componentCarousel.horizontal button.m-carousel-button.small-hide-btns:focus{opacity:1}}ul.swatchOptUrl li{background:inherit}