.auth-page.pk-page {
    max-width: 560px;
    padding: 0;
    margin: auto;
}

.pk-page .form {
    max-width: 484px;
    padding: 0;
    margin: auto;
}

.auth-page .form-popup{
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	gap: 0.5rem;
}

.form-popup .form-header {
    padding-top: 35px;
    padding-left: 32px;
    padding-right: calc(32px - 2px);
    padding-bottom: 32px;
}

.form-popup .form-body {
    padding-left: 32px;
    padding-right: 32px;
	padding-bottom: 17px;
	padding-right: calc(32px - 2px);
}

.form-popup .form-footer,
.form-popup .social_block {
    padding-left: 32px;
    padding-right: calc(32px - 2px);
    padding-bottom: 32px;
    text-align: left;
}

.form-popup .form-header .title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: calc(1em + 7px);
    color: #222;
}

.btn.btn-wide {
    width: 100%;
    max-width: 100%;
}

.line-block {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0 -16px;
}

.line-block>.line-block__item {
    padding-left: 16px;
    padding-right: 16px;
}

.line-block--16-vertical>.line-block__item {
    padding-top: 8px;
    padding-bottom: 8px;
}

.line-block--align-normal {
    align-items: normal;
}

.line-block--16-vertical {
    margin-top: -8px;
    margin-bottom: -8px;
}

.flexbox--justify-beetwen {
    -ms-justify-content: space-between;
    justify-content: space-between;
}

.flexbox--direction-column {
    -ms-flex-direction: column;
    flex-direction: column;
}

.auth-page .form-control{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	width: 100%;
    color: #222;
    background-color: #FFF;
    border: 0.0625rem #dedede solid;
    border-radius: var(--br);
    padding: 0.625rem;
	font-size: 1rem;
}