.cfdr {
	max-width: 720px;
	margin: 0 auto;
}

.cfdr-form {
	display: flex;
	gap: 0.5rem;
}

.cfdr-input {
	flex: 1;
	min-width: 0;
	padding: 0.75rem 1rem;
	font-size: 1.1rem;
	border: 1px solid currentColor;
	border-radius: 4px;
}

.cfdr-tlds {
	margin: 0.5rem 0 0;
	font-size: 0.875rem;
	opacity: 0.75;
}

.cfdr-message:not(:empty) {
	margin: 1rem 0;
}

.cfdr-results {
	list-style: none;
	margin: 1rem 0 0;
	padding: 0;
}

.cfdr-result {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 0.75rem 0;
	border-bottom: 1px solid rgba(127, 127, 127, 0.3);
}

.cfdr-result.is-primary {
	font-size: 1.15em;
}

.cfdr-domain {
	flex: 1;
	font-weight: 600;
	word-break: break-all;
}

.cfdr-result.is-unavailable .cfdr-domain {
	opacity: 0.55;
	font-weight: 400;
}

.cfdr-status {
	font-size: 0.875rem;
	opacity: 0.75;
}

.cfdr-add.is-in-cart {
	opacity: 0.6;
	cursor: default;
}

.cfdr-cart-links {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 1rem;
	margin-top: 1rem;
}

@media (max-width: 480px) {
	.cfdr-result {
		flex-wrap: wrap;
	}
	.cfdr-domain {
		flex-basis: 100%;
	}
}