*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{color:#fff;font-family:sans-serif;font-size:14px}.player{position:relative;display:-ms-grid;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.player:-webkit-full-screen{max-width:none;width:100%;-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.player:-ms-fullscreen{max-width:none;width:100%;-ms-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.player:fullscreen{max-width:none;width:100%;-webkit-transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.player:-webkit-full-screen{max-width:none;width:100%;-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.player:-webkit-full-screen .player--heading.active{display:block}.player:-ms-fullscreen .player--heading.active{display:block}.player:fullscreen .player--heading.active{display:block}.player--heading{font-size:30px;color:#f9f9f9;letter-spacing:1px;position:absolute;z-index:5;margin:20px 15px;padding:5px;top:0;display:none;background:rgba(0,0,0,.3)}.player--video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;color:#fff}.player--video:-webkit-full-screen{-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.player--video:-ms-fullscreen{-ms-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.player--video:fullscreen{-webkit-transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.player--video:-webkit-full-screen{-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.options{position:absolute;bottom:0;width:100%;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;background-color:transparent;padding-top:20px}.options:hover .player--footer{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.player--footer{-webkit-transform:translateY(100%) translateY(-5px);-ms-transform:translateY(100%) translateY(-5px);transform:translateY(100%) translateY(-5px);-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.player--time{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;color:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.progress{width:100%;position:relative;cursor:pointer}.progress:hover .progress__bar--thumb{display:block}.progress:hover .progress__bar--timer{display:block}.progress__bar{-webkit-appearance:none;background-color:rgba(0,0,0,.2);width:100%;height:5px;border-radius:4px;position:absolute;top:0;left:0;outline:0;cursor:pointer;border:none}.progress__bar::-webkit-slider-thumb{-webkit-appearance:none;height:15px;width:15px;border-radius:100%;cursor:pointer;position:relative;z-index:5}.progress__bar--thumb{display:none;height:15px;width:16px;position:absolute;top:-4px;left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:2}.progress__bar--thumb-btn{height:15px;width:16px;background-color:#fff;border-radius:100%;cursor:pointer}.progress__bar--filled-current{width:0;height:5px;background-color:#ffd500;position:absolute;top:0;left:0;z-index:10}.progress__bar--filled-loaded{width:0;height:5px;background-color:rgba(255,255,255,.5);position:absolute;top:0;left:0}.player--option{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:-1rem}.player--option svg{fill:#f7f7f7;cursor:pointer;width:25px;height:25px}.player--option__play{width:50px!important;height:50px!important;margin:0 auto;fill:#ffd500!important;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}.player--option__fullscreen{margin-left:25px}.player--option__skip:not(:last-child){margin-right:10px}.volume__slider{width:100px;position:relative;cursor:pointer;margin-left:10px;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.volume__bar{-webkit-appearance:none;position:absolute;top:0;left:0;width:100%;background-color:rgba(249,249,249,.5);outline:0;border:none;height:4px;cursor:pointer;border-radius:4px}.volume__bar::-webkit-slider-thumb{-webkit-appearance:none;height:10px;width:10px;border-radius:100%;background-color:#ffd500;cursor:pointer}.progress__bar--timer{position:absolute;top:-150px;left:0;height:118px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:180px;display:none}.progress__bar--timer span{text-align:center}.mini_video{height:108px;width:180px;border-radius:2px;border:2px solid #fff;background-color:#000}