/* ==========================================
   GLASS PANEL TOKENS
   ========================================== */
.page-hero,
.card,
.table__row,
.resource-bar,
.city-stat,
.city-block,
.st__story,
.zo__enc-card,
.zo__animal-item,
.zo__special-block,
.notification-item,
.activity-item {
	background: var(--glass);
	border: 1px solid var(--glass-border);
}

.table__row,
.city-stat,
.city-block,
.notification-item,
.activity-item {
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.flash {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.resource-bar {
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.card,
.zo__enc-card {
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.page-hero {
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}