/* START_SNIPPET:mb-community-video (INDEX:199) */
.mb-community-video{display:block;width:100%}
.mb-community-video [hidden]{display:none!important}
.mb-community-video__frame{position:relative;aspect-ratio:9/16;overflow:hidden;background:#e8e8e8}
.mb-community-video__poster,.mb-community-video__video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mb-community-video__video{opacity:0;transition:opacity .25s}
.mb-community-video.is-playing .mb-community-video__video{opacity:1}
.mb-community-video.is-playing .mb-community-video__poster{opacity:0}
.mb-community-video__toggle{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.mb-community-video__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);color:#222;box-shadow:0 4px 20px rgba(0,0,0,.15);transition:opacity .25s,transform .25s}
.mb-community-video.is-playing .mb-community-video__play-icon{opacity:0;transform:translate(-50%,-50%) scale(.5)}
.mb-community-video__sound{position:absolute;right:10px;bottom:10px;z-index:3;width:36px;height:36px;border:0;border-radius:50%;padding:0;background:rgba(0,0,0,.55);color:#fff;cursor:pointer}
.mb-community-video :focus-visible{outline:3px solid #8a6a2f;outline-offset:-3px}
.mb-community-video__fallback{display:block;padding:10px 12px;font-size:12px;text-decoration:underline}
/* END_SNIPPET:mb-community-video */