.recibimientos-calculator {
	box-sizing: border-box;
	max-width: 720px;
}

.recibimientos-calculator *,
.recibimientos-calculator *::before,
.recibimientos-calculator *::after {
	box-sizing: inherit;
}

.recibimientos-calculator__field {
	margin-bottom: 16px;
}

.recibimientos-calculator__field label {
	display: block;
	margin-bottom: 6px;
	color: var(--cs-color-primary);
	font-size: var(--cs-font-entry-excerpt-size);
}

.recibimientos-calculator__field select {
	background: var(--cs-dark-input-background);
	border: 1px solid var(--cs-dark-border-color);
	border-radius: 10px;
	color: var(--cs-dark-input-color);
	font-size: 16px;
	line-height: 1.4;
	min-height: 44px;
	padding: 9px 12px;
	width: 100%;
}

.recibimientos-calculator__result {
	color: #fff;
	margin-top: 2rem;
}

.recibimientos-calculator__result-title {
	display: block;
	font-weight: 600;
	margin-bottom: 22px;
}

.recibimientos-calculator__variants {
	width: 100%;
}

.recibimientos-calculator__variants-header,
.recibimientos-calculator__variant-row {
	display: grid;
	grid-template-columns: 1fr 1.4fr 1fr;
	gap: 18px;
}

.recibimientos-calculator__variants-header {
	border-bottom: 1px solid var(--cs-dark-border-color);
	color: #6da7ec;
	font-size: 1rem;
	font-weight: 600;
	padding: 0 0 8px;
	margin-bottom: 8px;
}

.recibimientos-calculator__variant-row {
	align-items: center;
	color: #fff;
	font-size: 1.125rem;
	line-height: 1.2;
	padding: 4px 0;
}

.recibimientos-calculator__capacity-unit {
	font-size: 0.85em;
    padding-left: 0.2rem;
    color: var(--cs-color-contrast-700);
}

.recibimientos-calculator__variant-row--new-capacity {
	border-top: 1px solid var(--cs-dark-border-color);
	margin-top: 8px;
	padding-top: 12px;
}

.recibimientos-calculator__variants-header span:last-child,
.recibimientos-calculator__variant-row span:last-child {
	text-align: right;
}

.recibimientos-calculator__empty {
	color: #667085;
	margin: 0;
}