import r from"style-inject";var n=".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: inline-block;\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  border-radius: inherit;\n  background-color: rgba(0, 0, 0, 0.7);\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n.l3-slider__filled-track {\n  position: absolute;\n  border-radius: inherit;\n  background-color: #000000;\n  background-color: #000000;\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n.l3-slider__thumb {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: #000000;\n  border-color: #000000;\n  background-color: #000000;\n  background-color: var(--color-transparent-black-05);\n  font-size: 14px;\n  top: 50%;\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  transform: translate(-50%, -50%) scale(1.33, 1.33);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  box-shadow: var(--box-shadow-small);\n}\n.l3-slider__thumb--focused {\n  border-color: rgba(0, 0, 0, 0.5);\n  border-color: var(--color-transparent-black-05);\n  cursor: grab;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  box-shadow: var(--box-shadow-small);\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  border-color: rgba(0, 0, 0, 0.5);\n  border-color: var(--color-transparent-black-05);\n  cursor: grab;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  box-shadow: var(--box-shadow-small);\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: 24px;\n  width: 24px;\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-color: var(--positive-color-selected);\n}\n.l3-slider__base--positive .l3-slider__filled-track {\n  background-color: #00ca72;\n  background-color: var(--positive-color);\n}\n.l3-slider__base--positive .l3-slider__thumb {\n  border-color: #00ca72;\n  border-color: var(--positive-color);\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--negative .l3-slider__track {\n  background-color: #b63546;\n  background-color: var(--negative-color-selected);\n}\n.l3-slider__base--negative .l3-slider__filled-track {\n  background-color: #e44258;\n  background-color: var(--negative-color);\n}\n.l3-slider__base--negative .l3-slider__thumb {\n  border-color: #e44258;\n  border-color: var(--negative-color);\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.l3-slider__thumb {\n  font-family: var(--font-family);\n}";r(n,{insertAt:"top"});export{n as default};
