#eave-calculator {
	min-height: 300px;
}

#eave-calculator .background {
	filter: brightness(0.6);
}

#eave-calculator .background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: url(#filter-duotone);
}

#eave-calculator h3 {
	padding: 0;
	color: white;
}

#eave-calculator #city {
	width: 100%;
	height: 60px;
	padding-left: 20px;
	border: 2px solid var(--softgrey);
	border-radius: 10px;
	font-weight: 600;
}

#eave-calculator .select2-container--default .select2-selection--single {
	height: 60px;
	border: 2px solid var(--softgrey);
	border-radius: 10px;
}

#eave-calculator .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 58px;
	padding-left: 20px;
	font-weight: 600;
	color: var(--secondary);
}

#eave-calculator .select2-search,
#eave-calculator .select2-search--dropdown {
	padding: 0;
}

#eave-calculator .select2-container--default .select2-search--dropdown .select2-search__field {
	height: 40px;
	padding: 0 0 0 6px;
	border: 0;
	border-bottom: 2px solid var(--softgrey);
}

#eave-calculator .select2-dropdown {
	border: 2px solid var(--softgrey);
	border-radius: 10px;
	overflow: hidden;
}

#eave-calculator .select2-selection__arrow {
	display: none;
}

#eave-calculator .no-results {
	border-radius: 8px;
	text-align: center;
}

#eave-calculator #ibi {
	width: 100%;
	height: 60px;
	padding-left: 20px;
	border: 2px solid var(--softgrey);
	border-radius: 10px 0 0 10px;
	font-weight: 600;
	color: var(--secondary);
}

#ibi::placeholder {
	color: #999;
}

#ibi::-webkit-outer-spin-button,
#ibi::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

#ibi[type=number] {
	-moz-appearance: textfield;
}

#calculate {
	width: fit-content;
	height: 60px;
	padding: 0 15px;
	border: 0;
	border-radius: 0 10px 10px 0;
	background-color: var(--main);
	font-size: 24px;
	color: #fff;
	cursor: pointer;
	transition: all 280ms ease;
}

#calculate.disabled {
	filter: grayscale(1);
	cursor: not-allowed;
}

#calculate:not(.disabled):hover {
	background-color: var(--yellow);
	color: var(--secondary);
}

#eave-calculator .ibi {
	display: none;
}

#eave-calculator .result {
	color: var(--secondary);
	border-radius: 10px;
	font-size: 22px;
	background-color: rgb(255 255 255 / 95%);
	backdrop-filter: blur(5px);
	transform: scale(0.9);
	opacity: 0;
	pointer-events: none;
	transition: all 560ms ease;
	font-weight: 600;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
}

#eave-calculator .result.active {
	opacity: 1;
	transform: scale(1);
	pointer-events: all;
}

#eave-calculator .result p {
	margin: 0;
	font-weight: 400;
}

#eave-calculator .result p.title {
	font-size: var(--size-600);
	font-weight: 600;
}