.video-grid-slider-section{width:100%;position:relative;overflow:hidden;background:var(--section-background, #FFFFFF);margin:var(--margin-top, 0) var(--margin-sides, 0) var(--margin-bottom, 0);border:var(--section-border-thickness, 0) solid var(--section-border-color, #000000);border-radius:var(--section-roundness, 0);box-sizing:border-box}.video-grid-slider-section .content-container{margin:0 auto;width:100%;box-sizing:border-box;border:none;outline:none}.video-grid-slider-section .content-container:not(.full-width){max-width:var(--section-content-width);padding:var(--padding-top) var(--padding-sides) var(--padding-bottom)}.video-grid-slider-section .content-container.full-width{max-width:none;padding:var(--padding-top) 0 var(--padding-bottom)}.video-grid-slider-section .section-header{text-align:center}.video-grid-slider-section .heading{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--heading-size);line-height:var(--heading-line-height);text-align:var(--heading-text-align);color:var(--heading-color);margin:0}.video-grid-slider-section .subheading{font-family:var(--subheading-font-family);font-weight:var(--subheading-font-weight);font-size:var(--subheading-size);line-height:var(--subheading-line-height);text-align:var(--subheading-text-align);color:var(--subheading-color);margin-top:var(--subheading-margin-top)}.video-grid-slider-section .slider-container{margin-top:var(--slider-margin-top);position:relative;width:100%;box-sizing:border-box;border:none;outline:none}.video-grid-slider-section .swiper{margin:0;padding:0;border:none;width:100%}.video-grid-slider-section .swiper-wrapper{margin:0;padding:0;border:none;display:flex;gap:var(--slider-gap)}.video-grid-slider-section .video-slide-item{margin:0;padding:0;border:none;width:calc((100% - (var(--slider-gap) * (var(--slider-per-view) - 1))) / var(--slider-per-view));flex-shrink:0;position:relative}.video-grid-slider-section .slide-content{position:relative;width:100%;border-radius:var(--slide-border-radius);border:var(--slide-border-thickness) solid var(--slide-border-color);overflow:hidden}.video-grid-slider-section .video-container{position:relative;width:100%;height:100%}.video-grid-slider-section .video-element,.video-grid-slider-section .youtube-video{width:100%;height:100%;object-fit:cover}.video-grid-slider-section .video-placeholder{width:100%;height:100%;object-fit:cover;display:block;margin:0;padding:0;border:none}.video-grid-slider-section .slide-content[data-aspect-ratio=portrait]{aspect-ratio:9/16}.video-grid-slider-section .slide-content[data-aspect-ratio=landscape]{aspect-ratio:16/9}.video-grid-slider-section .slide-content[data-aspect-ratio=square]{aspect-ratio:1/1}@media screen and (min-width: 750px){.video-grid-slider-section[data-slider-align=center] .swiper-wrapper{justify-content:center}.video-grid-slider-section[data-slider-align=right] .swiper-wrapper{justify-content:flex-end}.video-grid-slider-section[data-slider-align=left] .swiper-wrapper{justify-content:flex-start}.video-grid-slider-section[data-arrow-show-desktop=false] .slider-arrow{display:none}.video-grid-slider-section .slider-container{margin-top:var(--slider-margin-top);padding:0;width:100%}.video-grid-slider-section .content-container:not(.full-width){padding-left:0;padding-right:0}}@media screen and (max-width: 749px){.video-grid-slider-section{margin:var(--margin-top, 0) var(--margin-sides-mobile, 0) var(--margin-bottom, 0)}.video-grid-slider-section .content-container{padding:var(--padding-top) var(--padding-sides-mobile) var(--padding-bottom)}.video-grid-slider-section .content-container.full-width{padding:var(--padding-top) 0 var(--padding-bottom)}.video-grid-slider-section .heading{font-size:var(--heading-size-mobile);text-align:var(--heading-text-align-mobile)}.video-grid-slider-section .subheading{font-size:var(--subheading-size-mobile);text-align:var(--subheading-text-align-mobile);margin-top:var(--subheading-margin-top-mobile)}.video-grid-slider-section .slider-container{margin-top:var(--slider-margin-top-mobile);padding:0;width:100%}.video-grid-slider-section .swiper-wrapper{gap:var(--slider-gap-mobile)}.video-grid-slider-section .video-slide-item{width:calc((100% - (var(--slider-gap-mobile) * (var(--slider-per-view-mobile) - 1))) / var(--slider-per-view-mobile))}.video-grid-slider-section .play-button{width:var(--play-button-size-mobile);height:var(--play-button-size-mobile)}.video-grid-slider-section .play-button svg{width:var(--play-button-icon-size-mobile);height:var(--play-button-icon-size-mobile)}.video-grid-slider-section .slide-info{font-size:var(--slide-info-size-mobile);text-align:var(--slide-info-align-mobile)}.video-grid-slider-section[data-arrow-show-mobile=false] .slider-arrow{display:none}.video-grid-slider-section .slide-content[data-aspect-ratio=portrait]{aspect-ratio:9/16}.video-grid-slider-section .slide-content[data-aspect-ratio=square]{aspect-ratio:1/1}.video-grid-slider-section .slide-content[data-aspect-ratio=landscape]{aspect-ratio:16/9}.video-grid-slider-section .slider-arrow{width:var(--arrow-size-mobile);height:var(--arrow-size-mobile)}.video-grid-slider-section .slider-arrow svg{width:var(--arrow-icon-size-mobile);height:var(--arrow-icon-size-mobile)}.video-grid-slider-section .slider-arrow.prev-arrow{left:10px!important}.video-grid-slider-section .slider-arrow.next-arrow{right:10px!important}}.video-grid-slider-section .video-container,.video-grid-slider-section .video-placeholder{width:100%;height:100%;position:relative;overflow:hidden;border-radius:calc(var(--slide-border-radius) - var(--slide-border-thickness))}.video-grid-slider-section .video-element,.video-grid-slider-section .thumbnail-image{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--slide-border-radius) - var(--slide-border-thickness))}.video-grid-slider-section .default-thumbnail{width:100%;height:100%;background-color:#000;border-radius:calc(var(--slide-border-radius) - var(--slide-border-thickness))}.video-grid-slider-section .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:var(--play-button-size);min-height:var(--play-button-size);width:var(--play-button-size);height:var(--play-button-size);border-radius:9999px;background-color:var(--play-button-background-color);opacity:var(--play-button-background-opacity, .6);border:var(--play-button-border-thickness) solid var(--play-button-border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease;padding:0;margin:0;box-sizing:border-box;overflow:visible}.video-grid-slider-section .play-button svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:var(--play-button-icon-size);min-height:var(--play-button-icon-size);width:var(--play-button-icon-size);height:var(--play-button-icon-size);fill:var(--play-button-icon-color);display:block;padding:0;margin:0}.video-grid-slider-section .play-button .play-icon,.video-grid-slider-section .play-button .pause-icon{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.video-grid-slider-section .play-button:not(.playing) .play-icon{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s linear}.video-grid-slider-section .play-button.playing .pause-icon{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s linear}.video-grid-slider-section .play-button:hover{background-color:var(--play-button-background-hover-color);border-color:var(--play-button-border-hover-color)}.video-grid-slider-section .slide-info{font-family:var(--slide-info-font-family);font-weight:var(--slide-info-font-weight);font-size:var(--slide-info-size);line-height:var(--slide-info-line-height);text-align:var(--slide-info-align);color:var(--slide-info-color);margin-top:var(--slide-info-margin-top)}.video-grid-slider-section .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--arrow-size);height:var(--arrow-size);background-color:var(--arrow-background-color);border:var(--arrow-border-thickness) solid var(--arrow-border-color);border-radius:var(--arrow-roundness);cursor:pointer!important;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;padding:0;pointer-events:auto!important;-webkit-user-select:none;user-select:none;box-shadow:0 2px 5px #0000001a}.video-grid-slider-section .slider-arrow.prev-arrow{left:20px;z-index:999}.video-grid-slider-section .slider-arrow.next-arrow{right:20px;z-index:999}.video-grid-slider-section .slider-arrow svg{width:var(--arrow-icon-size);height:var(--arrow-icon-size);fill:var(--arrow-icon-color);transition:fill .3s ease;pointer-events:none}.video-grid-slider-section .slider-arrow:hover{background-color:var(--arrow-background-hover-color);border-color:var(--arrow-border-hover-color);transform:translateY(-50%) scale(1.05)}.video-grid-slider-section .slider-arrow:active{transform:translateY(-50%) scale(.95)}.video-grid-slider-section .slider-arrow:hover svg{fill:var(--arrow-icon-hover-color)}.video-grid-slider-section .play-button.loading{pointer-events:none;opacity:.7}.video-grid-slider-section .play-button.loading:after{content:"";position:absolute;width:70%;height:70%;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:loading-spin 1s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.video-grid-slider-section .video-error-message{position:absolute;bottom:0;left:0;right:0;background:#000c;color:#fff;padding:8px;text-align:center;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-grid-slider-section .video-container[data-video-type=youtube]+.play-button{display:flex}.video-grid-slider-section .video-container[data-video-type=shopify]+.play-button{display:flex}
/*# sourceMappingURL=/cdn/shop/t/28/assets/video-grid-slider.css.map */