.player{font-size:0;position:relative}#video-element,.player{overflow:hidden;width:100%}#video-element{height:100%;object-fit:scale-down}.player:fullscreen{max-width:none;width:100%}.player:-webkit-full-screen{max-width:none;width:100%}.player__toggle.toggle{background:transparent;border:none}.player__video{width:100%}.player__button{background:none;border:0;color:#2c2b2b;cursor:pointer;line-height:1;margin:.5rem;max-width:50px;outline:0;padding:0;text-align:center}.player__button:focus{border-color:#ffc600}.player__slider{height:30px;width:10px}.player__controls{background:rgba(0,0,0,.1);bottom:0;display:flex;flex-wrap:wrap;position:absolute;transform:translateY(100%) translateY(-5px);transition:all .3s;width:100%}.player:hover .player__controls{transform:translateY(0)}.player:hover .progress{height:15px}.player__controls>*{flex:1}.progress{background:rgba(0,0,0,.5);cursor:ew-resize;display:flex;flex:10;flex-basis:100%;height:5px;position:relative;transition:height .3s}.progress__filled{background:#ffc600;flex:0;flex-basis:0%;width:50%}.player__slider input[type=range]{-webkit-appearance:none;background:transparent;margin:0 5px;width:100%}.player__slider input[type=range]:focus{outline:none}.player__slider input[type=range]::-webkit-slider-runnable-track{background:hsla(0,0%,100%,.8);border:.2px solid rgba(1,1,1,0);border-radius:1.3px;box-shadow:1px 1px 1px transparent,0 0 1px hsla(0,0%,5%,0);cursor:pointer;height:8.4px;width:100%}.player__slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#ffc600;border-radius:50px;box-shadow:0 0 2px rgba(0,0,0,.2);cursor:pointer;height:15px;margin-top:-3.5px;width:15px}.player__slider input[type=range]:focus::-webkit-slider-runnable-track{background:#bada55}.player__slider input[type=range]::-moz-range-track{background:#fff;border:.2px solid rgba(1,1,1,0);border-radius:1.3px;box-shadow:1px 1px 1px transparent,0 0 1px hsla(0,0%,5%,0);cursor:pointer;height:8.4px;width:100%}.player__slider input[type=range]::-moz-range-thumb{background:#ffc600;border-radius:50px;box-shadow:0 0 0 transparent,0 0 0 hsla(0,0%,5%,0);cursor:pointer;height:15px;width:15px}