: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: #fff; /* White used for contrast in text and interactive elements */
	--header-background: #ECF1FA; /* Similar to primary background */
	--button-background: #9a6ed3; /* Light purple for buttons */
	--button-secondary-background: #9a6ed3; /* Violet for secondary buttons or hovered state */
	--button-disabled-background: #d9cfe5; /* A muted version of the primary background */
	--button-border: #9a6ed3; /* Matching the button background */
	--button-disabled-border: rgba(50, 54, 83, .6); /* Darker and muted tone for disabled states */
	--active-element: #e6daf6; /* 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: #9a6ed3; /* Borders for elements needing emphasis */
	--border-color-faded: #9a6ed3; /* 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: #9a6ed3; /* Background for highlighted items */
	--progress: #1717170f; /* Color for progress bars or active elements */
	--progress-track: #000000; /* 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__descr span.option-image {
	font-size: inherit;
}

.evaluation-quiz__count-input:checked + .evaluation-quiz__count-num {
	color: var(--active-element);
}

.evaluation-quiz__bottom {
	color: #707383;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 400;
	letter-spacing: -.03em;
	line-height: 1.21;
}

.quiz__list-item:before {
	background: #9a6ed3;
	width: 8px;
	height: 8px;
	border-radius: 10px;
	position: relative;
	top: 4px;
}

.creating__spinner-icon {
	width: 150px;
	height: 150px;
}

.creating__spinner-icon .loader-path {
	stroke: var(--button-background);
}

.radios-quiz__options-images-label {
	margin-bottom: 0;
}

.evaluation-quiz__list {
	background-color: var(--primary-background);
}

.button__icon {
	display: none;
}

.quiz__body.without-arrow .radios-quiz__descr {
	justify-content: center;
}

.quiz__body.without-arrow .radios-quiz__descr svg {
	display: none;
}

.eyes-quiz__inner {
	padding: 0;
	border-radius: 16px;
	border: 2px solid var(--light-background);
}

.full-img .eyes-quiz__image img {
	border-radius: 14px;
}

.eyes-quiz__input:checked + .eyes-quiz__inner {
	border: 2px solid var(--primary-color);
}

.eyes-quiz__descr {
	color: var(--text-primary);
	padding: 10px 8px;
	font-weight: 500;
	font-size: 14px;
}

.button {
	color: #ffffff;
	border-radius: 12px;
	text-transform: uppercase;
}

.button__icon {
	stroke: #ffffff;
}

.before-after-arrows img {
	width: 80px !important;
}

.button[disabled] {
	opacity: 0.8;
	background: var(--light-background);
}

.checkboxs-quiz__input:checked + .checkboxs-quiz__inner {
	background: #f5eeff;
	color: #fff;
}

.checkboxs-quiz__inner {
	background: var(--light-background);
	border: 2px solid var(--light-background);
}

.checkboxs-quiz__input:checked + .checkboxs-quiz__inner {
	background: #f5eeff;
	color: #fff;
	box-shadow: none;
}

.checkboxs-quiz__input:checked + .checkboxs-quiz__inner .checkboxs-quiz__square {
	background: #9a6ed3;
}

.evaluation-quiz__count-input:checked + .evaluation-quiz__count-num {
	background: #e6daf6;
	box-shadow: none;
}

.checkboxs-quiz__square {
	border: 2px solid #dddddd;
}

.checkboxs-quiz__input:checked + .checkboxs-quiz__inner .checkboxs-quiz__square svg {
	display: block;
	position: relative;
	top: 2px;
}

.checkboxs-quiz__input:checked + .checkboxs-quiz__inner .checkboxs-quiz__descr {
	color: var(--text-light);
}

.radios-quiz__descr {
	justify-content: flex-start;
}

.radios-quiz__descr svg {
	display: none;
}

.quiz__descr {
	font-weight: 500;
}
.quiz__descr a {
	color: var(--primary-color);
	text-decoration: underline;
}

.email__form-input {
	border-radius: 16px;
}

.stars-complete__item-icon {
	background: url(/projects/aurora/star.svg) no-repeat 50% 50%;
	color: orange;
}

.stars-complete {
	justify-content: flex-start;
	margin-top: 4px;
}

.complete__evaluation-descr {
	text-align: left;
}

.complete__progress-bar-track {
	background-color: var(--primary-color);
}

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

.checkboxs-quiz__square svg {
	display: none;
}

.before-after-body {
	justify-content: space-between;
}

.before-after-body img {
	height: auto;
	width: 214px;
}

.radios-quiz__options-images img {
	height: 150px;
}

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

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

.counter-quiz__round {
	stroke: var(--button-background);
}