.smi-video-snippets{align-content:center;width:100%;height:100%;background:#212121}.smi-video-snippets .smi-thumbnail-image{width:100%;height:100%;object-fit:cover;aspect-ratio:var(--video-ratio-mobile)}@media screen and (min-width: 768px){.smi-video-snippets .smi-thumbnail-image{aspect-ratio:var(--video-ratio)}}.smi-video-snippets .smi-cover-thumbnail-image{position:relative;height:100%;display:flex}.smi-video-snippets .smi-cover-thumbnail-image .smi-play-button-component{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}.smi-video-snippets .smi-play-button-component{transition:all .5s ease;border-radius:50%}.smi-video-snippets .smi-play-button-component:hover{scale:1.05}smi-video{display:flex;position:relative;max-width:100%;width:100%;height:100%;align-items:center}smi-video[preview] .smi-cover-upload-image .smi-volume-control{opacity:0}smi-video[fit-video] .smi-upload-video,smi-video[fit-video] .smi-video-url{height:100%}smi-video[play="0"] .smi-volume-control{display:none}smi-video .smi-cover-image__play-button{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}smi-video .smi-volume-control{display:flex;position:absolute;top:16px;left:16px;z-index:2}smi-video .smi-mute-button,smi-video .smi-unmute-button{display:none;padding:12px;border-radius:50%;background:rgba(0,0,0,.1);backdrop-filter:blur(1.5px);transition:all .5s ease;cursor:pointer}smi-video .smi-mute-button svg,smi-video .smi-unmute-button svg{stroke:#fff}smi-video .smi-mute-button svg path,smi-video .smi-unmute-button svg path{fill:#fff}smi-video .smi-mute-button:hover,smi-video .smi-unmute-button:hover{scale:1.05}smi-video .smi-video-detail{width:100%;display:flex}smi-video .smi-fit-video-cover{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%}smi-video .smi-placeholder-svg{width:100%;height:100%;object-fit:cover}smi-video .smi-cover-image{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}smi-video .smi-cover-image img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}smi-video .smi-upload-video,smi-video .smi-video-url{display:flex;width:100%;max-height:100%;overflow:hidden;position:relative;align-content:center;aspect-ratio:var(--video-ratio-mobile)}@media screen and (min-width: 768px){smi-video .smi-upload-video,smi-video .smi-video-url{aspect-ratio:var(--video-ratio)}}smi-video video,smi-video iframe{width:100%;object-fit:cover;background:#000;border:none;cursor:pointer}smi-video iframe{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}