.irs--round .irs-bar {
  background-color: #00C2C0;
}

.irs--round .irs-handle {
 background-color: #00C2C0;
 border-color: #00C2C0;
 box-shadow: 0px 0px 0px 5px rgba(0, 194, 192, 0.2);
}

.irs--round .irs-handle.state_hover, 
.irs--round .irs-handle:hover {
  background-color: #00C2C0;
}

.irs--round .irs-handle {
 width: 16px;
 height: 16px;
 top: 29px
}

.irs--round .irs-from, 
.irs--round .irs-to, 
.irs--round .irs-single {
 background-color: transparent;
 color: #666666;
}

.irs--round .irs-from:before, 
.irs--round .irs-to:before, 
.irs--round .irs-single:before,
.irs--round .irs-min, 
.irs--round .irs-max {
 display: none;
}

.display-none{
	display: none;
}

.age-group {
	align-items: center;
    display: flex;
    height: 100%;
    margin-bottom: 0;
		font-weight: 800 !important;
} 

.survey-table.table thead th {
	font-weight: 700;
}

/* *,
*::after,
*::before {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	min-block-size: 100vh;
	display: grid;
	place-content: center;
	background: hsl(208, 12%, 72%);
}

.slider-container {
	--label: 2.75rem;
	--width: clamp(20rem, calc(10.18rem + 43.64vw), 32rem);
	--thumb: clamp(3rem, calc(2.28rem + 3.18vw), 3.88rem);
	inline-size: var(--width);
	aspect-ratio: 10.665 / 1;
	display: grid;
	position: relative;
	padding-inline: var(--space);
	border: 0;
	border-radius: 100vh;
	background: linear-gradient(
		to right,
		#fff9,
		#0000,
		hsl(203deg 21% 65%),
		#0001,
		#fff9
	);
	box-shadow: #0002 0px 2px 1px, #0001 0px 4px 2px, #0001 0px 8px 4px,
		#0001 0px 16px 8px, #0001 0px 26px 16px;
}

.number--label {
	position: absolute;
	top: -3rem;
	left: -1rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: var(--label);
	aspect-ratio: 1;
	border-radius: 50%;
	font-size: 1.75em;
	transition: 366ms cubic-bezier(0.3, 0.6, 0.4, 1.125);
	color: hsl(198deg 91% 45%);
}

.input-slider {
	place-self: center;
	border-radius: 100vh;
	width: calc(var(--width) - 1rem);
	height: min(2rem, 4vw);
	background-color: hsl(198deg 41% 45%);
	box-shadow: inset 0 2px 3px #0005, inset 0 -2px 2.5px 0.5px #fff3;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
}

.input-slider::-webkit-slider-thumb {
	background: linear-gradient(
		to bottom,
		#fff 30%,
		hsl(192, 3%, 68%) 75%,
		hsl(192deg 3% 46%)
	);
	border-radius: 50%;
	width: clamp(3rem, calc(2.28rem + 3.18vw), 3.88rem);
	aspect-ratio: 1;
	-webkit-appearance: none;
	appearance: none;
	box-shadow: 0 -1px 5px 4px #fff7 inset, 0 1px 1.5px #0004, 0 2px 5px #0003,
		0 5px 9px #0002;
}

.input-slider::-moz-range-thumb {
	background: linear-gradient(
		to bottom,
		#fff 30%,
		hsl(192, 3%, 68%) 75%,
		hsl(192deg 3% 46%)
	);
	border-radius: 50%;
	width: clamp(3rem, calc(2.28rem + 3.18vw), 3.88rem);
	height: clamp(3rem, calc(2.28rem + 3.18vw), 3.88rem);
	aspect-ratio: 1;
	-webkit-appearance: none;
	appearance: none;
	box-shadow: 0 -1px 5px 4px #fff7 inset, 0 1px 1.5px #0004, 0 2px 5px #0003,
		0 5px 9px #0002;
} */