.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 #0000001a;transition:height .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 .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:#0000004d;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;cursor:pointer;z-index:2}.play-button{background-color:#ffffffe6;border:none;border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center;pointer-events:none;transition:transform .3s ease,background-color .3s ease;box-shadow:0 4px 15px #0003}.video-overlay:hover .play-button{transform:scale(1.1);background-color:#fff}.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:#00000080;border:none;border-radius:50%;width:40px;height:40px;display:none;justify-content:center;align-items:center;cursor:pointer;color:#fff;transition:background-color .3s ease}.mute-button:hover{background-color:#000000b3}.mute-button .icon-muted,.mute-button.is-muted .icon-unmuted{display:none}.mute-button.is-muted .icon-muted,.mute-button .icon-unmuted{display:block}
/*# sourceMappingURL=/cdn/shop/t/8/compiled_assets/styles.css.map */