.videocms{position:relative;height:100%;width:100%;background-color:#000}.videocms>video{position:absolute;height:100%;width:100%;z-index:0}.videocms>.events{position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:1;cursor:pointer;display:flex;justify-content:center;align-items:center}.videocms>.events>.playicon{background-color:#000c;height:4rem;width:4rem;border-radius:99rem;display:flex;justify-content:center;align-items:center;transition:ease .3s}.videocms>.events>.playicon:hover{box-shadow:0 0 20px #000;height:4.5rem;width:4.5rem}.videocms>.events>.playicon>.icon{filter:invert(1);flex-grow:1;position:relative}.videocms>.messages{position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:3;pointer-events:none}.videocms>.controls{position:absolute;left:0;bottom:0;width:100%;display:flex;flex-direction:column;background-color:#000000b3;padding:.4rem;box-sizing:border-box;z-index:2;transition:ease .3s}.videocms>.controls>.buttons,.videocms>.controls>.range{display:flex}.videocms>.controls>.range>.slider{flex-grow:1}.videocms>.controls>.buttons{display:flex;align-items:center}.videocms>.controls>.buttons>.left{justify-self:flex-start;display:flex;align-items:center}.videocms>.controls>.buttons>.right{margin-left:auto;display:flex;align-items:center}.videocms>.controls>.buttons .button{cursor:pointer;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none}.videocms>.controls>.buttons .button.fixed{width:2.5rem;height:2.5rem;margin:0 .2 .5rem;border-radius:.3rem;transition:ease .3s}.videocms>.controls>.buttons .button.fixed:hover{background-color:#00b2ff}.videocms>.controls>.buttons .button.fixed.p1{padding:.1rem}.videocms>.controls>.buttons .button.fixed.p2{padding:.2rem}.videocms>.controls>.buttons .button.fixed.p3{padding:.3rem}.videocms>.controls>.buttons .button.fixed.p4{padding:.3rem}.videocms>.controls>.buttons .button.fixed.p5{padding:.3rem}.videocms>.controls>.buttons .button .icon{position:relative;filter:invert(1);height:100%;margin:0}.videocms.hidden>.events>.playicon{pointer-events:none;opacity:0}.videocms.hidden>.controls{pointer-events:none;opacity:0}body,html{padding:0;margin:0}.container{height:100vh;width:100vw}