.ui-input-range{display:inline-flex}.ui-input-range__inner,.ui-input-range__input{display:flex;width:100%}.ui-input-range__input{align-items:center;height:24px;position:relative;overflow:hidden;background-color:var(--bg-color-darken);border:1px solid var(--border-color)}.ui-input-range__input--focus{border-color:var(--color-primary)}.ui-input-range__input-element{cursor:pointer;width:100%;opacity:0;margin:0;outline:none;display:inline-block;color:inherit;font:inherit;background-color:transparent}.ui-input-range__input-element:active,.ui-input-range__input-element:focus,.ui-input-range__input-element:hover{border-color:var(--color-primary)}.ui-input-range__input-thumb{position:absolute;inset:0 0 0 16px;pointer-events:none;height:100%;border-right:16px solid var(--color-primary);background-color:var(--bg-color);box-shadow:-16px 0 var(--bg-color)}