.bsp-calendar {
	border: 1px solid #dcdcde;
	padding: 16px;
	margin-bottom: 24px;
}

.bsp-calendar__header {
	margin-bottom: 12px;
}

.bsp-calendar__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 12px;
}

.bsp-calendar__slot {
	border: 1px solid #e0e0e0;
	padding: 8px;
	background-color: #fafafa;
}

.bsp-calendar__slot.is-unavailable {
	opacity: 0.5;
}

.bsp-booking-form {
	border: 1px solid #dcdcde;
	padding: 16px;
}

.bsp-form__row {
	display: flex;
	flex-direction: column;
	margin-bottom: 12px;
}

.bsp-form__message {
	margin-top: 12px;
}

.bsp-button {
	background-color: #2271b1;
	color: #ffffff;
	border: none;
	padding: 10px 16px;
	cursor: pointer;
}

.bsp-button:disabled {
	background-color: #7c848d;
	cursor: not-allowed;
}