.video-carousel{position:relative}.video-carousel .halo-block-header .title{margin:0 0 8px;line-height:1.3;font-weight:400}.video-carousel .halo-block-header .title--no-border:before{display:none}.video-carousel .halo-block-header .desc p:empty{margin:0}.video-carousel .halo-video-carousel-content{position:relative;margin:0}.video-carousel .halo-video-carousel-content .slick-track{display:flex;flex-direction:row;flex-wrap:nowrap;-webkit-user-select:none;user-select:none;padding-bottom:39px}.video-carousel .halo-video-carousel-content .slick-slide{float:none;height:auto;padding:0}.video-carousel video-carousel{display:flex;align-items:center;position:relative}.video-carousel .video-wrapper{width:100%;height:100%;aspect-ratio:.612;overflow:hidden}.video-carousel .video-wrapper .video-section__media{display:block;width:100%;height:86%;object-fit:cover;transition:height .3s ease-in-out}.video-carousel .slick-center .video-section__media,.video-carousel .halo-video-carousel-content:not(.has-video-hover) .slick-current.slick-active .video-section__media{height:100%}.video-carousel .video-content-wrapper{margin-top:24px;opacity:0;transform:translateY(20px);transition:all .3s ease-in-out;text-align:center}.video-carousel .slick-center .video-content-wrapper{opacity:1;transform:none}.video-carousel .video-controls{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;gap:.5rem;z-index:2;opacity:0}.video-carousel .video-controls button{background:#0006;color:#fff;display:block;position:relative;width:36px;height:36px;padding:6px;line-height:1;border:none;font-size:0;cursor:pointer}.video-carousel .video-controls button span{display:block}.video-carousel .video-controls button.playing span:first-child,.video-carousel .video-controls button:not(.playing) span+span{display:none}.video-carousel .video-controls .icon{width:24px;height:24px}.video-carousel .slick-center .video-controls,.video-carousel .halo-video-carousel-content:not(.has-video-hover) .slick-current.slick-active .video-controls{opacity:1;transition:all .4s ease-in-out}.video-carousel .slick-arrow{position:absolute;top:50%;z-index:3;width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#fff;color:#ba316b;box-shadow:0 2px 10px #0000001f;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);transition:background .3s,color .3s,opacity .3s}.video-carousel .slick-arrow:hover{background:#ba316b;color:#fff}.video-carousel .slick-arrow:before{display:none}.video-carousel .slick-arrow svg{width:16px;height:16px;fill:none;vertical-align:middle}.video-carousel .slick-arrow svg path{fill:none;stroke:currentColor;stroke-width:2}.video-carousel .slick-arrow.slick-prev{left:16px}.video-carousel .slick-arrow.slick-next{right:16px}@media(max-width:749px){.video-carousel .slick-arrow{width:34px;height:34px;top:auto;bottom:60px;transform:none}.video-carousel .slick-arrow.slick-prev{left:12px}.video-carousel .slick-arrow.slick-next{right:12px}}.video-carousel .slick-dots{position:absolute;bottom:0;left:0;width:100%;margin:0;padding:0;list-style:none;text-align:center;font-size:0}.video-carousel .slick-dots li{display:inline-block;margin:0 7px}.video-carousel .slick-dots li button{width:12px;height:12px;padding:0;font-size:0;border-radius:50%;border:1px solid #ccc;background:#ccc;cursor:pointer}.video-carousel .slick-dots li.slick-active button{border-color:#1e1e1e;background:#1e1e1e}.video-carousel .halo-video-carousel-content:not(.slick-initialized){display:flex;gap:4px;overflow:hidden}.video-carousel .halo-video-carousel-content:not(.slick-initialized) .video-item{flex:0 0 calc(100% / var(--count-lg, 5))}@media(max-width:1199px){.video-carousel .halo-video-carousel-content:not(.slick-initialized) .video-item{flex-basis:calc(100% / var(--count-md, 3))}}@media(max-width:1024px){.video-carousel .halo-video-carousel-content:not(.slick-initialized) .video-item{flex-basis:100%}}.video-carousel .halo-block-header .title .text{width:auto;max-width:100%;padding:0;background:transparent}.video-carousel .halo-block-header .desc{line-height:1.5}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-video-carousel.css.map */