/* SingleMeetSingle three-step Ultimate Member registration wizard. */

body.sms-registration-page {
	margin: 0;
	background: #fff;
	color: #172033;
}

.sms-registration-page .header_1,
.sms-registration-page .header_2,
.sms-registration-page .header_3,
.sms-registration-page .footer_1,
.sms-registration-page .footer_2,
.sms-registration-page .footer_3,
.sms-registration-page .page_title {
	display: none !important;
}

.sms-registration-page #layout,
.sms-registration-page .page_content {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.sms-registration-page .right_br_full_container,
.sms-registration-page .sms-member-navigation {
	display: none !important;
}

.sms-registration-page .page_content,
.sms-registration-page .content,
.sms-registration-page .cz_content,
.sms-registration-page .row,
.sms-registration-page .s_row,
.sms-registration-page .container {
	max-width: none;
}

.sms-registration-page .um-register,
.sms-registration-page .um-register .um-form,
.sms-registration-page .um-register form {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.sms-registration-form,
.sms-registration-form * {
	box-sizing: border-box;
}

.sms-registration-old-row,
.sms-registration-native-actions,
.sms-registration-native-hidden,
.sms-registration-native-input {
	display: none !important;
}

.sms-registration-shell {
	display: grid;
	min-height: 100vh;
	min-height: 100dvh;
	grid-template-columns: minmax(310px, 38%) minmax(0, 1fr);
	background:
		radial-gradient(circle at 14% 13%, rgba(20, 204, 184, 0.15), transparent 27%),
		linear-gradient(145deg, #f7fffe 0%, #f8f6ff 50%, #fff 100%);
}

.sms-registration-aside {
	position: sticky;
	top: 0;
	display: flex;
	height: 100vh;
	height: 100dvh;
	padding: clamp(38px, 5vw, 72px);
	flex-direction: column;
	background:
		linear-gradient(155deg, rgba(9, 199, 184, 0.96), rgba(42, 161, 219, 0.96) 47%, rgba(112, 45, 241, 0.96)),
		#19bfb4;
	color: #fff;
	overflow: hidden;
}

.sms-registration-aside::before,
.sms-registration-aside::after {
	position: absolute;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 50%;
	content: "";
}

.sms-registration-aside::before {
	top: -120px;
	right: -170px;
	width: 420px;
	height: 420px;
}

.sms-registration-aside::after {
	right: -80px;
	bottom: -180px;
	width: 360px;
	height: 360px;
}

.sms-registration-brand {
	position: relative;
	z-index: 1;
	color: #172033;
	font-size: clamp(24px, 2.2vw, 32px);
	font-weight: 850;
	letter-spacing: -0.045em;
	line-height: 1;
}

.sms-registration-aside .sms-registration-brand {
	color: #fff;
}

.sms-registration-brand span {
	color: #0fcdb7;
}

.sms-registration-aside .sms-registration-brand span {
	color: #cafff9;
}

.sms-registration-brand--mobile {
	display: none;
}

.sms-aside-copy {
	position: relative;
	z-index: 1;
	max-width: 430px;
	margin-top: clamp(70px, 10vh, 120px);
}

.sms-aside-copy small {
	display: block;
	margin-bottom: 13px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
}

.sms-aside-copy h2 {
	margin: 0;
	color: #fff;
	font-size: clamp(34px, 4vw, 54px);
	font-weight: 850;
	letter-spacing: -0.05em;
	line-height: 1.02;
}

.sms-aside-copy p {
	max-width: 390px;
	margin: 22px 0 0;
	color: rgba(255, 255, 255, 0.86);
	font-size: 16px;
	line-height: 1.65;
}

.sms-registration-aside ol {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 15px;
	margin: auto 0;
	padding: 28px 0;
	list-style: none;
}

.sms-registration-aside li {
	display: flex;
	align-items: center;
	gap: 13px;
	opacity: .65;
}

.sms-registration-aside li.is-active,
.sms-registration-aside li.is-complete {
	opacity: 1;
}

.sms-registration-aside li > b {
	display: inline-flex;
	width: 36px;
	height: 36px;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 50%;
	font-size: 13px;
}

.sms-registration-aside li.is-active > b,
.sms-registration-aside li.is-complete > b {
	border-color: #fff;
	background: #fff;
	color: #602ee9;
}

.sms-registration-aside li.is-complete > b {
	font-size: 0;
}

.sms-registration-aside li.is-complete > b::after {
	font-size: 15px;
	content: "✓";
}

.sms-registration-aside li > span {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-weight: 750;
}

.sms-registration-aside li small {
	margin-top: 1px;
	color: rgba(255, 255, 255, .72);
	font-size: 11px;
	font-weight: 500;
}

.sms-aside-trust {
	position: relative;
	z-index: 1;
	font-size: 11px;
	font-weight: 650;
}

.sms-registration-main {
	width: min(100%, 790px);
	min-width: 0;
	margin: 0 auto;
	padding: clamp(38px, 5vw, 68px) clamp(30px, 6vw, 72px) 48px;
	background: #fff;
}

.sms-registration-top {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 14px;
	color: #a2aaba;
}

.sms-registration-back {
	display: inline-flex;
	width: 42px;
	height: 42px;
	padding: 0;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: #f4f5f7;
	color: #637086;
	cursor: pointer;
	font-size: 22px;
	opacity: 0;
	pointer-events: none;
}

.sms-registration-back.is-visible {
	opacity: 1;
	pointer-events: auto;
}

.sms-registration-back:not(.is-visible) {
	display: none;
}

.sms-registration-steptext {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .08em;
}

.sms-registration-stepname {
	font-size: 13px;
}

.sms-registration-progress {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 9px;
	margin-top: 12px;
}

.sms-registration-progress span {
	height: 5px;
	background: #e2e5ea;
	border-radius: 999px;
}

.sms-registration-progress span.is-active {
	background: linear-gradient(90deg, #0bceb8, #7b35f4);
}

.sms-registration-intro {
	margin: 31px 0 28px;
}

.sms-registration-intro h1 {
	margin: 0;
	color: #111827;
	font-size: clamp(31px, 4vw, 43px);
	font-weight: 850;
	letter-spacing: -0.045em;
	line-height: 1.08;
}

.sms-registration-intro p {
	margin: 9px 0 0;
	color: #70798b;
	font-size: 17px;
	line-height: 1.45;
}

.sms-registration-intro p b {
	color: #3f4b60;
}

.sms-registration-main[data-step="2"] .sms-registration-intro p {
	font-size: 15px;
	white-space: nowrap;
}

.sms-registration-step {
	display: none;
}

.sms-registration-step.is-active {
	display: block;
	animation: sms-registration-enter .25s ease-out;
}

@keyframes sms-registration-enter {
	from {
		opacity: 0;
		transform: translateY(5px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.sms-registration-form .um-field {
	margin: 0 0 23px !important;
	padding: 0 !important;
}

.sms-registration-form .um-field-label {
	display: flex;
	margin: 0 0 8px !important;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.sms-registration-form .um-field-label label,
.sms-registration-form .um-field > label {
	color: #344055 !important;
	font-size: 15px !important;
	font-weight: 750 !important;
	line-height: 1.35 !important;
}

.sms-registration-form .um-field-label .um-field-arrow {
	display: none !important;
}

.sms-registration-form .um-field-error {
	margin-top: 8px !important;
	padding: 11px 14px !important;
	border-radius: 9px !important;
	background: #cc4b4f !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
}

.sms-registration-server-error {
	display: grid;
	margin: 0 0 22px;
	padding: 14px 16px;
	gap: 3px;
	border: 1px solid #ef9aa5;
	border-radius: 12px;
	background: #fff1f3;
	color: #a92e42;
	font-size: 13px;
	line-height: 1.45;
}

.sms-registration-server-error strong {
	color: #8f2034;
	font-size: 14px;
}

.sms-registration-server-error span {
	white-space: pre-line;
}

.sms-registration-form input[type="text"],
.sms-registration-form input[type="email"],
.sms-registration-form input[type="password"],
.sms-registration-form input[type="tel"],
.sms-registration-form input[type="number"],
.sms-registration-form input[type="date"],
.sms-registration-form textarea,
.sms-registration-form select {
	width: 100% !important;
	height: 58px !important;
	margin: 0 !important;
	padding: 0 17px !important;
	border: 1px solid #dfe3e9 !important;
	border-radius: 13px !important;
	outline: 0 !important;
	background: #fbfbfc !important;
	box-shadow: none !important;
	color: #202b3d !important;
	font-family: inherit !important;
	font-size: 16px !important;
	line-height: 58px !important;
}

.sms-registration-form textarea {
	height: 130px !important;
	min-height: 130px !important;
	padding-top: 14px !important;
	line-height: 1.55 !important;
	resize: vertical;
}

.sms-registration-form input:focus,
.sms-registration-form textarea:focus,
.sms-registration-form select:focus {
	border-color: #7140ee !important;
	box-shadow: 0 0 0 3px rgba(113, 64, 238, .1) !important;
}

.sms-registration-form input::placeholder,
.sms-registration-form textarea::placeholder {
	color: #abb3c2 !important;
	opacity: 1;
}

.sms-password-area {
	position: relative;
}

.sms-password-area input {
	padding-right: 80px !important;
}

.sms-password-toggle {
	position: absolute;
	top: 50%;
	right: 16px;
	padding: 5px;
	border: 0;
	background: transparent;
	color: #7135f3;
	cursor: pointer;
	font-size: 14px;
	font-weight: 750;
	transform: translateY(-50%);
}

.sms-password-meter {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 6px;
	margin-top: 8px;
}

.sms-password-meter span {
	height: 4px;
	background: #e3e6eb;
	border-radius: 99px;
}

.sms-password-meter span.is-active {
	background: #09c8ad;
}

.sms-registration-safe {
	display: flex;
	margin-top: 6px;
	padding: 16px 18px;
	align-items: flex-start;
	gap: 12px;
	border-radius: 13px;
	background: #edfcf9;
	color: #008a7d;
}

.sms-registration-safe span {
	font-size: 20px;
}

.sms-registration-safe p {
	margin: 1px 0 0;
	font-size: 14px;
	line-height: 1.5;
}

.sms-registration-legal {
	margin: 20px auto 0;
	color: #a0a8b8;
	font-size: 12px;
	line-height: 1.55;
	text-align: center;
}

.sms-registration-legal a,
.sms-registration-login a {
	color: #7035f2;
	font-weight: 650;
	text-decoration: none;
}

.sms-card-options .um-field-area {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.sms-select-cards {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.sms-card-options .um-field-radio,
.sms-card-options .um-field-checkbox {
	position: relative;
	display: flex !important;
	width: 100% !important;
	min-height: 90px;
	margin: 0 !important;
	padding: 15px 8px !important;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: 2px solid #e1e3e8;
	border-radius: 13px;
	background: #fff;
	color: #70798a;
	cursor: pointer;
	text-align: center;
}

.sms-card-options .um-field-radio:hover,
.sms-card-options .um-field-checkbox:hover,
.sms-card-options .um-field-radio.active,
.sms-card-options .um-field-radio:has(input:checked),
.sms-card-options .um-field-checkbox:has(input:checked) {
	border-color: #7440ef;
	background: #faf8ff;
	color: #6130d8;
}

.sms-card-options input {
	position: absolute;
	opacity: 0;
}

.sms-card-options .um-field-radio-state,
.sms-card-options .um-field-checkbox-state {
	display: block !important;
	position: static !important;
	width: 32px !important;
	height: 32px !important;
	margin: 0 auto 7px !important;
	font-size: 29px !important;
	line-height: 1 !important;
}

.sms-card-options--gender .um-field-area,
.sms-card-options--gender .sms-select-cards {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sms-choice-icon svg {
	display: block;
	width: 31px;
	height: 31px;
	margin: 0 auto;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.4;
}

.sms-card-options .um-field-radio-option,
.sms-card-options .um-field-checkbox-option {
	display: block;
	position: static !important;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	color: currentColor !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	text-align: center !important;
	text-indent: 0 !important;
}

.sms-age-preference {
	margin: 7px 0 24px;
}

.sms-age-heading {
	display: flex;
	margin-bottom: 10px;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	color: #344055;
	font-size: 15px;
}

.sms-age-heading b {
	color: #7740ed;
}

.sms-age-row {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) 30px;
	align-items: center;
	gap: 10px;
	margin: 8px 0;
	color: #778195;
	font-size: 13px;
}

.sms-age-row > b {
	color: #354056;
	font-size: 13px;
	text-align: right;
}

.sms-range {
	width: 100%;
	height: 6px !important;
	min-height: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	border: 0 !important;
	border-radius: 99px;
	background: #dfe2e7;
	box-shadow: none !important;
	accent-color: #15c4b4;
	cursor: pointer;
}

.sms-range--from {
	accent-color: #12c5b3;
	color: #12c5b3;
}

.sms-range--to {
	accent-color: #a742f4;
	color: #a742f4;
}

.sms-range::-webkit-slider-runnable-track {
	height: 6px;
	border: 0;
	border-radius: 999px;
	background: transparent;
}

.sms-range::-webkit-slider-thumb {
	width: 17px;
	height: 17px;
	margin-top: -5.5px;
	appearance: none !important;
	-webkit-appearance: none !important;
	border: 0;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .14);
}

.sms-range::-moz-range-track {
	height: 6px;
	border: 0;
	border-radius: 999px;
	background: transparent;
}

.sms-range::-moz-range-progress {
	height: 6px;
	border-radius: 999px;
	background: transparent;
}

.sms-range::-moz-range-thumb {
	width: 17px;
	height: 17px;
	border: 0;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .14);
}

.sms-range--from::-webkit-slider-thumb {
	color: #12c5b3;
}

.sms-range--to::-webkit-slider-thumb {
	color: #a742f4;
}

.sms-birthdate {
	display: grid;
	grid-template-columns: .9fr 1fr 1fr;
	gap: 10px;
}

.sms-birthdate select {
	padding-right: 34px !important;
}

.sms-birthdate-field .um-field-area > :not(.sms-birthdate) {
	display: none !important;
}

.sms-location-field .um-field-area,
.um-field-plaatsnaam .um-field-area,
.um-field-city .um-field-area {
	position: relative;
}

.sms-location-field .um-field-area::before,
.um-field-plaatsnaam .um-field-area::before,
.um-field-city .um-field-area::before {
	display: none !important;
	content: none !important;
}

.sms-location-field input,
.um-field-plaatsnaam input,
.um-field-city input {
	padding-left: 17px !important;
}

.sms-location-field .um-field-area::after,
.um-field-plaatsnaam .um-field-area::after {
	display: block;
	margin: 6px 4px 0;
	color: #abb3c2;
	font-size: 10px;
	line-height: 1.25;
	white-space: nowrap;
	content: "Wordt gebruikt om activiteiten bij jou in de buurt te tonen";
}

.sms-registration-step--2::after {
	display: none;
	content: none;
}

.sms-registration-social-proof {
	display: flex;
	min-height: 58px;
	margin-top: 5px;
	padding: 12px 16px;
	align-items: center;
	gap: 14px;
	border-radius: 13px;
	background: #faf6ff;
	color: #7830d8;
}

.sms-registration-social-proof__avatars {
	display: flex;
	flex: 0 0 auto;
	padding-left: 8px;
}

.sms-registration-social-proof__avatars img,
.sms-registration-social-proof__avatars i {
	display: inline-flex;
	width: 34px;
	height: 34px;
	margin-left: -8px;
	align-items: center;
	justify-content: center;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #ece8f9;
	object-fit: cover;
	font-size: 17px;
	font-style: normal;
}

.sms-registration-social-proof p {
	margin: 0;
	font-size: 12px;
	line-height: 1.35;
}

.sms-registration-social-proof strong {
	font-weight: 800;
}

.sms-profile-tip {
	display: flex;
	margin-bottom: 24px;
	padding: 16px;
	align-items: flex-start;
	gap: 13px;
	border: 1px solid #e0d6ff;
	border-radius: 14px;
	background: linear-gradient(110deg, #f2fdfb, #f7f3ff);
}

.sms-profile-tip > span {
	font-size: 24px;
}

.sms-profile-tip strong {
	display: block;
	color: #253047;
	font-size: 14px;
	line-height: 1.35;
}

.sms-profile-tip strong b {
	color: #7136ed;
}

.sms-profile-tip p {
	margin: 5px 0 0;
	color: #7a8394;
	font-size: 12px;
	line-height: 1.45;
}

.sms-photo-field .um-field-area {
	position: relative;
	display: block;
	min-height: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.sms-registration-photo-native,
.sms-registration-photo-picker,
.sms-registration-interest-values,
.sms-registration-native-interest {
	display: none !important;
}

.sms-registration-photo-trigger {
	position: relative;
	display: grid;
	width: 100%;
	min-height: 105px;
	padding: 17px 58px 17px 94px;
	align-items: center;
	border: 2px dashed #11cbb6;
	border-radius: 14px;
	background: #fbfffe;
	color: inherit;
	cursor: pointer;
	font: inherit;
	text-align: left;
}

.sms-registration-photo-trigger:hover,
.sms-registration-photo-trigger:focus-visible {
	border-color: #7138ef;
	background: #faf8ff;
	box-shadow: 0 0 0 3px rgba(113, 56, 239, .09);
	outline: 0;
}

.sms-registration-photo-trigger__arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	color: #7138ef;
	font-size: 22px;
	font-weight: 800;
	transform: translateY(-50%);
}

.sms-registration-photo-trigger.has-photo {
	padding-left: 92px;
	border-style: solid;
}

.sms-registration-photo-trigger > img {
	position: absolute;
	top: 50%;
	left: 18px;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	box-shadow: 0 3px 12px rgba(18, 28, 48, .16);
	object-fit: cover;
	transform: translateY(-50%);
}

.sms-photo-icon {
	position: absolute;
	top: 50%;
	left: 20px;
	display: inline-flex;
	width: 58px;
	height: 58px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: linear-gradient(145deg, #0dcab8, #7242ee);
	font-size: 25px;
	transform: translateY(-50%);
}

.sms-photo-copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	line-height: 1.3;
}

.sms-photo-copy b {
	color: #7438ed;
	font-size: 15px;
}

.sms-photo-copy sup {
	display: inline-flex;
	margin-left: 5px;
	padding: 3px 7px;
	border-radius: 999px;
	background: #e9e3ff;
	color: #6732de;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .02em;
	line-height: 1;
	text-transform: uppercase;
	vertical-align: 2px;
}

.sms-required-badge {
	display: inline-flex;
	margin-left: 7px;
	padding: 3px 7px;
	border-radius: 999px;
	background: #e9e3ff;
	color: #6732de;
	font-size: 9px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}

.sms-photo-field.sms-photo-field--error .um-field-area {
	border-color: #d6455d;
	background: #fff8f9;
	box-shadow: 0 0 0 3px rgba(214, 69, 93, .1);
}

.sms-photo-copy small {
	margin-top: 2px;
	color: #a1a9b7;
	font-size: 12px;
}

.sms-photo-copy em {
	display: none;
}

.sms-photo-field .um-single-image-preview,
.sms-photo-field .um-button,
.sms-photo-field a.um-button,
.sms-photo-field input[type="file"] {
	position: relative;
	z-index: 3;
}

.sms-interest-count {
	color: #a5adba;
	font-size: 12px;
	font-weight: 500;
}

.sms-interest-options .um-field-area {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* Ultimate Member/Select2 can rebuild the original field after our pills. */
.sms-interest-options .um-field-area > .sms-registration-native-interest,
.sms-interest-options .um-field-area > input,
.sms-interest-options .um-field-area > select,
.sms-interest-options .um-field-area > .select2,
.sms-interest-options .um-field-area > .select2-container {
	display: none !important;
}

.sms-interest-options .um-field-area > .sms-interest-proxies {
	display: flex !important;
}

.sms-photo-field .um-field-label-icon,
.sms-photo-field > .um-field-icon {
	display: none !important;
}

.sms-interest-proxies {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.sms-interest-options .um-field-checkbox {
	position: relative;
	display: inline-flex !important;
	width: auto !important;
	margin: 0 !important;
	padding: 8px 12px !important;
	align-items: center;
	border: 1px solid transparent;
	border-radius: 999px;
	background: #f4f4f6;
	color: #757e8e;
	cursor: pointer;
}

.sms-interest-options .um-field-checkbox:has(input:checked),
.sms-interest-options .um-field-checkbox.active {
	border-color: #d7c6ff;
	background: #f4efff;
	color: #6930df;
}

.sms-interest-options input {
	position: absolute;
	opacity: 0;
}

.sms-interest-options .um-field-checkbox-state {
	display: none !important;
}

.sms-interest-options .um-field-checkbox-option {
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 12px !important;
	font-weight: 650 !important;
	line-height: 1.25 !important;
	text-indent: 0 !important;
}

.sms-registration-trust {
	display: grid;
	gap: 10px;
	margin-top: 8px;
	padding: 17px;
	border-radius: 14px;
	background: #fafafa;
}

.sms-registration-trust p {
	display: flex;
	margin: 0;
	align-items: center;
	gap: 10px;
	color: #556176;
	font-size: 12px;
}

.sms-registration-trust span {
	display: inline-flex;
	width: 21px;
	height: 21px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #0ccdb7;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
}

.sms-registration-actions {
	margin-top: 34px;
	padding-top: 18px;
	border-top: 1px solid #edf0f3;
}

.sms-registration-next {
	display: flex;
	width: 100%;
	min-height: 58px;
	padding: 14px 20px;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 14px;
	background: linear-gradient(105deg, #0bcdb7, #3d8fe2 52%, #7538ed);
	box-shadow: 0 9px 24px rgba(82, 77, 221, .2);
	color: #fff;
	cursor: pointer;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.2;
}

.sms-registration-next:hover,
.sms-registration-next:focus-visible {
	box-shadow: 0 11px 28px rgba(82, 77, 221, .28);
	color: #fff;
	transform: translateY(-1px);
}

.sms-registration-login {
	margin: 14px 0 0;
	color: #a0a8b7;
	font-size: 13px;
	text-align: center;
}

.sms-step-error {
	margin: 12px 0 0;
	color: #c7374f;
	font-size: 12px;
	font-weight: 650;
	text-align: center;
}

@media (min-width: 1180px) {
	.sms-registration-main {
		padding-right: 84px;
		padding-left: 84px;
	}

	.sms-registration-step--3 .sms-interest-options .um-field-area {
		gap: 9px;
	}
}

@media (max-width: 900px) {
	.sms-registration-shell {
		display: block;
		min-height: 100vh;
		min-height: 100dvh;
		background: #fff;
	}

	.sms-registration-aside {
		display: none;
	}

	.sms-registration-main {
		display: flex;
		width: min(100%, 680px);
		min-height: 100vh;
		min-height: 100dvh;
		padding: 28px 34px 24px;
		flex-direction: column;
	}

	.sms-registration-brand--mobile {
		display: block;
		margin-bottom: 38px;
	}

	.sms-registration-steps {
		flex: 1 0 auto;
	}

	.sms-registration-actions {
		position: sticky;
		z-index: 20;
		bottom: 0;
		margin: 32px -10px -24px;
		padding: 17px 10px calc(18px + env(safe-area-inset-bottom));
		background: rgba(255, 255, 255, .96);
		backdrop-filter: blur(10px);
	}
}

@media (max-width: 560px) {
	.sms-registration-page .page_content,
	.sms-registration-page .content,
	.sms-registration-page .cz_content {
		padding: 0 !important;
	}

	.sms-registration-main {
		padding: 22px 25px 20px;
	}

	.sms-registration-brand {
		font-size: 22px;
	}

	.sms-registration-brand--mobile {
		margin-bottom: 31px;
	}

	.sms-registration-top {
		gap: 9px;
	}

	.sms-registration-back {
		width: 38px;
		height: 38px;
		font-size: 20px;
	}

	.sms-registration-steptext,
	.sms-registration-stepname {
		font-size: 12px;
	}

	.sms-registration-progress {
		gap: 6px;
		margin-top: 10px;
	}

	.sms-registration-progress span {
		height: 4px;
	}

	.sms-registration-intro {
		margin: 23px 0 25px;
	}

	.sms-registration-intro h1 {
		font-size: 29px;
	}

	.sms-registration-intro p {
		font-size: 16px;
	}

	.sms-registration-main[data-step="2"] .sms-registration-intro p {
		font-size: 13px;
		letter-spacing: -.01em;
	}

	.sms-registration-form .um-field {
		margin-bottom: 21px !important;
	}

	.sms-registration-form .um-field-label label,
	.sms-registration-form .um-field > label {
		font-size: 14px !important;
	}

	.sms-registration-form input[type="text"],
	.sms-registration-form input[type="email"],
	.sms-registration-form input[type="password"],
	.sms-registration-form input[type="tel"],
	.sms-registration-form input[type="number"],
	.sms-registration-form input[type="date"],
	.sms-registration-form select {
		height: 55px !important;
		font-size: 15px !important;
		line-height: 55px !important;
	}

	.sms-card-options .um-field-area {
		gap: 8px;
	}

	.sms-card-options .um-field-radio,
	.sms-card-options .um-field-checkbox {
		min-height: 82px;
		padding: 12px 5px !important;
	}

	.sms-card-options .um-field-radio-state,
	.sms-card-options .um-field-checkbox-state {
		font-size: 25px !important;
	}

	.sms-card-options .um-field-radio-option,
	.sms-card-options .um-field-checkbox-option {
		font-size: 12px !important;
	}

	.sms-birthdate {
		gap: 7px;
	}

	.sms-birthdate select {
		padding: 0 10px !important;
		font-size: 13px !important;
	}

	.sms-location-field .um-field-area::after,
	.um-field-plaatsnaam .um-field-area::after {
		margin-right: 0;
		margin-left: 0;
		font-size: 9px;
		letter-spacing: -.015em;
	}

	.sms-registration-social-proof {
		padding: 11px 12px;
		gap: 10px;
	}

	.sms-registration-social-proof__avatars img,
	.sms-registration-social-proof__avatars i {
		width: 30px;
		height: 30px;
	}

	.sms-age-heading {
		font-size: 14px;
	}

	.sms-profile-tip {
		padding: 14px;
	}

	.sms-photo-field .um-field-area {
		min-height: 0;
		padding: 0;
	}

	.sms-registration-photo-trigger {
		min-height: 96px;
		padding: 14px 48px 14px 80px;
	}

	.sms-photo-icon {
		left: 14px;
		width: 54px;
		height: 54px;
	}

	.sms-interest-options .um-field-area {
		gap: 7px 6px;
	}

	.sms-interest-options .um-field-checkbox {
		padding: 7px 10px !important;
	}

	.sms-interest-options .um-field-checkbox-option {
		font-size: 11px !important;
	}

	.sms-registration-actions {
		margin-right: -5px;
		margin-left: -5px;
		padding-right: 5px;
		padding-left: 5px;
	}

	.sms-registration-next {
		min-height: 56px;
		font-size: 16px;
	}
}

@media (max-width: 370px) {
	.sms-registration-main {
		padding-right: 18px;
		padding-left: 18px;
	}

	.sms-card-options .um-field-radio-option,
	.sms-card-options .um-field-checkbox-option {
		font-size: 11px !important;
	}

	.sms-birthdate select {
		font-size: 12px !important;
	}
}