#verify-phone-modal {
	z-index: 1091;
}

.verify-phone-backdrop {
	z-index: 1090;
}

.verify-phone-dialog {
	max-width: 420px;
	padding: 0 16px;
}

.verify-phone-content {
	position: relative;
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0px 2px 12px 0px rgba(11, 17, 52, 0.15);
}

#verify-phone-body {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.verify-phone-title {
	margin: 0;
	font-family: 'CeraProBold', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	color: #000;
}

.verify-phone-desc {
	margin: 0;
	font-family: 'CeraProRegular', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #000;
}

.verify-phone-input {
	width: 100%;
	height: 42px;
	padding: 0 16px;
	border: 1px solid #DDDEE6;
	border-radius: 40px;
	font-family: 'CeraProRegular', sans-serif;
	font-size: 16px;
	color: #000;
}

.verify-phone-input.is-error {
	border-color: #EC5C54;
}

.verify-phone-error {
	margin: 8px 0 0;
	font-family: 'CeraProRegular', sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #EC5C54;
}

.verify-phone-info {
	margin: 8px 0 0;
	font-family: 'CeraProRegular', sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000;
}

.verify-phone-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	height: 48px;
	background: #FFBA00;
	border: none;
	border-radius: 100px;
	font-family: 'CeraProMedium', sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #000;
	cursor: pointer;
}

.verify-phone-btn:hover {
	color: #000;
	opacity: 0.9;
}

.verify-phone-btn[disabled],
.verify-phone-btn[disabled]:hover {
	cursor: default;
	color: #858585;
	background-color: #E7E7E7;
}

.verify-phone-resend {
	align-self: start;
	font-family: 'CeraProRegular', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #5CC5C5;
	cursor: pointer;
}

.verify-phone-resend:hover {
	color: #5CC5C5;
	opacity: 0.9;
	text-decoration: none;
}

.verify-phone-reenter {
	align-self: flex-start;
	font-family: 'CeraProRegular', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	text-decoration: underline;
	cursor: pointer;
}

.verify-phone-reenter:hover {
	color: #000;
	opacity: 0.9;
}

.verify-phone-resend.is-disabled,
.verify-phone-reenter.is-disabled {
	pointer-events: none;
	opacity: 0.5;
	cursor: default;
}