@import "@Themes/constants.scss";

.root {
	width: fit-content;
	height: 32px;

	display: inline-flex;
	padding: 4px 12px;
	align-items: center;
	gap: 8px;

	border-radius: var(--input-chip-radius, 360px);
	border: 1px solid var(--input-chip-default-border, #b7d1f1);
	background: var(--input-chip-default-background, #e5eefa);

	&:hover {
		background-color: var(--input-chip-hovered-background);
		border-color: var(--input-chip-hovered-border);
	}
}