.metrics-source-select-container {
	margin-bottom: 8px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 8px;
	width: 100%;

	.ant-select-selection-search-input {
		font-size: 12px !important;
		line-height: 27px;
		&::placeholder {
			color: var(--l2-foreground) !important;
			font-size: 12px !important;
		}
	}

	.source-selector {
		width: 120px;
	}

	.ant-select-selector {
		width: 100%;
		border-radius: 2px;
		border: 1px solid var(--l1-border) !important;
		background: var(--l1-background);
		color: var(--l1-foreground);
		font-family: 'Geist Mono';
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px; /* 142.857% */
		min-height: 36px;

		.ant-select-selection-placeholder {
			color: var(--l2-foreground) !important;
			font-size: 12px !important;
		}
	}

	.ant-select-dropdown {
		border-radius: 4px;
		border: 1px solid var(--l1-border);
		background: var(--l1-background);
		box-shadow: 4px 10px 16px 2px rgba(0, 0, 0, 0.2);
		backdrop-filter: blur(20px);

		.ant-select-item {
			color: var(--l1-foreground);
			font-family: 'Geist Mono';
			font-size: 13px;
			font-style: normal;
			font-weight: 400;
			line-height: 20px; /* 142.857% */

			&:hover,
			&.ant-select-item-option-active {
				background: var(--l3-background) !important;
			}

			&.ant-select-item-option-selected {
				background: var(--l3-background) !important;
				border: 1px solid var(--l1-border);
				font-weight: 600;
			}
		}
	}
}
