.glassContainer {
	background: linear-gradient(135deg, rgba(28, 28, 34, 0.92) 0%, rgba(18, 18, 22, 0.88) 100%);
	backdrop-filter: blur(20px) saturate(160%);
	-webkit-backdrop-filter: blur(20px) saturate(160%);
	border-radius: 14px;
	box-shadow:
		0 4px 16px 0 rgba(0, 0, 0, 0.32),
		0 1px 3px 0 rgba(0, 0, 0, 0.18) inset;
	border: 1px solid rgba(60, 60, 80, 0.18);
}

.sourceCard {
	border-radius: 10px;
	background: linear-gradient(120deg, rgba(38, 38, 48, 0.98) 0%, rgba(24, 24, 32, 0.96) 100%);
	border: 1px solid rgba(60, 60, 80, 0.22);
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.18);
	transition:
		box-shadow 0.2s,
		border 0.2s,
		background 0.2s;
}

.selected {
	border: 2px solid #2563eb;
	background: linear-gradient(120deg, rgba(91, 33, 182, 0.18) 0%, rgba(38, 38, 48, 0.98) 100%);
	box-shadow: 0 0 0 2px #2563eb33;
}

.icon {
	width: 13px;
	height: 13px;
	color: #c7d2fe;
}

.name {
	font-size: 0.85rem;
	color: #f3f4f6;
	font-weight: 500;
	letter-spacing: 0.01em;
}

.cardText {
	color: #a1a1aa;
	font-size: 0.75rem;
}

/* scrollbar */
.sourceGridScroll {
	scrollbar-width: thin;
	scrollbar-color: rgba(37, 99, 235, 0.5) rgba(40, 40, 50, 0.6);
}

.sourceGridScroll::-webkit-scrollbar {
	width: 8px;
}

.sourceGridScroll::-webkit-scrollbar-track {
	background: rgba(30, 30, 38, 0.5);
	border-radius: 4px;
	margin: 4px 0;
}

.sourceGridScroll::-webkit-scrollbar-thumb {
	background: rgba(80, 80, 100, 0.6);
	border-radius: 4px;
}

.sourceGridScroll::-webkit-scrollbar-thumb:hover {
	background: rgba(37, 99, 235, 0.6);
}

.sourceGridScroll::-webkit-scrollbar-thumb:active {
	background: rgba(37, 99, 235, 0.8);
}