{"version":3,"file":"Alert.css.cjs","sources":["../../../src/components/Alert/Alert.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const AlertRootStyle = css({\n  '--alert-radius': 'var(--raikou-radius-default)',\n  '--alert-bg': 'var(--raikou-primary-color-light)',\n  '--alert-bd': '1px solid transparent',\n  '--alert-color': 'var(--raikou-primary-color-light-color)',\n\n  padding: 'var(--raikou-spacing-md) var(--raikou-spacing-md)',\n  borderRadius: 'var(--alert-radius)',\n  position: 'relative',\n  overflow: 'hidden',\n  backgroundColor: 'var(--alert-bg)',\n  border: 'var(--alert-bd)',\n  color: 'var(--alert-color)',\n});\n\nexport const AlertWrapperStyle = css({\n  display: 'flex',\n});\n\nexport const AlertBodyStyle = css({\n  flex: 1,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 'var(--raikou-spacing-xs)',\n});\n\nexport const AlertTitleStyle = css({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  fontSize: 'var(--raikou-font-size-sm)',\n  fontWeight: 700,\n\n  '&:_where([data-with-close-button])': {\n    paddingInlineEnd: 'var(--raikou-spacing-md)',\n  },\n});\n\nexport const AlertLabelStyle = css({\n  display: 'block',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n});\n\nexport const AlertIconStyle = css({\n  lineHeight: 1,\n  width: '20px',\n  height: '20px',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-start',\n  marginInlineEnd: 'var(--raikou-spacing-md)',\n  marginTop: '1px',\n});\n\nexport const AlertMessageStyle = css(({ theme }) => ({\n  textOverflow: 'ellipsis',\n  overflow: 'hidden',\n  fontSize: 'var(--raikou-font-size-sm)',\n\n  ...theme.applyStyles('light', {\n    color: theme.colors.black,\n  }),\n\n  ...theme.applyStyles('dark', {\n    color: theme.colors.white,\n  }),\n\n  \"&:_where([data-variant='filled'])\": {\n    color: 'var(--alert-color)',\n  },\n\n  \"&:_where([data-variant='white'])\": {\n    color: theme.colors.black,\n  },\n}));\n\nexport const AlertCloseButtonStyle = css({\n  width: '20px',\n  height: '20px',\n  color: 'var(--alert-color)',\n});\n"],"names":["css"],"mappings":";;;;AAEO,MAAM,iBAAiBA,SAAI,CAAA;AAAA,EAChC,gBAAkB,EAAA,8BAAA;AAAA,EAClB,YAAc,EAAA,mCAAA;AAAA,EACd,YAAc,EAAA,uBAAA;AAAA,EACd,eAAiB,EAAA,yCAAA;AAAA,EAEjB,OAAS,EAAA,mDAAA;AAAA,EACT,YAAc,EAAA,qBAAA;AAAA,EACd,QAAU,EAAA,UAAA;AAAA,EACV,QAAU,EAAA,QAAA;AAAA,EACV,eAAiB,EAAA,iBAAA;AAAA,EACjB,MAAQ,EAAA,iBAAA;AAAA,EACR,KAAO,EAAA;AACT,CAAC;AAEM,MAAM,oBAAoBA,SAAI,CAAA;AAAA,EACnC,OAAS,EAAA;AACX,CAAC;AAEM,MAAM,iBAAiBA,SAAI,CAAA;AAAA,EAChC,IAAM,EAAA,CAAA;AAAA,EACN,OAAS,EAAA,MAAA;AAAA,EACT,aAAe,EAAA,QAAA;AAAA,EACf,GAAK,EAAA;AACP,CAAC;AAEM,MAAM,kBAAkBA,SAAI,CAAA;AAAA,EACjC,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,cAAgB,EAAA,eAAA;AAAA,EAChB,QAAU,EAAA,4BAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EAEZ,oCAAsC,EAAA;AAAA,IACpC,gBAAkB,EAAA;AAAA;AAEtB,CAAC;AAEM,MAAM,kBAAkBA,SAAI,CAAA;AAAA,EACjC,OAAS,EAAA,OAAA;AAAA,EACT,QAAU,EAAA,QAAA;AAAA,EACV,YAAc,EAAA;AAChB,CAAC;AAEM,MAAM,iBAAiBA,SAAI,CAAA;AAAA,EAChC,UAAY,EAAA,CAAA;AAAA,EACZ,KAAO,EAAA,MAAA;AAAA,EACP,MAAQ,EAAA,MAAA;AAAA,EACR,OAAS,EAAA,MAAA;AAAA,EACT,UAAY,EAAA,QAAA;AAAA,EACZ,cAAgB,EAAA,YAAA;AAAA,EAChB,eAAiB,EAAA,0BAAA;AAAA,EACjB,SAAW,EAAA;AACb,CAAC;AAEM,MAAM,iBAAoB,GAAAA,SAAA,CAAI,CAAC,EAAE,OAAa,MAAA;AAAA,EACnD,YAAc,EAAA,UAAA;AAAA,EACd,QAAU,EAAA,QAAA;AAAA,EACV,QAAU,EAAA,4BAAA;AAAA,EAEV,GAAG,KAAM,CAAA,WAAA,CAAY,OAAS,EAAA;AAAA,IAC5B,KAAA,EAAO,MAAM,MAAO,CAAA;AAAA,GACrB,CAAA;AAAA,EAED,GAAG,KAAM,CAAA,WAAA,CAAY,MAAQ,EAAA;AAAA,IAC3B,KAAA,EAAO,MAAM,MAAO,CAAA;AAAA,GACrB,CAAA;AAAA,EAED,mCAAqC,EAAA;AAAA,IACnC,KAAO,EAAA;AAAA,GACT;AAAA,EAEA,kCAAoC,EAAA;AAAA,IAClC,KAAA,EAAO,MAAM,MAAO,CAAA;AAAA;AAExB,CAAE,CAAA;AAEK,MAAM,wBAAwBA,SAAI,CAAA;AAAA,EACvC,KAAO,EAAA,MAAA;AAAA,EACP,MAAQ,EAAA,MAAA;AAAA,EACR,KAAO,EAAA;AACT,CAAC;;;;;;;;;;;"}