[id^="mktoForm_"],
[inert] {
	display: none !important;
}

.sumoForm {
	--sumoform-backgroundColor: #fff;
	--sumoForm-fieldBackgroundColor: #fff;
	--sumoForm-fieldColor: #101827;
	--sumoform-borderColor: #c8ccd4;
	--sumoform-shadowColor: rgba(172, 179, 191, 0.2);
	--sumoForm-errorColor: #d63a2e;
	--sumoForm-highlight: #0466ff;
	--sumoForm-buttonBackgroundColor: #0466ff;
	--sumoForm-buttonColor: #fff;
	--sumoForm-buttonDisabledBackgroundColor: #c8ccd4;
	--sumoForm-noticeBg: #f4f5f7;
	--sumoForm-noticeIconBg: #a0cc00;
	--sumoForm-noticeText: #3e4d69;
	--sumoForm-replacementTextColor: #101827;
	width: 100%;
	padding: 15px;
	border: 1px solid var(--sumoform-borderColor);
	background-color: var(--sumoform-backgroundColor);
	box-shadow: 0 4px 4px -2px var(--sumoform-shadowColor);
	box-sizing: border-box;
}

[data-sumo-form-id] {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sumoForm_submitted {
	display: none;
}

.sumoForm_radio-set,
.sumoForm_fieldset {
	row-gap: 20px;
	border: 0;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sumoForm_fieldset-toggle {
	display: none;
}

.sumoForm_fieldset-toggle:has(.sumoForm_field-wrapper:not([inert])) {
	display: flex;
}

.sumoForm_field-wrapper {
	display: flex;
	flex-direction: column;
	gap: 4px;
	width: 100%;
}

.sumoForm_radio-option {
	display: flex;
}

.sumoForm_radio-option,
.sumoForm_field-wrapper:has([type="checkbox"]) {
	position: relative;
	flex-direction: row;
	align-items: first baseline;
	gap: 0.75rem;
	width: auto;
}

.sumoForm_field-wrapper:has(.sumoForm_field-text) {
	display: grid;
	grid-template-columns: minmax(100px, 75%) minmax(150px, 25%);
	gap: 2rem;
}

.sumoForm_radio-option .sumoForm_field-label::before {
	content: '';
	position: absolute;
	inset: 0;
}

.sumoForm_field-wrapper:has([required]) .sumoForm_field-label::after {
	content: "*";
}

.sumoForm_field-row {
	display: flex;
	gap: 15px;
}

.sumoForm_field-row .sumoForm_field-wrapper {
	flex-grow: 1;
	flex-shrink: 1;
}

.sumoForm_field {
	position: relative;
}

.sumoForm_field:has(:focus) {
	--sumoForm-inputFocusBackgroundColor: var(--sumoForm-highlight);
}

.sumoForm_field:has(.sumoForm_dropdown)::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 36px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23101827'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 11px auto;
}

.sumoForm_field::after {
	content: "";
	display: block;
	position: absolute;
	inset: calc(100% - 2px) 0 0 0;
	background-color: var(--sumoForm-inputFocusBackgroundColor, transparent);
	transition: background-color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.sumoForm_legend,
.sumoForm_field-label {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	display: block;
	width: 100%;
	min-width: unset !important;
	margin: 0 !important;
}

.sumoForm_field-label {
	cursor: pointer;
}

.sumoForm_field-label:has(~ [type="checkbox"]) {
	margin-bottom: 0;
}

.sumoForm_field-label:has(~ [type="checkbox"])::after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
}

.sumoForm_text-input,
.sumoForm_dropdown {
	outline: 0;
	box-sizing: border-box;
	appearance: none;
	padding: 11px 12px;
	border: 1px solid var(--sumoform-borderColor);
	border-radius: 0;
	color: var(--sumoForm-fieldColor) !important;
	line-height: 1.5;
	width: 100%;
}

.sumoForm_text-input {
	background-color: var(--sumoForm-fieldBackgroundColor);
}

.sumoForm_dropdown {
	background-color: transparent;
}

.sumoForm_checkbox {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.sumoForm_fake-checkbox {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--sumoForm-fieldBackgroundColor);
	border: 1px solid var(--sumoform-borderColor);
	width: 14px;
	height: 14px;
}

.sumoForm_fake-check {
	fill: var(--sumoForm-fieldBackgroundColor);
}

.sumoForm_fake-checkbox:has(~ :checked) {
	background-color: var(--sumoForm-checkbox-bgColor, var(--sumoForm-highlight));
	border-color: var(--sumoForm-checkbox-borderColor, var(--sumoForm-highlight));
}

.sumoForm_field-instructions {
	margin: 0;
}

.sumoForm_invalid-field {
	--sumoForm-inputFocusBackgroundColor: var(--sumoForm-errorColor);
}

.sumoForm_validation-message {
	display: none;
	color: var(--sumoForm-errorColor);
	font-size: 11.75px;
	margin: 0;
}

.sumoForm_invalid-field .sumoForm_validation-message {
	display: block;
}

.sumoForm_main-button {
	position: relative;
	width: 100%;
	padding: 16px 16px 16px 0;
	border: 0;
	border-radius: 0;
	margin: 0 auto;
	background-color: var(--sumoForm-buttonBackgroundColor);
	color: var(--sumoForm-buttonColor);
	box-shadow: none;
	font-size: 17.5px;
	font-weight: 500;
	line-height: 18px;
	text-shadow: none;
	transition: background 0.3s ease-in-out;
	cursor: pointer;
}

.sumoForm_main-button:disabled {
	background-color: var(--sumoForm-buttonDisabledBackgroundColor);
	cursor: unset;
}

.sumoForm_asset {
	display: none;
}

.sumoForm_asset-unlocked {
	display: block;
}

.sumoForm_checkboxes {
	--sumoForm-checkbox-bgColor: #fff;
	--sumoForm-checkbox-borderColor: #fff;
	border: 0;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 15px;
}

.sumoForm_checkboxes .sumoForm_field-label:has(~ :checked) {
	color: #fff;
}

.sumoForm_checkboxes .sumoForm_field-wrapper:has([type="checkbox"]) {
	border: 1px solid var(--sumoform-borderColor);
	padding: 5px 15px;
}

.sumoForm_checkboxes .sumoForm_field-wrapper:has(:checked) {
	background-color: var(--sumoForm-highlight);
	border-color: var(--sumoForm-highlight);
}

.sumoForm_checkboxes
	.sumoForm_fake-checkbox:has(~ :checked)
	.sumoForm_fake-check {
	fill: var(--sumoForm-highlight);
}

.sumoForm_notice {
	background-color: var(--sumoForm-noticeBg);
	display: flex;
}

.sumoForm_notice-icon-wrapper {
	background-color: var(--sumoForm-noticeIconBg);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	max-width: 50px;
}

.sumoForm_notice-text {
	font-weight: 400;
	font-size: 17px;
	line-height: 23px;
	color: var(--sumoForm-noticeText);
	margin: 20px 25px;
}

.sumoForm_notice-icon {
	width: 22px;
	fill: #fff;
}

.sumoForm_form-replacement-text {
	margin: 20px 0 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: var(--sumoForm-replacementTextColor) !important;
}

.lds-ring {
	display: none;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

button:disabled .lds-ring {
	display: block;
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	inset: 0;
	border: 2px solid var(--spinnerColor, #fff);
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: var(--spinnerColor, #fff) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}

@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}



.sumoForm-terms {
	max-height: 130px;
	overflow-y: auto;
}
.sumoForm-terms ol,
.sumoForm-terms ul {
	margin-block: 0;
	padding-left: 1rem;
}
.sumoForm-terms li:before {
	content: unset !important;
	display: none !important;
}
.sumoForm_field-wrapper:has(.sumoForm-terms) + .sumoForm_field-wrapper:has(.sumoForm-terms) {
	padding-top: 1.25rem;
	border-top: 1px solid var(--sumoform-borderColor);
}
