:host {
	display: flex;
	flex-flow: column;
}
:host[hidden] {
	display: none;
}
:host {
	z-index: 2;
	padding: 0.5em 0 0.5em 0.4em;
	overflow: hidden;
	position: fixed;
	top: 10%;
	right: -3.3em;
	background-color: rgb(var(--smoothly-medium-tint));
	border-radius: .3em 0 0 .3em;
	box-shadow: var(--smoothly-shadow);
	transition: right ease-in-out .3s;
}
:host > smoothly-trigger {
	border-radius: 0;
	border: solid 1px rgb(var(--smoothly-color));
}
@keyframes slide {
	0% { width: 0; }
}
:host() > :first-child {
	border-top-left-radius: 5px;
}
:host() > :last-child {
	border-bottom-left-radius: 5px;
}
