@foxone/finance-ui/es/AssetRangeInput/style/AssetRangeInput.css

The Financial UI Component Library Based on @foxone/uikit and vuetify

.finance-ui-asset-range-input{position:relative}.finance-ui-asset-range-input-top{width:100%}.finance-ui-asset-range-input-top-tips-left-amount,.finance-ui-asset-range-input-top-tips-left-txt{display:inline-block;vertical-align:middle}.finance-ui-asset-range-input-top-tips-left-amount{padding-right:16px;background-image:url(../../assets/images/svg/fill.svg);background-repeat:no-repeat;background-position:100%;background-size:12px;cursor:pointer}.finance-ui-asset-range-input-top-tips-left-amount-symbol{margin-left:2px}.finance-ui-asset-range-input-top-error{min-height:46px;color:#f44c4c}.finance-ui-asset-range-input-top-error-placeholder{width:100%;height:46px}.finance-ui-asset-range-input-mid{width:100%}.finance-ui-asset-range-input .vue-slider-dot-handle{position:absolute;top:50%;left:50%;width:24px;height:24px;border:4px solid #000;box-shadow:none;transform:translate(-50%,-50%)}.finance-ui-asset-range-input .vue-slider-dot-handle.vue-slider-dot-handle-focus{box-shadow:none}.finance-ui-asset-range-input .vue-slider-rail{background-color:#ebebeb}.finance-ui-asset-range-input .vue-slider-rail .vue-slider-process{background-color:#000}.finance-ui-asset-range-input .finance-ui-risk-slider .vue-slider-rail .vue-slider-dot-handle{border-color:#fff}.theme--dark .finance-ui-asset-range-input-top-tips-left-amount{background-image:url(../../assets/images/svg/fill-dark.svg)}.theme--dark .finance-ui-asset-range-input-top-error{color:#f67070}.theme--dark .finance-ui-asset-range-input .vue-slider-dot-handle{background-color:#000;border-color:#fff}.theme--dark .finance-ui-asset-range-input .vue-slider-rail{background-color:#36383b}.theme--dark .finance-ui-asset-range-input .vue-slider-rail .vue-slider-process{background-color:#fff}