@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
div[id^=uAudioPlayer] { max-width: 397px; min-width: 300px; }

div[id^=uAudioPlayer], div[id^=uAudioPlayer]::before, div[id^=uAudioPlayer]::after, div[id^=uAudioPlayer] *, div[id^=uAudioPlayer] *::before, div[id^=uAudioPlayer] *::after { box-sizing: border-box; user-select: none; }

div[id^=uAudioPlayer].silver-skin { border: 1px solid #999999; }

div[id^=uAudioPlayer].silver-skin .control-wrapper { background: #DBDBDB; }

div[id^=uAudioPlayer].silver-skin .uPlayerButton { background: linear-gradient(148deg, #c5c5c5 37%, #999999 59%); color: #fff; border-color: #BDBDBD; }

div[id^=uAudioPlayer].silver-skin .uPlayerButton:hover { background: linear-gradient(148deg, #a6a6a6 37%, #747474 70%); }

div[id^=uAudioPlayer].silver-skin .uPlaylist { background: #fff; color: #000; }

div[id^=uAudioPlayer].silver-skin .uPlaylist a { color: #000000; }

div[id^=uAudioPlayer].silver-skin .uPlaylist a:hover { border-color: #ADADAD; }

div[id^=uAudioPlayer].silver-skin .uPlaylist a.current-audio { background: #E1E1E1; border-color: #ADADAD; }

div[id^=uAudioPlayer].silver-skin .current-progress { border: 1px solid #ADADAD; }

div[id^=uAudioPlayer].silver-skin .current-progress { background: linear-gradient(0deg, #cccccc 33%, #eaeaea 54%); box-shadow: 0px 0px 0px 1px #fff inset; }

div[id^=uAudioPlayer].silver-skin .current-progress::-webkit-progress-bar { background: linear-gradient(0deg, #cccccc 33%, #eaeaea 54%); box-shadow: 0px 0px 0px 1px #fff inset; }

div[id^=uAudioPlayer].silver-skin .current-progress::-webkit-progress-value { background: linear-gradient(0deg, #b6b6b6 33%, gainsboro 54%); border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

div[id^=uAudioPlayer].silver-skin .current-progress::-moz-progress-bar { background: linear-gradient(0deg, #b6b6b6 33%, gainsboro 54%); border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

div[id^=uAudioPlayer].silver-skin .uVolumeButton { color: #fff; background: linear-gradient(148deg, #c5c5c5 37%, #999999 59%); }

div[id^=uAudioPlayer].silver-skin .uVolumeButton input[type="range"]::-webkit-slider-runnable-track { background: #fff; }

div[id^=uAudioPlayer].silver-skin .uVolumeButton input[type="range"]::-webkit-slider-thumb { background: #eceaea; box-shadow: 1px 0 0 0 #969696, 2px 0 0 0 #969696, 3px 0 0 0 #969696, 4px 0 0 0 #969696, 5px 0 0 0 #969696, 6px 0 0 0 #969696, 7px 0 0 0 #969696, 8px 0 0 0 #969696, 9px 0 0 0 #969696, 10px 0 0 0 #969696, 11px 0 0 0 #969696, 12px 0 0 0 #969696, 13px 0 0 0 #969696, 14px 0 0 0 #969696, 15px 0 0 0 #969696, 16px 0 0 0 #969696, 17px 0 0 0 #969696, 18px 0 0 0 #969696, 19px 0 0 0 #969696, 20px 0 0 0 #969696, 21px 0 0 0 #969696, 22px 0 0 0 #969696, 23px 0 0 0 #969696, 24px 0 0 0 #969696, 25px 0 0 0 #969696, 26px 0 0 0 #969696, 27px 0 0 0 #969696, 28px 0 0 0 #969696, 29px 0 0 0 #969696, 30px 0 0 0 #969696, 31px 0 0 0 #969696, 32px 0 0 0 #969696, 33px 0 0 0 #969696, 34px 0 0 0 #969696, 35px 0 0 0 #969696, 36px 0 0 0 #969696, 37px 0 0 0 #969696, 38px 0 0 0 #969696, 39px 0 0 0 #969696, 40px 0 0 0 #969696, 41px 0 0 0 #969696, 42px 0 0 0 #969696, 43px 0 0 0 #969696, 44px 0 0 0 #969696, 45px 0 0 0 #969696, 46px 0 0 0 #969696, 47px 0 0 0 #969696, 48px 0 0 0 #969696, 49px 0 0 0 #969696, 50px 0 0 0 #969696, 51px 0 0 0 #969696, 52px 0 0 0 #969696, 53px 0 0 0 #969696, 54px 0 0 0 #969696, 55px 0 0 0 #969696, 56px 0 0 0 #969696, 57px 0 0 0 #969696, 58px 0 0 0 #969696, 59px 0 0 0 #969696, 60px 0 0 0 #969696; }

div[id^=uAudioPlayer].silver-skin .uVolumeButton input[type="range"]::-moz-range-progress { background-color: #fff; }

div[id^=uAudioPlayer].silver-skin .uVolumeButton input[type="range"]::-moz-range-track { background-color: #969696; }

div[id^=uAudioPlayer].silver-skin .uVolumeButton input[type="range"]::-moz-range-thumb { background: #eceaea; border-color: #969696; }

div[id^=uAudioPlayer].silver-skin .uVolumeButton input[type="range"]::-ms-fill-lower { background-color: #969696; }

div[id^=uAudioPlayer].silver-skin .uVolumeButton input[type="range"]::-ms-fill-upper { background-color: #fff; }

div[id^=uAudioPlayer].bluesilver-skin { border: 1px solid #999999; }

div[id^=uAudioPlayer].bluesilver-skin .control-wrapper { background: #cccccc; box-shadow: 0px 0px 0px 1px #fff inset; }

div[id^=uAudioPlayer].bluesilver-skin .uPlayerButton { background: #a8e9eb; background: linear-gradient(171deg, #a8e9eb 33%, #5bd6d9 54%); color: #fff; border-color: #d1d1d1; }

div[id^=uAudioPlayer].bluesilver-skin .uPlayerButton:hover { background: #5fc6c8; background: linear-gradient(171deg, #5fc6c8 33%, #29b3b6 54%); }

div[id^=uAudioPlayer].bluesilver-skin .uPlaylist { background: #E1E1E1; color: #000; box-shadow: 0px 0px 0px 1px #fff inset; margin-top: -1px; }

div[id^=uAudioPlayer].bluesilver-skin .uPlaylist a { color: #000000; }

div[id^=uAudioPlayer].bluesilver-skin .uPlaylist a:hover { border-color: #ADADAD; }

div[id^=uAudioPlayer].bluesilver-skin .uPlaylist a.current-audio { background: #dcf2f2; border-color: #91BDBE; }

div[id^=uAudioPlayer].bluesilver-skin .current-progress { border: 1px solid #bababa; }

div[id^=uAudioPlayer].bluesilver-skin .current-progress { background: linear-gradient(0deg, #9ce6e9 29%, #c6f1f2 42%, #abeaec 56%); box-shadow: 0px 0px 0px 1px transparent inset; }

div[id^=uAudioPlayer].bluesilver-skin .current-progress::-webkit-progress-bar { background: linear-gradient(0deg, #9ce6e9 29%, #c6f1f2 42%, #abeaec 56%); box-shadow: 0px 0px 0px 1px transparent inset; }

div[id^=uAudioPlayer].bluesilver-skin .current-progress::-webkit-progress-value { background: linear-gradient(0deg, #54c2c5 29%, #9cdcdd 42%, #71cdce 56%); border-top: 1px solid transparent; border-bottom: 1px solid transparent; }

div[id^=uAudioPlayer].bluesilver-skin .current-progress::-moz-progress-bar { background: linear-gradient(0deg, #54c2c5 29%, #9cdcdd 42%, #71cdce 56%); border-top: 1px solid transparent; border-bottom: 1px solid transparent; }

div[id^=uAudioPlayer].bluesilver-skin .uVolumeButton { color: #fff; background: #a8e9eb; background: linear-gradient(171deg, #a8e9eb 33%, #5bd6d9 54%); }

div[id^=uAudioPlayer].bluesilver-skin .uVolumeButton input[type="range"]::-webkit-slider-runnable-track { background: #E3F8F8; }

div[id^=uAudioPlayer].bluesilver-skin .uVolumeButton input[type="range"]::-webkit-slider-thumb { background: #c7d9d9; box-shadow: 1px 0 0 0 #969696, 2px 0 0 0 #969696, 3px 0 0 0 #969696, 4px 0 0 0 #969696, 5px 0 0 0 #969696, 6px 0 0 0 #969696, 7px 0 0 0 #969696, 8px 0 0 0 #969696, 9px 0 0 0 #969696, 10px 0 0 0 #969696, 11px 0 0 0 #969696, 12px 0 0 0 #969696, 13px 0 0 0 #969696, 14px 0 0 0 #969696, 15px 0 0 0 #969696, 16px 0 0 0 #969696, 17px 0 0 0 #969696, 18px 0 0 0 #969696, 19px 0 0 0 #969696, 20px 0 0 0 #969696, 21px 0 0 0 #969696, 22px 0 0 0 #969696, 23px 0 0 0 #969696, 24px 0 0 0 #969696, 25px 0 0 0 #969696, 26px 0 0 0 #969696, 27px 0 0 0 #969696, 28px 0 0 0 #969696, 29px 0 0 0 #969696, 30px 0 0 0 #969696, 31px 0 0 0 #969696, 32px 0 0 0 #969696, 33px 0 0 0 #969696, 34px 0 0 0 #969696, 35px 0 0 0 #969696, 36px 0 0 0 #969696, 37px 0 0 0 #969696, 38px 0 0 0 #969696, 39px 0 0 0 #969696, 40px 0 0 0 #969696, 41px 0 0 0 #969696, 42px 0 0 0 #969696, 43px 0 0 0 #969696, 44px 0 0 0 #969696, 45px 0 0 0 #969696, 46px 0 0 0 #969696, 47px 0 0 0 #969696, 48px 0 0 0 #969696, 49px 0 0 0 #969696, 50px 0 0 0 #969696, 51px 0 0 0 #969696, 52px 0 0 0 #969696, 53px 0 0 0 #969696, 54px 0 0 0 #969696, 55px 0 0 0 #969696, 56px 0 0 0 #969696, 57px 0 0 0 #969696, 58px 0 0 0 #969696, 59px 0 0 0 #969696, 60px 0 0 0 #969696; }

div[id^=uAudioPlayer].bluesilver-skin .uVolumeButton input[type="range"]::-moz-range-progress { background-color: #E3F8F8; }

div[id^=uAudioPlayer].bluesilver-skin .uVolumeButton input[type="range"]::-moz-range-track { background-color: #969696; }

div[id^=uAudioPlayer].bluesilver-skin .uVolumeButton input[type="range"]::-moz-range-thumb { background: #c7d9d9; border-color: #969696; }

div[id^=uAudioPlayer].bluesilver-skin .uVolumeButton input[type="range"]::-ms-fill-lower { background-color: #969696; }

div[id^=uAudioPlayer].bluesilver-skin .uVolumeButton input[type="range"]::-ms-fill-upper { background-color: #E3F8F8; }

div[id^=uAudioPlayer].greengray-skin { border: 1px solid #999999; }

div[id^=uAudioPlayer].greengray-skin .control-wrapper { background: #999999; box-shadow: 0px 0px 0px 1px #fff inset; }

div[id^=uAudioPlayer].greengray-skin .uPlayerButton { background: #BEF091; background: linear-gradient(171deg, #BEF091 33%, #8BE43A 54%); color: #fff; border-color: #fff; }

div[id^=uAudioPlayer].greengray-skin .uPlayerButton:hover { background: #D8FDA1; background: linear-gradient(171deg, #D8FDA1 33%, #A5FA25 54%); }

div[id^=uAudioPlayer].greengray-skin .uPlaylist { background: #CCCCCC; color: #000; box-shadow: 0px 0px 0px 1px #fff inset; margin-top: -1px; }

div[id^=uAudioPlayer].greengray-skin .uPlaylist a { color: #000000; }

div[id^=uAudioPlayer].greengray-skin .uPlaylist a:hover { border-color: #A9E76C; background: #E3FFC7; }

div[id^=uAudioPlayer].greengray-skin .uPlaylist a.current-audio { background: #CBFF97; border-color: #7CCC32; }

div[id^=uAudioPlayer].greengray-skin .current-progress { border: 1px solid #cdcdcd; }

div[id^=uAudioPlayer].greengray-skin .current-progress { background: linear-gradient(0deg, #D8FFB2 29%, #B7FF71 56%); box-shadow: 0px 0px 0px 1px #fff inset; }

div[id^=uAudioPlayer].greengray-skin .current-progress::-webkit-progress-bar { background: linear-gradient(0deg, #D8FFB2 29%, #B7FF71 56%); box-shadow: 0px 0px 0px 1px #fff inset; }

div[id^=uAudioPlayer].greengray-skin .current-progress::-webkit-progress-value { background: linear-gradient(0deg, #80CF31 29%, #C2E89C 56%); border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

div[id^=uAudioPlayer].greengray-skin .current-progress::-moz-progress-bar { background: linear-gradient(0deg, #80CF31 29%, #C2E89C 56%); border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

div[id^=uAudioPlayer].greengray-skin .uVolumeButton { color: #fff; background: #BEF091; background: linear-gradient(171deg, #BEF091 33%, #8BE43A 54%); border: 1px solid #fff; }

div[id^=uAudioPlayer].greengray-skin .uVolumeButton input[type="range"]::-webkit-slider-runnable-track { background: #fff; }

div[id^=uAudioPlayer].greengray-skin .uVolumeButton input[type="range"]::-webkit-slider-thumb { background: #68a825; box-shadow: 1px 0 0 0 #C0C0C0, 2px 0 0 0 #C0C0C0, 3px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 5px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 7px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 9px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 11px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 13px 0 0 0 #C0C0C0, 14px 0 0 0 #C0C0C0, 15px 0 0 0 #C0C0C0, 16px 0 0 0 #C0C0C0, 17px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 19px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 21px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 23px 0 0 0 #C0C0C0, 24px 0 0 0 #C0C0C0, 25px 0 0 0 #C0C0C0, 26px 0 0 0 #C0C0C0, 27px 0 0 0 #C0C0C0, 28px 0 0 0 #C0C0C0, 29px 0 0 0 #C0C0C0, 30px 0 0 0 #C0C0C0, 31px 0 0 0 #C0C0C0, 32px 0 0 0 #C0C0C0, 33px 0 0 0 #C0C0C0, 34px 0 0 0 #C0C0C0, 35px 0 0 0 #C0C0C0, 36px 0 0 0 #C0C0C0, 37px 0 0 0 #C0C0C0, 38px 0 0 0 #C0C0C0, 39px 0 0 0 #C0C0C0, 40px 0 0 0 #C0C0C0, 41px 0 0 0 #C0C0C0, 42px 0 0 0 #C0C0C0, 43px 0 0 0 #C0C0C0, 44px 0 0 0 #C0C0C0, 45px 0 0 0 #C0C0C0, 46px 0 0 0 #C0C0C0, 47px 0 0 0 #C0C0C0, 48px 0 0 0 #C0C0C0, 49px 0 0 0 #C0C0C0, 50px 0 0 0 #C0C0C0, 51px 0 0 0 #C0C0C0, 52px 0 0 0 #C0C0C0, 53px 0 0 0 #C0C0C0, 54px 0 0 0 #C0C0C0, 55px 0 0 0 #C0C0C0, 56px 0 0 0 #C0C0C0, 57px 0 0 0 #C0C0C0, 58px 0 0 0 #C0C0C0, 59px 0 0 0 #C0C0C0, 60px 0 0 0 #C0C0C0; }

div[id^=uAudioPlayer].greengray-skin .uVolumeButton input[type="range"]::-moz-range-progress { background-color: #fff; }

div[id^=uAudioPlayer].greengray-skin .uVolumeButton input[type="range"]::-moz-range-track { background-color: #C0C0C0; }

div[id^=uAudioPlayer].greengray-skin .uVolumeButton input[type="range"]::-moz-range-thumb { background: #68a825; border-color: #C0C0C0; }

div[id^=uAudioPlayer].greengray-skin .uVolumeButton input[type="range"]::-ms-fill-lower { background-color: #C0C0C0; }

div[id^=uAudioPlayer].greengray-skin .uVolumeButton input[type="range"]::-ms-fill-upper { background-color: #fff; }

div[id^=uAudioPlayer].pink-skin { border: 1px solid #9F9F9F; }

div[id^=uAudioPlayer].pink-skin .control-wrapper { background: black; background: linear-gradient(0deg, black 43%, #484848 49%, black 91%); box-shadow: 0px 0px 0px 1px #fff inset; color: #fff; }

div[id^=uAudioPlayer].pink-skin .uPlayerButton { background: #FF6FFF; background: linear-gradient(171deg, #FF6FFF 33%, #FF00FF 54%); color: #fff; border-color: #fff; }

div[id^=uAudioPlayer].pink-skin .uPlayerButton:hover { background: #FF96DD; background: linear-gradient(171deg, #FF96DD 33%, #FF00AC 54%); }

div[id^=uAudioPlayer].pink-skin .uPlaylist { background: #666666; color: #fff; box-shadow: 0px 0px 0px 1px #fff inset; margin-top: -1px; }

div[id^=uAudioPlayer].pink-skin .uPlaylist a { color: #fff; }

div[id^=uAudioPlayer].pink-skin .uPlaylist a:hover { border-color: #D3ABD3; }

div[id^=uAudioPlayer].pink-skin .uPlaylist a.current-audio { background: #DE6DDE; border-color: #C488C4; }

div[id^=uAudioPlayer].pink-skin .current-progress { border: 1px solid #3B3B3B; }

div[id^=uAudioPlayer].pink-skin .current-progress { background: linear-gradient(0deg, #bebebe 30%, #dedede 55%, #d5d5d5 59%); box-shadow: 0px 0px 0px 1px #fff inset; }

div[id^=uAudioPlayer].pink-skin .current-progress::-webkit-progress-bar { background: linear-gradient(0deg, #bebebe 30%, #dedede 55%, #d5d5d5 59%); box-shadow: 0px 0px 0px 1px #fff inset; }

div[id^=uAudioPlayer].pink-skin .current-progress::-webkit-progress-value { background: linear-gradient(0deg, gray 30%, #adadad 55%, #9b9b9b 59%); border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

div[id^=uAudioPlayer].pink-skin .current-progress::-moz-progress-bar { background: linear-gradient(0deg, gray 30%, #adadad 55%, #9b9b9b 59%); border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

div[id^=uAudioPlayer].pink-skin .uVolumeButton { color: #fff; background: #FF6FFF; background: linear-gradient(171deg, #FF6FFF 33%, #FF00FF 54%); border: 1px solid #fff; }

div[id^=uAudioPlayer].pink-skin .uVolumeButton:hover { background: #FF96DD; background: linear-gradient(171deg, #FF96DD 33%, #FF00AC 54%); }

div[id^=uAudioPlayer].pink-skin .uVolumeButton input[type="range"]::-webkit-slider-runnable-track { background: #DE6DDE; }

div[id^=uAudioPlayer].pink-skin .uVolumeButton input[type="range"]::-webkit-slider-thumb { background: #ac1bac; box-shadow: 1px 0 0 0 #969696, 2px 0 0 0 #969696, 3px 0 0 0 #969696, 4px 0 0 0 #969696, 5px 0 0 0 #969696, 6px 0 0 0 #969696, 7px 0 0 0 #969696, 8px 0 0 0 #969696, 9px 0 0 0 #969696, 10px 0 0 0 #969696, 11px 0 0 0 #969696, 12px 0 0 0 #969696, 13px 0 0 0 #969696, 14px 0 0 0 #969696, 15px 0 0 0 #969696, 16px 0 0 0 #969696, 17px 0 0 0 #969696, 18px 0 0 0 #969696, 19px 0 0 0 #969696, 20px 0 0 0 #969696, 21px 0 0 0 #969696, 22px 0 0 0 #969696, 23px 0 0 0 #969696, 24px 0 0 0 #969696, 25px 0 0 0 #969696, 26px 0 0 0 #969696, 27px 0 0 0 #969696, 28px 0 0 0 #969696, 29px 0 0 0 #969696, 30px 0 0 0 #969696, 31px 0 0 0 #969696, 32px 0 0 0 #969696, 33px 0 0 0 #969696, 34px 0 0 0 #969696, 35px 0 0 0 #969696, 36px 0 0 0 #969696, 37px 0 0 0 #969696, 38px 0 0 0 #969696, 39px 0 0 0 #969696, 40px 0 0 0 #969696, 41px 0 0 0 #969696, 42px 0 0 0 #969696, 43px 0 0 0 #969696, 44px 0 0 0 #969696, 45px 0 0 0 #969696, 46px 0 0 0 #969696, 47px 0 0 0 #969696, 48px 0 0 0 #969696, 49px 0 0 0 #969696, 50px 0 0 0 #969696, 51px 0 0 0 #969696, 52px 0 0 0 #969696, 53px 0 0 0 #969696, 54px 0 0 0 #969696, 55px 0 0 0 #969696, 56px 0 0 0 #969696, 57px 0 0 0 #969696, 58px 0 0 0 #969696, 59px 0 0 0 #969696, 60px 0 0 0 #969696; }

div[id^=uAudioPlayer].pink-skin .uVolumeButton input[type="range"]::-moz-range-progress { background-color: #DE6DDE; }

div[id^=uAudioPlayer].pink-skin .uVolumeButton input[type="range"]::-moz-range-track { background-color: #969696; }

div[id^=uAudioPlayer].pink-skin .uVolumeButton input[type="range"]::-moz-range-thumb { background: #ac1bac; border-color: #969696; }

div[id^=uAudioPlayer].pink-skin .uVolumeButton input[type="range"]::-ms-fill-lower { background-color: #969696; }

div[id^=uAudioPlayer].pink-skin .uVolumeButton input[type="range"]::-ms-fill-upper { background-color: #DE6DDE; }

div[id^=uAudioPlayer].orange-skin { border: 1px solid #999999; }

div[id^=uAudioPlayer].orange-skin .control-wrapper { background: #000000; box-shadow: 0px 0px 0px 1px #FF9900 inset; color: #ffffff; }

div[id^=uAudioPlayer].orange-skin .uPlayerButton { background: #FFC46C; background: linear-gradient(171deg, #FFC46C 33%, #FF9900 54%); color: #fff; border-color: #fff; }

div[id^=uAudioPlayer].orange-skin .uPlayerButton:hover { background: #F9ECBC; background: linear-gradient(171deg, #F9ECBC 33%, #ECBB13 54%); }

div[id^=uAudioPlayer].orange-skin .uPlaylist { background: #000000; color: #000; box-shadow: 0px 0px 0px 1px #FF9900 inset; margin-top: -1px; }

div[id^=uAudioPlayer].orange-skin .uPlaylist a { color: #ffffff; }

div[id^=uAudioPlayer].orange-skin .uPlaylist a:hover { border-color: #FFBA00; }

div[id^=uAudioPlayer].orange-skin .uPlaylist a.current-audio { background: #FF9F00; border-color: #F6C58F; }

div[id^=uAudioPlayer].orange-skin .current-progress { border: 1px solid #000000; }

div[id^=uAudioPlayer].orange-skin .current-progress { background: linear-gradient(0deg, #FFE3B9 29%, #FFC368 56%); box-shadow: 0px 0px 0px 1px #5F5F5F inset; }

div[id^=uAudioPlayer].orange-skin .current-progress::-webkit-progress-bar { background: linear-gradient(0deg, #FFE3B9 29%, #FFC368 56%); box-shadow: 0px 0px 0px 1px #5F5F5F inset; }

div[id^=uAudioPlayer].orange-skin .current-progress::-webkit-progress-value { background: linear-gradient(0deg, #FFCE85 29%, #FFA217 56%); border-top: 1px solid #5F5F5F; border-bottom: 1px solid #5F5F5F; }

div[id^=uAudioPlayer].orange-skin .current-progress::-moz-progress-bar { background: linear-gradient(0deg, #FFCE85 29%, #FFA217 56%); border-top: 1px solid #5F5F5F; border-bottom: 1px solid #5F5F5F; }

div[id^=uAudioPlayer].orange-skin .uVolumeButton { color: #fff; background: #FFC46C; background: linear-gradient(171deg, #FFC46C 33%, #FF9900 54%); border: 1px solid #fff; }

div[id^=uAudioPlayer].orange-skin .uVolumeButton:hover { background: #F9ECBC; background: linear-gradient(171deg, #F9ECBC 33%, #ECBB13 54%); }

div[id^=uAudioPlayer].orange-skin .uVolumeButton input[type="range"]::-webkit-slider-runnable-track { background: #FF9900; }

div[id^=uAudioPlayer].orange-skin .uVolumeButton input[type="range"]::-webkit-slider-thumb { background: #714906; box-shadow: 1px 0 0 0 #969696, 2px 0 0 0 #969696, 3px 0 0 0 #969696, 4px 0 0 0 #969696, 5px 0 0 0 #969696, 6px 0 0 0 #969696, 7px 0 0 0 #969696, 8px 0 0 0 #969696, 9px 0 0 0 #969696, 10px 0 0 0 #969696, 11px 0 0 0 #969696, 12px 0 0 0 #969696, 13px 0 0 0 #969696, 14px 0 0 0 #969696, 15px 0 0 0 #969696, 16px 0 0 0 #969696, 17px 0 0 0 #969696, 18px 0 0 0 #969696, 19px 0 0 0 #969696, 20px 0 0 0 #969696, 21px 0 0 0 #969696, 22px 0 0 0 #969696, 23px 0 0 0 #969696, 24px 0 0 0 #969696, 25px 0 0 0 #969696, 26px 0 0 0 #969696, 27px 0 0 0 #969696, 28px 0 0 0 #969696, 29px 0 0 0 #969696, 30px 0 0 0 #969696, 31px 0 0 0 #969696, 32px 0 0 0 #969696, 33px 0 0 0 #969696, 34px 0 0 0 #969696, 35px 0 0 0 #969696, 36px 0 0 0 #969696, 37px 0 0 0 #969696, 38px 0 0 0 #969696, 39px 0 0 0 #969696, 40px 0 0 0 #969696, 41px 0 0 0 #969696, 42px 0 0 0 #969696, 43px 0 0 0 #969696, 44px 0 0 0 #969696, 45px 0 0 0 #969696, 46px 0 0 0 #969696, 47px 0 0 0 #969696, 48px 0 0 0 #969696, 49px 0 0 0 #969696, 50px 0 0 0 #969696, 51px 0 0 0 #969696, 52px 0 0 0 #969696, 53px 0 0 0 #969696, 54px 0 0 0 #969696, 55px 0 0 0 #969696, 56px 0 0 0 #969696, 57px 0 0 0 #969696, 58px 0 0 0 #969696, 59px 0 0 0 #969696, 60px 0 0 0 #969696; }

div[id^=uAudioPlayer].orange-skin .uVolumeButton input[type="range"]::-moz-range-progress { background-color: #FF9900; }

div[id^=uAudioPlayer].orange-skin .uVolumeButton input[type="range"]::-moz-range-track { background-color: #969696; }

div[id^=uAudioPlayer].orange-skin .uVolumeButton input[type="range"]::-moz-range-thumb { background: #714906; border-color: #969696; }

div[id^=uAudioPlayer].orange-skin .uVolumeButton input[type="range"]::-ms-fill-lower { background-color: #969696; }

div[id^=uAudioPlayer].orange-skin .uVolumeButton input[type="range"]::-ms-fill-upper { background-color: #FF9900; }

div[id^=uAudioPlayer].turquoise-skin { border: 1px solid #999999; }

div[id^=uAudioPlayer].turquoise-skin .control-wrapper { background: #fff; color: #000; }

div[id^=uAudioPlayer].turquoise-skin .uPlayerButton { background: #ffffff; color: #33CCCC; border-color: #33CCCC; }

div[id^=uAudioPlayer].turquoise-skin .uPlayerButton:hover { background: #D9F5F5; }

div[id^=uAudioPlayer].turquoise-skin .uPlaylist { background: #ffffff; color: #000; }

div[id^=uAudioPlayer].turquoise-skin .uPlaylist a { color: #000; }

div[id^=uAudioPlayer].turquoise-skin .uPlaylist a:hover { border-color: #CFF3F4; }

div[id^=uAudioPlayer].turquoise-skin .uPlaylist a.current-audio { background: #EDFCFD; border-color: #CFF3F4; }

div[id^=uAudioPlayer].turquoise-skin .current-progress { background: #CBEFF0; border: 1px solid #BABABA; }

div[id^=uAudioPlayer].turquoise-skin .current-progress { background: linear-gradient(0deg, #CBEFF0 29%, #B8DEDF 56%); box-shadow: 0px 0px 0px 1px transparent inset; }

div[id^=uAudioPlayer].turquoise-skin .current-progress::-webkit-progress-bar { background: linear-gradient(0deg, #CBEFF0 29%, #B8DEDF 56%); box-shadow: 0px 0px 0px 1px transparent inset; }

div[id^=uAudioPlayer].turquoise-skin .current-progress::-webkit-progress-value { background: linear-gradient(0deg, #B6EDEB 29%, #6BD7D7 56%); border-top: 1px solid transparent; border-bottom: 1px solid transparent; }

div[id^=uAudioPlayer].turquoise-skin .current-progress::-moz-progress-bar { background: linear-gradient(0deg, #B6EDEB 29%, #6BD7D7 56%); border-top: 1px solid transparent; border-bottom: 1px solid transparent; }

div[id^=uAudioPlayer].turquoise-skin .uVolumeButton { background: #ffffff; color: #33CCCC; border: 1px solid #33CCCC; }

div[id^=uAudioPlayer].turquoise-skin .uVolumeButton:hover { background: #D9F5F5; }

div[id^=uAudioPlayer].turquoise-skin .uVolumeButton input[type="range"]::-webkit-slider-runnable-track { background: #6BD7D7; }

div[id^=uAudioPlayer].turquoise-skin .uVolumeButton input[type="range"]::-webkit-slider-thumb { background: #306666; box-shadow: 1px 0 0 0 #969696, 2px 0 0 0 #969696, 3px 0 0 0 #969696, 4px 0 0 0 #969696, 5px 0 0 0 #969696, 6px 0 0 0 #969696, 7px 0 0 0 #969696, 8px 0 0 0 #969696, 9px 0 0 0 #969696, 10px 0 0 0 #969696, 11px 0 0 0 #969696, 12px 0 0 0 #969696, 13px 0 0 0 #969696, 14px 0 0 0 #969696, 15px 0 0 0 #969696, 16px 0 0 0 #969696, 17px 0 0 0 #969696, 18px 0 0 0 #969696, 19px 0 0 0 #969696, 20px 0 0 0 #969696, 21px 0 0 0 #969696, 22px 0 0 0 #969696, 23px 0 0 0 #969696, 24px 0 0 0 #969696, 25px 0 0 0 #969696, 26px 0 0 0 #969696, 27px 0 0 0 #969696, 28px 0 0 0 #969696, 29px 0 0 0 #969696, 30px 0 0 0 #969696, 31px 0 0 0 #969696, 32px 0 0 0 #969696, 33px 0 0 0 #969696, 34px 0 0 0 #969696, 35px 0 0 0 #969696, 36px 0 0 0 #969696, 37px 0 0 0 #969696, 38px 0 0 0 #969696, 39px 0 0 0 #969696, 40px 0 0 0 #969696, 41px 0 0 0 #969696, 42px 0 0 0 #969696, 43px 0 0 0 #969696, 44px 0 0 0 #969696, 45px 0 0 0 #969696, 46px 0 0 0 #969696, 47px 0 0 0 #969696, 48px 0 0 0 #969696, 49px 0 0 0 #969696, 50px 0 0 0 #969696, 51px 0 0 0 #969696, 52px 0 0 0 #969696, 53px 0 0 0 #969696, 54px 0 0 0 #969696, 55px 0 0 0 #969696, 56px 0 0 0 #969696, 57px 0 0 0 #969696, 58px 0 0 0 #969696, 59px 0 0 0 #969696, 60px 0 0 0 #969696; }

div[id^=uAudioPlayer].turquoise-skin .uVolumeButton input[type="range"]::-moz-range-progress { background-color: #6BD7D7; }

div[id^=uAudioPlayer].turquoise-skin .uVolumeButton input[type="range"]::-moz-range-track { background-color: #969696; }

div[id^=uAudioPlayer].turquoise-skin .uVolumeButton input[type="range"]::-moz-range-thumb { background: #306666; border-color: #969696; }

div[id^=uAudioPlayer].turquoise-skin .uVolumeButton input[type="range"]::-ms-fill-lower { background-color: #969696; }

div[id^=uAudioPlayer].turquoise-skin .uVolumeButton input[type="range"]::-ms-fill-upper { background-color: #6BD7D7; }

div[id^=uAudioPlayer] .current-progress { width: 100%; height: 9px; appearance: none; -webkit-appearance: none; display: block; cursor: pointer; border: none; -webkit-tap-highlight-color: transparent; }

div[id^=uAudioPlayer] .uProgressBar { height: 7px; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; }

div[id^=uAudioPlayer] .uTimerAudio { font-size: 14px; font-family: sans-serif; }

div[id^=uAudioPlayer] .control-wrapper { display: flex; align-items: center; justify-content: space-between; padding: 5px; }

div[id^=uAudioPlayer] audio { display: none; }

div[id^=uAudioPlayer] .uPlayerButton { display: flex; align-items: center; justify-content: center; cursor: pointer; border: 1px solid; width: 38px; height: 28px; padding: 1px 6px; user-select: none; flex: 0 0 auto; }

div[id^=uAudioPlayer] .uPlayerButton .material-icons { font-size: 18px; width: 18px; height: 18px; }

div[id^=uAudioPlayer] .uPlayerButton:focus { outline: none; }

div[id^=uAudioPlayer] .uPlaylist { overflow-y: auto; padding: 5px; }

div[id^=uAudioPlayer] .uPlaylist a { display: block; padding: 2px 5px; text-decoration: none; border: 1px solid transparent; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

div[id^=uAudioPlayer] .uPlaylist a span { padding-right: 5px; vertical-align: middle; font-size: 18px; }

div[id^=uAudioPlayer] .uControlPanel { display: flex; align-items: center; justify-content: space-between; padding: 0 5px; width: 100%; }

div[id^=uAudioPlayer] .uControlPanel .progress-wrapper { flex: 1 1 auto; text-align: center; padding: 0 5px 15px; }

div[id^=uAudioPlayer] .uVolumeButton { min-width: 38px; display: flex; align-items: center; justify-content: flex-end; height: 28px; cursor: pointer; flex: 0 0 38px; user-select: none; -webkit-user-select: none; transition: min-width 0.3s ease 0s; /** FF*/ /* IE*/ }

div[id^=uAudioPlayer] .uVolumeButton:hover { min-width: 104px; }

div[id^=uAudioPlayer] .uVolumeButton .mute-button { width: 38px; height: 28px; display: flex; align-items: center; justify-content: center; flex: 0 0 38px; }

div[id^=uAudioPlayer] .uVolumeButton .material-icons { font-size: 18px; width: 18px; height: 18px; }

div[id^=uAudioPlayer] .uVolumeButton input[type="range"] { width: 0; margin: 0; opacity: 0; overflow: hidden; background: transparent; appearance: none; cursor: pointer; transition: width 0.3s ease 0s, opacity 0.28s step-end 0s; height: 28px; -webkit-appearance: none; }

div[id^=uAudioPlayer] .uVolumeButton input[type="range"]:focus { outline: none; }

div[id^=uAudioPlayer] .uVolumeButton input[type='range']::-webkit-slider-runnable-track { height: 5px; pointer-events: none; border-radius: 5px; overflow: hidden; }

div[id^=uAudioPlayer] .uVolumeButton input[type='range']::-webkit-slider-thumb { height: 5px; width: 5px; -webkit-appearance: none; appearance: none; border-radius: 5px; }

div[id^=uAudioPlayer] .uVolumeButton input[type="range"]::-moz-range-progress { height: 5px; }

div[id^=uAudioPlayer] .uVolumeButton input[type="range"]::-moz-range-track { height: 5px; margin-left: 4px; }

div[id^=uAudioPlayer] .uVolumeButton input[type="range"]:hover::-moz-range-thumb { opacity: 1; }

div[id^=uAudioPlayer] .uVolumeButton input[type="range"]::-moz-range-thumb { width: 8px; height: 8px; border-radius: 8px; border: 1px solid; cursor: pointer; transform: translateX(1px); opacity: 0; transition: opacity 0.3s ease 0s; }

div[id^=uAudioPlayer] .uVolumeButton input[type="range"]::-ms-fill-lower { height: 5px; }

div[id^=uAudioPlayer] .uVolumeButton input[type="range"]::-ms-fill-upper { height: 5px; }

div[id^=uAudioPlayer] .uVolumeButton:hover input[type="range"] { width: 52px; transition: width 0.3s ease 0s; opacity: 1; }

@media screen and (max-width: 768px) { div[id^=uAudioPlayer] .uVolumeButton:hover { min-width: 38px; }
  div[id^=uAudioPlayer] .uVolumeButton:hover input[type="range"] { display: none; } }