.house { cursor: pointer; }
.house.is-selected { opacity: 1; }
.house[data-status=reserv] { fill: rgba(79, 41, 22, 0.5); }
.house[data-status=sold] { fill: rgba(92, 92, 92, 0.6); }

.chess-card__title .fg-badge--reserv { background: var(--brown-color); color: #fff; }
.chess-card__title .fg-badge--sold { background: #9A9A9A; color: #fff; }

.chess-card__btn--disabled {
	background: #5C5C5C !important;
	color: #fff !important;
	cursor: not-allowed;
}
.chess-card__list li.is-empty { display: none; }
.chess-card,
.chess-booking { transition: opacity .18s ease; }
.chess-right.is-updating .chess-card,
.chess-right.is-updating .chess-booking { opacity: 0; }
.fg-hp {
	position: absolute !important;
	left: -9999rem !important;
	width: 1rem; height: 1rem;
	opacity: 0; pointer-events: none;
}
.chess-booking__input.error,
.chess-booking__textarea.error {
	border-color: #d63638 !important;
	box-shadow: 0 0 0 1rem #d63638;
}
.chess-booking__error {
	background: #fbeaea;
	color: #a30000;
	border-radius: 8rem;
	padding: 10rem 12rem;
	margin-bottom: 12rem;
	font-size: 14rem;
}
.chess-booking__submit.is-loading {
	opacity: .7;
	pointer-events: none;
	position: relative;
}
.chess-booking__success {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 12rem;
	padding: 24rem 8rem;
}
.chess-booking__success-ico {
	width: 56rem; height: 56rem;
	border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: #4c7700;
	color: #fff;
	font-size: 30rem;
	line-height: 1;
	animation: fgPop .3s ease;
}
.chess-booking__success p { font-size: 16rem; margin: 0; }
@keyframes fgPop {
	0% { transform: scale(.6); opacity: 0; }
	100% { transform: scale(1); opacity: 1; }
}
.chess-booking__submit.is-loading::after {
	content: "";
	display: inline-block;
	width: 14rem; height: 14rem;
	margin-left: 8rem;
	vertical-align: -2rem;
	border: 2rem solid rgba(255, 255, 255, .5);
	border-top-color: #fff;
	border-radius: 50%;
	animation: fgSpin .7s linear infinite;
}
@keyframes fgSpin { to { transform: rotate(360deg); } }
.house:focus { outline: none; }
.house:focus-visible { outline: 2rem solid #1d2327; outline-offset: 1rem; }
@media (prefers-reduced-motion: reduce) {
	.chess-card,
	.chess-booking,
	.chess-booking__success-ico,
	.chess-booking__submit.is-loading::after {
		transition: none !important;
		animation: none !important;
	}
}