{"version":3,"file":"Dots.css.mjs","sources":["../../../../../src/components/Loader/loaders/Dots/Dots.css.ts"],"sourcesContent":["import { css, keyframes } from '@stylefusion/react';\n\nconst dotsLoaderAnimation = keyframes({\n  '0%, 100%': {\n    transform: 'scale(1)',\n    opacity: 1,\n  },\n  '50%': {\n    transform: 'scale(0.6)',\n    opacity: 0.5,\n  },\n});\n\nexport const LoaderDotsLoaderStyle = css({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  gap: 'calc(var(--loader-size) / 10)',\n  position: 'relative',\n  width: 'var(--loader-size)',\n  height: 'var(--loader-size)',\n});\n\nexport const LoaderDotStyle = css({\n  width: 'calc(var(--loader-size) / 3 - var(--loader-size) / 15)',\n  height: 'calc(var(--loader-size) / 3 - var(--loader-size) / 15)',\n  borderRadius: '50%',\n  backgroundColor: 'var(--loader-color)',\n  animation: `${dotsLoaderAnimation} 0.8s infinite linear`,\n\n  '&:nth-of-type(2)': {\n    animationDelay: '0.4s',\n  },\n});\n"],"names":[],"mappings":";;AAEA,MAAM,sBAAsB,SAAU,CAAA;AAAA,EACpC,UAAY,EAAA;AAAA,IACV,SAAW,EAAA,UAAA;AAAA,IACX,OAAS,EAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,SAAW,EAAA,YAAA;AAAA,IACX,OAAS,EAAA;AAAA;AAEb,CAAC,CAAA;AAEM,MAAM,wBAAwB,GAAI,CAAA;AAAA,EACvC,OAAS,EAAA,MAAA;AAAA,EACT,cAAgB,EAAA,QAAA;AAAA,EAChB,UAAY,EAAA,QAAA;AAAA,EACZ,GAAK,EAAA,+BAAA;AAAA,EACL,QAAU,EAAA,UAAA;AAAA,EACV,KAAO,EAAA,oBAAA;AAAA,EACP,MAAQ,EAAA;AACV,CAAC;AAEM,MAAM,iBAAiB,GAAI,CAAA;AAAA,EAChC,KAAO,EAAA,wDAAA;AAAA,EACP,MAAQ,EAAA,wDAAA;AAAA,EACR,YAAc,EAAA,KAAA;AAAA,EACd,eAAiB,EAAA,qBAAA;AAAA,EACjB,SAAA,EAAW,GAAG,mBAAmB,CAAA,qBAAA,CAAA;AAAA,EAEjC,kBAAoB,EAAA;AAAA,IAClB,cAAgB,EAAA;AAAA;AAEpB,CAAC;;;;"}