/**
 * Phase 3 interface styles for HEXANN Rapid Configurator.
 */

html.hrc-viewport-locked,
body.hrc-viewport-locked {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	overflow: hidden !important;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	overscroll-behavior: none;
}

.hrc-configurator {
	--hrc-app-height: 100dvh;
	--hrc-admin-offset: 0px;
	--hrc-header-height: 72px;
	--hrc-yellow: #f6cc22;
	--hrc-yellow-pale: #fff9df;
	--hrc-black: #111111;
	--hrc-white: #ffffff;
	--hrc-gray-50: #fafafa;
	--hrc-gray-100: #f2f2f2;
	--hrc-gray-200: #dddddd;
	--hrc-gray-500: #6f6f6f;
	--hrc-error: #a52424;
	display: block;
	width: 100%;
	min-width: 0;
	max-width: none;
	height: var(--hrc-app-height);
	max-height: var(--hrc-app-height);
	margin: 0;
	overflow: hidden;
	padding: 0;
	color: var(--hrc-black);
	background: var(--hrc-white);
	font-family: "Hexann2", sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

.hrc-configurator.hrc-configurator--viewport {
	position: fixed !important;
	top: var(--hrc-admin-offset) !important;
	right: 0 !important;
	bottom: auto !important;
	left: 0 !important;
	z-index: 99990;
	width: 100vw !important;
	max-width: none !important;
	height: var(--hrc-app-height) !important;
	min-height: 0 !important;
	max-height: var(--hrc-app-height) !important;
	margin: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

.admin-bar .hrc-configurator {
	--hrc-app-height: calc(100dvh - 32px);
	--hrc-admin-offset: 32px;
}

.hrc-configurator,
.hrc-configurator * {
	box-sizing: border-box;
}

.hrc-configurator [hidden] {
	display: none !important;
}

.hrc-configurator__app {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: none;
	height: 100%;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
	background: var(--hrc-white);
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.hrc-configurator__app-header {
	display: flex;
	flex: 0 0 var(--hrc-header-height);
	align-items: center;
	justify-content: space-between;
	min-width: 0;
	height: var(--hrc-header-height);
	padding: 0 clamp(22px, 2.4vw, 36px);
	color: var(--hrc-white);
	background: var(--hrc-black);
}

.hrc-configurator__logo {
	display: block;
	width: clamp(120px, 9vw, 142px);
	height: auto;
	max-height: 38px;
	object-fit: contain;
}

.hrc-configurator .hrc-configurator__logo-link,
.hrc-configurator .hrc-configurator__logo-link:visited,
.hrc-configurator .hrc-configurator__logo-link:hover,
.hrc-configurator .hrc-configurator__logo-link:active {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	margin: -7px;
	padding: 7px;
	color: var(--hrc-white) !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0;
	border-color: transparent !important;
	border-radius: 4px;
	box-shadow: none !important;
	line-height: 0;
	text-decoration: none !important;
	cursor: pointer;
}

.hrc-configurator .hrc-configurator__logo-link:hover,
.hrc-configurator .hrc-configurator__logo-link:active {
	opacity: 0.88;
}

.hrc-configurator .hrc-configurator__logo-link:focus-visible {
	outline: 3px solid var(--hrc-yellow) !important;
	outline-offset: 3px;
	box-shadow: none !important;
}

.hrc-configurator__app-label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	color: var(--hrc-white);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1;
	white-space: nowrap;
}

.hrc-configurator__app-accent {
	display: block;
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	background: var(--hrc-yellow);
	border-radius: 50%;
}

.hrc-configurator__app-label-mobile {
	display: none;
}

.hrc-configurator__shell {
	display: grid;
	flex: 1 1 auto;
	grid-template-columns: minmax(0, 38%) minmax(0, 62%);
	width: 100%;
	min-width: 0;
	max-width: none;
	height: auto;
	min-height: 0;
	max-height: none;
	overflow: hidden;
	background: var(--hrc-white);
}

.hrc-configurator__hero {
	position: relative;
	width: 100%;
	max-width: none;
	height: 100%;
	min-width: 0;
	min-height: 100%;
	overflow: hidden;
	background: #252525;
}

.hrc-configurator__hero::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 12%;
	pointer-events: none;
	content: "";
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 38%, rgba(255, 255, 255, 0.72) 78%, #ffffff 100%);
}

.hrc-configurator__hero-image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center bottom;
	transform: none;
}

.hrc-configurator__eyebrow,
.hrc-configurator__intro-title,
.hrc-configurator__intro-copy,
.hrc-configurator__intro-duration,
.hrc-step__label,
.hrc-step__title,
.hrc-step__helper,
.hrc-field-error,
.hrc-summary__title,
.hrc-summary__list,
.hrc-summary__item,
.hrc-summary__item dt,
.hrc-summary__item dd {
	margin: 0;
}

.hrc-configurator__panel {
	display: flex;
	height: 100%;
	max-width: none;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
	background: var(--hrc-white);
}

.hrc-configurator__intro {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	min-height: 0;
	max-width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding: clamp(34px, 5.5vw, 82px);
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}

.hrc-configurator__intro-inner {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

.hrc-configurator__eyebrow,
.hrc-step__label {
	color: #5d5d5d;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.3;
}

.hrc-configurator__intro-title {
	max-width: 720px;
	margin-top: 12px;
	font-size: clamp(36px, 3.8vw, 62px);
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.04;
}

.hrc-configurator__intro-copy {
	max-width: 690px;
	margin-top: 20px;
	color: #424242;
	font-size: clamp(17px, 1.4vw, 20px);
}

.hrc-configurator__intro-duration {
	margin-top: 13px;
	font-size: 15px;
	font-weight: 700;
}

.hrc-configurator__start {
	margin-top: 28px;
}

.hrc-configurator__wizard {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	width: 100%;
	max-width: 820px;
	height: 100%;
	min-height: 0;
	margin: 0 auto;
	overflow: hidden;
}

.hrc-configurator__progress {
	flex: 0 0 auto;
	padding: 22px clamp(28px, 4vw, 54px) 0;
	background: var(--hrc-white);
}

.hrc-configurator__progress-meta {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	color: #4e4e4e;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.09em;
}

.hrc-configurator__progress-track {
	position: relative;
	height: 4px;
	margin-top: 9px;
	overflow: hidden;
	background: #ededed;
	border-radius: 999px;
}

.hrc-configurator__progress-value {
	display: block;
	width: 10%;
	height: 100%;
	background: var(--hrc-yellow);
	border-radius: inherit;
	transition: width 280ms ease;
}

.hrc-configurator__form {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
	margin: 0;
	overflow: hidden;
}

.hrc-configurator__steps {
	flex: 1 1 auto;
	width: 100%;
	max-width: 100%;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
}

.hrc-step {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	min-height: 100%;
	padding: 28px clamp(28px, 4vw, 54px) 24px;
}

.hrc-step--entering {
	animation: hrc-step-enter 230ms ease both;
}

@keyframes hrc-step-enter {
	from {
		opacity: 0;
		transform: translateY(7px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.hrc-step__title {
	max-width: 720px;
	margin-top: 8px;
	font-size: clamp(27px, 2.65vw, 39px);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.12;
}

.hrc-step__helper {
	max-width: 680px;
	margin-top: 10px;
	color: #5a5a5a;
	font-size: 15px;
}

.hrc-step__subheading {
	margin: 24px 0 -8px;
	font-size: 16px;
	font-weight: 700;
}

.hrc-upload {
	margin-top: 22px;
	padding: 18px;
	background: var(--hrc-gray-50);
	border: 1px solid var(--hrc-gray-200);
	border-radius: 10px;
}

.hrc-field__file {
	padding: 13px 15px;
	height: auto;
	font-size: 14px;
}

.hrc-upload__files,
.hrc-positioning__message {
	margin: 12px 0 0;
	color: #424242;
	font-size: 14px;
	line-height: 1.55;
	overflow-wrap: anywhere;
}

.hrc-positioning__message {
	max-width: 720px;
	font-size: 16px;
}

.hrc-card-grid {
	display: grid;
	grid-auto-rows: 1fr;
	align-items: stretch;
	gap: 12px;
	margin-top: 22px;
}

.hrc-card-grid--two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hrc-card {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	min-width: 0;
	margin: 0;
	padding: 17px 52px 17px 20px;
	color: var(--hrc-black);
	background: var(--hrc-white);
	border: 1px solid var(--hrc-gray-200);
	border-radius: 10px;
	box-shadow: none;
	font: inherit;
	font-weight: 700;
	line-height: 1.3;
	text-align: left;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: normal;
	cursor: pointer;
	transition: transform 170ms ease, border-color 170ms ease, background-color 170ms ease;
	-webkit-appearance: none;
	appearance: none;
	touch-action: pan-y;
}

.hrc-card--wide {
	grid-column: 1 / -1;
}

.hrc-step[data-hrc-step="1"] .hrc-card {
	min-height: 100px;
}

.hrc-step[data-hrc-step="2"] .hrc-card {
	min-height: 104px;
}

.hrc-step[data-hrc-step="3"] .hrc-card {
	min-height: 84px;
}

.hrc-step[data-hrc-step="4"] .hrc-card,
.hrc-step[data-hrc-step="5"] .hrc-card {
	min-height: 82px;
}

.hrc-step[data-hrc-step="5"] .hrc-card:last-child {
	grid-column: 1 / -1;
}

.hrc-card__label {
	display: block;
	max-width: 100%;
}

.hrc-card__check {
	position: absolute;
	top: 50%;
	right: 18px;
	display: grid;
	width: 25px;
	height: 25px;
	place-items: center;
	color: var(--hrc-black);
	background: var(--hrc-yellow);
	border-radius: 50%;
	font-size: 15px;
	font-weight: 800;
	opacity: 0;
	transform: translateY(-50%) scale(0.85);
	transition: opacity 170ms ease, transform 170ms ease;
}

.hrc-card[aria-pressed="true"] {
	color: var(--hrc-black);
	background: var(--hrc-yellow-pale);
	border-color: var(--hrc-yellow);
}

.hrc-card[aria-pressed="true"] .hrc-card__check {
	opacity: 1;
	transform: translateY(-50%) scale(1);
}

.hrc-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	margin: 0;
	padding: 13px 26px;
	border: 1px solid var(--hrc-black);
	border-radius: 7px;
	box-shadow: none;
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: color 170ms ease, background-color 170ms ease, border-color 170ms ease;
	-webkit-appearance: none;
	appearance: none;
}

.hrc-button--primary {
	color: var(--hrc-white);
	background: var(--hrc-black);
}

.hrc-button--secondary {
	color: var(--hrc-black);
	background: var(--hrc-white);
	border-color: #bdbdbd;
}

.hrc-button:disabled {
	color: #8c8c8c;
	background: #e8e8e8;
	border-color: #e8e8e8;
	cursor: not-allowed;
}

.hrc-button--final {
	margin-left: auto;
}

.hrc-configurator__navigation {
	display: flex;
	flex: 0 0 auto;
	gap: 12px;
	justify-content: space-between;
	padding: 14px clamp(28px, 4vw, 54px) 18px;
	background: var(--hrc-white);
	border-top: 1px solid #f1f1f1;
}

.hrc-field-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 18px;
	margin-top: 21px;
}

.hrc-field-grid--contact {
	margin-top: 20px;
}

.hrc-field {
	min-width: 0;
}

.hrc-field__label {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 700;
}

.hrc-field__control {
	display: block;
	width: 100%;
	height: 56px;
	margin: 0;
	padding: 0 15px;
	color: var(--hrc-black);
	background: var(--hrc-white);
	border: 1px solid #cfcfcf;
	border-radius: 7px;
	box-shadow: none;
	font: inherit;
	font-size: 16px;
	line-height: 1.2;
	transition: border-color 170ms ease, box-shadow 170ms ease;
	-webkit-appearance: none;
	appearance: none;
}

.hrc-field select.hrc-field__control {
	padding-right: 44px;
	background-image: linear-gradient(45deg, transparent 50%, #111111 50%), linear-gradient(135deg, #111111 50%, transparent 50%);
	background-position: calc(100% - 20px) 25px, calc(100% - 15px) 25px;
	background-repeat: no-repeat;
	background-size: 5px 5px, 5px 5px;
}

.hrc-field__control[aria-invalid="true"] {
	border-color: var(--hrc-error);
}

.hrc-field-error {
	margin-top: 7px;
	color: var(--hrc-error);
	font-size: 13px;
	font-weight: 700;
}

.hrc-conditional-field {
	margin-top: 18px;
	padding-top: 2px;
}

.hrc-summary {
	margin-top: 20px;
	padding: 16px 18px;
	background: var(--hrc-gray-50);
	border: 1px solid #e6e6e6;
	border-radius: 10px;
}

.hrc-summary__title {
	font-size: 19px;
	font-weight: 700;
}

.hrc-summary__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 9px 22px;
	margin-top: 11px;
}

.hrc-summary__item {
	display: grid;
	grid-template-columns: minmax(86px, auto) 1fr;
	gap: 10px;
	font-size: 14px;
}

.hrc-summary__item dt {
	color: var(--hrc-gray-500);
}

.hrc-summary__item dd {
	font-weight: 700;
}

.hrc-consent {
	position: relative;
	display: grid;
	grid-template-columns: 22px 1fr;
	gap: 11px;
	margin-top: 18px;
}

.hrc-consent__input {
	width: 20px;
	height: 20px;
	margin: 2px 0 0;
	accent-color: var(--hrc-yellow);
	cursor: pointer;
}

.hrc-consent__label {
	font-size: 13px;
	line-height: 1.55;
	cursor: pointer;
}

.hrc-consent__link {
	color: var(--hrc-black);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.hrc-consent__error {
	grid-column: 2;
}

.hrc-development-message,
.hrc-submission-status {
	margin-top: 17px;
	padding: 15px 17px;
	color: var(--hrc-black);
	background: var(--hrc-yellow-pale);
	border-left: 4px solid var(--hrc-yellow);
	font-size: 14px;
}

.hrc-development-message strong,
.hrc-submission-status strong {
	display: block;
	margin-bottom: 3px;
}

.hrc-submission-status--error {
	background: #fff3f3;
	border-left-color: var(--hrc-error);
}

.hrc-card:focus-visible,
.hrc-button:focus-visible,
.hrc-field__control:focus-visible,
.hrc-consent__input:focus-visible,
.hrc-consent__link:focus-visible {
	outline: 3px solid rgba(17, 17, 17, 0.92);
	outline-offset: 3px;
}

.hrc-button--secondary:focus-visible {
	color: var(--hrc-black);
	background: var(--hrc-white);
	border-color: var(--hrc-yellow);
}

.hrc-button--primary:focus-visible {
	color: var(--hrc-white);
	background: var(--hrc-black);
}

.hrc-field__control:focus-visible {
	border-color: var(--hrc-yellow);
	box-shadow: 0 0 0 3px rgba(246, 204, 34, 0.25);
}

@media (hover: hover) and (pointer: fine) {
	.hrc-card:hover {
		color: var(--hrc-black);
		background: var(--hrc-yellow-pale);
		border-color: var(--hrc-yellow);
		transform: translateY(-2px);
	}

	.hrc-button--primary:not(:disabled):hover {
		color: var(--hrc-black);
		background: var(--hrc-yellow);
		border-color: var(--hrc-yellow);
	}

	.hrc-button--secondary:not(:disabled):hover {
		color: var(--hrc-black);
		background: var(--hrc-yellow-pale);
		border-color: var(--hrc-yellow);
	}
}

@media (max-width: 782px) {
	.admin-bar .hrc-configurator {
		--hrc-app-height: calc(100dvh - 46px);
		--hrc-admin-offset: 46px;
	}
}

@media (max-width: 850px) {
	.hrc-configurator {
		--hrc-header-height: 62px;
		/* Mobile hero: keep the bottom of the landscape visible. */
		--hrc-mobile-hero-position: 50% 100%;
		--hrc-mobile-hero-scale: 1;
		--hrc-mobile-hero-height: clamp(260px, 32dvh, 330px);
	}

	.hrc-configurator__app {
		height: 100%;
		min-height: 0;
		border-radius: 0;
		overflow: hidden;
	}

	.hrc-configurator__app-header {
		padding: 0 16px;
	}

	.hrc-configurator__logo {
		width: 112px;
		max-height: 31px;
	}

	.hrc-configurator__app-label {
		gap: 7px;
		font-size: 10px;
		letter-spacing: 0.11em;
	}

	.hrc-configurator__app-accent {
		width: 5px;
		height: 5px;
		flex-basis: 5px;
	}

	.hrc-configurator__app-label-desktop {
		display: none;
	}

	.hrc-configurator__app-label-mobile {
		display: inline;
	}

	.hrc-configurator__shell {
		display: flex;
		flex-direction: column;
		height: auto;
		min-height: 0;
		max-height: none;
		overflow: hidden;
	}

	.hrc-configurator__hero {
		flex: 0 0 var(--hrc-mobile-hero-height);
		height: var(--hrc-mobile-hero-height);
		min-height: 0;
	}

	.hrc-configurator__hero::after {
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 10%;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.04) 48%, rgba(255, 255, 255, 0.28) 76%, #ffffff 100%);
	}

	.hrc-configurator .hrc-configurator__shell[data-hrc-screen="intro"] .hrc-configurator__hero-image {
		display: block;
		width: 100%;
		height: 100%;
		max-width: none;
		object-fit: cover;
		object-position: var(--hrc-mobile-hero-position, 50% 100%);
		transform: scale(var(--hrc-mobile-hero-scale, 1));
	}

	.hrc-configurator__shell:not([data-hrc-screen="intro"]) .hrc-configurator__hero {
		display: none;
	}

	.hrc-configurator__panel {
		flex: 1 1 auto;
		height: auto;
		min-height: 0;
		overflow: hidden;
	}

	.hrc-configurator__intro {
		height: 100%;
		min-height: 0;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 40px 24px 52px;
	}

	.hrc-configurator__intro-title {
		font-size: clamp(34px, 9vw, 48px);
	}

	.hrc-configurator__wizard {
		max-width: none;
		height: 100%;
		min-height: 0;
		overflow: hidden;
	}

	.hrc-configurator__progress {
		position: relative;
		top: auto;
		z-index: 5;
		padding: 18px 20px 0;
	}

	.hrc-configurator__progress-meta {
		font-size: 10px;
	}

	.hrc-configurator__steps {
		min-height: 0;
		overflow-y: auto;
		overflow-x: hidden;
		scrollbar-gutter: auto;
	}

	.hrc-step {
		min-height: 100%;
		justify-content: center;
		padding: 34px 20px 40px;
	}

	.hrc-step[data-hrc-step="10"] {
		padding-bottom: 56px;
	}

	.hrc-step__title {
		font-size: clamp(28px, 7.5vw, 36px);
	}

	.hrc-card-grid--two,
	.hrc-field-grid,
	.hrc-summary__list {
		grid-template-columns: 1fr;
	}

	.hrc-card--wide,
	.hrc-step[data-hrc-step="5"] .hrc-card:last-child {
		grid-column: auto;
	}

	.hrc-configurator__navigation {
		position: relative;
		bottom: auto;
		z-index: 5;
		padding: 14px 20px calc(14px + env(safe-area-inset-bottom));
		border-top: 1px solid #eeeeee;
		box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.06);
	}

	.hrc-configurator__navigation .hrc-button {
		flex: 1 1 0;
		padding-right: 16px;
		padding-left: 16px;
	}

	.hrc-summary__item {
		grid-template-columns: 92px 1fr;
	}

	.hrc-button--final {
		margin-left: 0;
	}

	.hrc-configurator--editor {
		height: auto;
		max-height: none;
		overflow: visible;
	}

	.hrc-configurator--editor .hrc-configurator__app,
	.hrc-configurator--editor .hrc-configurator__shell,
	.hrc-configurator--editor .hrc-configurator__panel,
	.hrc-configurator--editor .hrc-configurator__intro,
	.hrc-configurator--editor .hrc-configurator__wizard,
	.hrc-configurator--editor .hrc-configurator__steps {
		height: auto;
		min-height: 0;
		overflow: visible;
	}
}

.hrc-minicrm-form {
	position: fixed !important;
	top: 0 !important;
	left: -10000px !important;
	z-index: -1 !important;
	display: block !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	pointer-events: none !important;
	opacity: 0 !important;
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
}

@media (max-width: 430px) {
	.hrc-configurator__app-header {
		padding: 0 13px;
	}

	.hrc-configurator__logo {
		width: 104px;
	}

	.hrc-configurator__intro-copy {
		font-size: 16px;
	}

	.hrc-configurator__progress-meta span:first-child {
		max-width: 150px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hrc-card,
	.hrc-card__check,
	.hrc-button,
	.hrc-field__control,
	.hrc-configurator__progress-value {
		transition-duration: 0.01ms;
	}

	.hrc-step--entering {
		animation: none;
	}
}

/**
 * Interaction color isolation from WordPress, Elementor, and theme presets.
 */
.hrc-configurator .hrc-card,
.hrc-configurator .hrc-button,
.hrc-configurator .hrc-field__control,
.hrc-configurator .hrc-consent__input,
.hrc-configurator .hrc-consent__link {
	-webkit-tap-highlight-color: rgba(246, 204, 34, 0.22) !important;
	accent-color: var(--hrc-yellow);
}

.hrc-configurator .hrc-card {
	color: #000000 !important;
	background-color: #ffffff !important;
	background-image: none !important;
	border-color: var(--hrc-gray-200) !important;
	text-shadow: none !important;
}

.hrc-configurator .hrc-card .hrc-card__label,
.hrc-configurator .hrc-card span,
.hrc-configurator .hrc-card strong {
	color: #000000 !important;
}

.hrc-configurator .hrc-card:focus-visible {
	color: #000000 !important;
	background-color: #ffffff !important;
	border-color: var(--hrc-gray-200) !important;
	text-shadow: none !important;
	outline: 3px solid var(--hrc-yellow) !important;
	outline-offset: 3px;
	box-shadow: none !important;
}

.hrc-configurator .hrc-card:focus,
.hrc-configurator .hrc-card:focus-visible {
	outline-offset: 3px;
}

.hrc-configurator .hrc-card[aria-pressed="true"],
.hrc-configurator .hrc-card[aria-checked="true"],
.hrc-configurator .hrc-card[aria-selected="true"],
.hrc-configurator .hrc-card.hrc-card--selected {
	color: #000000 !important;
	background-color: var(--hrc-yellow-pale) !important;
	border-color: var(--hrc-yellow) !important;
}

.hrc-configurator .hrc-card[aria-pressed="true"]:hover,
.hrc-configurator .hrc-card[aria-pressed="true"]:focus,
.hrc-configurator .hrc-card[aria-pressed="true"]:focus-visible,
.hrc-configurator .hrc-card[aria-pressed="true"]:active,
.hrc-configurator .hrc-card[aria-checked="true"]:hover,
.hrc-configurator .hrc-card[aria-checked="true"]:focus,
.hrc-configurator .hrc-card[aria-checked="true"]:active,
.hrc-configurator .hrc-card[aria-selected="true"]:hover,
.hrc-configurator .hrc-card[aria-selected="true"]:focus,
.hrc-configurator .hrc-card[aria-selected="true"]:active {
	color: #000000 !important;
	background-color: var(--hrc-yellow-pale) !important;
	border-color: var(--hrc-yellow) !important;
}

.hrc-configurator .hrc-card .hrc-card__check {
	color: #000000 !important;
	background-color: var(--hrc-yellow) !important;
	border-color: var(--hrc-yellow) !important;
}

@media (hover: hover) and (pointer: fine) {
	.hrc-configurator .hrc-card:not([aria-pressed="true"]):hover {
		color: #000000 !important;
		background-color: var(--hrc-yellow-pale) !important;
		border-color: var(--hrc-yellow) !important;
	}
}

.hrc-configurator .hrc-button {
	background-image: none !important;
	text-shadow: none !important;
}

.hrc-configurator .hrc-button--primary {
	color: #ffffff !important;
	background-color: #000000 !important;
	border-color: #000000 !important;
}

.hrc-configurator .hrc-button--primary:hover,
.hrc-configurator .hrc-button--primary:active {
	color: #000000 !important;
	background-color: var(--hrc-yellow) !important;
	border-color: var(--hrc-yellow) !important;
}

.hrc-configurator .hrc-button--primary:focus,
.hrc-configurator .hrc-button--primary:focus-visible {
	color: #ffffff !important;
	background-color: #000000 !important;
	border-color: var(--hrc-yellow) !important;
	outline: 3px solid var(--hrc-yellow) !important;
	outline-offset: 3px;
}

.hrc-configurator .hrc-button--secondary {
	color: #000000 !important;
	background-color: #ffffff !important;
	border-color: #bdbdbd !important;
}

.hrc-configurator .hrc-button--secondary:hover,
.hrc-configurator .hrc-button--secondary:active {
	color: #000000 !important;
	background-color: var(--hrc-yellow-pale) !important;
	border-color: var(--hrc-yellow) !important;
}

.hrc-configurator .hrc-button--secondary:focus,
.hrc-configurator .hrc-button--secondary:focus-visible {
	color: #000000 !important;
	background-color: #ffffff !important;
	border-color: var(--hrc-yellow) !important;
	outline: 3px solid var(--hrc-yellow) !important;
	outline-offset: 3px;
}

.hrc-configurator .hrc-button:disabled,
.hrc-configurator .hrc-button:disabled:hover,
.hrc-configurator .hrc-button:disabled:focus,
.hrc-configurator .hrc-button:disabled:active {
	color: #777777 !important;
	background-color: #e8e8e8 !important;
	border-color: #e8e8e8 !important;
	outline: 0 !important;
	box-shadow: none !important;
	cursor: not-allowed;
}

.hrc-configurator .hrc-consent__link,
.hrc-configurator .hrc-consent__link:visited,
.hrc-configurator .hrc-consent__link:hover,
.hrc-configurator .hrc-consent__link:focus,
.hrc-configurator .hrc-consent__link:active {
	color: #000000 !important;
	text-decoration-color: #000000 !important;
}

.hrc-configurator .hrc-consent__link:focus,
.hrc-configurator .hrc-consent__link:focus-visible {
	outline-color: var(--hrc-yellow) !important;
}

.hrc-configurator .hrc-field__control:focus,
.hrc-configurator .hrc-field__control:focus-visible,
.hrc-configurator .hrc-consent__input:focus,
.hrc-configurator .hrc-consent__input:focus-visible {
	border-color: var(--hrc-yellow) !important;
	outline-color: var(--hrc-yellow) !important;
}