:root {
	--kw-form-border: rgba(113, 119, 129, 0.42);
	--kw-form-focus: rgba(123, 84, 84, 0.72);
	--kw-form-focus-ring: rgba(123, 84, 84, 0.14);
}

.fluentform .ff-el-form-control,
.fluentform_wrapper .ff-el-form-control,
form[id^="fluentform_"] .ff-el-form-control,
.ff-default .ff-el-form-control {
	width: 100%;
	min-height: 54px;
	padding: 15px 16px;
	border: 1px solid var(--kw-form-border) !important;
	border-radius: var(--kw-radius) !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	color: var(--kw-on-surface) !important;
	font: inherit;
	line-height: 1.4;
	transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.fluentform textarea.ff-el-form-control,
.fluentform_wrapper textarea.ff-el-form-control,
form[id^="fluentform_"] textarea.ff-el-form-control,
.ff-default textarea.ff-el-form-control {
	min-height: 150px;
	resize: vertical;
}

.fluentform select.ff-el-form-control,
.fluentform_wrapper select.ff-el-form-control,
form[id^="fluentform_"] select.ff-el-form-control,
.ff-default select.ff-el-form-control {
	appearance: none !important;
	-webkit-appearance: none !important;
	padding-right: 44px !important;
	background-image: linear-gradient(45deg, transparent 50%, var(--kw-primary) 50%), linear-gradient(135deg, var(--kw-primary) 50%, transparent 50%) !important;
	background-position: calc(100% - 21px) 50%, calc(100% - 15px) 50% !important;
	background-repeat: no-repeat !important;
	background-size: 6px 6px, 6px 6px !important;
	cursor: pointer;
}

.fluentform select.ff-el-form-control option,
.fluentform select.ff-el-form-control optgroup,
.fluentform_wrapper select.ff-el-form-control option,
.fluentform_wrapper select.ff-el-form-control optgroup,
form[id^="fluentform_"] select.ff-el-form-control option,
form[id^="fluentform_"] select.ff-el-form-control optgroup,
.ff-default select.ff-el-form-control option,
.ff-default select.ff-el-form-control optgroup {
	background: #ffffff !important;
	color: #252a31 !important;
}

.fluentform .ff-el-form-control:focus,
.fluentform .ff-el-form-control:focus-visible,
.fluentform_wrapper .ff-el-form-control:focus,
.fluentform_wrapper .ff-el-form-control:focus-visible,
form[id^="fluentform_"] .ff-el-form-control:focus,
form[id^="fluentform_"] .ff-el-form-control:focus-visible,
.ff-default .ff-el-form-control:focus,
.ff-default .ff-el-form-control:focus-visible {
	border-color: var(--kw-form-focus) !important;
	background-color: rgba(123, 84, 84, 0.04) !important;
	box-shadow: 0 0 0 3px var(--kw-form-focus-ring) !important;
	outline: none !important;
}

.fluentform .ff-el-form-control::placeholder,
.fluentform_wrapper .ff-el-form-control::placeholder,
form[id^="fluentform_"] .ff-el-form-control::placeholder,
.ff-default .ff-el-form-control::placeholder {
	color: rgba(65, 71, 80, 0.58) !important;
	opacity: 1;
}

.fluentform .ff-el-is-error .ff-el-form-control,
.fluentform_wrapper .ff-el-is-error .ff-el-form-control,
form[id^="fluentform_"] .ff-el-is-error .ff-el-form-control,
.ff-default .ff-el-is-error .ff-el-form-control {
	border-color: rgba(186, 26, 26, 0.68) !important;
}

.product-archive-support__panel .fluentform input,
.product-archive-support__panel .fluentform textarea,
.product-archive-support__panel .fluentform select,
.product-single-inquiry .fluentform input,
.product-single-inquiry .fluentform textarea,
.product-single-inquiry .fluentform select,
.news-events-sidebar__panel--form .fluentform input,
.news-events-sidebar__panel--form .fluentform textarea,
.news-events-sidebar__panel--form .fluentform select {
	border-color: var(--kw-sidebar-panel-line) !important;
	background-color: var(--kw-sidebar-panel-field) !important;
	box-shadow: none !important;
	color: var(--kw-white) !important;
}

.product-archive-support__panel .fluentform select,
.product-single-inquiry .fluentform select,
.news-events-sidebar__panel--form .fluentform select {
	background-image: linear-gradient(45deg, transparent 50%, rgba(255, 255, 255, 0.86) 50%), linear-gradient(135deg, rgba(255, 255, 255, 0.86) 50%, transparent 50%) !important;
}

.product-archive-support__panel .fluentform input:focus,
.product-archive-support__panel .fluentform textarea:focus,
.product-archive-support__panel .fluentform select:focus,
.product-single-inquiry .fluentform input:focus,
.product-single-inquiry .fluentform textarea:focus,
.product-single-inquiry .fluentform select:focus,
.news-events-sidebar__panel--form .fluentform input:focus,
.news-events-sidebar__panel--form .fluentform textarea:focus,
.news-events-sidebar__panel--form .fluentform select:focus {
	border-color: rgba(255, 255, 255, 0.72) !important;
	background-color: var(--kw-sidebar-panel-field-focus) !important;
	box-shadow: none !important;
	outline: none !important;
}