.custom-player__base{display:flex;flex-direction:column;justify-content:center;align-items:center}.custom-player__heading{color:#fff}.custom-player__screen{width:90%}.custom-player__controls{width:90%}.custom-player__screen{width:60%;cursor:pointer;background-color:#000 !important;border-top-left-radius:10px;border-top-right-radius:10px}.custom-player__controls{display:flex;flex-direction:row;justify-content:center;align-items:center;width:60%;padding:10px;color:#fff;background:#333;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.custom-player__controls .fa-play{color:#28a745}.custom-player__controls .fa-stop{color:#dc3545}.custom-player__controls .fa-pause{color:#fff}.custom-player__progress{width:100%;background:rgba(0,0,0,0);margin-left:10px}.custom-player__progress:focus{outline:none}.custom-player__progress:focus::-webkit-slider-runnable-track,.custom-player__progress:focus::-ms-fill-upper{background:#367ebd}.custom-player__progress:focus::-ms-fill-lower{background:#3071a9}.custom-player__progress::-ms-track{width:100%;height:8.4px;color:rgba(0,0,0,0);cursor:pointer;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-width:16px 0}.custom-player__progress::-webkit-slider-thumb,.custom-player__progress::-moz-range-thumb,.custom-player__progress::-ms-thumb,.custom-player__progress::-webkit-slider-runnable-track,.custom-player__progress::-moz-range-track,.custom-player__progress::-ms-fill-lower,.custom-player__progress::-ms-fill-upper{border:1px solid #000;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}.custom-player__progress::-webkit-slider-thumb,.custom-player__progress::-moz-range-thumb,.custom-player__progress::-ms-thumb{width:16px;height:36px;margin-top:-14px;cursor:pointer;background:#fff;border-radius:3px}.custom-player__progress::-webkit-slider-runnable-track,.custom-player__progress::-moz-range-track{width:100%;height:8.4px;cursor:pointer;background:#3071a9;border-radius:1.3px}.custom-player__progress::-ms-fill-lower,.custom-player__progress::-ms-fill-upper{border-radius:2.6px}.custom-player__progress::-ms-fill-lower{background:#2a6495}.custom-player__progress::-ms-fill-upper{background:#3071a9}.custom-player__button{cursor:pointer;background:rgba(0,0,0,0);border:0}.custom-player__button:focus{outline:0}.custom-player__button img{height:20px}.custom-player__timestamp{margin-left:10px;font-weight:700;color:#fff}