.auth-nav {display: flex; flex-direction: column;} .auth-links__nav-wrapper {display: none;} .auth-links__nav .active { border-right: 3px solid var(--main-color);}
.auth-nav__link {display: block; margin-top: 16px; padding: 15px 14px 15px 20px; background: #f1f1f1; border: 1px solid #f3ddc9; color: var(--main-color); font-family: "RobotoMedium", "Arial", "Helvetica", sans-serif; text-shadow: #fff9f5 0 1px 0px; 
text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 0.5px;}
.auth-nav__link:hover {border-right: 3px solid var(--main-color);}
.auth-links__title {position: relative; margin-bottom: 10px; color: #373131; font-size: 14px; font-weight: 600; text-transform: uppercase; cursor: pointer;}
.auth-links__title::after {content: '\f107'; position: absolute; top: calc(50% - 11px); right: 8px; font-family: 'fontAwesome'; font-size: 24px; transition: transform 0.3s ease;}
.auth-open::after {transform: rotate(180deg); transition: transform 0.3s ease;}
.auth-nav__link .auth-nav__enter {position: relative; top: -4px; margin-left: 4px;}
@media(min-width: 804px) { .auth-links__title {position: static; cursor: auto; } .auth-links__nav-wrapper {display: block !important; padding: 0px 10px 14px 10px; border: dashed 1px #c1c1c1; border-radius: 2px;} .auth-links__title::after {content: ''; display: none;} }
@media(max-width: 804px) { .auth-links {border: solid 1px #D1D1D1; border-radius:2px;} .auth-links__title {margin-bottom: 2px; padding:8px 8px;} .auth-nav__link {margin: 10px 10px 2px 10px;} .auth-nav__link:nth-child(4) {margin: 10px 10px 20px 10px;} }
/* Для страницы Регистрации - Анимация левого блока */
.registration {transform: translateY(-80%); animation: regi 0.7s forwards;} 
@keyframes regi { 0% {transform: translateY(-80%);} 100% {transform: translateY(0);} }
.registration-message, .registration__title, .e-form__row, .registration .msgError {opacity: 0; animation: bloc 0.7s forwards;}
@keyframes bloc { 0% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 0.1;} 70% {opacity: 0.3;} 100% {opacity: 1;} }
/* Для страницы Забыли Пароль - Анимация левого блока */
.forgotpass-block {transform: translateY(-80%); animation: forgo 0.7s forwards;} 
@keyframes forgo { 0% {transform: translateY(-80%);} 100% {transform: translateY(0);} }
.auth-form-message, .auth-form-title {opacity: 0; animation: bloc 0.7s forwards;}
@keyframes bloc { 0% {opacity: 0;} 40% {opacity: 0;} 60% {opacity: 0.1;} 70% {opacity: 0.3;} 100% {opacity: 1;} }
/* Для страницы ENTER (Вход) - Анимация левого блока */
.enter-wrapper .column-section__block {transform: translateY(-80%); animation: regi 0.7s forwards;} 
@keyframes regi { 0% {transform: translateY(-80%);} 100% {transform: translateY(0);} }
.enter-wrapper .form-block__item {opacity: 0; animation: bloc 0.7s forwards;}