.player_container{background:#111;color:#000;overflow:auto;border-radius:15px;}main{clear:both;padding:0.5rem 2rem 2.5rem 2rem;box-sizing:border-box;}main .player{position:relative;width:176px;height:176px;background:linear-gradient(0deg, #222222, #111111);border-radius:100%;border:solid 2px #000;box-shadow:inset 0 1px 2px rgba(255, 255, 255, 0.2), 0 4px 2px rgba(0, 0, 0, 0.2);}main .player .fa{font-size:1.2rem;position:absolute;cursor:pointer;transition:all 0.2s ease;text-shadow:0 0 4px cyan;}main .player .fa:hover{color:cyan;}main .player .fa.fa-play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:88px;height:88px;border:solid 2px #000;box-shadow:inset 0 1px 2px rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.6);border-radius:100%;line-height:88px;text-align:center;background:linear-gradient(0deg, #111111, #222222);}main .player .fa.fa-pause{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:88px;height:88px;border:solid 2px #000;box-shadow:inset 0 1px 2px rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.6);border-radius:100%;line-height:88px;text-align:center;background:linear-gradient(0deg, #111111, #222222);}main .player .fa.fa-repeat{top:8%;left:50%;transform:translateX(-50%);}main .player .fa.fa-fast-backward{top:50%;left:8%;transform:translateY(-50%);}main .player .fa.fa-fast-forward{top:50%;left:82%;transform:translateY(-50%);}main .player .fa.fa-volume-up{top:82%;left:50%;transform:translateX(-50%);}main .player .fa.fa-volume-off{top:82%;left:50%;transform:translateX(-50%);}main .player .fa.fa-volume-down{top:82%;left:50%;transform:translateX(-50%);}.trackTitle{text-align:center;padding-top:5px;}.audio-time-tracker{margin-top:-10px;padding-bottom:10px;}.audio-time-tracker .timer{position:relative;width:100%;height:2rem;cursor:pointer;}.audio-time-tracker .timer .bg{position:relative;top:50%;transform:translateY(-50%);height:0.6rem;border-top:solid 1px #000;border-radius:10px;background:none;box-shadow:inset 0 -1px 1px rgba(255, 255, 255, 0.2);overflow:hidden;box-sizing:border-box;}.audio-time-tracker .volumebar{position:relative;height:10rem;cursor:pointer;}.audio-time-tracker .volumebar .bg{position:relative;top:50%;transform:translateY(-50%);height:10rem;width:6px;border-top:solid 1px #000;border-radius:10px;background:none;box-shadow:inset 0 -1px 1px rgba(255, 255, 255, 0.2);overflow:hidden;box-sizing:border-box;}.progress{width:1px;height:100%;background:cyan;transition:width .1s linear;-webkit-transition:opacity 2s ease-in;-moz-transition:opacity 2s ease-in;-ms-transition:opacity 2s ease-in;-o-transition:opacity 2s ease-in;transition:opacity 2s ease-in;}.volume{width:100%;height:100%;background:cyan;transition:width .1s linear;-webkit-transition:opacity 2s ease-in;-moz-transition:opacity 2s ease-in;-ms-transition:opacity 2s ease-in;-o-transition:opacity 2s ease-in;transition:opacity 2s ease-in;}.trackinfo{color:silver;border:solid 2px #000;box-shadow:inset 0 1px 2px rgba(255, 255, 255, 0.2), 0 4px 2px rgba(0, 0, 0, 0.2);padding-top:0.5rem;box-sizing:border-box;border-radius:10px;background:linear-gradient(0deg, #222222, #111111);margin-bottom:0.4rem;font-weight:bold;}.playlist_arrow{margin-top:-17px;margin-right:10px;}.fa-small.fa.fa-upload{cursor:pointer;transition:all 0.2s ease;text-shadow:0 0 4px cyan;color:#000;font-size:1.2rem;}.fa-small.fa.fa-upload:hover{color:cyan;}.fa-small.fa.fa-cogs{cursor:pointer;transition:all 0.2s ease;text-shadow:0 0 4px cyan;color:#000;font-size:1.2rem;}.fa-small.fa.fa-cogs:hover{color:cyan;}.fa-small.fa.fa-play-circle{cursor:pointer;transition:all 0.2s ease;text-shadow:0 0 4px cyan;color:#000;font-size:1.2rem;}.fa-small.fa.fa-play-circle:hover{color:cyan;}.fa-small.fa.fa-play-circle-o{cursor:pointer;transition:all 0.2s ease;text-shadow:0 0 4px cyan;color:#000;font-size:1.2rem;}.fa-small.fa.fa-play-circle-o:hover{color:cyan;}.fa-small.fa.fa-plus-circle{cursor:pointer;transition:all 0.2s ease;text-shadow:0 0 4px cyan;color:#000;font-size:1.2rem;}.fa-small.fa.fa-plus-circle:hover{color:cyan;}.fa-small.fa.fa-plus{cursor:pointer;transition:all 0.2s ease;text-shadow:0 0 4px cyan;color:#000;font-size:1.2rem;}.fa-small.fa.fa-plus:hover{color:cyan;}.fa-small.fa.fa-toggle-on{cursor:pointer;transition:all 0.2s ease;text-shadow:0 0 4px cyan;color:#000;font-size:1.2rem;}.fa-small.fa.fa-toggle-on:hover{color:cyan;}.fa-small.fa.fa-toggle-off{cursor:pointer;transition:all 0.2s ease;text-shadow:0 0 4px cyan;color:#000;font-size:1.2rem;}.fa-small.fa.fa-toggle-off:hover{color:cyan;}.fa-small.fa.fa-paint-brush{cursor:pointer;transition:all 0.2s ease;text-shadow:0 0 4px cyan;color:#000;font-size:1.2rem;}.fa-small.fa.fa-paint-brush:hover{color:cyan;}i#iconli.fa.fa-play{cursor:pointer;font-size:10px;}i#iconli.fa.fa-pause{cursor:pointer;font-size:10px;}i#iconli.fa.fa-remove{cursor:pointer;font-size:10px;}.highlight{height:25px;}i#reposition.fa.fa-bars.ipsType_light{cursor:row-resize;}i#cyan.fa-small.fa.fa-stop{color:#000;text-shadow:0 0 4px #00ffee;margin-bottom:5px;}i#cyan.fa-small.fa.fa-stop:hover{color:#00ffee;}i#red.fa-small.fa.fa-stop{color:#000;text-shadow:0 0 4px #ff0000;margin-bottom:5px;}i#red.fa-small.fa.fa-stop:hover{color:#ff0000;}i#yellow.fa-small.fa.fa-stop{color:#000;text-shadow:0 0 4px #ffff00;margin-bottom:5px;}i#yellow.fa-small.fa.fa-stop:hover{color:#ffff00;}i#blue.fa-small.fa.fa-stop{color:#000;text-shadow:0 0 4px #00aeff;margin-bottom:5px;}i#blue.fa-small.fa.fa-stop:hover{color:#00aeff;}i#green.fa-small.fa.fa-stop{color:#000;text-shadow:0 0 4px #11ff00;margin-bottom:5px;}i#green.fa-small.fa.fa-stop:hover{color:#11ff00;}i#white.fa-small.fa.fa-stop{color:#000;text-shadow:0 0 4px #ffffff;margin-bottom:5px;}i#white.fa-small.fa.fa-stop:hover{color:#ffffff;}i#purple.fa-small.fa.fa-stop{color:#000;text-shadow:0 0 4px #8e00ff;margin-bottom:5px;}i#purple.fa-small.fa.fa-stop:hover{color:#8e00ff;}i#pink.fa-small.fa.fa-stop{color:#000;text-shadow:0 0 4px #ff0099;margin-bottom:5px;}i#pink.fa-small.fa.fa-stop:hover{color:#ff0099;}i#cyan_solid.fa-small.fa.fa-stop{color:#000;margin-right:5px;color:#00ffee;}i#red_solid.fa-small.fa.fa-stop{color:#000;margin-right:5px;color:#ff0000;}i#yellow_solid.fa-small.fa.fa-stop{color:#000;margin-right:5px;color:#ffff00;}i#blue_solid.fa-small.fa.fa-stop{color:#000;margin-right:5px;color:#00aeff;}i#green_solid.fa-small.fa.fa-stop{color:#000;margin-right:5px;color:#11ff00;}i#white_solid.fa-small.fa.fa-stop{color:#000;margin-right:5px;color:#ffffff;}i#purple_solid.fa-small.fa.fa-stop{color:#000;margin-right:5px;color:#8e00ff;}i#pink_solid.fa-small.fa.fa-stop{color:#000;margin-right:5px;color:#ff0099;}.memberscolour{}div#volumetoggle.volumeTracker{width:145px;margin-left:50px;display:none;padding-bottom:0px;position:absolute;}i#volumedown.fa-small.fa.fa-volume-off.memberscolour{position:relative;right:10px;top:11px;cursor:pointer;}i#volumeup.fa-small.fa.fa-volume-up.memberscolour{left:10px;position:relative;top:11px;cursor:pointer;}.playlist::-webkit-scrollbar{width:8px;}.playlist::-webkit-scrollbar-track{border-radius:10px;}.playlist::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:SILVER;}.player_face{position:relative;}.fa-small.fa.fa-share-alt{cursor:pointer;transition:all 0.2s ease;text-shadow:0 0 4px cyan;color:#000;font-size:1.2rem;}.fa-small.fa.fa-share-alt:hover{color:cyan;}