.wp-block-operiva-pricing-calculator {
	--operiva-pricing-calculator-gap: var(--wp--preset--spacing--30);

	background: var(--wp--preset--color--white);
	display: grid;
	gap: var(--operiva-pricing-calculator-gap);
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	width: 100%;
}

.wp-block-operiva-pricing-calculator__selection,
.wp-block-operiva-pricing-calculator__price-wrap {
	min-width: 0;
}

.wp-block-operiva-pricing-calculator__label-row {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	font-weight: 700;
	gap: var(--wp--preset--spacing--20);
	color: var(--wp--preset--color--text-dark);
	font-size: var(--wp--preset--font-size--s);
}

.wp-block-operiva-pricing-calculator__range {
	--operiva-pricing-calculator-progress: 0%;

	appearance: none;
	background: transparent;
	cursor: pointer;
	display: block;
	height: 1.25rem;
	margin: var(--wp--preset--spacing--20) 0 0;
	max-width: 100%;
	min-width: 0;
	width: 100%;
}

.wp-block-operiva-pricing-calculator__range::-webkit-slider-runnable-track {
	background: linear-gradient(
		to right,
		var(--wp--preset--color--accent) 0%,
		var(--wp--preset--color--accent)
			var(--operiva-pricing-calculator-progress),
		var(--wp--preset--color--background)
			var(--operiva-pricing-calculator-progress),
		var(--wp--preset--color--background) 100%
	);
	border-radius: 999px;
	height: 0.375rem;
}

.wp-block-operiva-pricing-calculator__range::-webkit-slider-thumb {
	appearance: none;
	background: var(--wp--preset--color--accent);
	border: 0;
	border-radius: 50%;
	height: 1.125rem;
	margin-top: -0.375rem;
	width: 1.125rem;
}

.wp-block-operiva-pricing-calculator__range::-moz-range-track {
	background: var(--wp--preset--color--background);
	border-radius: 999px;
	height: 0.375rem;
}

.wp-block-operiva-pricing-calculator__range::-moz-range-progress {
	background: var(--wp--preset--color--accent);
	border-radius: 999px;
	height: 0.375rem;
}

.wp-block-operiva-pricing-calculator__range::-moz-range-thumb {
	background: var(--wp--preset--color--accent);
	border: 0;
	border-radius: 50%;
	height: 1.125rem;
	width: 1.125rem;
}

.wp-block-operiva-pricing-calculator__range:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 0.25rem;
}

.wp-block-operiva-pricing-calculator__price-wrap {
	border-top: 1px solid var(--operiva-pricing-calculator-border);
	display: grid;
	gap: 0.25rem;
	padding-top: var(--wp--preset--spacing--30);
}

.wp-block-operiva-pricing-calculator__price-line {
	align-items: baseline;
	color: var(--wp--preset--color--text-dark);
	display: flex;
	flex-wrap: wrap;
	font-size: var(--wp--preset--font-size--xl);
	gap: 0.35em;
	line-height: 1.1;
}

.wp-block-operiva-pricing-calculator__price {
	font-weight: 700;
	overflow-wrap: anywhere;
}

.wp-block-operiva-pricing-calculator__price-period {
	font-weight: 400;
}

.wp-block-operiva-pricing-calculator__tax-note {
	color: var(--wp--preset--color--text-dark);
	font-size: var(--wp--preset--font-size--s);
}