{"version":3,"file":"Oval.css.cjs","sources":["../../../../../src/components/Loader/loaders/Oval/Oval.css.ts"],"sourcesContent":["import { css, keyframes } from '@stylefusion/react';\n\nconst ovalLoaderAnimation = keyframes({\n  '0%': {\n    transform: 'rotate(0deg)',\n  },\n  '100%': {\n    transform: 'rotate(360deg)',\n  },\n});\n\nexport const LoaderOvalLoaderStyle = css({\n  display: 'inline-block',\n  width: 'var(--loader-size)',\n  height: 'var(--loader-size)',\n\n  '&:after': {\n    content: \"''\",\n    display: 'block',\n    width: 'var(--loader-size)',\n    height: 'var(--loader-size)',\n    borderRadius: '10000px',\n    borderWidth: 'calc(var(--loader-size) / 8)',\n    borderStyle: 'solid',\n    borderColor: 'var(--loader-color) var(--loader-color) var(--loader-color) transparent',\n    animation: `${ovalLoaderAnimation} 1.2s linear infinite`,\n  },\n});\n"],"names":["keyframes","css"],"mappings":";;;;AAEA,MAAM,sBAAsBA,eAAU,CAAA;AAAA,EACpC,IAAM,EAAA;AAAA,IACJ,SAAW,EAAA;AAAA,GACb;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,SAAW,EAAA;AAAA;AAEf,CAAC,CAAA;AAEM,MAAM,wBAAwBC,SAAI,CAAA;AAAA,EACvC,OAAS,EAAA,cAAA;AAAA,EACT,KAAO,EAAA,oBAAA;AAAA,EACP,MAAQ,EAAA,oBAAA;AAAA,EAER,SAAW,EAAA;AAAA,IACT,OAAS,EAAA,IAAA;AAAA,IACT,OAAS,EAAA,OAAA;AAAA,IACT,KAAO,EAAA,oBAAA;AAAA,IACP,MAAQ,EAAA,oBAAA;AAAA,IACR,YAAc,EAAA,SAAA;AAAA,IACd,WAAa,EAAA,8BAAA;AAAA,IACb,WAAa,EAAA,OAAA;AAAA,IACb,WAAa,EAAA,yEAAA;AAAA,IACb,SAAA,EAAW,GAAG,mBAAmB,CAAA,qBAAA;AAAA;AAErC,CAAC;;;;"}