import styled, { css } from 'styled-components';
export var StyledRangeSlider = styled.div.withConfig({
  displayName: "StyledRangeSlider",
  componentId: "sc-18sew6p-0"
})(["display:inline-flex;align-items:center;width:100%;", ""], function (_ref) {
  var $isDisabled = _ref.$isDisabled;
  return $isDisabled && css(["opacity:0.5;cursor:not-allowed;&&& *{cursor:not-allowed;}"]);
});