/** Shopify CDN: Minification failed

Line 26:10 Expected identifier but found whitespace
Line 26:12 Unexpected "{"
Line 26:21 Expected ":"
Line 26:45 Expected identifier but found "%"

**/


/* CSS from section stylesheet tags */
.video-section-container {
    padding: 0;
  }
  
  .video-wrapper {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    justify-content: center;
    align-items: flex-start;
  }

  .video-item {
    flex: 0 0 auto;
    width: {{ section.settings.video_width }}%;
    flex-shrink: 0;
  }
  
  .video-player {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: block;
  }

  @media (max-width: 768px) {
    .video-wrapper {
      flex-direction: column;
      align-items: center;
    }
    
    .video-item {
      width: 100% !important;
    }
  }
.video-section-wrapper{width:100%;display:flex;justify-content:center}.video-gif-preview-section{position:relative;width:100%;margin:0 auto;height:auto;background-color:#f0f0f0;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,0.1);transition:height 0.3s ease}.video-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.video-element,.fallback-image-element{width:100%;height:100%;transition:opacity 0.4s ease}.fallback-image-element{position:absolute;top:0;left:0;opacity:0}.video-fit--cover{object-fit:cover}.video-fit--contain{object-fit:contain}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity 0.4s ease, visibility 0.4s ease;cursor:pointer;z-index:2}.play-button{background-color:rgba(255,255,255,0.9);border:none;border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center;pointer-events:none;transition:transform 0.3s ease, background-color 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.video-overlay:hover .play-button{transform:scale(1.1);background-color:white}.play-button svg{color:#333;width:40px;height:40px;margin-left:5px}.mute-button{position:absolute;bottom:15px;right:15px;z-index:3;background-color:rgba(0,0,0,0.5);border:none;border-radius:50%;width:40px;height:40px;display:none;justify-content:center;align-items:center;cursor:pointer;color:white;transition:background-color 0.3s ease}.mute-button:hover{background-color:rgba(0,0,0,0.7)}.mute-button .icon-muted,.mute-button.is-muted .icon-unmuted{display:none}.mute-button.is-muted .icon-muted,.mute-button .icon-unmuted{display:block}