.audioPlayer{display:flex;align-items:center;gap:10px;margin-top:10px}#playPauseButton{padding:.7em;cursor:pointer;border:none;outline:none;margin-right:.5em}#volume-slider{width:100px}.icon{position:relative;vertical-align:middle}#volume-control-cont{position:relative;align-items:center;display:flex}#volume-control-icon{color:#2c3e50;margin-right:.5em}#volume-slider{width:100%}input[type=range]{padding:2em 0;-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:2em;background:#2d85cb;cursor:pointer;margin-top:-8px}input[type=range]::-moz-range-thumb{height:20px;width:20px;border-radius:2em;background:#2d85cb;cursor:pointer}input[type=range]::-ms-thumb{height:20px;width:20px;border-radius:2em;background:#2d85cb;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#ddd}input[type=range]:active::-webkit-slider-runnable-track{background:#d6d6d6}input[type=range]::-moz-range-track{width:100%;height:6px;cursor:pointer;background:#ddd}input[type=range]::-ms-track{width:100%;height:6px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#ddd}input[type=range]:focus::-ms-fill-lower{background:#ddd}input[type=range]::-ms-fill-upper{background:#ddd}input[type=range]:focus::-ms-fill-upper{background:#ddd}