:host {
	display: block;
	max-width: 63em;
}
:host[hidden] {
	display: none;
}
smoothly-submit {
	max-width: min-content;
}
:host > form {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
:host > form section {
	display: flex;
}
smoothly-trigger {
	border: none;
	position: absolute;
	right: 4em;
	top: 1.4em;
}
:host > form > main > content > *:not(.last):not(span),
:host > form > section > *:not(smoothly-trigger):not(smoothly-icon) {
	margin-bottom: .7em;
	margin-left: -1px;
	flex-grow: 1;
}
:host > form ig-select-offset,
:host > form ig-total-amount,
:host > form smoothly-select, 
:host > form smoothly-input {
	border: 1px solid rgb(var(--smoothly-medium-color));
	border-collapse: collapse;
}
smoothly-select {
	display: grid;
}
:host > form > section > *:not(smoothly-select),
:host > form ig-total-amount {
	flex-shrink: 2;
}
:host > form > section > *:first-child {
	flex-grow: 1;
}
:host > form > main {
	display: flex;
	flex-direction: row;
}
:host > form > main > content {
	min-width: 37em;
}
:host > form > main > content > section > smoothly-input:last-of-type {
	border-left: none;
}
:host > form > main > content > section:first-of-type > * {
	display: flex;
	flex-wrap: nowrap;
	flex-grow: 1;
}
smoothly-icon.opened {
	transform: rotate(90deg);
	animation-duration: .5s;
}
ig-future-due-dates {
	margin-left: .5em;
	min-width: 13em;
}
