import n from"style-inject";var r=".l3-slider__base {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n.l3-slider__rail {\n  cursor: pointer;\n  display: flex;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n.l3-slider__track {\n  position: absolute;\n  -webkit-tap-highlight-color: transparent;\n  border-radius: 3px;\n  top: calc(50% - 1px);\n  height: 2px;\n  width: 100%;\n}\n.l3-slider__filled-track {\n  position: absolute;\n  -webkit-tap-highlight-color: transparent;\n  height: 2px;\n  top: calc(50% - 1px);\n  width: 100%;\n}\n.l3-slider__thumb {\n  position: absolute;\n  border-radius: 50%;\n  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3), 0px 3px 1px rgba(0, 0, 0, 0.05);\n  -webkit-tap-highlight-color: transparent;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n}\n.l3-slider__thumb--dragging {\n  cursor: grabbing !important;\n}\n.l3-slider__thumb--focused {\n  cursor: grab;\n}\n.l3-slider__thumb-label {\n  bottom: calc(100% + 8px);\n  left: 50%;\n  max-width: 50px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n.l3-slider:not(.l3-slider--disabled) .l3-slider__thumb:focus-visible, .l3-slider:not(.l3-slider--disabled) .l3-slider__thumb.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209deg, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.l3-slider:not(.l3-slider--disabled) .l3-slider__thumb:focus:not(.focus-visible) {\n  outline: none;\n}\n.l3-slider:not(.l3-slider--disabled) .l3-slider__thumb:hover {\n  cursor: grab;\n}\n.l3-slider__base--disabled {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n.l3-slider__base--disabled * {\n  pointer-events: none;\n}\n.l3-slider__base--small {\n  padding: 0 8px;\n}\n.l3-slider__base--small .l3-slider__rail {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n.l3-slider__base--small .l3-slider__thumb {\n  height: 16px;\n  width: 16px;\n}\n.l3-slider__base--medium {\n  padding: 0 12px;\n}\n.l3-slider__base--medium .l3-slider__rail {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n.l3-slider__base--medium .l3-slider__thumb {\n  height: 20px;\n  width: 20px;\n}\n.l3-slider__base--large {\n  padding: 0 12px;\n}\n.l3-slider__base--large .l3-slider__rail {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}\n.l3-slider__base--large .l3-slider__thumb {\n  height: 24px;\n  width: 24px;\n}\n.l3-slider__base--positive .l3-slider__track {\n  background: var(--color-transparent-white-01);\n}\n.l3-slider__base--positive .l3-slider__filled-track {\n  background: var(--color-gradient-green);\n}\n.l3-slider__base--positive .l3-slider__thumb {\n  background: var(--color-gradient-green);\n}\n.l3-slider__base--positive:not(.l3-slider__base--positive--disabled) .l3-slider__thumb:hover {\n  border-color: #00a25b;\n  border-color: var(--positive-color-hover);\n}\n.l3-slider__base--normal .l3-slider__track {\n  background: var(--color-transparent-white-01);\n}\n.l3-slider__base--normal .l3-slider__filled-track {\n  background: var(--color-gradient-light-blue);\n}\n.l3-slider__base--normal .l3-slider__thumb {\n  background: var(--color-gradient-light-blue);\n}\n.l3-slider__base--normal:not(.l3-slider__base--normal--disabled) .l3-slider__thumb:hover {\n  border-color: #00a25b;\n  border-color: var(--positive-color-hover);\n}\n.l3-slider__base--negative .l3-slider__track {\n  background: var(--color-transparent-white-01);\n}\n.l3-slider__base--negative .l3-slider__filled-track {\n  background: var(--color-gradient-red);\n}\n.l3-slider__base--negative .l3-slider__thumb {\n  background: var(--color-gradient-red);\n}\n.l3-slider__base--negative:not(.l3-slider__base--negative--disabled) .l3-slider__thumb:hover {\n  border-color: #b63546;\n  border-color: var(--negative-color-hover);\n}";n(r,{insertAt:"top"});export{r as default};
