.audioPlayer{display:flex;flex-grow:1;max-width:500px;height:40px;padding:0;border-radius:5px;overflow:hidden;background:#4e4e4e}.playButton{float:left;padding:6px}.volButton{width:40px;float:left;padding:6px}.playPause{flex-grow:.5;float:left;padding:6px}.playPause:hover,.volButton:hover{background:#6e6e6e;cursor:pointer}.wgSpinner{flex-grow:.5;float:left;padding:6px;animation:audio-load-spin infinite 1s linear}.playerVol{display:flex;width:50px;height:100%;margin:0;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes audio-load-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 500px){.playerVol,.volButton{display:none}}.Meter3-meter{flex-grow:1;float:left;width:100px;height:30px;margin:4px;background:#26262e;position:relative;overflow:hidden;z-index:0;cursor:pointer;border-radius:4px;border:1px solid #888888;transition:background-color .15s ease-in-out}.Meter3-amount{float:left;width:100%;height:100%;position:absolute;z-index:2;background-color:#3652a5;transition:background-color .15s ease-in-out}.Meter3-amtStr{display:flex;align-items:center;justify-content:center;position:absolute;z-index:3;width:100%;height:100%;padding:0;color:#fff;font-weight:700;font-size:12px;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Meter3-meter:hover{background:#36363e}.Meter3-meter:hover .Meter3-amount{background-color:#3652c5}.mParamRow{width:100px;flex-grow:1;margin:0;padding:4px 8px;box-sizing:border-box}.mBack{overflow:hidden;box-sizing:border-box;position:relative;display:flex;align-items:center;width:100%;height:100%;background-color:transparent}.mBack:hover{cursor:pointer}.mBack:hover>.mBar{background-color:#888}.mBack:hover>.mHandle{background-color:#ddd}.mBar{box-sizing:border-box;border-width:0px;border-style:solid;border-color:transparent;width:100%;height:4px;background-color:#000;position:absolute}.mSpacer{z-index:2;height:100%;position:relative}.mHandle{z-index:2;position:relative;width:20px;height:100%;background-color:#ccc;border-radius:4px}@media (max-width: 500px){.mParamRow{display:none}}