input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:30px;background:transparent;outline:none;margin:0;pointer-events:none;cursor:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;height:25px;width:10px;background-color:transparent;border-radius:5px;border:4px solid #00000050}.hex-input{color:#939393!important;font-weight:700!important;font-family:Inter!important;text-transform:uppercase!important;font-size:15.5px;max-width:100px}.thumb-handle-drag-area{position:absolute;z-index:2;top:-35px;left:-25px;width:calc(100% + 50px);height:100%}.thumb-handle{background-color:#52525275;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:5px}.thumb-handle-indent{background-color:#ffffff74;border-radius:5px}