@reference "tailwindcss";

.table {
	@apply absolute flex flex-col justify-center border-2 border-gray-400 text-gray-400 w-20 px-2 py-3 cursor-pointer;

	.name {
		@apply pb-1 mb-1 text-sm font-bold text-center border-b-2 border-gray-400;
	}

	.capacity {
		@apply text-sm;
	}

	&.selected {
		@apply bg-gray-400 border-gray-100/50 text-gray-50;

		.name {
			@apply border-gray-50;
		}
	}
}

.w-selection {
	@media (min-width: 1280px) {
		width: 28rem;
		min-width: 28rem;
		max-width: 28rem;
	}
}