.theme_simulator {
	width: 100%;
}
.theme_simulator_caption {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 0.8em;
}
.ts {
	/* BEG: theme variables */
	--brand-primary: #60a5fa;
	--inner-text: #000000;
	--outer-background: #FAFAFA;
	--inner-background: #FFFFFF;
	--outer-border: #CCCCCC;
	--inner-border: #F4F4F4;
	/* END: theme variables */
	width: 250px;
	height: 250px;
	box-sizing: border-box;
	border: 1px solid var(--outer-background);
	box-shadow: 0px 0px 2px var(--main-color);
	border-radius: 5px;
	background-color: var(--outer-background);
	line-height: 1.2;
	--images-color: #FFFFFF;
	margin-inline-start: auto;
	margin-inline-end: auto;
}
.ts_page {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
	width: 228px;
	height: 228px;
	padding: 10px;
	box-sizing: border-box;
	margin: 10px;
	background-color: var(--inner-background);
	border: 1px solid var(--outer-border);
	border-radius: 2px;
	overflow: hidden;		
}
.ts_col {
	overflow: hidden;
}
.ts_tp {
	background-color: #ffffff;
	background-image:
		linear-gradient(45deg, #dcdcdc 25%, transparent 25%),
		linear-gradient(-45deg, #dcdcdc 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, #dcdcdc 75%),
		linear-gradient(-45deg, transparent 75%, #dcdcdc 75%);
	background-size: 8px 8px;
	background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
}

.ts_sep {
	width: 100%;
	height: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: var(--inner-border);
	border-radius: 2px;
}

.ts_title {
	font-size: 8px;
	line-height: 1.2;
	color: var(--inner-text);
}

.ts_text {
	font-size: 4px;
	font-weight: 200;
	line-height: 1;
	color: var(--inner-text);
	text-align: justify;
}
.ts_logo {
	width: 40px;
	height: 10px;
	background-color: var(--images-color);
	border-radius: 2px;
}

.ts_author {
	display: grid;
	grid-template-columns: 10px 1fr;
	gap: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.ts_author_photo {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--images-color);
}

.ts_author_meta {

}

.ts_author_name {
	width: 100%;
	font-size: 4px;
	color: var(--inner-text);
}

.ts_author_bio {
	margin-top: 2px;
	width: 100%;
	font-size: 2px;
	color: var(--inner-text);
}

.ts_image {
	width: 100%;
	height: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 2px;
	background-color: var(--images-color);
}

.ts_date {
	width: 100%;
}

.ts_date > div {
	width: 50%;
	height: 6px;
	border-radius: 2px;
	background-color: var(--inner-border);
	float: inline-end;
}

.ts_quote {
	
}

.ts_quote_quote1 {
	font-size: 10px;
	font-weight: 700;
	color: var(--brand-primary);
}

.ts_quote_text {
	text-align: center;
	font-size: 4px;
	color: var(--inner-text);
}

.ts_quote_quote2 {
	float: inline-end;
	margin-top: 3px;
	font-size: 10px;
	font-weight: 700;
	color: var(--brand-primary);
}

.ts_domain {
	margin-top: 5px;
	width: 40px;
	height: 6px;
	border-radius: 2px;
	background-color: var(--brand-primary);
}