{"version":3,"file":"Trail.css.cjs","sources":["../../../../../src/components/Loader/loaders/Trail/Trail.css.ts"],"sourcesContent":["import { css, keyframes } from '@stylefusion/react';\n\nconst spin = keyframes({\n  '0%': {\n    transform: 'rotate(0deg)',\n  },\n  '100%': {\n    transform: 'rotate(1turn)',\n  },\n});\n\nexport const LoaderTrailLoaderStyle = css({\n  position: 'relative',\n  width: 'var(--loader-size)',\n  height: 'var(--loader-size)',\n});\n\nconst LoaderTrialStyle = {\n  position: 'absolute',\n  width: '100%',\n  height: '100%',\n  borderRadius: 9999,\n  borderWidth: '2px',\n  borderTopColor: 'transparent',\n  borderRightColor: 'transparent',\n  borderLeftColor: 'transparent',\n  borderBottomColor: 'var(--loader-color)',\n};\n\nexport const LoaderTrail1Style = css({\n  ...LoaderTrialStyle,\n  borderStyle: 'solid',\n  animation: `${spin} .8s ease infinite`,\n});\n\nexport const LoaderTrail2Style = css({\n  ...LoaderTrialStyle,\n  opacity: 0.75,\n  borderStyle: 'dotted',\n  animation: `${spin} .8s linear infinite`,\n});\n"],"names":["keyframes","css"],"mappings":";;;;AAEA,MAAM,OAAOA,eAAU,CAAA;AAAA,EACrB,IAAM,EAAA;AAAA,IACJ,SAAW,EAAA;AAAA,GACb;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,SAAW,EAAA;AAAA;AAEf,CAAC,CAAA;AAEM,MAAM,yBAAyBC,SAAI,CAAA;AAAA,EACxC,QAAU,EAAA,UAAA;AAAA,EACV,KAAO,EAAA,oBAAA;AAAA,EACP,MAAQ,EAAA;AACV,CAAC;AAED,MAAM,gBAAmB,GAAA;AAAA,EACvB,QAAU,EAAA,UAAA;AAAA,EACV,KAAO,EAAA,MAAA;AAAA,EACP,MAAQ,EAAA,MAAA;AAAA,EACR,YAAc,EAAA,IAAA;AAAA,EACd,WAAa,EAAA,KAAA;AAAA,EACb,cAAgB,EAAA,aAAA;AAAA,EAChB,gBAAkB,EAAA,aAAA;AAAA,EAClB,eAAiB,EAAA,aAAA;AAAA,EACjB,iBAAmB,EAAA;AACrB,CAAA;AAEO,MAAM,oBAAoBA,SAAI,CAAA;AAAA,EACnC,GAAG,gBAAA;AAAA,EACH,WAAa,EAAA,OAAA;AAAA,EACb,SAAA,EAAW,GAAG,IAAI,CAAA,kBAAA;AACpB,CAAC;AAEM,MAAM,oBAAoBA,SAAI,CAAA;AAAA,EACnC,GAAG,gBAAA;AAAA,EACH,OAAS,EAAA,IAAA;AAAA,EACT,WAAa,EAAA,QAAA;AAAA,EACb,SAAA,EAAW,GAAG,IAAI,CAAA,oBAAA;AACpB,CAAC;;;;;;"}