#file{opacity:0;width:.1px;height:.1px;position:absolute}.file-input label{margin-top:10px;margin-bottom:10px;display:block;position:relative;width:300px;height:40px;border-radius:5px;background:linear-gradient(40deg,#00B4DB,#0083B0);font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s ease-out}#panel{background-color:#fff;height:100%}.sliderLabel{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#fff;display:inline-block}.slider{-webkit-appearance:none;width:65%;height:15px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s;display:inline-block;float:right}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#00B4DB;cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#00B4DB;cursor:pointer}