/* Start:/bitrix/templates/dresscodeV2/components/bxmaker/authuserphone.enter/.default/style.css?17888775293425*/
/* Часть 2: мобильная форма входа по номеру телефона (компонент bxmaker:authuserphone.enter) */

@media (max-width: 767px) {

	div.bxmaker-authuserphone-enter {
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		padding: 16px;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.bxmaker-authuserphone-enter .bxmaker-authuserphone-enter-auth__title,
	.bxmaker-authuserphone-enter .bxmaker-authuserphone-enter-reg__title {
		margin-bottom: 20px;
		font-size: 20px;
		line-height: 26px;
	}

	.bxmaker-authuserphone-enter .bxmaker-authuserphone-input-phone input[type="tel"] {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		width: 100%;
		margin: 0;
		padding: 18px 12px 6px;
		border: 0;
		outline: none;
		background-color: transparent;
		font-size: 16px;
		text-align: left;
		vertical-align: top;
	}

	.bxmaker-authuserphone-enter .bxmaker-authuserphone-input-code input[type="tel"] {
		width: 100%;
		margin: 0;
		padding: 2px 12px;
		border: 0;
		outline: none;
		background-color: transparent;
		font-size: 30px;
		font-weight: 700;
		text-align: center;
		vertical-align: top;
	}

	.bxmaker-authuserphone-enter .bxmaker-authuserphone-button__inner {
		min-height: 48px;
		border-radius: 8px;
		background-color: #3498db;
	}

	.bxmaker-authuserphone-enter .bxmaker-authuserphone-button:hover .bxmaker-authuserphone-button__inner,
	.bxmaker-authuserphone-enter .bxmaker-authuserphone-button:active .bxmaker-authuserphone-button__inner {
		background-color: #2f89c6;
	}

	.bxmaker-authuserphone-enter .bxmaker-authuserphone-button__title {
		font-size: 17px;
		line-height: 22px;
	}

	.bxmaker-authuserphone-enter .bxmaker-authuserphone-button--white .bxmaker-authuserphone-button__inner,
	.bxmaker-authuserphone-enter .bxmaker-authuserphone-button--white:hover .bxmaker-authuserphone-button__inner {
		background-color: #ffffff;
		border: 1px solid #3498db;
	}

	.bxmaker-authuserphone-enter .bxmaker-authuserphone-button--white .bxmaker-authuserphone-button__title,
	.bxmaker-authuserphone-enter .bxmaker-authuserphone-button--white:hover .bxmaker-authuserphone-button__title {
		color: #3498db;
	}

	.bxmaker-authuserphone-enter .bxmaker-authuserphone-link,
	.bxmaker-authuserphone-enter a.bxmaker-authuserphone-link:visited {
		display: inline-block;
		min-height: 44px;
		padding: 12px 4px;
		color: #3498db;
		font-size: 15px;
		line-height: 20px;
	}

	.bxmaker-authuserphone-enter .bxmaker-authuserphone-enter__authtype,
	.bxmaker-authuserphone-enter .bxmaker-authuserphone-enter__change-confirm,
	.bxmaker-authuserphone-enter .bxmaker-authuserphone-enter-auth__toregistration,
	.bxmaker-authuserphone-enter .bxmaker-authuserphone-enter-auth-form__bypass,
	.bxmaker-authuserphone-enter .bxmaker-authuserphone-enter-auth-by-password-form__back,
	.bxmaker-authuserphone-enter .bxmaker-authuserphone-enter-reg__toauth {
		margin-top: 12px;
	}

	.bxmaker-authuserphone-enter .bxmaker-authuserphone-enter-smscode__notice,
	.bxmaker-authuserphone-enter .bxmaker-authuserphone-enter-usercall__notice,
	.bxmaker-authuserphone-enter .bxmaker-authuserphone-enter-botcall__notice,
	.bxmaker-authuserphone-enter .bxmaker-authuserphone-enter-botspeech__notice {
		font-size: 15px;
		line-height: 21px;
	}

	.bxmaker-authuserphone-enter .bxmaker-authuserphone-captcha__img {
		max-width: 100%;
	}
}

/* End */
/* /bitrix/templates/dresscodeV2/components/bxmaker/authuserphone.enter/.default/style.css?17888775293425 */