[data-symptom-picker-doctors-list] {
	position: relative;

	& template {
		display: none;
	}

	& [data-symptom-picker-doctors-list-spinner] {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		width: 100%;
		min-height: 10rem;

		&::after {
			content: '';
			width: 2rem;
			aspect-ratio: 1 / 1;
			border: 1px solid #ddd;
			border-radius: 9999px;
			clip-path: inset(0 50% 0 0);
			animation: doctors-list-spinner-spinning 1s infinite linear;
		}
	}
	&:not(:has(slot:empty)) [data-symptom-picker-doctors-list-spinner] {
		display: none;
	}
}

@keyframes doctors-list-spinner-spinning {
	to {
		transform: rotate(1turn);
	}
}