.my-player-container{position:relative;display:block;height:100%;width:100%}.my-player-container video{display:inline-block;width:100%;height:100%}.my-player{position:absolute;height:100%;z-index:4;flex-direction:column}.b-play,.my-player{width:100%;display:flex}.b-play{height:calc(100% - 40px);justify-content:center;align-items:center;cursor:pointer}.b-play-btn{height:50px;width:50px}.b-play-btn svg{width:100%;height:100%}.s-play{width:100%;height:50px;display:flex;flex-direction:column}.seek-bar{display:block;height:7px}.m-play,.seek-bar{position:relative;width:100%}.m-play{height:calc(100% - 7px);display:flex;flex-direction:row}.pause-btn,.play-btn{position:relative;display:flex;align-items:center;width:auto;margin-left:10px;cursor:pointer}.pause-btn svg,.play-btn svg{height:18px;width:18px}.time-seek-bar{margin-left:10px;margin-top:2px;color:white}.expand-btn,.time-seek-bar,.volume-btn{display:flex;align-items:center;cursor:pointer}.expand-btn,.volume-btn{margin-right:7px;height:100%}.expand-btn svg{height:22px;width:22px}.volume-btn{margin-left:auto;margin-right:13px}.volume-btn svg{height:20px;width:20px}.volume-btn svg path{fill:white}.thumb{position:absolute;margin:0;padding:0;left:0;top:0;width:100%;height:100%;z-index:4;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background-color:transparent;outline:none;cursor:pointer;border:none}.thumb::-moz-range-track,.thumb::-ms-track{border:none;background:transparent;outline:none;color:transparent}.thumb::-webkit-slider-thumb{-webkit-appearance:none;height:8px;width:8px;border-radius:50%;border:none;background:transparent}.thumb::-moz-range-thumb{-moz-appearance:none;height:8px;width:8px;border-radius:50%;border:none;background:transparent}.thumb::-ms-thumb{border:none;height:8px;width:8px;border-radius:50%;background:transparent}.thumb::-ms-fill-lower,.thumb::-ms-fill-upper{background:transparent}.thumb::-ms-tooltip{display:none}.progress{position:absolute;margin:0;padding:0;top:50%;transform:translateY(-50%);left:0;width:100%;height:7px;z-index:3;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:rgba(255,255,255,.201)}.progress::-webkit-progress-bar{background-color:rgba(255,255,255,.201)}.progress::-moz-progress-bar{background-color:whitesmoke}.progress::-ms-fill{background-color:whitesmoke}.progress::-webkit-progress-value{background-color:whitesmoke}.loading-indicator-my-player{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.spinner-my-player{border:5px solid rgba(255,255,255,.3);border-top-color:#e9e9e9;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.myplayer-unmute-popup{position:absolute;top:20px;right:20px;z-index:1200;color:#fff;display:flex;align-items:center;gap:8px}.myplayer-unmute-label{font-weight:500}.myplayer-unmute-btn{background:#00d26a;color:#fff}.myplayer-unmute-btn,.myplayer-unmute-close{padding:4px 10px;border:none;border-radius:4px;cursor:pointer;margin-left:4px}.myplayer-unmute-close{background:#ccc;color:#222}