.video-stories{position:relative;overflow:hidden;border-radius:20px;aspect-ratio:9 / 16;background:#000;max-width:360px;width:100%;cursor:pointer;user-select:none}.video-stories__bars{position:absolute;top:12px;left:12px;right:12px;z-index:10;display:flex;gap:6px}.video-stories--bars-bottom .video-stories__bars{top:auto;bottom:12px}.video-stories__bar{flex:1;cursor:pointer;padding:8px 0}.video-stories__bar-bg{height:5px;background:rgb(255 255 255 / .35);border-radius:10px;overflow:hidden;position:relative}.video-stories__bar-fill{height:100%;width:0%;background:#fff;border-radius:10px}.video-stories__video{width:100%;height:100%;object-fit:cover;display:block}.video-stories__poster{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center}.video-stories__poster img{width:100%;height:100%;object-fit:cover}.video-stories__poster[hidden]{display:none}.video-stories__play{position:absolute;width:80px;height:80px;border:none;background:none;padding:0;cursor:pointer;z-index:6}.video-stories__play svg{width:100%;height:100%}.video-stories__pause{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-stories__pause[hidden]{display:none}.video-stories__pause svg{width:80px;height:80px}