Template:Amaranth TV/entry/styles.css

.amaranth-tv-entry-wrapper {
	background-image: var(--template-arg-background-image);
	background-size: cover;
	width: fit-content;
	height: fit-content;
}

.amaranth-tv-entry {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: space-between;
	flex-wrap: wrap;
	gap: var(--space-sm);
	width: 150px;
	height: 200px;
	padding: var(--space-sm);
	backdrop-filter: blur(6px);
	border-style: solid;
	border-width: 4px;
}

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;
	}
}