.containerVideo,.video-controls,.video-timer,.options{justify-content:center;align-items:center;margin:0;padding:0;display:flex}.containerVideo{-webkit-user-select:none;user-select:none;aspect-ratio:16/9;background:#000;border-radius:5px;margin-bottom:32px;position:relative;overflow:hidden;box-shadow:0 10px 20px #0000001a}.wrapper{z-index:1;opacity:0;transition:all 80ms;position:absolute;bottom:-15px;left:0;right:0}.containerVideo.show-controls .wrapper{opacity:1;transition:all .13s;bottom:0}.wrapper:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#000000b3);width:100%;height:calc(100% + 35px);position:absolute;bottom:0}.video-timeline input{cursor:pointer;accent-color:#fff;width:100%;height:7px;position:relative}.wrapper .video-controls{padding:5px 20px 10px}.video-controls .options{width:100%}.video-controls .options:first-child{justify-content:flex-start}.video-controls .options:last-child{justify-content:flex-end}.options button{cursor:pointer;background:0 0;border:none;border-radius:3px;padding:10px;transition:all .3s}.options input{accent-color:#fff;max-width:75px;height:4px;margin-left:3px}.options .video-timer{color:#efefef;margin-left:15px;font-size:14px}.video-timer .separator{margin:0 5px;font-family:Roboto;font-size:16px}.containerVideo video{width:100%}@media screen and (max-width:540px){.wrapper .video-controls{padding:3px 10px 7px}.options input,.progress-area span{display:none!important}.options button{width:30px;height:30px;font-size:17px}.options .video-timer{margin-left:5px}.video-timer .separator{margin:0 2px;font-size:14px}.right .pic-in-pic{display:none}}