:host {
	display: block;
	margin-top: .5em;
}
:host[hidden] {
	display: none;
}
form {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	border-collapse: collapse;
}
smoothly-input{
	border: 1px solid rgb(var(--smoothly-medium-color));
}
smoothly-input[name=street]#add, smoothly-input[name=address1]#add {
	width: calc(100% - 3.8em - 3px);
}
smoothly-input[name=street], smoothly-input[name=address1]  {
	width: 100%;
}
smoothly-input[name=zipCode], smoothly-input[name=address2]  {
	min-width: calc(35% - 2px);
	flex-grow: 2;
	border-top: none;
}
smoothly-input[name=city], smoothly-input[name=address3]  {
	min-width: calc(65% - 2px);
	border-top: none;
	flex-grow: 1;
}
smoothly-input[name=country] {
	width: 100%;
	border-top: none;
}
form > div {
	width: 100%;
}
smoothly-submit, smoothly-trigger {
	width: auto;
	float: right;
	background-color: transparent;
	border: none;
	cursor: pointer;
	color: transparent;
	margin-bottom: .2em;
}
smoothly-select#types {
	display: grid;
	width: 100% !important;
	border: none;
	padding-bottom: .5em;
}
smoothly-select#countries {
	width: 3.5em;
	border-bottom: 1px solid rgb(var(--smoothly-medium-color));
	border-right: none
}
#states { 
	width: 100% !important;
	border-top: none;
}
smoothly-select { 
	border: 1px solid rgb(var(--smoothly-medium-color));
	padding-bottom: .3em;
	padding-right: .3em;
	display: grid;
}
