/** Shopify CDN: Minification failed

Line 86:0 Expected "}" to go with "{"

**/
.video-grid {padding: var(--section-padding); background-color: var(--section-bg-color);} 

.video-grid .content {border-radius: var(--section-border-radius);overflow:hidden}

.video-grid .title {margin-bottom: var(--title-margin-bottom);font-weight: 400;}

.video-grid video-grid {position: relative;}

.video-grid .keen-slider .keen-arrow.next{left: calc(100% - 2em)}
.video-grid .keen-slider .keen-arrow.prev{right: calc(100% - 2em)}
.video-grid .keen-slider .keen-arrow.disabled{display: none;}

.video-grid .keen-arrow-wrapper { width: 100%; height: 73px; top: -19em; position: relative; left:-0.5em;}
.video-grid .keen-arrow-wrapper button {width:50px;position: absolute; }
.video-grid .keen-arrow-wrapper button svg {width: 40px; height: 40px;}
.video-grid .keen-arrow-wrapper .prev { left:0; border-radius: 0 2rem 2rem 0;}
.video-grid .keen-arrow-wrapper .disabled { display: inline!important;}
.video-grid .keen-arrow-wrapper .next { left: calc(100% - 40px); border-radius: 2rem 0 0 2rem;}

.video-grid.special-grid-hp .video-wrapper,
.video-grid .image-container.image-border {border-radius: 0;border: 1px solid var(--Primary-500, #F095CD);}

.video-grid .image-container {width: 100%; height: 100%; max-height: 429px;}
.video-grid .image-container img {width: 100%; height: 100%; object-fit: cover;}

.video-grid .keen-slider .keen-slider-slide {padding: var(--item-spacing);;}
.video-grid .video-wrapper {overflow: hidden;  position: relative; padding-top: var(--video-height);}
.video-grid .video {position: absolute; object-fit: cover; width: 100%; height: 100%; border-radius: var(--item-style); left: 0; top: 0}
.video-grid .controls {position: absolute; top: 0%; left: 0; width: 100%;  height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1;}
.video-grid .controls button {padding: 1em; font-size: 1.5em; opacity: 0.3; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.video-grid .controls button.play{padding: 0 !important;opacity: 1;} 
.video-grid .controls button:hover {opacity: 1;}
.video-grid .controls svg {display: block;}

.video-grid.special-grid-hp .controls{left:37%;top:37%;}
.video-grid.special-grid-hp.buy-video-grid .controls{left:0%;top:0%;}
.video-grid.special-grid-hp.buy-video-grid .video-wrapper{border-radius: 0;border:0; padding-top: 200%;}
.video-grid.special-grid-hp.buy-video-grid .video{border-radius: 0;}
.video-grid.special-grid-hp.buy-video-grid .keen-slider .keen-slider-slide{padding: 4px;}
.video-grid .button-wrapper {display: flex;justify-content: center;margin-top: 1em;}

/* Video Grid Dropdown */

.video-grid.video-grid-dropdown {}
.video-grid.video-grid-dropdown .title {font-weight: 600;}
.video-grid.video-grid-dropdown .image-container img {border-radius: var(--item-style);}
.video-grid.video-grid-dropdown .header-wrapper {position: relative; margin-bottom: 3em;flex-direction:column;gap:1em;}
.video-grid.video-grid-dropdown .header-wrapper .title {margin-bottom: 0;}
.video-grid.video-grid-dropdown .header-wrapper .option-selector {position: relative; top: 0; right: 0; white-space: nowrap;}
.video-grid.video-grid-dropdown .header-wrapper .option-selector label {font-size: 0.875em; font-weight: 600; margin-right: 1em; text-transform: uppercase; cursor: auto;}
.video-grid.video-grid-dropdown .header-wrapper .option-selector select {padding: .5em 2.5em .5em .5em}

@media all and (max-width: 900px){
    .video-grid.video-grid-dropdown .header-wrapper .title {margin-bottom: 1em;}
    .video-grid.video-grid-dropdown .header-wrapper .option-selector {position: relative;}
}

@media all and (min-width: 901px){
 
}
@media all and (max-width: 900px){
    .video-grid .large--container { padding-left: var(--container-padding);}

    .video-grid.special-grid-hp .large--container { padding-right: var(--container-padding);}
    .video-grid .keen-arrow-wrapper {width: 88%;height: 34px;top: -11em;position: relative;left: 1em;}
    .video-grid .keen-arrow-wrapper button { width: 26px; height:26px;position: relative; }
    .video-grid .keen-arrow-wrapper button svg {width: 24px; height: 24px;}
    .video-grid .keen-arrow-wrapper .prev { left: 0; margin-left: calc(0px - var(--container-padding));}
    .video-grid .keen-arrow-wrapper .next { left: calc(100% - 36px);}
}
@media all and (max-width: 600px){
    .video-grid {padding: var(--section-padding-mobile);} 
    .video-grid video-grid .keen-dots-dot:after {content: ""; width: 8px; height: 8px;}
    .video-grid.special-grid-hp {padding: 2.5em 0 1.25em 0;}
    .video-grid.special-grid-hp.buy-video-grid{padding: 3em 0em;}
    .video-grid.special-grid-hp .keen-arrows{display: none;}
    .video-grid .keen-dots.line {display: flex;padding: 0 2em;}
    .video-grid .title{font-size: 24px;}