/** Shopify CDN: Minification failed

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

**/
:root{
  --play-button-background: 255, 255, 255;
  --play-button-arrow: 40, 40, 40;
}

.video-wrapper { height: auto; max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative; }
.video-section { max-width: 100%; }
.video-wrapper { display: block; position: relative;height: unset; max-width: unset; overflow: unset; padding-bottom: unset;}
.video-wrapper iframe { width: 100%; height: 100%; position: absolute; top: 0; }
iframe { border: 0; }
.video-wrapper__poster { cursor: pointer; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; top: 0; left: 0; }
.video-wrapper__poster, .video-wrapper iframe { opacity: 1; visibility: visible; transition: opacity .25s ease-in-out, visibility .25s ease-in-out; }
.video-wrapper:after { content: ""; pointer-events: none; padding-block-end: 56.25%; display: block; }
.video-wrapper__poster-image { object-fit: cover; object-position: center; width: 100%; height: 100%; }
.video-wrapper__poster-content { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); }
.video-wrapper__play-button--ripple { animation: 1.4s ease-in-out infinite playButtonRipple; }
.video-wrapper__play-button { border-radius: 100%;padding: 0; letter-spacing: unset; line-height: 0; }
.video-with-cover-img-section .icon { vertical-align: middle; pointer-events: none; background: none; display: block; overflow: visible; }
.video-wrapper[autoplay] .video-wrapper__poster { cursor: default; }
@keyframes playButtonRipple {
  0% {
    box-shadow: 0 0 0 0 rgb(var(--play-button-background)), 0 0 0 0 rgb(var(--play-button-background));
  }
  100% {
    box-shadow: 0 0 0 9px rgba(var(--play-button-background), 0), 0 0 0 18px rgba(var(--play-button-background), 0);
  }
}
@media screen and (min-width: 1000px) {
  .video-wrapper__play-button:not(:only-child) { margin-block-end: 40px;}
  .video-wrapper__play-button--large svg { width: 104px; height: 104px; }
@keyframes playButtonRipple {
  0% {
    box-shadow: 0 0 0 0 rgb(var(--play-button-background)), 0 0 0 0 rgb(var(--play-button-background));
  }

  100% {
    box-shadow: 0 0 0 17px rgba(var(--play-button-background), 0), 0 0 0 32px rgba(var(--play-button-background), 0);
  }
}