{"version":3,"file":"Bars.css.mjs","sources":["../../../../../src/components/Loader/loaders/Bars/Bars.css.ts"],"sourcesContent":["import { css, keyframes } from '@stylefusion/react';\n\nconst motionAnimation = keyframes({\n  '0%': {\n    transform: 'scale(0.6)',\n    opacity: 0,\n  },\n  '50%, 100%': {\n    transform: 'scale(1)',\n  },\n});\n\nexport const LoaderBarsLoaderStyle = css({\n  position: 'relative',\n  width: 'var(--loader-size)',\n  height: 'var(--loader-size)',\n  display: 'flex',\n  gap: 'calc(var(--loader-size) / 5)',\n});\n\nexport const LoaderBarStyle = css({\n  flex: 1,\n  backgroundColor: 'var(--loader-color)',\n  animation: `${motionAnimation} 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite`,\n  borderRadius: '2px',\n\n  '&:nth-of-type(1)': {\n    animationDelay: '-240ms',\n  },\n  '&:nth-of-type(2)': {\n    animationDelay: '-120ms',\n  },\n  '&:nth-of-type(3)': {\n    animationDelay: 0,\n  },\n});\n"],"names":[],"mappings":";;AAEA,MAAM,kBAAkB,SAAU,CAAA;AAAA,EAChC,IAAM,EAAA;AAAA,IACJ,SAAW,EAAA,YAAA;AAAA,IACX,OAAS,EAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,SAAW,EAAA;AAAA;AAEf,CAAC,CAAA;AAEM,MAAM,wBAAwB,GAAI,CAAA;AAAA,EACvC,QAAU,EAAA,UAAA;AAAA,EACV,KAAO,EAAA,oBAAA;AAAA,EACP,MAAQ,EAAA,oBAAA;AAAA,EACR,OAAS,EAAA,MAAA;AAAA,EACT,GAAK,EAAA;AACP,CAAC;AAEM,MAAM,iBAAiB,GAAI,CAAA;AAAA,EAChC,IAAM,EAAA,CAAA;AAAA,EACN,eAAiB,EAAA,qBAAA;AAAA,EACjB,SAAA,EAAW,GAAG,eAAe,CAAA,2CAAA,CAAA;AAAA,EAC7B,YAAc,EAAA,KAAA;AAAA,EAEd,kBAAoB,EAAA;AAAA,IAClB,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,kBAAoB,EAAA;AAAA,IAClB,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,kBAAoB,EAAA;AAAA,IAClB,cAAgB,EAAA;AAAA;AAEpB,CAAC;;;;"}