.custom-video-looping{overflow:hidden}.video-looping-tabs{display:flex;align-items:center;justify-content:center;width:100%}.video-looping-tab{padding-top:8px;padding-bottom:8px;cursor:pointer;border-radius:0}.video-looping-tab span{line-height:120%;text-align:center;opacity:.6}.video-looping-tab.is-active,.video-looping-tab:hover{border-bottom:1px solid var(--gray-900)}.video-looping-tab.is-active span,.video-looping-tab:hover span{opacity:1}.video-looping-panel,.video-looping-section{width:100%}.video-looping-section .custom-swiper-control-bar{padding-left:24px;padding-right:24px}.video-looping-section .content-wrapper{position:relative}.video-looping-section .content-wrapper.show-background:after{content:"";position:absolute;top:50%;left:50%;height:100%;width:300%;border-radius:50%;transform:translate(-50%,-50%);background:#f9f9f9;z-index:-1}.video-looping-section .swiper{width:100%;height:100%;position:relative;max-width:1400px}.video-looping-section .swiper-wrapper{width:100%}.video-looping-section .swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center;flex-shrink:0;backface-visibility:hidden;width:fit-content;transition:transform .55s cubic-bezier(.22,1,.36,1) .45s ease;transform:translateY(6px) scale(.97)}.video-looping-section .swiper-slide-prev,.video-looping-section .swiper-slide-next{transform:translateY(2px) scale(.985)}.video-looping-section .swiper-slide-active{transform:translateY(0) scale(1)}.video-looping-section .slide-media{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:261px;height:606px}.video-looping-section .slide-media.media-height-change{height:464px}.video-looping-section .custom-video video{width:100%;height:100%;object-fit:cover}.video-looping-section .custom-video{max-height:464px;width:100%;height:calc(464px * .7);flex-shrink:0;transition:width .55s cubic-bezier(.22,1,.36,1) height .55s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);will-change:width,height;position:relative}.video-looping-section.is-intro .custom-video{height:278.4px;transform:translateY(6px) scale(.98)}.video-looping-section.is-intro .swiper-slide-prev .custom-video,.video-looping-section.is-intro .swiper-slide-next .custom-video{height:348px}.video-looping-section.is-intro .swiper-slide-active .custom-video{height:417.6px;transform:translateY(0) scale(1)}.video-looping-section .swiper-slide-prev .custom-video,.video-looping-section .swiper-slide-next .custom-video{height:394.4px}.video-looping-section .swiper-slide-active .custom-video{width:100%;height:100%}.video-looping-section .custom-video .video-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:absolute;bottom:8px;right:8px;z-index:10}.video-looping-section .video-btn button{padding:0!important;border-radius:8px;width:32px;height:32px;background:#ffffff80;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.video-looping-section .play-btn .icon-pause,.video-looping-section .play-btn.is-playing .icon-play{display:none}.video-looping-section .play-btn.is-playing .icon-pause{display:inline-flex}.video-looping-section .mute-btn .icon-sound-on,.video-looping-section .mute-btn.is-unmuted .icon-mute{display:none}.video-looping-section .mute-btn.is-unmuted .icon-sound-on{display:inline-flex}.video-looping-section .slide-media .text-content{width:100%;gap:8px;padding:0 8px}.video-looping-section .text-content-heading{display:flex;justify-content:space-between;width:100%}.video-looping-section .text-content-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-looping-section .text-content-description p{margin:0;color:var(--gray-900);font-size:1rem;text-align:start;line-height:130%}.video-looping-section .text-content a{text-decoration:underline}.video-looping-section .swiper-slide.align-horizontal .slide-media{height:auto}.video-looping-section .swiper-slide.align-horizontal .custom-video{aspect-ratio:1 / 1;width:260px;height:260px}.video-looping-section .swiper-slide.align-horizontal .text-content{max-height:112px;flex:1}@media screen and (min-width: 600px){.video-looping-section .swiper-slide.align-horizontal{width:480px;height:260px;flex:0 0 480px;box-sizing:border-box;transform:none}.video-looping-section .swiper-slide.align-horizontal .slide-media{flex-direction:row;width:100%;height:100%}.video-looping-section .swiper-slide.align-horizontal .text-content{height:260px;width:204px;max-height:none;flex:none}.video-looping-section .swiper-slide.align-horizontal .custom-video{width:208px;height:208px;transition:width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1)}.video-looping-section .swiper-slide-active.align-horizontal .custom-video{width:260px;height:260px}.video-looping-section .custom-swiper-control-bar{padding-left:32px;padding-right:32px}}@media screen and (min-width: 1024px){.video-looping-section .custom-swiper-control-bar{padding-left:40px;padding-right:40px}}
/*# sourceMappingURL=/cdn/shop/t/375/assets/custom-video-looping.css.map */