:host {
	max-width: 63em;
	min-width: 44em;
	min-height: 20em;
	margin: auto;
	margin-top: 2em;
	margin-bottom: 2em;
	border: 1px solid rgb(var(--smoothly-medium-color));
	font-family: var(--smoothly-font-family);
}
:host[hidden] {
	display: none;
}
:host[component="subscription"] {
	margin: 1em 0 1em 0;
}
:host > section {
	display: block;
	width: 100%;
	flex-direction: row;
	justify-content: left;
	flex-wrap: wrap;
	display: flex;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: rgba(var(--smoothly-dark-color), var(--background-alpha));
}
:host > h2 {
	display: flex;
	margin-top: 0em;
	margin-bottom: 0;
	padding-bottom: 1em;
	padding-left: 1.5em;
	padding-top: 1em;
	justify-content: space-between;
}
:host > section > column > row {
	margin-bottom: 1em;
}
column > row {
	justify-content: left;
	flex-wrap: wrap;
	display: flex;
}
row > column {
	flex-direction: row;
}
section > column > row > column > row:nth-of-type(2) {
	margin-left: 5%;
}
h2 > smoothly-icon {
	margin-right: 1em;
	cursor: pointer;
}
ig-future-due-dates,
:host > section > column > row.third {
	margin-left: 0em;
	align-items: baseline
}
ig-future-due-dates {
	display: flex;
	min-width: 13em;
	margin-top: 0em;
	margin-bottom: 1em;
}
.pointer {
	cursor: pointer;
}
.pointer:hover {
	text-shadow: 0 0 0px rgb(var(--smoothly-secondary-shade));
}
section > column {
	margin-left: 5%;
}
section > column:first-of-type > row > column > row > h1 {
	min-width: 8em;
}
section > column:first-of-type > row,
section > column:first-of-type > row > column > row {
	margin-right: 0.5em;
}
column {
	margin-right: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	display: flex;
	justify-content: start;
	flex-direction: column;
	align-items: baseline
}
column > row {
	margin: 0%;
	margin-right: 2em;
	display: flex;
	flex-direction: column;
}
column > row > h1 {
	margin: 0em;
}
h1 {
	display: flex;
	margin: 5%;
	margin-top: 0em;
	margin-bottom: 0em;
	text-transform: capitalize;
}
column > row > smoothly-display {
	margin: 0%;
	max-width: 23em;
}
smoothly-display {
	display: flex;
	margin: 5%;
	margin-top: 0em;
	margin-bottom: 0em;
}
