Template:Amaranth TV/entry/styles.css

.amaranth-tv-entry {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: space-between;
	flex-wrap: wrap;
	gap: var(--space-sm);
	position: relative;
	width: 150px;
	height: 200px;
	padding: var(--space-sm);
	background: var(--color-surface-2);
	border-style: solid;
	border-width: 4px;
}

.amaranth-tv-entry a span {
	font-size: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.amaranth-tv-entry .mw-heading3 {
	z-index: 1;
}

.amaranth-tv-entry h3 {
	font-size: var(--font-size-large);
}

.amaranth-tv-entry .mw-heading3::before,
.amaranth-tv-entry .mw-heading3::after {
	display: none;
}

html.skin-theme-clientpref-day .amaranth-tv-entry {
	border-color: var(--template-arg-color-light, var(--template-arg-color-dark));
	border-image: var(--template-arg-border-image, unset);
	box-shadow: var(--template-arg-color-light, var(--template-arg-color-dark)) 0 0 10px;
}

@media (prefers-color-scheme: light) {
	html.skin-theme-clientpref-os .amaranth-tv-entry {
		border-color: solid var(--template-arg-color-light, var(--template-arg-color-dark));
		border-image: var(--template-arg-border-image, unset);
		box-shadow: var(--template-arg-color-light, var(--template-arg-color-dark)) 0 0 10px;	
	}
}

html.skin-theme-clientpref-night .amaranth-tv-entry {
	border-color: var(--template-arg-color-dark);
	border-image: var(--template-arg-border-image, unset);
	box-shadow: var(--template-arg-color-dark) 0 0 10px;
}

@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .amaranth-tv-entry {
		border-color: var(--template-arg-color-dark);
		border-image: var(--template-arg-border-image, unset);
		box-shadow: var(--template-arg-color-dark) 0 0 10px;
	}
}