:host {
	display: block;
}
:host[hidden] {
	display: none;
}
:host > div > ig-orders-table {
	border: 1px solid rgb(var(--smoothly-medium-color));
}
:host > div > ig-orders-footer {
	width: 100%;
	max-width: 90em;
	z-index: 1;
	position: sticky;
	bottom: 0;
	color: rgb(var(--smoothly-light-contrast));
	background-color: rgb(var(--smoothly-light-color));
	padding: .5em 0 .5em 0;
}
smoothly-trigger {
	display: inline;
}
:host > div > div > smoothly-trigger:hover {
	border-color: transparent;
}
.toolbar {
	z-index: 1;
	padding: 0.5em 0 0.9em 0.5em;
	overflow: hidden;
	position: fixed;
	height: 10.1em;
	background-color: rgb(var(--smoothly-light-color));
	top: 33%;
	right: 0;
	border-radius: .3em 0 0 .3em;
	box-shadow: var(--smoothly-shadow);
	animation-name: slide;
	animation-duration: .3s;
	animation-timing-function: ease-out;
}
@keyframes slide {
	0% { width: 0; }
}
#charge {
	display: inline-block;
	border-radius: 5px 0 0 0;
	background-color: rgb(var(--smoothly-success-color));
}
#cancel, #refund {
	display: inline-block;
	border-radius: 0;
	background-color: rgb(var(--smoothly-danger-color));
}
#synchronize {
	display: inline-block;
	border-radius: 0;
	background-color: rgb(var(--smoothly-dark-color));
	border-bottom-left-radius: 5px;
}
p {
	margin: 1em;
}
