.take-home-pay-calculator {
	--salary-accent: #0b7a75;
	--salary-accent-dark: #075653;
	clear: both;
}

.take-home-pay-calculator__heading {
	background: linear-gradient(135deg, var(--salary-accent-dark), var(--salary-accent));
}

.take-home-pay-calculator .form-control,
.take-home-pay-calculator .form-select,
.take-home-pay-calculator .input-group-text {
	min-height: 3rem;
}

.take-home-pay-calculator .form-control:focus,
.take-home-pay-calculator .form-select:focus {
	border-color: rgba(11, 122, 117, 0.65);
	box-shadow: 0 0 0 0.25rem rgba(11, 122, 117, 0.15);
}

.take-home-pay-calculator__stat {
	border: 1px solid rgba(11, 122, 117, 0.2);
	background: rgba(11, 122, 117, 0.07);
}

.take-home-pay-calculator__stat strong {
	color: #163d3b;
	font-variant-numeric: tabular-nums;
}

.take-home-pay-calculator .table {
	display: table;
	max-width: none;
	overflow: visible;
	font-size: 0.94rem;
	font-variant-numeric: tabular-nums;
}

.take-home-pay-calculator .table th,
.take-home-pay-calculator .table td {
	white-space: nowrap;
}

@media (max-width: 575.98px) {
	.take-home-pay-calculator .card-body {
		padding: 1.25rem !important;
	}

	.take-home-pay-calculator__results .fs-4 {
		font-size: 1.25rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.take-home-pay-calculator * {
		scroll-behavior: auto !important;
	}
}