section .whois-form {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1.5rem;
}
section .whois-form .input-wrapper {
	width: calc(100% - 1.5rem - 12rem);
	margin-top: 0;
}
section .whois-form .button{
	width: 12rem;
}

section #whois-result {
	background-color: var(--color-dark-white);
	border-radius: 0.5rem;
	padding: 1.5rem;
	white-space: pre-wrap;
}

section .loading {
	display: none;
	text-align: center;
	padding: 4rem;
	color: var(--color-black);
}

section .loading.active {
	display: block;
}

section .spinner {
	border: 4px solid #f3f3f3;
	border-top: 4px solid var(--color-black);
	border-radius: 50%;
	width: 4rem;
	height: 4rem;
	animation: spin 1s linear infinite;
	margin: 0 auto 2rem;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

section .error {
	background: #f8d7da;
	color: #721c24;
	padding: 1.5rem;
	border-radius: 0.5rem;
	margin: 2rem 0;
	display: none;
}

section .error.active {
	display: block;
}