{"version":3,"file":"Notification.css.cjs","sources":["../../../src/components/Notification/Notification.css.ts"],"sourcesContent":["import { css } from '@stylefusion/react';\n\nexport const NotificationRootStyle = css(({ theme }) => ({\n  '--notification-radius': 'var(--raikou-radius-default)',\n  '--notification-color': 'var(--raikou-primary-color-filled)',\n\n  overflow: 'hidden',\n  boxSizing: 'border-box',\n  position: 'relative',\n  display: 'flex',\n  alignItems: 'center',\n  paddingInlineStart: '22px',\n  paddingInlineEnd: 'var(--raikou-spacing-xs)',\n  paddingTop: 'var(--raikou-spacing-xs)',\n  paddingBottom: 'var(--raikou-spacing-xs)',\n  borderRadius: 'var(--notification-radius)',\n  boxShadow: 'var(--raikou-shadow-lg)',\n\n  '&:before': {\n    content: \"''\",\n    display: 'block',\n    position: 'absolute',\n    width: '6px',\n    top: 'var(--notification-radius)',\n    bottom: 'var(--notification-radius)',\n    insetInlineStart: '4px',\n    borderRadius: 'var(--notification-radius)',\n    backgroundColor: 'var(--notification-color)',\n  },\n\n  ...theme.applyStyles('light', {\n    backgroundColor: theme.colors.white,\n  }),\n\n  ...theme.applyStyles('dark', {\n    backgroundColor: theme.colors.dark[6],\n  }),\n\n  '&:_where([data-with-icon])': {\n    paddingInlineStart: 'var(--raikou-spacing-xs)',\n\n    '&:before': {\n      display: 'none',\n    },\n  },\n\n  '&:_where([data-with-border])': {\n    ...theme.applyStyles('light', {\n      border: `1px solid ${theme.colors.gray[3]}`,\n    }),\n\n    ...theme.applyStyles('dark', {\n      border: `1px solid ${theme.colors.dark[4]}`,\n    }),\n  },\n}));\n\nexport const NotificationIconStyle = css({\n  boxSizing: 'border-box',\n  marginInlineEnd: 'var(--raikou-spacing-md)',\n  width: '28px',\n  height: '28px',\n  borderRadius: '28px',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  backgroundColor: 'var(--notification-color)',\n  color: 'var(--raikou-color-white)',\n});\n\nexport const NotificationLoaderStyle = css({\n  marginInlineEnd: 'var(--raikou-spacing-md)',\n});\n\nexport const NotificationBodyStyle = css({\n  flex: 1,\n  overflow: 'hidden',\n  marginInlineEnd: 'var(--raikou-spacing-xs)',\n});\n\nexport const NotificationTitleStyle = css(({ theme }) => ({\n  marginBottom: '2px',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  fontSize: 'var(--raikou-font-size-sm)',\n  lineHeight: 'var(--raikou-line-height-sm)',\n  fontWeight: 500,\n\n  ...theme.applyStyles('light', {\n    color: theme.colors.gray[9],\n  }),\n\n  ...theme.applyStyles('dark', {\n    color: theme.colors.white,\n  }),\n}));\n\nexport const NotificationDescriptionStyle = css(({ theme }) => ({\n  fontSize: 'var(--raikou-font-size-sm)',\n  lineHeight: 'var(--raikou-line-height-sm)',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n\n  ...theme.applyStyles('light', {\n    color: theme.colors.black,\n  }),\n\n  ...theme.applyStyles('dark', {\n    color: theme.colors.dark[0],\n  }),\n\n  '&:_where([data-with-title])': {\n    ...theme.applyStyles('light', {\n      color: theme.colors.gray[6],\n    }),\n\n    ...theme.applyStyles('dark', {\n      color: theme.colors.dark[2],\n    }),\n  },\n}));\n\nexport const NotificationCloseButtonStyle = css(({ theme }) => ({\n  ...theme.applyMixin('hover', {\n    '&:hover': {\n      ...theme.applyStyles('light', {\n        backgroundColor: theme.colors.gray[0],\n      }),\n\n      ...theme.applyStyles('dark', {\n        backgroundColor: theme.colors.dark[8],\n      }),\n    },\n  }),\n}));\n"],"names":["css"],"mappings":"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"}