{"version":3,"file":"AspectRatio.css.mjs","sources":["../../../src/components/AspectRatio/AspectRatio.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const aspectRatioRootStyle = css({\n  '--ar-ratio': 1,\n  maxWidth: '100%',\n\n  '& > :_where(*:not(style))': {\n    aspectRatio: 'var(--ar-ratio)',\n    width: '100%',\n  },\n\n  '& > :_where(img, video)': {\n    objectFit: 'cover',\n  },\n});\n"],"names":[],"mappings":";;AAEO,MAAM,uBAAuB,GAAI,CAAA;AAAA,EACtC,YAAc,EAAA,CAAA;AAAA,EACd,QAAU,EAAA,MAAA;AAAA,EAEV,2BAA6B,EAAA;AAAA,IAC3B,WAAa,EAAA,iBAAA;AAAA,IACb,KAAO,EAAA;AAAA,GACT;AAAA,EAEA,yBAA2B,EAAA;AAAA,IACzB,SAAW,EAAA;AAAA;AAEf,CAAC;;;;"}