.rf-video-carousel{width:100%;overflow:hidden;position:relative;background:var(--rf-vc-bg-color, transparent);background-image:var(--rf-vc-bg-gradient, none)}.rf-video-carousel__inner{padding-top:var(--rf-vc-padding-top, 40px);padding-bottom:var(--rf-vc-padding-bottom, 40px)}.rf-video-carousel__heading{color:var(--rf-vc-heading-color, currentColor);font-size:clamp(1.75rem,5.5vw,2.625rem);font-weight:700;line-height:1.2;margin:0 0 24px;text-align:center;padding:0 20px}.rf-video-carousel__slider-wrap{position:relative;width:100%}.rf-video-carousel__slider{width:100%;overflow:hidden}.rf-video-carousel .swiper-slide{width:auto;height:auto;display:flex;justify-content:center;align-items:center}.rf-video-carousel__media{width:min(100vw,420px);height:min(100vh,760px);aspect-ratio:9 / 16;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:24px;border:2px solid #383838;background:transparent}@media screen and (min-width:750px){.rf-video-carousel__media{width:337px;height:600px}}@media screen and (min-width:990px){.rf-video-carousel__media{width:474px;height:850px}.rf-video-carousel__inner{padding-top:var(--rf-vc-padding-top-desktop, var(--rf-vc-padding-top, 60px));padding-bottom:var(--rf-vc-padding-bottom-desktop, var(--rf-vc-padding-bottom, 60px))}}.rf-video-carousel__video{width:100%;height:100%;object-fit:cover;display:block}.rf-video-carousel__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-size:.95rem;color:#666;background:#f4f4f4}.rf-video-carousel__toggle{width:80px;height:80px;border-radius:24px;border:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;transition:transform .25s ease,background-color .25s ease,width .25s ease,height .25s ease,border-radius .25s ease,top .25s ease,left .25s ease,bottom .25s ease,right .25s ease}.rf-video-carousel__toggle:hover{background:#fffffff2;transform:translate(-50%,-50%) scale(1.06)}.rf-video-carousel__toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}.rf-video-carousel__toggle.is-playing{width:40px;height:40px;border-radius:12px;top:auto;left:auto;right:16px;bottom:16px;transform:none}.rf-video-carousel__toggle.is-playing:hover{transform:scale(1.08)}.rf-video-carousel__icon{width:32px;height:32px;color:#383838}.rf-video-carousel__icon--pause{display:none}.rf-video-carousel__toggle.is-playing .rf-video-carousel__icon--pause{display:block;width:20px;height:20px}.rf-video-carousel__toggle.is-playing .rf-video-carousel__icon--play{display:none}@media screen and (min-width:750px){.rf-video-carousel__icon--play{width:56px;height:56px}}.rf-video-carousel__controls{max-width:360px;margin:24px auto 0;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:16px}.rf-video-carousel__nav{width:32px;height:32px;border:0;border-radius:999px;display:inline-flex;justify-content:center;align-items:center;background:#383838;color:var(--rf-vc-arrow-color, #ffffff);cursor:pointer;flex-shrink:0;transition:transform .2s ease,opacity .2s ease}.rf-video-carousel__nav svg{width:24px;height:24px}.rf-video-carousel__nav:not(.swiper-button-disabled):hover{transform:scale(1.1)}.rf-video-carousel__nav.swiper-button-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.rf-video-carousel__nav:focus-visible{outline:2px solid currentColor;outline-offset:4px}.rf-video-carousel__pagination{position:static!important;width:auto!important;display:flex;justify-content:center}.rf-video-carousel .rf-video-carousel__pagination .swiper-pagination-bullet{width:10px;height:10px;opacity:.5;background:#383838}.rf-video-carousel .rf-video-carousel__pagination .swiper-pagination-bullet-active{opacity:1}.rf-video-carousel .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (max-width:749px){.rf-video-carousel{padding:0 16px}.rf-video-carousel__controls .rf-video-carousel__nav{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-rf-video-carousel.css.map */