:host {
	display: block;
}
:host > section {
	padding-bottom: 1em;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-grow: 1;
	text-overflow: ellipsis;
	background-color: rgb(var(--smoothly-default-color));
	border: solid 1px rgb(var(--smoothly-medium-shade));
}
:host > section > label {
	font-weight: bold;
	padding: 0.3em 0.5em;
	width: 100%;
	margin-left: -0.5em;
}
:host > section {
	padding: 0 0.5em;
}
:host > section > label::first-letter {
	text-transform: capitalize;
}
:host > section smoothly-icon {
	cursor: pointer;
	float: right;
}
:host[state="add"] > section smoothly-icon {
	visibility: hidden;
}
:host[state="view"] > ig-merchant-rule-input {
	display: none;
}
:host[state="add"] > ig-merchant-rule-input {
	display: block;
	margin-bottom: 0.5em;
}
