:host {
	display: block;
	width: 100%;
}
:host[hidden] {
	display: none;
}
:host > form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-collapse: collapse;
}
:host > form > smoothly-input,
:host > form > smoothly-select {
	border-collapse: collapse;
	background-color: rgb(var(--smoothly-default-color));
	border: solid 1px rgb(var(--smoothly-medium-shade));
}
:host > form > smoothly-input:last-of-type {
	min-width: 25em;
	flex-grow: 40;
	flex-shrink: 2;
	border-left: none;
}
:host > form > smoothly-select {
	flex-grow: 1;
	flex-shrink: 2;
	display: grid;
	cursor: pointer;
	padding: 0.3em 0;
}
:host > form > section {
	width: 100%;
	border: solid 1px rgb(var(--smoothly-medium-shade));
	background-color: rgb(var(--smoothly-default-color));
	display: flex;
	align-items: center;
	margin: 0.2em 0 0.5em 0;
	min-height: 2em;
}
:host > form > section > ig-autocomplete-input {
	width: calc(100% - 80px);
	display: inline-block;
	margin-left: 0.5em;
	margin-top: -0.4em;
	margin-bottom: 0.4em;
}
:host > form > section > smoothly-submit {
	z-index: 1;
}
