:root {
	--wati-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
		'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
		'Helvetica Neue', sans-serif;
	--wati-font-size-xs: 12px;
	--wati-font-size-s: 13px;
	--wati-font-size-m: 14px;
	--wati-font-size-l: 16px;
	--wati-font-size-xl: 18px;
	--wati-font-size-2xl: 20px;
	--wati-font-size-3xl: 24px;
	--wati-font-size-4xl: 32px;
	--wati-font-size-lg-patch: 18px;
	--wati-font-size-l-patch: 16px;
	--wati-font-weight-light: 300;
	--wati-font-weight-normal: 400;
	--wati-font-weight-medium: 500;
	--wati-font-weight-semibold: 600;
	--wati-font-weight-bold: 700;
	--wati-margin-xs: 4px;
	--wati-margin-s: 8px;
	--wati-margin-m: 12px;
	--wati-margin-l: 16px;
	--wati-margin-xl: 20px;
	--wati-margin-2xl: 24px;
	--wati-margin-3xl: 32px;
	--wati-margin-4xl: 40px;
	--wati-margin-5xl: 48px;
	--wati-margin-6xl: 64px;
	--wati-margin-7xl: 80px;
	--wati-padding-xs: 4px;
	--wati-padding-s: 8px;
	--wati-padding-m: 12px;
	--wati-padding-l: 16px;
	--wati-padding-xl: 20px;
	--wati-padding-2xl: 24px;
	--wati-padding-3xl: 32px;
	--wati-padding-4xl: 40px;
	--wati-padding-5xl: 48px;
	--wati-padding-6xl: 64px;
	--wati-padding-7xl: 80px;
	--wati-radius-xs: 2px;
	--wati-radius-s: 4px;
	--wati-radius-m: 6px;
	--wati-radius-l: 8px;
	--wati-radius-xl: 12px;
	--wati-radius-2xl: 16px;
	--wati-radius-3xl: 24px;
	--wati-radius-full: 9999px;
	--wati-icons-negative: #ffffff;
	--wati-header-height: 60px;
	--wati-main-min-height: calc(100vh - var(--wati-header-height));
}
.hbcdnH {
	width: 100vw;
	min-height: 100vh;
	text-align: center;
	background: rgb(255, 255, 255);
}
@media screen and (max-width: 1024px) {
	.hbcdnH {
		display: flex;
		flex-direction: column;
	}
}
.hbcdnH .back-btn__arrow {
	color: rgb(14, 113, 195);
	display: inline-block;
	cursor: pointer;
}
.hbcdnH .back-btn__arrow span {
	margin-left: 0.5rem;
}
.hbcdnH .back-btn__arrow:focus,
.hbcdnH .back-btn__arrow:hover {
	color: rgb(35, 164, 85);
}
.hbcdnH .back-btn__arrow:focus svg [stroke],
.hbcdnH .back-btn__arrow:hover svg [stroke] {
	stroke: rgb(35, 164, 85);
}
.hbcdnH .back-btn__arrow:focus svg [fill],
.hbcdnH .back-btn__arrow:hover svg [fill] {
	fill: rgb(35, 164, 85);
}
.hbcdnH .header-bar {
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px 3rem 3rem;
}
@media screen and (max-width: 1024px) {
	.hbcdnH .header-bar {
		max-height: 40px;
		margin: 0px auto;
		padding: var(--wati-padding-m);
		justify-content: center;
	}
}
.hbcdnH .header-bar .login-logo {
	max-width: 120px;
	max-height: 50px;
	width: auto;
	height: auto;
	display: block;
}
@media (max-height: 720px) {
	.hbcdnH .header-bar .login-logo {
		max-width: 100px;
	}
}
@media (max-width: 1024px) {
	.hbcdnH .header-bar .login-logo {
		max-width: 80px;
		max-height: 32px;
		object-fit: contain;
	}
}
.hbcdnH .header-bar .header-bar__language {
	margin-left: auto;
}
@media (max-width: 1024px) {
	.hbcdnH .header-bar .header-bar__language {
		position: absolute;
		right: 0px;
		top: 60px;
		z-index: 10;
	}
}
.hbcdnH .main-container {
	display: inline-flex;
	width: 70%;
	background: rgb(245, 246, 250);
	font-family: var(--wati-font-family);
	border-radius: 5px;
	padding: 3rem 0px;
	text-align: start;
}
.hbcdnH .main-container .left-box {
	width: 50%;
	border-right: 1px solid rgb(232, 234, 242);
	padding: 1rem 3rem;
}
.hbcdnH .main-container .left-box .main-bg {
	display: block;
	margin: 0px auto;
	max-width: 100%;
}
.hbcdnH .main-container .left-box .main-bg.mb-true {
	margin-bottom: 4rem;
}
.hbcdnH .main-container .left-box h1 {
	margin-bottom: 30px;
	font-size: 32px;
	color: rgb(0, 0, 0);
}
@media screen and (max-width: 1024px) {
	.hbcdnH .main-container .left-box {
		border: none;
		width: 100%;
	}
}
.hbcdnH .main-container .left-box__title {
	font-family: var(--wati-font-family);
}
.hbcdnH .main-container .left-box__logo {
	width: auto;
	height: auto;
	max-width: 200px;
	max-height: 80px;
}
.hbcdnH .main-container .left-box__description {
	margin-bottom: var(--wati-margin-7xl);
}
.hbcdnH .main-container .left-box__description-title {
	font-weight: var(--wati-font-weight-bold);
	font-size: var(--wati-font-size-lg-patch);
	margin-bottom: var(--wati-margin-4xl);
}
.hbcdnH .main-container .left-box__description-text {
	font-size: 17px;
	line-height: 1.5;
}
.hbcdnH .main-container .left-box__not-able-title {
	font-size: 17px;
	font-weight: var(--wati-font-weight-bold);
	margin-bottom: 30px;
}
.hbcdnH .main-container .left-box__warning-title {
	font-size: 17px;
	font-weight: var(--wati-font-weight-bold);
	margin-bottom: 30px;
}
.hbcdnH .main-container .left-box__able,
.hbcdnH .main-container .left-box__not-able {
	margin: 0px;
	padding-left: 35px;
}
.hbcdnH .main-container .left-box__able li,
.hbcdnH .main-container .left-box__not-able li {
	font-size: 17px;
	position: relative;
	margin-bottom: 13px;
}
.hbcdnH .main-container .left-box__able li::before,
.hbcdnH .main-container .left-box__not-able li::before {
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
	left: -40px;
}
.hbcdnH .main-container .left-box__able {
	margin-bottom: var(--wati-margin-7xl);
}
.hbcdnH .main-container .left-box__able li::before {
	background-image: /*savepage-url=/assets/imgs/ableIcon.svg*/ url();
}
.hbcdnH .main-container .left-box__not-able {
	margin-bottom: var(--wati-margin-7xl);
}
.hbcdnH .main-container .left-box__not-able li::before {
	background-image: /*savepage-url=/assets/imgs/notAbleIcon.svg*/ url();
}
.hbcdnH .main-container .left-box__choose-plan {
	font-size: 17px;
	font-weight: var(--wati-font-weight-semibold);
	margin-bottom: 30px;
}
.hbcdnH .main-container .left-box__choose-plan a {
	color: rgb(38, 156, 254);
	text-decoration: underline;
}
.hbcdnH .main-container .left-box__choose-plan a:focus,
.hbcdnH .main-container .left-box__choose-plan a:hover {
	color: rgb(35, 164, 85);
}
.hbcdnH .main-container .link-to-pricing {
	cursor: pointer;
}
.hbcdnH .main-container .link-to-pricing:focus,
.hbcdnH .main-container .link-to-pricing:hover {
	color: rgb(35, 164, 85);
}
.hbcdnH .main-container .left-box__not-need-verification {
	font-size: 17px;
	font-weight: var(--wati-font-weight-semibold);
	margin-bottom: 30px;
}
.hbcdnH .main-container .right-box {
	width: 50%;
	padding: 1rem 5%;
	text-align: left;
}
.hbcdnH .main-container .right-box .login-sub-text-login {
	font-weight: var(--wati-font-weight-bold);
	color: rgb(102, 102, 102);
	margin-top: 2rem;
}
.hbcdnH .main-container .right-box .login-right-panel {
	width: auto;
	padding: 0px;
}
.hbcdnH .main-container .right-box .login-right-panel .login-text-login {
	font-family: var(--wati-font-family);
	font-size: 2.3rem;
	color: rgb(35, 164, 85);
}
.hbcdnH .main-container .right-box .login-right-panel .login-register {
	margin-top: 1.5rem !important;
}
.hbcdnH
	.main-container
	.right-box
	.login-right-panel
	.login-register
	.login-register-text {
	font-family: var(--wati-font-family);
	font-size: 1rem;
	background: transparent;
	border: none;
	padding: 0px;
	color: rgb(14, 113, 195);
}
@media screen and (max-width: 1024px) {
	.hbcdnH .main-container .right-box {
		width: 100%;
	}
}
.hbcdnH .main-container .login-sub-text-login {
	margin-top: 1rem;
}
.hbcdnH .main-container .right-box__desc-text {
	display: block;
	color: rgb(102, 102, 102);
	font-size: 1.2rem;
	margin-bottom: 3rem;
}
.hbcdnH .main-container .right-box__success-text {
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	justify-content: center;
	font-weight: var(--wati-font-weight-semibold);
}
.hbcdnH .main-container .right-box__confirm-success {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgb(35, 164, 85);
	font-size: 1.2rem;
	font-weight: var(--wati-font-weight-semibold);
	line-height: 1.5;
}
.hbcdnH .main-container .right-box__back-btn {
	height: 60px;
	margin-top: 1rem;
}
.hbcdnH .main-container .right-box__language {
	margin: 22px 0px 0px auto;
}
.hbcdnH .main-container .right-box__header-title {
	display: block;
	font-size: 2.2rem;
	font-weight: var(--wati-font-weight-semibold);
	color: rgb(35, 164, 85);
	margin-bottom: 3rem;
}
.hbcdnH .main-container .right-box__header-title .mb-large {
	margin-bottom: 7rem;
}
@media screen and (max-width: 1024px) {
	.hbcdnH .main-container .right-box__header-title {
		margin-top: var(--wati-margin-4xl);
	}
}
.hbcdnH .main-container .right-box__form-wrap {
	margin-top: 2rem;
	width: 100%;
}
.hbcdnH .main-container .right-box__input-wrap {
	width: 100%;
	display: flex;
	position: relative;
	align-items: center;
	max-height: 50px;
}
.hbcdnH .main-container .right-box__input-wrap input {
	font-family: var(--wati-font-family);
	background: rgb(255, 255, 255);
	margin: 0px;
	border: 1px solid transparent;
	height: initial;
	padding: 1.2rem 1rem;
	border-radius: 5px;
	width: 100%;
	box-shadow: none !important;
}
.hbcdnH .main-container .right-box__input-wrap input:focus,
.hbcdnH .main-container .right-box__input-wrap input :hover:enabled {
	border: 1px solid rgb(35, 164, 85);
}
.hbcdnH .main-container .right-box__input-wrap.with-text input:enabled {
	padding-left: 8.5rem;
}
.hbcdnH .main-container .right-box__input-wrap.with-icon input {
	padding-left: 4.5rem;
}
.hbcdnH .main-container .right-box__input-wrap.with-show input {
	padding-right: 3.5rem;
}
.hbcdnH .main-container .right-box__disabled_input {
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	min-width: 6rem;
	display: flex;
	align-items: center;
	padding: 0px 0.5rem;
	border-right: 1px solid rgb(232, 234, 242);
	border-radius: 5px 0px 0px 5px;
}
.hbcdnH .main-container .right-box__disabled_input input {
	background: transparent;
	border: none;
	outline: none;
	padding: 0px;
	color: rgb(108, 117, 125);
	font-size: inherit;
	width: 100%;
	box-shadow: none;
	text-align: center;
}
.hbcdnH .main-container .right-box__disabled_input select {
	display: block;
	height: 100%;
	background: transparent;
	border: none;
	outline: none;
	padding: 0px;
	color: rgb(108, 117, 125);
	font-size: inherit;
	width: 100%;
	box-shadow: none;
	text-align: center;
}
.hbcdnH .main-container .right-box__icon {
	display: flex;
	position: absolute;
	padding: 0.3rem 1rem;
	border-right: 1px solid rgb(232, 234, 242);
}
.hbcdnH .main-container .right-box__show-icon {
	height: calc(100% - 2px);
	width: 45px;
	padding: 0px 0.7rem;
	background: rgb(255, 255, 255);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 1px;
	border-radius: 0px 5px 5px 0px;
	cursor: pointer;
	z-index: 16;
}
.hbcdnH .main-container .right-box__form-label {
	display: block;
	font-size: 1.1rem;
	font-weight: var(--wati-font-weight-semibold);
	color: rgb(102, 102, 102);
	margin-bottom: 0.5rem;
}
.hbcdnH .main-container .right-box__number-input {
	display: flex;
	align-items: center;
}
.hbcdnH .main-container .right-box__flag-select-wrap {
	height: 50px;
	display: flex;
	align-items: center;
	margin-right: 1rem;
	position: relative;
	background: rgb(255, 255, 255);
	border: 1px solid transparent;
	border-radius: 5px;
	padding-top: 0.4rem;
}
.hbcdnH .main-container .right-box__flag-select-wrap:hover {
	border: 1px solid rgb(35, 164, 85);
}
.hbcdnH .main-container .right-box__flag-select-wrap .PhoneInputInput {
	display: none;
}
.hbcdnH .main-container .right-box__flag-select-wrap .PhoneInputCountry {
	height: 50px;
	padding: 0px 0.8rem;
	margin-right: 0px;
}
.hbcdnH
	.main-container
	.right-box__flag-select-wrap
	.phone-input
	.MuiInputBase-input {
	margin-left: 55px !important;
}
.hbcdnH .main-container .right-box__flag-select-wrap .PhoneInputCountryIcon {
	width: 40px !important;
	height: 25px !important;
	margin-top: -7px !important;
	box-shadow: none !important;
}
.hbcdnH
	.main-container
	.right-box__flag-select-wrap
	.PhoneInputCountrySelectArrow {
	margin-top: -7px !important;
}
.hbcdnH .main-container .right-box__flag-select-wrap .PhoneInputCountrySelect {
	display: inherit;
}
.hbcdnH .main-container .right-box__form-group {
	display: flex;
	align-items: start;
	justify-content: space-between;
	column-gap: 1.5rem;
}
@media screen and (max-width: 1024px) {
	.hbcdnH .main-container .right-box__form-group {
		flex-direction: column;
	}
}
.hbcdnH .main-container .right-box__check-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.hbcdnH .main-container .right-box__check-wrap a {
	color: rgb(102, 102, 102);
	text-decoration: underline;
}
.hbcdnH .main-container .right-box__check-wrap a:focus,
.hbcdnH .main-container .right-box__check-wrap a :hover {
	color: rgb(35, 164, 85);
}
.hbcdnH .main-container .right-box__check-box {
	display: flex;
	align-items: center;
	min-height: 1.5rem;
	margin: 1.5rem 0px;
}
.hbcdnH .main-container .right-box__check-label {
	margin-left: 1rem;
	color: rgb(102, 102, 102);
}
.hbcdnH .main-container .right-box__check-label a {
	color: rgb(35, 164, 85);
	text-decoration: none;
}
.hbcdnH .main-container .right-box__check-label a:focus,
.hbcdnH .main-container .right-box__check-label a :hover {
	text-decoration: underline;
}
.hbcdnH .main-container .right-box__submit-btn {
	height: 60px;
	margin-top: 1rem;
}
.hbcdnH .main-container .right-box__confirm-wrap {
	text-align: center;
	margin: 1.5rem 0px;
	font-size: 1.1rem;
}
.hbcdnH .main-container .right-box__confirm-wrap a {
	color: rgb(35, 164, 85);
	margin-left: 0.5rem;
}
.hbcdnH .main-container .right-box__confirm-wrap a:focus,
.hbcdnH .main-container .right-box__confirm-wrap a:hover {
	text-decoration: underline;
}
.hbcdnH .main-container .right-box__or-divider {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 2rem 0px;
}
.hbcdnH .main-container .right-box__line {
	width: 50%;
	border-top: 1px solid rgb(232, 234, 242);
}
.hbcdnH .main-container .right-box__text {
	font-size: 1rem;
	white-space: nowrap;
	color: rgb(102, 102, 102);
	padding: 0px 2rem;
}
.hbcdnH .main-container .right-box__login-social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	gap: 1rem;
}
.hbcdnH .main-container .right-box__login-social.nowrap {
	flex-wrap: nowrap;
}
.hbcdnH .main-container .right-box__social-btn {
	height: 50px;
	flex: 0 0 auto;
	width: 31% !important;
}
.hbcdnH .main-container .right-box__social-btn button {
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-transform: initial;
	background: rgb(255, 255, 255);
	display: flex;
	height: 50px;
	border-radius: 5px;
}
.hbcdnH .main-container .right-box__social-btn button:hover,
.hbcdnH .main-container .right-box__social-btn button:focus {
	filter: brightness(0.9);
	background: rgb(255, 255, 255);
}
.hbcdnH .main-container .right-box__social-btn img {
	margin-right: 0.5rem;
}
.hbcdnH .main-container .right-box__social-btn.facebook button {
	background: rgb(48, 79, 139);
	color: rgb(255, 255, 255);
}
.hbcdnH .main-container .right-box__social-btn.facebook button:hover,
.hbcdnH .main-container .right-box__social-btn.facebook button:focus {
	background: rgb(48, 79, 139);
}
.hbcdnH .main-container .right-box__social-btn.shopify button {
	background: rgb(149, 191, 70);
	color: rgb(255, 255, 255);
}
.hbcdnH .main-container .right-box__social-btn.shopify button:hover,
.hbcdnH .main-container .right-box__social-btn.shopify button:focus {
	background: rgb(149, 191, 70);
}
.hbcdnH .main-container .right-box__link-btn {
	text-align: center;
}
.hbcdnH .main-container .right-box__link-btn span {
	color: rgb(14, 113, 195);
	cursor: pointer;
}
.hbcdnH .main-container .right-box__link-btn span:focus,
.hbcdnH .main-container .right-box__link-btn span:hover {
	color: rgb(35, 164, 85);
}
.hbcdnH .main-container .right-box__social-icon {
	margin-right: 0.5rem;
}
.hbcdnH .main-container .right-box__error-msg {
	max-width: 100%;
	color: rgb(255, 14, 14);
	font-size: 0.9rem;
	line-height: 1.5;
	margin: 3px 0px 0px;
}
.right-box__error-msg-2fa {
	max-width: 100%;
	color: rgb(255, 14, 14);
	font-size: 0.9rem;
	line-height: 1.5;
	margin: 3px 0px 0px;
}
.hbcdnH .main-container .action-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 1rem;
}
.hbcdnH .main-container .action-wrap img {
	cursor: pointer;
}
@media screen and (max-width: 1024px) {
	.hbcdnH .main-container .action-wrap img {
		max-width: 135px;
		max-height: 40px;
	}
}
@media screen and (max-width: 1024px) {
	.hbcdnH .main-container {
		width: 100%;
		padding: 0px;
		flex-direction: column-reverse;
		justify-content: flex-end;
		align-items: center;
		flex: 1 1 0%;
	}
}
.hbcdnH .register-success-box {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
}
.hbcdnH .register-success-box .card-box {
	background: rgb(255, 255, 255);
	border-radius: 10px;
	max-width: 500px;
	text-align: center;
	padding: 2rem;
}
.hbcdnH .register-success-box .card-box .card-image {
	height: 402px;
}
@media screen and (max-width: 1024px) {
	.hbcdnH .register-success-box .card-box .card-image {
		height: 302px;
	}
}
.hbcdnH .register-success-box .card-box img {
	max-width: 100%;
}
.hbcdnH .register-success-box .card-box .card-title {
	font-size: 1.7rem;
	font-weight: var(--wati-font-weight-bold);
	color: rgb(35, 164, 85);
}
@media screen and (max-width: 1024px) {
	.hbcdnH .register-success-box .card-box {
		max-width: 350px;
	}
}
.hbcdnH .more-info-box {
	padding: 3rem 0px;
}
.hbcdnH .more-info-box .info-text {
	font-family: var(--wati-font-family);
	margin-bottom: 2.5rem;
}
.hbcdnH .more-info-box .logo-group {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 5rem;
}
.hbcdnH .resend-btn {
	margin-top: 1rem;
}
.gTAiyY {
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgb(232, 234, 242);
	border-radius: 5px;
	color: rgb(245, 246, 250);
	font-size: 1.5rem;
	background: white;
	cursor: pointer;
	flex: 0 0 auto;
}
@media screen and (max-width: 1280px) {
	.gTAiyY {
		width: 24px;
		height: 24px;
	}
}
.gTAiyY:focus:not(:focus-visible) {
	transition: border 0.15s;
	border: 1px solid rgb(232, 234, 242);
}
.gTAiyY:focus-visible,
.gTAiyY:hover,
.gTAiyY:hover:not(:focus-visible) {
	transition: border 0.15s;
	border: 1px solid rgb(35, 164, 85);
}
.jDJYdn {
	--color: #fff;
	display: inline-flex;
	width: 100%;
	height: auto;
	min-width: 100px;
	padding: 1.3rem;
	border-radius: 5px;
	border-width: 0px;
	border-color: transparent;
	border-style: none;
	background: rgb(35, 164, 85);
	color: var(--color);
	font-family: var(--wati-font-family);
	font-size: 1.2rem;
	font-weight: var(--wati-font-weight-normal);
	transition: box-shadow 0.3s;
	box-shadow: rgb(220, 240, 228) 5px 5px 25px 0px;
	cursor: pointer;
	justify-content: center;
	align-items: center;
}
.jDJYdn:focus:not(:focus-visible) {
	transition: background 0.15s;
}
.jDJYdn:focus-visible,
.jDJYdn:hover,
.jDJYdn:hover:not(:focus-visible) {
	transition: background 0.15s;
	box-shadow: none;
}
.jDJYdn:active {
	background: rgb(29, 130, 66);
}
@media (max-height: 720px) {
	.jDJYdn {
		padding: 0.7rem 1.5rem;
	}
}
.cZaQjt {
	--color: #9ca19d;
	display: inline-flex;
	width: 100%;
	height: auto;
	min-width: 100px;
	padding: 1.3rem;
	border-radius: 5px;
	border-width: 1px;
	border-color: rgb(206, 208, 206);
	border-style: none;
	background: rgb(206, 208, 206);
	color: var(--color);
	font-family: var(--wati-font-family);
	font-size: 1.2rem;
	font-weight: var(--wati-font-weight-normal);
	transition: box-shadow 0.3s;
	box-shadow: none;
	cursor: default;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}
.cZaQjt:focus:not(:focus-visible) {
	transition: background 0.15s;
}
.cZaQjt:focus-visible,
.cZaQjt:hover,
.cZaQjt:hover:not(:focus-visible) {
	transition: background 0.15s;
	box-shadow: none;
}
@media (max-height: 720px) {
	.cZaQjt {
		padding: 0.7rem 1.5rem;
	}
}
.hiBwW {
	height: 56px;
	width: auto;
	border: 1px solid transparent;
	border-radius: 7px;
	cursor: pointer;
}
.hiBwW:hover,
.hiBwW:focus {
	border: 1px solid rgb(37, 211, 102);
}
@media screen and (max-width: 1024px) {
	.hiBwW {
		max-height: 40px;
		width: auto;
	}
}
.dvMA-do {
	height: 57px;
	width: auto;
	border: 1px solid transparent;
	border-radius: 7px;
	cursor: pointer;
}
.dvMA-do:hover,
.dvMA-do:focus {
	border: 1px solid rgb(37, 211, 102);
}
@media screen and (max-width: 1024px) {
	.dvMA-do {
		max-height: 40px;
		width: auto;
	}
}
.jyleLk {
	background-color: rgba(0, 0, 0, 0.4);
	position: fixed;
	inset: 0px;
	z-index: 4;
}
.gYOvqU {
	font-family: var(--wati-font-family);
	background-color: rgb(255, 255, 255);
	border-radius: 10px;
	box-shadow: rgba(14, 18, 22, 0.35) 0px 10px 38px -10px,
		rgba(14, 18, 22, 0.2) 0px 10px 20px -15px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90vw;
	max-width: 600px;
	overflow: hidden;
	z-index: 3;
	isolation: isolate;
}
.gYOvqU:focus {
	outline: none;
}
.ePzXtc {
	overflow: auto;
	max-height: 85vh;
}
.jHxHmh {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: none;
	color: rgb(153, 153, 153);
	background: rgb(245, 245, 245);
	padding-block: 0px;
	padding-inline: 0px;
	position: absolute;
	top: 4px;
	right: 4px;
	z-index: 11;
	cursor: pointer;
}
.jHxHmh:active,
.jHxHmh:focus,
.jHxHmh:hover {
	background: rgb(238, 238, 238);
}
.jHxHmh svg {
	font-size: 20px;
}
.kVYMcl {
	padding: 16px;
}
.hwGuEd {
	font-family: var(--wati-font-family);
	font-weight: var(--wati-font-weight-bold);
	font-size: calc(1.71429rem);
	line-height: calc(2.57143rem);
	color: rgb(0, 0, 0);
	margin: 0px;
	text-align: left;
}
.dAiRZk {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.dAiRZk img {
	width: 29px;
	height: 34px;
	margin-bottom: 16px;
}
.dJvPSk {
	color: rgb(51, 51, 51);
	font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
		sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	text-align: left;
	margin-left: 16px;
	padding-right: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.iQffzX {
	padding: 0px 20px;
	margin-top: 32px;
}
.dNYYBE {
	color: rgb(80, 84, 81);
	font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
		sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	text-align: center;
	margin-bottom: 12px;
}
.LaIlG {
	font-weight: 700;
	caret-color: rgb(183, 185, 183);
	background: white;
	width: 40px !important;
	height: 60px !important;
	padding: 0px !important;
	border: 1px solid rgb(229, 229, 229) !important;
	border-radius: 4px !important;
	font-size: 32px !important;
	line-height: 40px !important;
	text-align: center !important;
}
.LaIlG:focus {
	outline: none;
	box-shadow: rgb(35, 164, 85) 0px 1px 0px 0px !important;
}
.iIaUhR {
	display: flex;
	justify-content: center;
	gap: 10px;
	grid-template-columns: repeat(6, 1fr);
	margin-bottom: 8px;
}
.hlTDOD {
	display: flex;
	padding: 0px 20px;
	margin-top: 20px;
	gap: 8px;
}
.hlTDOD button {
	flex: 1 1 0%;
}
.hlTDOD .skip-button {
	background-color: rgb(255, 255, 255);
}
.khfBgB {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: rgb(107, 114, 128);
	width: 100%;
	margin-bottom: var(--wati-margin-xl);
}
.kwrGyP {
	color: rgb(156, 163, 175);
	cursor: not-allowed;
	text-decoration: none;
	font-weight: 500;
	margin-left: var(--wati-margin-xs);
}
.iACxHf {
	width: min(80vw, 200px);
	aspect-ratio: 1 / 1;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
}
.kZPQDE {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(239, 238, 246, 0.8);
	z-index: 999;
}
:root {
	--wati-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
		'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
		'Helvetica Neue', sans-serif;
	--wati-font-size-xs: 12px;
	--wati-font-size-s: 13px;
	--wati-font-size-m: 14px;
	--wati-font-size-l: 16px;
	--wati-font-size-xl: 18px;
	--wati-font-size-2xl: 20px;
	--wati-font-size-3xl: 24px;
	--wati-font-size-4xl: 32px;
	--wati-font-size-lg-patch: 18px;
	--wati-font-size-l-patch: 16px;
	--wati-font-weight-light: 300;
	--wati-font-weight-normal: 400;
	--wati-font-weight-medium: 500;
	--wati-font-weight-semibold: 600;
	--wati-font-weight-bold: 700;
	--wati-margin-xs: 4px;
	--wati-margin-s: 8px;
	--wati-margin-m: 12px;
	--wati-margin-l: 16px;
	--wati-margin-xl: 20px;
	--wati-margin-2xl: 24px;
	--wati-margin-3xl: 32px;
	--wati-margin-4xl: 40px;
	--wati-margin-5xl: 48px;
	--wati-margin-6xl: 64px;
	--wati-margin-7xl: 80px;
	--wati-padding-xs: 4px;
	--wati-padding-s: 8px;
	--wati-padding-m: 12px;
	--wati-padding-l: 16px;
	--wati-padding-xl: 20px;
	--wati-padding-2xl: 24px;
	--wati-padding-3xl: 32px;
	--wati-padding-4xl: 40px;
	--wati-padding-5xl: 48px;
	--wati-padding-6xl: 64px;
	--wati-padding-7xl: 80px;
	--wati-radius-xs: 2px;
	--wati-radius-s: 4px;
	--wati-radius-m: 6px;
	--wati-radius-l: 8px;
	--wati-radius-xl: 12px;
	--wati-radius-2xl: 16px;
	--wati-radius-3xl: 24px;
	--wati-radius-full: 9999px;
	--wati-icons-negative: #ffffff;
	--wati-header-height: 60px;
	--wati-main-min-height: calc(100vh - var(--wati-header-height));
}
html,
body {
	font-family: var(--wati-font-family);
	font-size: clamp(11px, 7.16px + 0.5vw, 14px);
	line-height: 1.5;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
html:has(div),
body:has(div) {
	font-family: var(--wati-font-family);
	font-size: clamp(11px, 7.16px + 0.5vw, 14px);
	line-height: 1.5;
	font-weight: 400;
}
*,
::before,
::after {
	box-sizing: inherit;
}
.modal {
	left: auto;
	right: auto;
}
::-webkit-scrollbar {
	width: 4px !important;
}
::-webkit-scrollbar-track {
	background: rgb(241, 241, 241) !important;
	border-radius: 30px !important;
}
::-webkit-scrollbar-thumb {
	background: rgb(136, 136, 136) !important;
	border-radius: 30px !important;
}
::-webkit-scrollbar-thumb:hover {
	background: rgb(119, 119, 119) !important;
	display: block !important;
	cursor: pointer !important;
}
button,
input,
optgroup,
select,
textarea {
	font-family: var(--wati-font-family);
}
h1,
h2,
h3,
h4,
h5 {
	font-family: var(--wati-font-family);
}
p {
	font-family: var(--wati-font-family);
}
.jHxHmh svg {
	font-size: 20px;
}
svg:not(:root) {
	overflow: hidden;
}
.css-q7mezt {
	user-select: none;
	width: 1em;
	height: 1em;
	display: inline-block;
	flex-shrink: 0;
	transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
	fill: currentcolor;
	font-size: 1.5rem;
}
.kwrGyP {
	color: rgb(156, 163, 175);
	cursor: not-allowed;
	text-decoration: none;
	font-weight: 500;
	margin-left: var(--wati-margin-xs);
}
.dQDYiU {
	color: rgb(16, 185, 129);
	cursor: pointer;
	text-decoration: none;
	font-weight: 500;
	margin-left: var(--wati-margin-xs);
}