:root {
	--primary-color: #323653; /* Light purple used for active elements */
	--primary-background: #ffffff; /* Dark purple used for the main background */
	--secondary-background: #323653; /* Violet for progress indicator and secondary accents */
	--light-background: #f5f6f8; /* White used for contrast in text and interactive elements */
	--header-background: #ECF1FA; /* Similar to primary background */
	--button-background: #FF1787; /* Light purple for buttons */
	--button-secondary-background: #FF1787; /* Violet for secondary buttons or hovered state */
	--button-disabled-background: #d9cfe5; /* A muted version of the primary background */
	--button-border: #FF1787; /* Matching the button background */
	--button-disabled-border: rgba(50, 54, 83, .6); /* Darker and muted tone for disabled states */
	--active-element: #4a95ff1a; /* Highlight and active state color */
	--text-primary: #0d1128; /* Primary text color */
	--text-secondary: #323653; /* Secondary text, lighter for less emphasis */
	--text-dark: #323653; /* Dark text, mostly for use on light backgrounds */
	--text-light: #323653; /* Light text for use on dark backgrounds */
	--border-color: #FF1787; /* Borders for elements needing emphasis */
	--border-color-faded: #FF1787; /* Faded borders for less focus */
	--shadow-color: #3E185F1a; /* Subtle shadow for depth, slightly transparent */
	--shadow-color-strong: #00000040; /* Stronger shadow for prominent elements */
	--highlight-bg: #FF1787; /* Background for highlighted items */
	--progress: #e2e4e8; /* Color for progress bars or active elements */
	--progress-track: #828282; /* Background color of progress tracks, more subdued */
	--empathy-orange-40: #98a4ff;
	--sui-button-border-radius: 12px;
	--mindful-brown-white: #b6b6b6;
	--mindful-brown-80: #323653;
	--background-before-after: #e2e3f5;
  }

.radios-quiz__input:checked + .radios-quiz__descr,
.eyes-quiz__input:checked + .eyes-quiz__inner,
.checkboxs-quiz__input:checked + .checkboxs-quiz__inner,
.eyes-quiz__inner,
.checkboxs-quiz__inner,
.radios-quiz__descr {
	box-shadow: none;
}

.eyes-quiz__inner,
.checkboxs-quiz__inner,
.radios-quiz__descr {
	border: 1px solid var(--light-background);
}

.radios-quiz__input:checked + .radios-quiz__descr,
.eyes-quiz__input:checked + .eyes-quiz__inner,
.checkboxs-quiz__input:checked + .checkboxs-quiz__inner {
	border: 1px solid #4a95ff;
}

.checkboxs-quiz__inner .checkboxs-quiz__square {
	display: none;
}

.eyes-quiz__inner .eyes-quiz__top {
	display: none;
}

.eyes-quiz__descr {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: center;
	margin: 0;
	text-align: center;
}

.eyes-quiz__label {
	min-height: 80px;
}

.radios-quiz__descr svg {
	display: none;
}

.checkboxs-quiz__inner,
.radios-quiz__descr {
	border-radius: 16px;
}

.quiz__progress {
	height: 4px;
}

.quiz__btn-prev .quiz__btn-prev-icon path {
	stroke: #000000;
}

.main__plan-button {
	border-radius: 30px;
}

.card-plan__data-cost {
	color: var(--button-disabled-background);
}

.card-plan__input:checked + .card-plan__inner .card-plan__data-cost {
	color: var(--text-secondary);
}