:host {
	display: flex;
	position: relative;
}
:host > .card {
	height: calc(14.49em - 1.4em);
	background-color: rgb(var(--smoothly-default-shade));
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: .7em;
	width: calc(23em - 1.4em);
	padding: .7em;
	position: relative;
}
:host > .card > smoothly-display:nth-of-type(1) {
	position: absolute;
	top: 45%;
	left: 25%;
	font-size: 120%;
	width: 50%;
}
:host > .card > p {
	position: absolute;
	bottom: 15%;
	left: 75%;
	font-size: 80%;
	text-transform: uppercase;
}
:host > .card > smoothly-display:nth-of-type(2)  {
	position: absolute;
	bottom: 10%;
	left: 75%;
	font-size: 1.1em;
}
:host > .card > smoothly-icon {
	position: absolute;
	top: 7em;
	right: -3em;
	cursor: pointer;
}
:host > .table {
	display: flex;
	justify-content: space-between;
}
:host > .table > * {
	width: 10em;
}
:host > .table > *:nth-child(2) {
	width: 15em;
}
:host > .table > p {
	display: none;
}
:host > .table > smoothly-icon {
	position: absolute;
	right: 0em;
	cursor: pointer;
	display: none;
}
:host > .table:hover > smoothly-icon {
	display: block;
}
