.multi-video-container{width:100%;margin:0 auto;padding:40px 20px}.multi-video-layout{display:flex;gap:40px;flex-direction:column}.multi-video-layout.two-column{flex-direction:row;align-items:stretch}.multi-video-main-section{flex:1;min-width:0;display:flex;flex-direction:column}.multi-video-side-section{display:flex;flex-direction:column}.multi-video-main-player{position:relative;width:100%;padding-bottom:56.25%;background-color:#000;overflow:hidden;margin-bottom:20px}.multi-video-main-player iframe,.multi-video-main-player video{position:absolute;top:0;left:0;width:100%;height:100%}.html5-video-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.html5-video-container video{width:100%;height:100%;object-fit:contain}.html5-video-container .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background-color:#000000b3;border:none;border-radius:50%;color:#fff;font-size:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;z-index:2}.html5-video-container .play-button:hover{background-color:#000000e6}.html5-video-container .play-button.hidden{display:none}.multi-video-main-title{margin:0 0 10px;font-weight:600}.multi-video-main-description{line-height:1.6}.multi-video-thumbnails{display:grid;gap:16px;margin-top:30px}.multi-video-rich-text,.multi-video-layout.two-column .multi-video-side-section{display:flex;flex-direction:column}.multi-video-layout.two-column .multi-video-rich-text{margin-top:0;flex:1;display:flex;flex-direction:column}.multi-video-rich-text-inner{width:100%}.multi-video-rich-text h1,.multi-video-rich-text h2,.multi-video-rich-text h3{margin-top:0;margin-bottom:16px}.multi-video-rich-text h1:not(:first-child),.multi-video-rich-text h2:not(:first-child),.multi-video-rich-text h3:not(:first-child){margin-top:24px}.multi-video-rich-text h1:last-child,.multi-video-rich-text h2:last-child,.multi-video-rich-text h3:last-child{margin-bottom:0}.multi-video-rich-text p{margin:0 0 16px;line-height:1.6}.multi-video-rich-text p:last-child{margin-bottom:0}.multi-video-rich-text ul,.multi-video-rich-text ol{margin:0 0 16px;padding-left:20px}.multi-video-rich-text ul:last-child,.multi-video-rich-text ol:last-child{margin-bottom:0}.multi-video-rich-text a{text-decoration:underline}.multi-video-rich-text a:hover{opacity:.7}.multi-video-button{margin-top:24px;display:inline-block}.multi-video-button:first-child{margin-top:0}.multi-video-button:hover{opacity:1;text-decoration:none}.multi-video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f4f4f4}.multi-video-placeholder svg{width:80px;height:80px;opacity:.3}.multi-video-thumbnail{cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border:2px solid transparent}.multi-video-thumbnail:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.multi-video-thumbnail-image{position:relative;width:100%;background-color:#f0f0f0;overflow:hidden}.multi-video-thumbnail-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.multi-video-thumbnail-image img[src*=placeholder]{object-fit:contain;opacity:.3}.multi-video-thumbnail-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background-color:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.multi-video-thumbnail-play svg{width:24px;height:24px;fill:#fff;margin-left:3px}.multi-video-thumbnail-info{padding:12px}.multi-video-thumbnail-title{font-size:14px;font-weight:600;margin:0;line-height:1.4}.multi-video-carousel-nav{position:relative}.multi-video-carousel-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#000000b3;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;z-index:10;opacity:.9}.multi-video-carousel-button:hover,.multi-video-carousel-button:active{background-color:#000000e6;opacity:1}.multi-video-carousel-button:disabled{opacity:.3;cursor:not-allowed}.multi-video-carousel-button svg{fill:currentColor}.multi-video-carousel-dots{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin-top:20px}.multi-video-carousel-dot{width:10px;height:10px;border-radius:50%;background-color:#d0d0d0;border:none;padding:0;cursor:pointer;transition:background-color .2s ease,transform .2s ease;flex-shrink:0}.multi-video-carousel-dot:hover,.multi-video-carousel-dot:active{background-color:#a0a0a0;transform:scale(1.2)}@media screen and (max-width:989px){.multi-video-layout.two-column{flex-direction:column}.multi-video-main-section{order:0}}@media screen and (max-width:749px){.multi-video-container{padding:0 16px;overflow:visible}.multi-video-layout{gap:30px;overflow:visible}.multi-video-main-section,.multi-video-side-section{overflow:visible}.multi-video-thumbnails-wrapper{overflow:visible;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/272/assets/multi-video.css.map */