*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#eff1f5;overflow:hidden}.nm-btn{cursor:pointer;color:#4c4f69;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex}.nm-btn:hover{background:#9ca0b059}.nm-btn:active{background:#9ca0b08c}.nm-volume{appearance:none;cursor:pointer;background:#9ca0b080;border-radius:2px;outline:none;flex-shrink:0;width:80px;height:4px}.nm-volume::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4c4f69;border-radius:50%;width:14px;height:14px}.nm-volume::-moz-range-thumb{cursor:pointer;background:#4c4f69;border:none;border-radius:50%;width:14px;height:14px}