@use "../mixins" as *;

.tooltip {
	@include flex($inline: true, $align: center, $justify: center);
	@include typography-body;
	box-sizing: border-box;
	inline-size: max-content;
	max-inline-size: 320px;
	padding-inline: 8px;
	padding-block: 5px 7px;
	background-clip: padding-box;
	background-color: var(--fds-solid-background-quarternary);
	border: 1px solid var(--surface-stroke-flyout);
	border-radius: var(--control-corner-radius);
	box-shadow: var(--tooltip-shadow);
}