.DxVideoControls{background-color:#0c121c;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;height:50px;left:0;padding:13px 24px;position:absolute;width:100%}.DxVideoControls__play-controller{width:24px}.DxVideoControls__play-toggle{height:100%;padding:0;position:relative;width:24px}.DxVideoControls__play-icon{fill:#fff}.DxVideoControls__pause-icon{opacity:0}.DxVideoControls__play-icon,.DxVideoControls__play-toggle--playing .DxVideoControls__pause-icon{opacity:1}.DxVideoControls__play-toggle--playing .DxVideoControls__play-icon{opacity:0}.DxVideoControls__pause-icon,.DxVideoControls__play-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.DxVideoControls__volume{width:80px}.DxVideoControls__progress,.DxVideoControls__volume{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.DxVideoControls__progress{-webkit-box-flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}.DxVideoControls__progress-time{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.DxVideoControls__track{height:2px;left:0;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);width:100%}.DxVideoControls__track:after,.DxVideoControls__track:before{background-color:#fff;content:"";height:100%;left:0;position:absolute;top:0}.DxVideoControls__track:before{opacity:.3;width:100%}.DxVideoControls__track:after{width:var(--dx-video-controls-progress,0)}.DxVideoControls__track-container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%}.DxVideoControls__range{cursor:pointer;margin:0;opacity:0;width:100%}