@yamada-ui/react/dist/cjs/components/notice/notice.style.cjs

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

const require_config = require('../../core/system/config.cjs');

//#region src/components/notice/notice.style.ts
const noticeStyle = require_config.defineComponentSlotStyle({ base: {
	closeButton: {
		"&:is([data-variant='plain'], [data-variant='island'])": { colorScheme: "mono!" },
		"&:is([data-variant='solid'])": {
			color: "colorScheme.contrast!",
			_hover: { bg: "colorScheme.solid!" }
		},
		fontSize: "md!",
		minBoxSize: "6!",
		position: "absolute",
		right: "3",
		top: "2.5"
	},
	content: {
		"&[data-close-button]": { pe: "6" },
		display: "flex",
		flex: "1",
		flexDirection: "column",
		gap: "1"
	},
	item: {
		minW: "sm",
		position: "relative"
	},
	root: {
		"--mobile-offset": "{spaces.md}",
		"--offset": "{spaces.lg}"
	}
} });

//#endregion
exports.noticeStyle = noticeStyle;
//# sourceMappingURL=notice.style.cjs.map