.retailiqFeedbackComponentWrap {
	--rfc-blue: #1a73e8;
	--rfc-blue-text: #1764bd;
	--rfc-title: #111827;
	--rfc-muted: #6b7280;
	--rfc-label: #5f6d86;
	--rfc-body: #46546f;
	--rfc-border: #e5e7eb;
	--rfc-input-border: #cbd5e1;
	--rfc-page-bg: #f8fafc;
	--rfc-chip-bg: #eef2f7;
	--rfc-chip-text: #42506b;
	width: 100%;
	min-height: 100%;
	height: 100%;
	background: #fff;
	font-family: Zoho_Puvi_Regular, "Zoho Puvi", sans-serif;
	color: var(--rfc-title);
	box-sizing: border-box;
}

.retailiqFeedbackComponentWrap *,
.retailiqFeedbackComponentWrap *::before,
.retailiqFeedbackComponentWrap *::after {
	box-sizing: border-box;
}

/* Remove Lyte primary inset shadow (blue bottom edge) */
.retailiqFeedbackComponentWrap .lytePrimaryBtn,
.retailiqFeedbackComponentWrap .lytePrimaryBtn:hover,
.retailiqFeedbackComponentWrap .lytePrimaryBtn:active,
.retailiqFeedbackComponentWrap .lytePrimaryBtn:focus,
.retailiqFeedbackComponentWrap .lytePrimaryBtn.pxOutlinePrimary,
.retailiqFeedbackComponentWrap button.lytePrimaryBtn {
	box-shadow: none !important;
}

.retailiqFeedbackComponentWrap .rfc-shell {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	height: 100%;
	background: #fff;
	border: 1px solid var(--rfc-border);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 12px 28px -10px rgba(15, 23, 42, 0.04), 0 1px 2px 0 rgba(15, 23, 42, 0.03);
}

.retailiqFeedbackComponentWrap .rfc-topBar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 72px;
	padding: 0 24px;
	background: #fff;
	border-bottom: 1px solid var(--rfc-border);
	flex-shrink: 0;
}

.retailiqFeedbackComponentWrap .rfc-brand {
	display: flex;
	align-items: center;
	gap: 12px;
}

.retailiqFeedbackComponentWrap .rfc-logo {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: var(--rfc-blue);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Zoho_Puvi_SemiBold, sans-serif;
	font-size: 13px;
	font-weight: 600;
	flex-shrink: 0;
	overflow: hidden;
}

.retailiqFeedbackComponentWrap .rfc-logoImg {
	display: block;
	object-fit: cover;
	background: #f3f4f6;
	padding: 0;
}

.retailiqFeedbackComponentWrap .rfc-brandCopy {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.retailiqFeedbackComponentWrap .rfc-brandTitle {
	font-family: Zoho_Puvi_SemiBold, sans-serif;
	font-size: 17px;
	line-height: 21px;
	color: var(--rfc-title);
}

.retailiqFeedbackComponentWrap .rfc-brandSub {
	font-size: 13px;
	line-height: 16px;
	color: var(--rfc-muted);
}

.retailiqFeedbackComponentWrap .rfc-topActions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.retailiqFeedbackComponentWrap .rfc-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 24px;
	background: var(--rfc-page-bg);
	min-height: 0;
	overflow: auto;
}

.retailiqFeedbackComponentWrap .rfc-pageIntro {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.retailiqFeedbackComponentWrap .rfc-pageHeading {
	font-family: Zoho_Puvi_SemiBold, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: var(--rfc-title);
}

.retailiqFeedbackComponentWrap .rfc-pageSubheading {
	font-size: 13px;
	line-height: 16px;
	color: var(--rfc-muted);
	margin-top: 5px;
}

.retailiqFeedbackComponentWrap .rfc-columns {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-formPanel,
.retailiqFeedbackComponentWrap .rfc-settingsPanel {
	background: #fff;
	border: 1px solid var(--rfc-border);
	border-radius: 12px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	box-shadow: 0 1px 1px rgba(15, 23, 42, 0.03);
	flex-shrink: 0;
}

.retailiqFeedbackComponentWrap .rfc-formPanel {
	width: 400px;
	max-height: calc(100vh - 140px);
	overflow: hidden;
}

.retailiqFeedbackComponentWrap .rfc-formScroll {
	flex: 1 1 auto;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-right: 4px;
}

.retailiqFeedbackComponentWrap .rfc-settingsPanel {
	width: 400px;
	overflow-x: visible;
	overflow-y: auto;
	max-height: calc(100vh - 140px);
}

.retailiqFeedbackComponentWrap .rfc-settingsPanel--empty {
	gap: 8px;
}

.retailiqFeedbackComponentWrap .rfc-settingsEmpty {
	width: 100%;
	padding: 28px 12px 36px;
	text-align: center;
	font-family: Zoho_Puvi_Regular, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #9aa3b5;
}

.retailiqFeedbackComponentWrap .rfc-questionsPanel {
	flex: 1 1 734px;
	width: auto;
	min-width: 0;
	max-height: calc(100vh - 140px);
	background: #fff;
	border: 1px solid var(--rfc-border);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
	display: flex;
	flex-direction: column;
}

.retailiqFeedbackComponentWrap .rfc-panelTitle {
	font-family: Zoho_Puvi_SemiBold, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: var(--rfc-title);
}

.retailiqFeedbackComponentWrap .rfc-panelTitle--flush {
	margin: 0;
}

.retailiqFeedbackComponentWrap .rfc-fieldGroup {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-fieldLabel {
	font-family: Zoho_Puvi_SemiBold, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: var(--rfc-label);
}

.retailiqFeedbackComponentWrap .rfc-fieldHint {
	font-size: 11px;
	line-height: 14px;
	color: #8b96aa;
	margin-top: -2px;
}

.retailiqFeedbackComponentWrap .rfc-logicBox {
	width: 100%;
	background: #eef3fb;
	border-radius: 14px;
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	box-sizing: border-box;
}

.retailiqFeedbackComponentWrap .rfc-logicGrid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 1fr);
	gap: 8px;
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-logicCol {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.retailiqFeedbackComponentWrap .rfc-logicColLabel {
	font-family: Zoho_Puvi_SemiBold, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #4d5a72;
}

.retailiqFeedbackComponentWrap .rfc-logicHint {
	font-family: Zoho_Puvi_Regular, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #7b879c;
}

.retailiqFeedbackComponentWrap .rfc-logicRange {
	display: flex;
	flex-direction: row;
	gap: 8px;
	min-width: 0;
}

.retailiqFeedbackComponentWrap .rfc-logicBox .rfc-logicDropdown lyte-drop-button,
.retailiqFeedbackComponentWrap .rfc-logicBox lyte-dropdown.rfc-logicDropdown lyte-drop-button {
	min-height: 36px;
	height: 36px;
	padding: 6px 24px 6px 10px;
	font-size: 12px !important;
	line-height: 22px;
	border-radius: 8px !important;
}

.retailiqFeedbackComponentWrap .rfc-logicBox .rfc-logicMulti lyte-drop-button {
	height: auto;
	min-height: 36px;
}

.retailiqFeedbackComponentWrap .rfc-logicBox .rfc-logicInput .lyteInput,
.retailiqFeedbackComponentWrap .rfc-logicBox .rfc-logicInput .lyteField {
	min-height: 36px;
	height: 36px;
}

.retailiqFeedbackComponentWrap .rfc-logicBox lyte-drop-box {
	min-width: 220px;
	z-index: 30;
}

.retailiqFeedbackComponentWrap .rfc-p1Settings {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-logoBannerBlock {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-logoRow {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding-top: 2px;
}

.retailiqFeedbackComponentWrap .rfc-uploadBtn {
	margin-right: 0;
	padding: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	height: auto;
	min-height: 0;
}

.retailiqFeedbackComponentWrap .rfc-uploadBtnInner {
	height: 36px !important;
	min-height: 36px !important;
	padding: 0 14px !important;
	border-radius: 8px !important;
	background: #f3f4f6 !important;
	border: 1px solid var(--rfc-input-border) !important;
	color: #374151 !important;
	font-family: Zoho_Puvi_SemiBold, sans-serif !important;
	font-size: 12px !important;
	box-shadow: none !important;
	min-width: auto !important;
}

.retailiqFeedbackComponentWrap .rfc-logoChipWrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	max-width: 148px;
	flex: 1 1 auto;
	min-width: 0;
	padding-top: 4px;
	padding-right: 4px;
}

.retailiqFeedbackComponentWrap .rfc-logoChip {
	display: inline-block;
	max-width: 100%;
	height: 28px;
	padding: 0 12px;
	border-radius: 99px;
	background: #eaf3ff;
	color: var(--rfc-blue-text);
	font-size: 12px;
	line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.retailiqFeedbackComponentWrap .rfc-logoChipClose {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #d1d5db;
	color: #6b7280;
	font-size: 12px;
	line-height: 13px;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
	user-select: none;
}

.retailiqFeedbackComponentWrap .rfc-contactBox {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	padding: 12px;
	background: #f8fbff;
	border: 1px solid #e5e9f5;
	border-radius: 8px;
}

.retailiqFeedbackComponentWrap .rfc-consentSection {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-titleFields {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	padding-left: 2px;
}

.retailiqFeedbackComponentWrap .rfc-buttonSection {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-sectionTitle {
	font-family: Zoho_Puvi_SemiBold, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: var(--rfc-title);
}

.retailiqFeedbackComponentWrap .rfc-buttonRow {
	display: flex;
	align-items: flex-end;
	gap: 12px;
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-buttonTextGroup {
	flex: 1;
	min-width: 0;
}

.retailiqFeedbackComponentWrap .rfc-themeColorGroup {
	flex: 0 0 auto;
	width: auto;
	min-width: 88px;
}

.retailiqFeedbackComponentWrap .rfc-formPanel .theme-box,
.retailiqFeedbackComponentWrap .rfc-themeColorPicker .theme-box {
	width: 64px;
	min-height: 40px;
	height: 40px;
	padding: 0 8px;
	border: 1px solid var(--rfc-input-border, #d5dbe8);
	border-radius: 8px;
	background: #fff;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.retailiqFeedbackComponentWrap .rfc-themeColorPicker .theme-color-div,
.retailiqFeedbackComponentWrap .rfc-formPanel .theme-box .theme-color-div {
	width: 16px;
	height: 16px;
	margin: 0;
	border: 2px solid #c5c4d3;
	border-radius: 4px;
	box-sizing: border-box;
	cursor: pointer;
}

.retailiqFeedbackComponentWrap .rfc-themeColorPicker .pos-theme-box {
	display: flex;
	align-items: center;
}

.retailiqFeedbackComponentWrap .rfc-pagesLabel {
	font-family: Zoho_Puvi_SemiBold, sans-serif;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.88px;
	text-transform: uppercase;
	color: #8b96aa;
}

.retailiqFeedbackComponentWrap .rfc-pageList {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-pageItem {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 44px;
	padding: 0 12px;
	border: 1px solid var(--rfc-border);
	border-radius: 10px;
	background: #fff;
	width: 100%;
	cursor: pointer;
}

.retailiqFeedbackComponentWrap .rfc-pageItem--active {
	background: #eaf3ff;
	border-color: #9fc4f8;
}

.retailiqFeedbackComponentWrap .rfc-pageName {
	font-family: Zoho_Puvi_SemiBold, sans-serif;
	font-size: 13px;
	color: var(--rfc-body);
}

.retailiqFeedbackComponentWrap .rfc-pageItem--active .rfc-pageName {
	color: var(--rfc-blue-text);
}

.retailiqFeedbackComponentWrap .rfc-pageMeta {
	display: flex;
	align-items: center;
	gap: 8px;
}

.retailiqFeedbackComponentWrap .rfc-pageCount {
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 8px;
	border-radius: 99px;
	background: var(--rfc-chip-bg);
	color: #63708a;
	font-size: 10px;
}

.retailiqFeedbackComponentWrap .rfc-pageItem--active .rfc-pageCount {
	background: #d7e9ff;
	color: var(--rfc-blue-text);
	font-family: Zoho_Puvi_SemiBold, sans-serif;
}

.retailiqFeedbackComponentWrap .rfc-pageChevron {
	color: #b7c0d1;
	font-size: 13px;
	line-height: 16px;
}

.retailiqFeedbackComponentWrap .rfc-pageClose {
	color: #b0bacb;
	font-size: 15px;
	line-height: 1;
	padding: 2px;
	cursor: pointer;
}

.retailiqFeedbackComponentWrap .rfc-pageItem--active .rfc-pageChevron {
	color: #666;
}

.retailiqFeedbackComponentWrap .rfc-dashedBtnWrap {
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-dashedBtn,
.retailiqFeedbackComponentWrap .rfc-dashedBtnWrap button {
	width: 100% !important;
	height: 40px !important;
	background: #fbfcfe !important;
	border: 1px dashed #aebbd0 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	color: #596983 !important;
	font-family: Zoho_Puvi_SemiBold, sans-serif !important;
	font-size: 13px !important;
}

.retailiqFeedbackComponentWrap .rfc-dashedBtn--question,
.retailiqFeedbackComponentWrap .rfc-addQuestionWrap button {
	height: 44px !important;
	border-radius: 10px !important;
}

.retailiqFeedbackComponentWrap .rfc-optionList {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-optionRow {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-optionInputWrap,
.retailiqFeedbackComponentWrap .rfc-optionInput {
	flex: 1 1 auto;
	min-width: 0;
}

.retailiqFeedbackComponentWrap .rfc-optionInputWrap .rfc-optionInput {
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-optionRemove {
	flex: 0 0 40px;
	width: 40px;
}

.retailiqFeedbackComponentWrap .rfc-optionRemove .rfc-optionRemoveInner,
.retailiqFeedbackComponentWrap .rfc-optionRemove button {
	width: 40px !important;
	min-width: 40px !important;
	height: 40px !important;
	padding: 0 !important;
	border-radius: 8px !important;
	background: #f8e6e6 !important;
	border: none !important;
	box-shadow: none !important;
	color: #c45c5c !important;
	font-size: 22px !important;
	line-height: 40px !important;
}

.retailiqFeedbackComponentWrap .rfc-optionRemoveX {
	display: block;
	color: #c45c5c;
	font-size: 22px;
	line-height: 22px;
	font-weight: 400;
}

.retailiqFeedbackComponentWrap .rfc-addOptionWrap,
.retailiqFeedbackComponentWrap .rfc-addOptionBtn,
.retailiqFeedbackComponentWrap .rfc-addOptionWrap button {
	height: 40px !important;
	border-radius: 10px !important;
	color: #5b6b86 !important;
}

.retailiqFeedbackComponentWrap .rfc-optionRow--other .rfc-optionInput {
	opacity: 0.85;
}

.retailiqFeedbackComponentWrap .rfc-otherOptionGroup {
	gap: 12px;
}

.retailiqFeedbackComponentWrap .rfc-otherOptionGroup .rfc-sectionLabel {
	line-height: 22px;
	padding-bottom: 4px;
}

.retailiqFeedbackComponentWrap .rfc-otherLockedHint {
	flex: 0 0 auto;
	color: #9aa3b5;
	font-size: 12px;
	font-family: Zoho_Puvi_Regular, sans-serif;
}

.retailiqFeedbackComponentWrap .rfc-otherInputGroup {
	margin-top: 10px;
}

.retailiqFeedbackComponentWrap .rfc-requiredStar {
	color: #c45c5c;
}

.retailiqFeedbackComponentWrap .rfc-otherSpecifyWrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	width: 100%;
	padding-left: 28px;
}

.retailiqFeedbackComponentWrap .rfc-otherSpecify,
.retailiqFeedbackComponentWrap .rfc-otherSpecifyWrap lyte-input {
	width: 100%;
	max-width: 320px;
}

.retailiqFeedbackComponentWrap .rfc-otherRequiredHint {
	color: #c45c5c;
	font-size: 11px;
	font-family: Zoho_Puvi_Regular, sans-serif;
}

.retailiqFeedbackComponentWrap .rfc-divider {
	width: 100%;
	height: 1px;
	background: #eef1f6;
}

.retailiqFeedbackComponentWrap .rfc-thankYouRow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 52px;
	padding: 10px 12px;
	border: 1px solid var(--rfc-border);
	border-radius: 10px;
	background: #fff;
	width: 100%;
	cursor: pointer;
	gap: 8px;
}

.retailiqFeedbackComponentWrap .rfc-thankYouRow--active {
	background: #eaf3ff;
	border-color: #9fc4f8;
}

.retailiqFeedbackComponentWrap .rfc-thankYouRow--active .rfc-thankYouText {
	color: var(--rfc-blue-text);
	font-family: Zoho_Puvi_SemiBold, sans-serif;
}

.retailiqFeedbackComponentWrap .rfc-thankYouRow--active .rfc-pageChevron {
	color: #666;
}

.retailiqFeedbackComponentWrap .rfc-thankYouMain {
	flex: 1 1 734px;
	width: auto;
	min-width: 0;
}

.retailiqFeedbackComponentWrap .rfc-thankYouText {
	flex: 1;
	font-size: 13px;
	line-height: 16px;
	color: var(--rfc-body);
}

.retailiqFeedbackComponentWrap .rfc-questionsHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 56px;
	padding: 0 16px;
	background: #fff;
	border-bottom: 1px solid #eef1f6;
	flex-shrink: 0;
}

.retailiqFeedbackComponentWrap .rfc-questionsBody {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px;
	background: var(--rfc-page-bg);
	flex: 1 1 auto;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

.retailiqFeedbackComponentWrap .rfc-questionsList {
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex: 0 0 auto;
}

.retailiqFeedbackComponentWrap .rfc-questionCard {
	background: #fff;
	border: 1px solid var(--rfc-border);
	border-radius: 12px;
	overflow: hidden;
	width: 100%;
	cursor: pointer;
}

.retailiqFeedbackComponentWrap .rfc-questionCard--selected {
	border-color: var(--rfc-blue);
	box-shadow: 0 0 0 1px var(--rfc-blue);
}

.retailiqFeedbackComponentWrap .rfc-questionCard--dragging {
	opacity: 0.45;
}

.retailiqFeedbackComponentWrap .rfc-questionCard--dragOver {
	border-color: var(--rfc-blue);
	box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.28);
}

.retailiqFeedbackComponentWrap .rfc-questionHead {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px;
	background: #fbfcfe;
	border-bottom: 1px solid #eef1f6;
}

.retailiqFeedbackComponentWrap .rfc-dragHandle {
	color: #9aa6bb;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 1px;
	flex-shrink: 0;
	cursor: grab;
	user-select: none;
	padding: 4px 2px;
}

.retailiqFeedbackComponentWrap .rfc-dragHandle:active {
	cursor: grabbing;
}

.retailiqFeedbackComponentWrap .rfc-dragHandle--locked {
	cursor: not-allowed;
	opacity: 0.35;
}

.retailiqFeedbackComponentWrap .rfc-dragHandle--locked:active {
	cursor: not-allowed;
}

.retailiqFeedbackComponentWrap .rfc-qNumber {
	width: 28px;
	height: 28px;
	border-radius: 8px;
	background: #eef4fb;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Zoho_Puvi_SemiBold, sans-serif;
	font-size: 13px;
	color: var(--rfc-title);
	flex-shrink: 0;
}

.retailiqFeedbackComponentWrap .rfc-qMeta {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.retailiqFeedbackComponentWrap .rfc-qTitle {
	font-family: Zoho_Puvi_SemiBold, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: var(--rfc-title);
}

.retailiqFeedbackComponentWrap .rfc-qBadges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.retailiqFeedbackComponentWrap .rfc-badge {
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 8px;
	border-radius: 99px;
	font-family: Zoho_Puvi_SemiBold, sans-serif;
	font-size: 10px;
	line-height: 12px;
	white-space: nowrap;
}

.retailiqFeedbackComponentWrap .rfc-badge--type {
	background: var(--rfc-chip-bg);
	color: var(--rfc-chip-text);
}

.retailiqFeedbackComponentWrap .rfc-badge--mandatory {
	background: #fef3c7;
	color: #b45309;
}

.retailiqFeedbackComponentWrap .rfc-badge--optional {
	background: #f3f4f6;
	color: #6b7280;
}

.retailiqFeedbackComponentWrap .rfc-badge--controls {
	background: #ecfdf3;
	color: #027a48;
}

.retailiqFeedbackComponentWrap .rfc-qClose {
	color: #b0bacb;
	font-size: 16px;
	line-height: 19px;
	cursor: pointer;
	flex-shrink: 0;
	padding: 0 4px;
	position: relative;
	z-index: 2;
	user-select: none;
}

.retailiqFeedbackComponentWrap .rfc-questionPreview {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 12px;
}

.retailiqFeedbackComponentWrap .rfc-ratingRow,
.retailiqFeedbackComponentWrap .rfc-starRow,
.retailiqFeedbackComponentWrap .rfc-emojiRow,
.retailiqFeedbackComponentWrap .rfc-thumbRow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.retailiqFeedbackComponentWrap .rfc-ratingBox {
	min-width: 44px;
	height: 36px;
	padding: 0 10px;
	border: 1px solid #dbe3ef;
	border-radius: 8px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #6b7280;
	font-size: 13px;
}

.retailiqFeedbackComponentWrap .rfc-starIcon {
	color: #f5b400;
	font-size: 22px;
	line-height: 1;
}

.retailiqFeedbackComponentWrap .rfc-emojiIcon,
.retailiqFeedbackComponentWrap .rfc-thumbIcon {
	font-size: 28px;
	line-height: 1;
}

.retailiqFeedbackComponentWrap .rfc-sliderPreview {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	padding: 4px 4px 0;
}

.retailiqFeedbackComponentWrap .rfc-previewSlider,
.retailiqFeedbackComponentWrap .rfc-previewSlider * {
	box-sizing: content-box;
}

.retailiqFeedbackComponentWrap .rfc-previewSlider {
	width: 100%;
	height: 24px;
	display: block;
}

.retailiqFeedbackComponentWrap .rfc-previewSlider .lyteRangeSlider {
	height: 6px;
	background: #e8eef7;
	border-radius: 999px;
}

.retailiqFeedbackComponentWrap .rfc-previewSlider .lyteSliderFill {
	background: var(--rfc-blue) !important;
	border-radius: 999px;
}

.retailiqFeedbackComponentWrap .rfc-previewSlider .lyteSliderHandler::before,
.retailiqFeedbackComponentWrap .rfc-previewSlider .lyteSliderHandler::after {
	display: none !important;
}

.retailiqFeedbackComponentWrap .rfc-previewSlider .lyteSliderHandler {
	width: 16px !important;
	height: 16px !important;
	border-radius: 50% !important;
	background: var(--rfc-blue) !important;
	border: 2px solid var(--rfc-blue) !important;
	box-shadow: none !important;
	top: -5px !important;
}

.retailiqFeedbackComponentWrap .rfc-sliderEnds {
	display: flex;
	justify-content: space-between;
	color: #9aa3b5;
	font-size: 12px;
}

.retailiqFeedbackComponentWrap .rfc-checkList {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.retailiqFeedbackComponentWrap .rfc-radioList {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.retailiqFeedbackComponentWrap .rfc-radioItem {
	color: #556080;
	font-size: 13px;
}

.retailiqFeedbackComponentWrap .rfc-picklistDropdown {
	width: 260px;
}

.retailiqFeedbackComponentWrap .rfc-picklistRow {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-textPreview {
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-logicBanner {
	display: block;
	width: 100%;
	padding: 10px 14px;
	background: #fbf3e4;
	border: 1px solid #f0ddb8;
	border-radius: 8px;
	color: #8a5410;
	font-size: 13px;
	line-height: 18px;
	box-sizing: border-box;
}

.retailiqFeedbackComponentWrap .rfc-logicBanner span {
	display: inline;
}

.retailiqFeedbackComponentWrap .rfc-logicBold {
	font-family: Zoho_Puvi_SemiBold, sans-serif;
}

.retailiqFeedbackComponentWrap .rfc-settingsHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-sectionLabel {
	font-family: Zoho_Puvi_SemiBold, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: var(--rfc-title);
}

.retailiqFeedbackComponentWrap .rfc-scaleRow {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 12px;
}

.retailiqFeedbackComponentWrap .rfc-scaleSlider {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	height: 24px;
	display: block;
}

.retailiqFeedbackComponentWrap .rfc-scaleSlider,
.retailiqFeedbackComponentWrap .rfc-scaleSlider * {
	box-sizing: content-box;
}

.retailiqFeedbackComponentWrap .rfc-scaleSlider .lyteRangeSlider {
	height: 6px;
	background: #e8eef7;
	border-radius: 999px;
}

.retailiqFeedbackComponentWrap .rfc-scaleSlider .lyteSliderFill {
	background: var(--rfc-blue) !important;
	border-radius: 999px;
}

.retailiqFeedbackComponentWrap .rfc-scaleSlider .lyteSliderHandler::before,
.retailiqFeedbackComponentWrap .rfc-scaleSlider .lyteSliderHandler::after {
	display: none !important;
}

.retailiqFeedbackComponentWrap .rfc-scaleSlider .lyteSliderHandler {
	width: 16px !important;
	height: 16px !important;
	border-radius: 50% !important;
	background: var(--rfc-blue) !important;
	border: 2px solid var(--rfc-blue) !important;
	box-shadow: none !important;
	top: -5px !important;
}

.retailiqFeedbackComponentWrap .rfc-scaleHint {
	font-family: Zoho_Puvi_SemiBold, sans-serif;
	font-size: 13px;
	color: var(--rfc-title);
	white-space: nowrap;
}

.retailiqFeedbackComponentWrap .rfc-control,
.retailiqFeedbackComponentWrap .rfc-titleInput,
.retailiqFeedbackComponentWrap lyte-input.rfc-control {
	width: 100%;
	max-width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-formPanel lyte-input,
.retailiqFeedbackComponentWrap .rfc-settingsPanel lyte-input,
.retailiqFeedbackComponentWrap .rfc-formPanel lyte-dropdown,
.retailiqFeedbackComponentWrap .rfc-settingsPanel lyte-dropdown,
.retailiqFeedbackComponentWrap .rfc-picklistDropdown {
	width: 100%;
	max-width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-settingsPanel lyte-dropdown .lyteDummyEventContainer,
.retailiqFeedbackComponentWrap .rfc-formPanel lyte-dropdown .lyteDummyEventContainer {
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	min-height: 0 !important;
	height: auto !important;
	display: block !important;
	padding: 0 !important;
	width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-picklistDropdown lyte-drop-button,
.retailiqFeedbackComponentWrap .rfc-picklistDropdown lyte-drop-button:hover,
.retailiqFeedbackComponentWrap .rfc-picklistDropdown lyte-drop-button.lyteDropButtonDown,
.retailiqFeedbackComponentWrap .rfc-picklistDropdown lyte-drop-button.lyteDropButtonUp {
	width: 100%;
	min-height: 40px;
	height: 40px;
	padding: 8px 28px 8px 12px;
	border: 1px solid var(--rfc-input-border) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	background: #fff !important;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	position: relative;
	font-size: 13px !important;
	color: var(--rfc-title) !important;
	font-family: Zoho_Puvi_Regular, sans-serif !important;
	line-height: 24px;
	transition: none !important;
}

.retailiqFeedbackComponentWrap .rfc-formPanel lyte-dropdown.rfc-multiDropdown lyte-drop-button {
	height: auto !important;
	min-height: 40px;
	padding: 6px 28px 6px 8px;
}

.retailiqFeedbackComponentWrap .rfc-picklistDropdown lyte-drop-button .dropdown {
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -3px;
}

.retailiqFeedbackComponentWrap .rfc-picklistDropdown .lyteDropdownLabel {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

.retailiqFeedbackComponentWrap .rfc-titleInput textarea,
.retailiqFeedbackComponentWrap .rfc-titleInput .lyteInput,
.retailiqFeedbackComponentWrap .rfc-titleInput .lyteField {
	min-height: 72px;
	height: 72px;
	resize: none !important;
}

.retailiqFeedbackComponentWrap textarea {
	resize: none !important;
}

.retailiqFeedbackComponentWrap .lyteTextareaResize {
	display: none !important;
}

.retailiqFeedbackComponentWrap .rfc-formPanel .lyteInput,
.retailiqFeedbackComponentWrap .rfc-settingsPanel .lyteInput {
	border: 1px solid var(--rfc-input-border) !important;
	border-radius: 8px !important;
	min-height: 40px;
	box-shadow: none !important;
	background: #fff !important;
}

.retailiqFeedbackComponentWrap .rfc-picklistDropdown .lyteDummyEventContainer {
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	min-height: 0 !important;
	height: auto !important;
	padding: 0 !important;
}

.retailiqFeedbackComponentWrap .rfc-picklistDropdown lyte-drop-button {
	min-height: 36px !important;
	height: 36px !important;
	background: #fbfcfe !important;
	border-color: #dbe3ef !important;
}

.retailiqFeedbackComponentWrap .rfc-formPanel .lyteInput input,
.retailiqFeedbackComponentWrap .rfc-settingsPanel .lyteInput input,
.retailiqFeedbackComponentWrap .rfc-formPanel .lyteInput textarea,
.retailiqFeedbackComponentWrap .rfc-settingsPanel .lyteInput textarea,
.retailiqFeedbackComponentWrap .rfc-formPanel .lyteDropdown-content,
.retailiqFeedbackComponentWrap .rfc-settingsPanel .lyteDropdown-content,
.retailiqFeedbackComponentWrap .rfc-picklistDropdown .lyteDropdown-content {
	font-size: 13px !important;
	color: var(--rfc-title) !important;
	font-family: Zoho_Puvi_Regular, sans-serif !important;
}

@media (max-width: 1500px) {
	.retailiqFeedbackComponentWrap .rfc-columns {
		flex-wrap: wrap;
	}

	.retailiqFeedbackComponentWrap .rfc-questionsPanel,
	.retailiqFeedbackComponentWrap .rfc-thankYouMain {
		width: min(734px, 100%);
		flex: 1 1 520px;
	}

	.retailiqFeedbackComponentWrap .rfc-formPanel,
	.retailiqFeedbackComponentWrap .rfc-settingsPanel {
		flex: 1 1 400px;
	}
}

.rfc-bannerModal .rfc-bannerAlert {
	font-size: 14px;
	line-height: 20px;
	color: #6b7280;
	text-align: left;
	margin: 4px 0 8px;
}

.rfc-bannerModal .rfc-bannerTabs {
	width: 100%;
}

.rfc-bannerModal .rfc-bannerUpload .lyteFileUpdBoxType .lyteFileUpdMsgWrap {
	min-height: 280px;
	border: 1px dashed #c5d0e0;
	border-radius: 12px;
	background: #fff;
}

.rfc-bannerModal .rfc-bannerUpload .lyteFileUpdMsg::before {
	display: none;
}

.rfc-bannerModal .rfc-bannerDropMsg {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 260px;
	padding: 24px;
	text-align: center;
}

.rfc-bannerModal .rfc-bannerCloud {
	margin-bottom: 4px;
}

.rfc-bannerModal .cropperImage2 {
	width: 100%;
}

/* Croppie keeps the source img as .cr-original-image; do not let our rules un-hide it */
.rfc-bannerModal .croppie-container .cr-original-image,
.rfc-bannerModal .cropperImage2.cr-original-image {
	display: none !important;
}