body{background-color:gray}.sp__base{width:100%;padding:0;margin:0;font-size:0;text-align:left;box-sizing:border-box;position:relative;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.pb__shadow{width:100%;height:50px;position:absolute;top:-44px;left:0;background:linear-gradient(transparent,rgba(0,0,0,.4));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.4)))}.sp__progressbar{width:100%;height:9px;box-sizing:border-box;font-size:0;margin:0;padding:0;position:relative;transition:all ease .12s;text-align:left;overflow-x:hidden;white-space:nowrap}.sp__progressbar li{display:inline-block;list-style:none;height:9px;margin:0;padding:3px 0;position:relative;top:0;transition:all ease .12s;box-sizing:border-box;position:relative;background-color:initial;cursor:pointer;overflow-x:hidden}.sp__progressbar.hover{transform:scaleY(1.8);margin-top:0}.sp__progressbar li.active{padding:2px 0}.sp__progressbar li .sp__container{width:calc(100% - 2px);left:1px;height:100%;position:relative;box-shadow:#00000050 0 0 1px;overflow-x:hidden}.sp__progressbar li .sp__bg{background-color:rgba(255,255,255,.2);height:100%;width:100%;position:absolute;top:0;left:0;z-index:0}.sp__progressbar li .sp__section{height:100%;position:absolute;top:0;left:0;z-index:1}.sp__progressbar:hover li{opacity:.75}.sp__progressbar:hover li:hover{opacity:1}.sp__title{position:absolute;bottom:18px;left:0;color:#fff;font-size:14px!important;font-weight:700;text-align:center;text-shadow:0 0 4px #000;opacity:0;transition:opacity ease .12s;line-height:17px}.sp__title.animated{transition:left ease .08s}.sp__title.active{opacity:1}.sp__moment{border:2px solid #fff7;border-radius:50%;width:12px;height:12px;z-index:5;display:block;position:absolute;top:-1.5px;left:0;box-sizing:border-box;background-color:#fff7;box-shadow:0 0 3px #00000055;pointer-events:all}.sp__moment.hover{cursor:pointer;border:2px solid #fff;background-color:#fff9}