{"version":3,"file":"Slider.css.cjs","sources":["../../../src/components/Slider/Slider.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const SliderRootStyle = css(({ theme }) => ({\n  '--slider-size-xs': '4px',\n  '--slider-size-sm': '6px',\n  '--slider-size-md': '8px',\n  '--slider-size-lg': '10px',\n  '--slider-size-xl': '12px',\n\n  '--slider-size': 'var(--slider-size-md)',\n  '--slider-radius': '1000px',\n  '--slider-color': 'var(--raikou-primary-color-filled)',\n\n  webkitTapHighlightColor: 'transparent',\n  outline: 'none',\n  height: 'calc(var(--slider-size) * 2)',\n  paddingInline: 'var(--slider-size)',\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  touchAction: 'none',\n  position: 'relative',\n\n  ...theme.applyStyles('light', {\n    '--slider-track-bg': theme.colors.gray[2],\n    '--slider-track-disabled-bg': theme.colors.gray[4],\n  }),\n\n  ...theme.applyStyles('dark', {\n    '--slider-track-bg': theme.colors.dark[4],\n    '--slider-track-disabled-bg': theme.colors.dark[3],\n  }),\n}));\n\nexport const SliderLabelStyle = css(({ theme }) => ({\n  position: 'absolute',\n  top: '-36px',\n  fontSize: 'var(--raikou-font-size-xs)',\n  color: 'var(--raikou-color-white)',\n  padding: `calc(var(--raikou-spacing-xs) / 2)`,\n  borderRadius: 'var(--raikou-radius-sm)',\n  whiteSpace: 'nowrap',\n  pointerEvents: 'none',\n  userSelect: 'none',\n  touchAction: 'none',\n\n  ...theme.applyStyles('light', {\n    backgroundColor: theme.colors.gray[9],\n  }),\n\n  ...theme.applyStyles('dark', {\n    backgroundColor: theme.colors.dark[4],\n  }),\n}));\n\nexport const SliderThumbStyle = css(({ theme }) => ({\n  position: 'absolute',\n  display: 'flex',\n  height: 'var(--slider-thumb-size)',\n  width: 'var(--slider-thumb-size)',\n  border: '4px solid',\n  transform: 'translate(-50%, -50%)',\n  top: '50%',\n  cursor: 'pointer',\n  borderRadius: 'var(--slider-radius)',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transition: 'box-shadow 100ms ease, transform 100ms ease',\n  zIndex: 3,\n  userSelect: 'none',\n  touchAction: 'none',\n  outlineOffset: '2px',\n  left: 'var(--slider-thumb-offset)',\n\n  ...theme.applyMixin('where-rtl', {\n    left: 'auto',\n    right: 'calc(var(--slider-thumb-offset) - var(--slider-thumb-size))',\n  }),\n\n  'fieldset:disabled &, &:_where([data-disabled])': {\n    display: 'none',\n  },\n\n  '&:_where([data-dragging])': {\n    transform: 'translate(-50%, -50%) scale(1.05)',\n    boxShadow: 'var(--raikou-shadow-sm)',\n  },\n\n  ...theme.applyStyles('light', {\n    color: 'var(--slider-color)',\n    borderColor: 'var(--slider-color)',\n    backgroundColor: 'var(--raikou-color-white)',\n  }),\n\n  ...theme.applyStyles('dark', {\n    color: 'var(--raikou-color-white)',\n    borderColor: 'var(--raikou-color-white)',\n    backgroundColor: 'var(--slider-color)',\n  }),\n}));\n\nexport const SliderTrackContainerStyle = css({\n  display: 'flex',\n  alignItems: 'center',\n  width: '100%',\n  height: 'calc(var(--slider-size) * 2)',\n  cursor: 'pointer',\n\n  'fieldset:disabled &, &:_where([data-disabled])': {\n    cursor: 'not-allowed',\n  },\n});\n\nexport const SliderTrackStyle = css({\n  position: 'relative',\n  width: '100%',\n  height: 'var(--slider-size)',\n\n  '&:_where([data-inverted]:not([data-disabled]))': {\n    backgroundColor: 'var(--slider-color)',\n  },\n\n  'fieldset:disabled &:_where([data-disabled]), &:_where([data-disabled][data-inverted])': {\n    '--track-bg': 'var(--slider-track-disabled-bg)',\n  },\n\n  '&:before': {\n    content: \"''\",\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    borderRadius: 'var(--slider-radius)',\n    insetInline: 'calc(var(--slider-size) * -1)',\n    backgroundColor: 'var(--track-bg, var(--slider-track-bg))',\n    zIndex: 0,\n  },\n});\n\nexport const SliderTrackBarStyle = css(({ theme }) => ({\n  position: 'absolute',\n  zIndex: 1,\n  top: 0,\n  bottom: 0,\n  backgroundColor: 'var(--slider-color)',\n  borderRadius: 'var(--slider-radius)',\n  width: 'var(--slider-bar-width)',\n  insetInlineStart: 'var(--slider-bar-offset)',\n\n  '&:_where([data-inverted])': {\n    backgroundColor: 'var(--slider-track-bg)',\n  },\n\n  'fieldset:disabled &:_where(:not([data-inverted])), &:_where([data-disabled]:not([data-inverted]))':\n    {\n      ...theme.applyStyles('light', {\n        backgroundColor: theme.colors.gray[4],\n      }),\n\n      ...theme.applyStyles('dark', {\n        backgroundColor: theme.colors.dark[3],\n      }),\n    },\n}));\n\nexport const SliderMarkWrapperStyle = css({\n  position: 'absolute',\n  insetInlineStart: 'calc(var(--mark-offset) - var(--slider-size) / 2)',\n  top: 0,\n  zIndex: 2,\n  height: 0,\n  pointerEvents: 'none',\n});\n\nexport const SliderMarkStyle = css(({ theme }) => ({\n  border: '2px solid',\n  height: 'var(--slider-size)',\n  width: 'var(--slider-size)',\n  borderRadius: '1000px',\n  backgroundColor: 'var(--raikou-color-white)',\n  pointerEvents: 'none',\n\n  ...theme.applyStyles('light', {\n    borderColor: theme.colors.gray[2],\n  }),\n\n  ...theme.applyStyles('dark', {\n    borderColor: theme.colors.dark[4],\n  }),\n\n  '&:_where([data-filled])': {\n    borderColor: 'var(--slider-color)',\n\n    '&:_where([data-disabled])': {\n      ...theme.applyStyles('light', {\n        borderColor: theme.colors.gray[4],\n      }),\n\n      ...theme.applyStyles('dark', {\n        borderColor: theme.colors.dark[3],\n      }),\n    },\n  },\n}));\n\nexport const SliderMarkLabelStyle = css(({ theme }) => ({\n  transform: 'translate(calc(-50% + var(--slider-size) / 2), calc(var(--raikou-spacing-xs) / 2))',\n  fontSize: 'var(--raikou-font-size-sm)',\n  whiteSpace: 'nowrap',\n  cursor: 'pointer',\n  userSelect: 'none',\n\n  ...theme.applyStyles('light', {\n    color: theme.colors.gray[6],\n  }),\n\n  ...theme.applyStyles('dark', {\n    color: theme.colors.dark[2],\n  }),\n}));\n"],"names":["css"],"mappings":";;;;AAEO,MAAM,eAAkB,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EACjD,kBAAoB,EAAA,KAAA;AAAA,EACpB,kBAAoB,EAAA,KAAA;AAAA,EACpB,kBAAoB,EAAA,KAAA;AAAA,EACpB,kBAAoB,EAAA,MAAA;AAAA,EACpB,kBAAoB,EAAA,MAAA;AAAA,EAEpB,eAAiB,EAAA,uBAAA;AAAA,EACjB,iBAAmB,EAAA,QAAA;AAAA,EACnB,gBAAkB,EAAA,oCAAA;AAAA,EAElB,uBAAyB,EAAA,aAAA;AAAA,EACzB,OAAS,EAAA,MAAA;AAAA,EACT,MAAQ,EAAA,8BAAA;AAAA,EACR,aAAe,EAAA,oBAAA;AAAA,EACf,OAAS,EAAA,MAAA;AAAA,EACT,aAAe,EAAA,QAAA;AAAA,EACf,UAAY,EAAA,QAAA;AAAA,EACZ,WAAa,EAAA,MAAA;AAAA,EACb,QAAU,EAAA,UAAA;AAAA,EAEV,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,IAC5B,mBAAqB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC,CAAA;AAAA,IACxC,4BAA8B,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GAClD,CAAA;AAAA,EAED,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,IAC3B,mBAAqB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC,CAAA;AAAA,IACxC,4BAA8B,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GAClD;AACH,CAAE,CAAA;AAEK,MAAM,gBAAmB,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EAClD,QAAU,EAAA,UAAA;AAAA,EACV,GAAK,EAAA,OAAA;AAAA,EACL,QAAU,EAAA,4BAAA;AAAA,EACV,KAAO,EAAA,2BAAA;AAAA,EACP,OAAS,EAAA,CAAA,kCAAA,CAAA;AAAA,EACT,YAAc,EAAA,yBAAA;AAAA,EACd,UAAY,EAAA,QAAA;AAAA,EACZ,aAAe,EAAA,MAAA;AAAA,EACf,UAAY,EAAA,MAAA;AAAA,EACZ,WAAa,EAAA,MAAA;AAAA,EAEb,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,IAC5B,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GACrC,CAAA;AAAA,EAED,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,IAC3B,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GACrC;AACH,CAAE,CAAA;AAEK,MAAM,gBAAmB,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EAClD,QAAU,EAAA,UAAA;AAAA,EACV,OAAS,EAAA,MAAA;AAAA,EACT,MAAQ,EAAA,0BAAA;AAAA,EACR,KAAO,EAAA,0BAAA;AAAA,EACP,MAAQ,EAAA,WAAA;AAAA,EACR,SAAW,EAAA,uBAAA;AAAA,EACX,GAAK,EAAA,KAAA;AAAA,EACL,MAAQ,EAAA,SAAA;AAAA,EACR,YAAc,EAAA,sBAAA;AAAA,EACd,UAAY,EAAA,QAAA;AAAA,EACZ,cAAgB,EAAA,QAAA;AAAA,EAChB,UAAY,EAAA,6CAAA;AAAA,EACZ,MAAQ,EAAA,CAAA;AAAA,EACR,UAAY,EAAA,MAAA;AAAA,EACZ,WAAa,EAAA,MAAA;AAAA,EACb,aAAe,EAAA,KAAA;AAAA,EACf,IAAM,EAAA,4BAAA;AAAA,EAEN,GAAG,KAAM,CAAA,UAAA,CAAW,WAAa,EAAA;AAAA,IAC/B,IAAM,EAAA,MAAA;AAAA,IACN,KAAO,EAAA;AAAA,GACR,CAAA;AAAA,EAED,gDAAkD,EAAA;AAAA,IAChD,OAAS,EAAA;AAAA,GACX;AAAA,EAEA,2BAA6B,EAAA;AAAA,IAC3B,SAAW,EAAA,mCAAA;AAAA,IACX,SAAW,EAAA;AAAA,GACb;AAAA,EAEA,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,IAC5B,KAAO,EAAA,qBAAA;AAAA,IACP,WAAa,EAAA,qBAAA;AAAA,IACb,eAAiB,EAAA;AAAA,GAClB,CAAA;AAAA,EAED,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,IAC3B,KAAO,EAAA,2BAAA;AAAA,IACP,WAAa,EAAA,2BAAA;AAAA,IACb,eAAiB,EAAA;AAAA,GAClB;AACH,CAAE,CAAA;AAEK,MAAM,4BAA4BA,SAAI,CAAA;AAAA,EAC3C,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,KAAO,EAAA,MAAA;AAAA,EACP,MAAQ,EAAA,8BAAA;AAAA,EACR,MAAQ,EAAA,SAAA;AAAA,EAER,gDAAkD,EAAA;AAAA,IAChD,MAAQ,EAAA;AAAA;AAEZ,CAAC;AAEM,MAAM,mBAAmBA,SAAI,CAAA;AAAA,EAClC,QAAU,EAAA,UAAA;AAAA,EACV,KAAO,EAAA,MAAA;AAAA,EACP,MAAQ,EAAA,oBAAA;AAAA,EAER,gDAAkD,EAAA;AAAA,IAChD,eAAiB,EAAA;AAAA,GACnB;AAAA,EAEA,uFAAyF,EAAA;AAAA,IACvF,YAAc,EAAA;AAAA,GAChB;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,OAAS,EAAA,IAAA;AAAA,IACT,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,CAAA;AAAA,IACL,MAAQ,EAAA,CAAA;AAAA,IACR,YAAc,EAAA,sBAAA;AAAA,IACd,WAAa,EAAA,+BAAA;AAAA,IACb,eAAiB,EAAA,yCAAA;AAAA,IACjB,MAAQ,EAAA;AAAA;AAEZ,CAAC;AAEM,MAAM,mBAAsB,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EACrD,QAAU,EAAA,UAAA;AAAA,EACV,MAAQ,EAAA,CAAA;AAAA,EACR,GAAK,EAAA,CAAA;AAAA,EACL,MAAQ,EAAA,CAAA;AAAA,EACR,eAAiB,EAAA,qBAAA;AAAA,EACjB,YAAc,EAAA,sBAAA;AAAA,EACd,KAAO,EAAA,yBAAA;AAAA,EACP,gBAAkB,EAAA,0BAAA;AAAA,EAElB,2BAA6B,EAAA;AAAA,IAC3B,eAAiB,EAAA;AAAA,GACnB;AAAA,EAEA,mGACE,EAAA;AAAA,IACE,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,MAC5B,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,KACrC,CAAA;AAAA,IAED,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,MAC3B,eAAiB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,KACrC;AAAA;AAEP,CAAE,CAAA;AAEK,MAAM,yBAAyBA,SAAI,CAAA;AAAA,EACxC,QAAU,EAAA,UAAA;AAAA,EACV,gBAAkB,EAAA,mDAAA;AAAA,EAClB,GAAK,EAAA,CAAA;AAAA,EACL,MAAQ,EAAA,CAAA;AAAA,EACR,MAAQ,EAAA,CAAA;AAAA,EACR,aAAe,EAAA;AACjB,CAAC;AAEM,MAAM,eAAkB,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EACjD,MAAQ,EAAA,WAAA;AAAA,EACR,MAAQ,EAAA,oBAAA;AAAA,EACR,KAAO,EAAA,oBAAA;AAAA,EACP,YAAc,EAAA,QAAA;AAAA,EACd,eAAiB,EAAA,2BAAA;AAAA,EACjB,aAAe,EAAA,MAAA;AAAA,EAEf,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,IAC5B,WAAa,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GACjC,CAAA;AAAA,EAED,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,IAC3B,WAAa,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GACjC,CAAA;AAAA,EAED,yBAA2B,EAAA;AAAA,IACzB,WAAa,EAAA,qBAAA;AAAA,IAEb,2BAA6B,EAAA;AAAA,MAC3B,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,QAC5B,WAAa,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,OACjC,CAAA;AAAA,MAED,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,QAC3B,WAAa,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,OACjC;AAAA;AACH;AAEJ,CAAE,CAAA;AAEK,MAAM,oBAAuB,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EACtD,SAAW,EAAA,oFAAA;AAAA,EACX,QAAU,EAAA,4BAAA;AAAA,EACV,UAAY,EAAA,QAAA;AAAA,EACZ,MAAQ,EAAA,SAAA;AAAA,EACR,UAAY,EAAA,MAAA;AAAA,EAEZ,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,IAC5B,KAAO,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GAC3B,CAAA;AAAA,EAED,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,IAC3B,KAAO,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,CAAC;AAAA,GAC3B;AACH,CAAE,CAAA;;;;;;;;;;;;"}