OAPlayer.min.css

@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i);.OAPlayer__container video{width:100%;height:100%}.OAPlayer__container{font-family:Roboto,sans-serif;color:rgb(var(--primary-text-rgb,255,255,255));position:relative;background:#eee;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;animation:1.5s shine linear infinite;line-height:1.25rem;letter-spacing:.0178571429em;text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-transform:inherit}.OAPlayer__container .label__center span{font-size:.75rem;font-weight:300}.OAPlayer__container .oa-loader{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity 150ms ease-out}.OAPlayer__container .oa-loader.active{opacity:1;transition:opacity 150ms ease-in}.OAPlayer__container .OAPlayer__subtitle{position:absolute;background-color:rgba(0,0,0,.64);border-radius:4px;padding:10px;left:50%;bottom:60px;transform:translateX(-50%);display:block}.OAPlayer__container .OAPlayer__subtitle:empty{display:none}.OAPlayer__container .OAPlayer__dropdown{z-index:1000;float:right;min-width:160px;padding:5px 0;margin:8px;list-style:none;font-size:14px;background-color:#1e1e1e;border-radius:2px;display:none;box-shadow:0 1.5px 4px rgba(0,0,0,.24),0 1.5px 6px rgba(0,0,0,.12)}.OAPlayer__container .OAPlayer__dropdown hr{background-color:#e5e5e5;border:0;height:1px;background-color:rgba(0,0,0,.12)}.OAPlayer__container .OAPlayer__dropdown>li{display:block;padding:0 22px;clear:both;height:48px;line-height:48px;white-space:nowrap;cursor:pointer}.OAPlayer__container .OAPlayer__dropdown>li.active{border-left:3px solid rgb(var(--primary-rgb))!important;transition:border .2s}.OAPlayer__container .OAPlayer__dropdown>li:hover{background-color:rgba(255,255,255,.05)}.OAPlayer__container .OAPlayer__dropdown.active{display:block}.OAPlayer__container .OAPlayer__controls,.OAPlayer__container .OAPlayer__controls .OAPlayer__overlay{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%}.OAPlayer__container .OAPlayer__controls[data-state=visible]{transition:opacity .2s ease-out;opacity:1}.OAPlayer__container .OAPlayer__controls[data-state=hidden]{opacity:0;transition:all .2s ease-out;visibility:hidden}.OAPlayer__container .OAPlayer__controls .OAPlayer__overlay{z-index:1;box-shadow:inset 0 5px 40px 0 rgb(0 0 0 / 50%)}.OAPlayer__container .OAPlayer__controls .OAPlayer__controlsContainer{position:absolute;bottom:0;width:100%;z-index:2}.OAPlayer__container .OAPlayer__controls .OAPlayer__controlsContainer .OAPlayer__logo{background-size:cover;background-repeat:no-repeat;background-position:center;height:38px;width:38px;margin:8px;float:right}.OAPlayer__container .OAPlayer__controls .OAplayer__sliderContainer{padding:0 12px}.OAPlayer__container .OAPlayer__controls .OAPlayer__title{margin:30px 20px;font-size:1.75rem;font-weight:300;line-height:2rem}.OAPlayer__container .OAPlayer__controls .OAplayer__btnContainer .OAplayer__left{float:left}.OAPlayer__container .OAPlayer__controls .OAplayer__btnContainer .OAplayer__right{float:right}.OAPlayer__container .OAPlayer__controls .OAplayer__btnContainer .label__center{float:right;margin:5px}.OAPlayer__container .OAPlayer__watermark.label__center{float:left!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.OAPlayer__container .OAPlayer__controls .OAplayer__btnContainer{height:28px;padding:5px 15px 8px 15px;overflow:hidden}.OAPlayer__container .OAPlayer__controls .OAplayer__btnContainer button{height:100%;overflow:hidden;border:none;cursor:pointer;background:0 0;padding:0;outline:0}.OAPlayer__container .OAPlayer__controls .OAplayer__btnContainer .OAPlayer__volumeContainer{height:28px;position:relative;width:70px}.OAPlayer__container .OAPlayer__controls .OAplayer__btnContainer .OAPlayer__volumeContainer range-slider{position:absolute;top:50%;transform:translateY(-50%)}.OAPlayer__container .OAPlayer__controls .OAplayer__btnContainer .OAPlayer__volumeContainer,.OAPlayer__container .OAPlayer__controls .OAplayer__btnContainer button{margin:0 8px;display:inline-block}.OAPlayer__container .OAPlayer__controls .OAplayer__btnContainer svg{fill:rgb(var(--controls-rgb));width:28px;height:28px;transition:transform .2s ease-in-out;filter:drop-shadow( 0 0 2px rgba(0, 0, 0, .38))}.OAPlayer__container .OAPlayer__controls .OAplayer__btnContainer svg .js-transition-icon__state{transform:scale(0);transform-origin:center center;transition:all 250ms;transition-timing-function:ease-out}.OAPlayer__container .OAPlayer__controls .OAplayer__btnContainer svg .js-transition-icon__state.active{transform:scale(1);transition-timing-function:ease-in}.OAPlayer__container .OAPlayer__controls .progress__indicator{position:absolute;top:-35px;left:0;background:rgba(0,0%,0%,50%);padding:5px;border-radius:4px;transform:translateX(-30px);font-size:12px}.OAPlayer__container .OAPlayer__controls .progress__indicator:empty{display:none}.OAPlayer__container .OAPlayer__controls range-slider{--element-height:10px;position:relative;display:flex;align-items:center;height:var(--element-height);width:100%;margin:0;overflow:visible;cursor:pointer;touch-action:none}.OAPlayer__container .OAPlayer__controls range-slider:focus{outline:0}.OAPlayer__container .OAPlayer__controls range-slider[disabled]{filter:grayscale(1);opacity:.8}.OAPlayer__container .OAPlayer__controls range-slider:before{content:"";display:block;width:100%;height:var(--track-height);background:linear-gradient(rgb(var(--primary-rgb)),rgb(var(--primary-rgb))) 0/var(--value-percent,0) 100% no-repeat rgba(var(--controls-rgb),.24)}.OAPlayer__container .OAPlayer__controls range-slider[hide-thumb=true]:hover::before{height:calc(var(--track-height) + 2px)}.OAPlayer__container .OAPlayer__controls range-slider[hide-thumb=true] .thumb{opacity:0;transition:opacity 150ms}.OAPlayer__container .OAPlayer__controls range-slider[hide-thumb=true]:hover .thumb{opacity:1}.OAPlayer__container .OAPlayer__controls range-slider.touch-active .thumb-wrapper .thumb{box-shadow:none;--thumb-size:14px}.OAPlayer__container .OAPlayer__controls range-slider .thumb{background:rgb(var(--primary-rgb));border-radius:50%;width:var(--thumb-size);height:var(--thumb-size);position:absolute;bottom:calc(var(--element-height)/ 2 - var(--thumb-size)/ 2);left:var(--value-percent,0);margin-left:calc(var(--thumb-size)/ 2 * -1);transition:transform .2s ease;will-change:transform;pointer-events:none;z-index:1}.OAPlayer__container .OAPlayer__controls range-slider .thumb-wrapper{position:absolute;left:calc(var(--thumb-size)/ 2);right:calc(var(--thumb-size)/ 2);bottom:0;height:0;overflow:visible}@keyframes shine{to{background-position-x:-200%}}.OAPlayer__container .OAPlayer__contextmenu{position:absolute}