:root {
	--ss-main-height: 2.4rem;
	--ss-option-height: 2rem;
}

.ss-main {
	&.invalid {
		border-color: red !important;
	}

	&.ss-disabled {
		background: #e7e7e7;
	}

	& .ss-values .ss-single {
		font: var(--small-text-font);
		color: #000;
	}
}

.ss-content {
	box-shadow:
		0 2px 4px 0 #11111110,
		2px 2px 4px 0 #11111110,
		-2px 2px 4px 0 #11111110;

	& .ss-list {
		& .ss-option {
			font: var(--text-font);

			&:not(.ss-disabled).ss-selected {
				background: var(--uc-blue);
				color: #fff;
			}

			&.ss-disabled {
				background: #ddd;
			}
		}
	}
}