.el-video-carousel{padding:var(--el-video-padding-top, 80px) 0 var(--el-video-padding-bottom, 80px)}.el-video-carousel__container{margin:0 auto}.el-video-carousel__header{margin-bottom:40px;text-align:center}.el-video-carousel__title{max-width:22ch;margin:0 auto;color:var(--ink);font-family:var(--font-heading);font-size:40px;font-style:normal;font-weight:700;font-stretch:var(--display-stretch);line-height:1.1;letter-spacing:-.02em}.el-video-carousel__title em{color:var(--brand-ink);font-style:normal}.el-video-carousel__subheading{max-width:60ch;margin:12px auto 0;color:var(--ink-soft);font-size:18px;line-height:1.55;text-wrap:balance}.el-video-carousel__header>:first-child{margin-top:0}.el-video-carousel__swiper{display:block}.el-video-carousel__swiper-container{overflow:hidden}.el-video-carousel__slide{height:auto}.el-video-carousel__media{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-lg);background:var(--ink);cursor:pointer;aspect-ratio:322/468}.el-video-carousel__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:translateZ(0);backface-visibility:hidden}.el-video-carousel__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;z-index:2;transition:opacity .2s ease}.el-video-carousel__play-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding-left:3px;border-radius:50%;background:var(--paper);box-sizing:border-box;transition:opacity .2s ease,background-color .2s ease}.el-video-carousel__play-icon svg{width:16px;height:18px}.el-video-carousel__play:hover .el-video-carousel__play-icon{background:var(--mist)}.el-video-carousel__play:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.el-video-carousel__play.is-playing .el-video-carousel__play-icon{opacity:0}.el-video-carousel__play.is-playing{opacity:0;pointer-events:none}.el-video-carousel__play.is-playing:focus-visible{opacity:1}.el-video-carousel .swiper-pagination,.el-video-carousel__pagination{position:relative!important;left:auto!important;bottom:auto!important;width:100%!important;justify-content:center!important;align-items:center!important;gap:6px;margin-top:24px;transform:none!important}.el-video-carousel .swiper-pagination,.el-video-carousel__pagination.swiper-pagination-lock{display:none!important}.el-video-carousel .swiper-pagination,.el-video-carousel__pagination{display:flex}.el-video-carousel .swiper-pagination-bullet{display:block!important;flex:0 0 auto;width:16px!important;height:3px!important;margin:0!important;padding:0;border-radius:2px;background:var(--line-strong);opacity:1;transition:background-color .2s ease}.el-video-carousel .swiper-pagination-bullet-active{width:32px!important;background:var(--ink)}@media(prefers-reduced-motion:reduce){.el-video-carousel__play,.el-video-carousel__play-icon,.el-video-carousel .swiper-pagination-bullet{transition:none}}@media(max-width:991px){.el-video-carousel{padding:var(--el-video-padding-top-mobile, 40px) 0 var(--el-video-padding-bottom-mobile, 40px)}.el-video-carousel__title{font-size:30px}.el-video-carousel__header{margin-bottom:28px}.el-video-carousel__subheading{margin-top:10px;font-size:17px}.el-video-carousel__play,.el-video-carousel__play-icon{width:52px;height:52px}.el-video-carousel__pagination{margin-top:20px}}@media(max-width:540px){.el-video-carousel{overflow:hidden}.el-video-carousel__swiper,.el-video-carousel__swiper-container,.el-video-carousel .swiper-wrapper{overflow:visible}}.el-video-carousel__apps{container-type:inline-size}.el-video-carousel__apps moast-carousel{display:block;width:calc(100% + 16px);margin-inline:-8px;--moast-padding-top: 0px !important;--moast-padding-bottom: 0px !important;--moast-slide-spacing: 16px !important;--moast-slide-rounding: var(--radius-lg) !important;--moast-arrow-background-color: var(--ink);--moast-arrow-color: var(--paper)}@media(min-width:992px){.el-video-carousel__apps moast-carousel{--moast-slide-size: calc(20cqi - 16px) !important}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/el-video-carousel.css.map */