{"version":3,"file":"aspect-ratio.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/aspect-ratio/aspect-ratio.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const aspectRatioStyle = defineComponentStyle({\n  base: {\n    \"& > *:not(style)\": {\n      alignItems: \"center\",\n      bottom: \"0\",\n      display: \"flex\",\n      h: \"100%\",\n      justifyContent: \"center\",\n      left: \"0\",\n      overflow: \"hidden\",\n      position: \"absolute\",\n      right: \"0\",\n      top: \"0\",\n      w: \"100%\",\n    },\n    \"& > img, & > video\": {\n      objectFit: \"cover\",\n    },\n    position: \"relative\",\n  },\n})\n\nexport type AspectRatioStyle = typeof aspectRatioStyle\n"],"mappings":";;;AAEA,MAAa,mBAAmBA,oCAAqB,EACnD,MAAM;CACJ,oBAAoB;EAClB,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,GAAG;EACH,gBAAgB;EAChB,MAAM;EACN,UAAU;EACV,UAAU;EACV,OAAO;EACP,KAAK;EACL,GAAG;EACJ;CACD,sBAAsB,EACpB,WAAW,SACZ;CACD,UAAU;CACX,EACF,CAAC"}