.gvplayer{border:1px solid #ccc;position:relative;overflow:hidden}.gvplayer:hover .gvplayer-controls{height:42px}.gvplayer canvas{display:block}.gvplayer-video{background-color:#000;width:100%;height:100%}.gvplayer-video--keep-ratio{display:flex;justify-content:center}.gvplayer-controls{width:100%;position:absolute;bottom:0;height:0;transition:all .3s ease-out;background:rgba(0,0,0,.4);border-top:1px solid rgba(0,0,0,.4)}.gvplayer-controls__wrapper{padding:8px 15px;display:flex;align-items:center}.gvplayer-controls__wrapper span{width:24px;cursor:pointer;margin-right:3px;opacity:.9}.gvplayer-controls__wrapper span:hover{opacity:1}.gvplayer-controls__wrapper span img{-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.gvplayer-controls__wrapper .gvplayer-controls-sound--off img{position:relative;left:-1px}.gvplayer-menu{width:120px;box-shadow:0 4px 5px 3px rgba(0,0,0,.2);position:absolute;display:none;background:#fff;transition:display .2s ease-in;border-radius:2px}.gvplayer-menu .gvplayer-menu-options{list-style:none;padding:0;margin:7px 0}.gvplayer-menu .gvplayer-menu-options .gvplayer-menu-option{font-weight:500;font-size:14px;padding:7px 20px;cursor:pointer}.gvplayer-menu .gvplayer-menu-options .gvplayer-menu-option:hover{background:#005098;color:#fff}.gvplayer-menu .gvplayer-menu-about{font-size:12px;border-top:1px solid #ccc;padding:7px 20px 0}.gvplayer-states{font-size:14px;padding:10px;background:rgba(0,0,0,.6);color:#fff;position:absolute;top:10px;left:10px;width:220px;border-radius:5px;display:none}.gvplayer-states__content>div div{display:inline-block;text-align:right;width:7em;margin-right:10px}.gvplayer-states__close{outline:0;background-color:transparent;border:none;color:#fff;position:absolute;right:0;top:5px;cursor:pointer}.gvplayer-progress-container{height:3px;cursor:pointer}.gvplayer-progress{position:relative}.gvplayer-progress-padding{position:absolute;width:100%;height:16px;bottom:0;z-index:28}.gvplayer-progress-list{background:hsla(0,0%,100%,.2);height:3px;position:relative}.gvplayer-load-progress,.gvplayer-play-progress{position:absolute;left:0;bottom:0;width:100%;height:100%;transform-origin:0 0;transform:scaleX(0)}.gvplayer-play-progress{background:#005098}.gvplayer-load-progress{background:hsla(0,0%,100%,.4)}.gvplayer-controls__wrapper span.gvplayer-controls-time{width:auto;margin-left:15px;color:#fff;cursor:auto}.gvplayer-preview{position:absolute;bottom:55px;display:none}.gvplayer-preview span{background-color:rgba(28,28,28,.9);border-radius:3px;padding:5px 8px;color:#fff;text-align:center;font-size:12px}.gvplayer-fit{position:absolute;background:#fff;border:1px solid #005098}.gvplayer-fit canvas{display:block}.gvplayer-fit__pip{position:absolute;width:57px;height:32px;cursor:move}.gvplayer-fit__pip span{border:1px solid #ccc;display:block;height:calc(100% - 2px)}.gvplayer-loader{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.gvplayer-loader .lds-ring{margin:0 auto;width:64px;height:64px}.gvplayer-loader .lds-ring div{box-sizing:border-box;display:block;position:absolute;width:51px;height:51px;margin:6px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:6px solid transparent;border-top-color:#fff}.gvplayer-loader .lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.gvplayer-loader .lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.gvplayer-loader .lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}.gvplayer-loader .loader-text{text-align:center}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}