/* Start:/local/templates/main/css/auth.css?17907618754723*/
/* Вход, регистрация, выход (направление C) */

/* Шапка: кнопка «Выйти» рядом с иконкой кабинета */
.right_line .auth-logout {
  margin-top: 40px;
  margin-left: 30px;
  position: relative;
  height: fit-content;
}
.right_line .auth-logout svg path {
  transition: stroke .2s;
}
.right_line .auth-logout:hover svg path,
.right_line .auth-logout:focus-visible svg path {
  stroke: #B9A67A;
}
@media screen and (max-width:900px) {
  .right_line .auth-logout {
    margin-top: 0;
    margin-left: 15px;
  }
}

/* Формы входа / регистрации / восстановления */
.auth-from .auth-errors {
  margin: 0 0 30px;
  padding: 16px 20px;
  border-left: 3px solid #b3261e;
  background: #fff;
  border-radius: 4px;
}
.auth-from .auth-errors p {
  margin: 0;
  padding: 0;
  text-indent: 0;
  font-size: 15px;
  line-height: 1.4;
  color: #b3261e;
}
.auth-from .auth-errors p + p {
  margin-top: 6px;
}
.auth-from .auth-note {
  margin: 0 0 30px;
  padding: 16px 20px;
  border-left: 3px solid #886E2C;
  background: #fff;
  border-radius: 4px;
  font-size: 15px;
  line-height: 1.4;
  color: #404040;
}
.auth-from .auth-note p {
  margin: 0;
  padding: 0;
  text-indent: 0;
}
.auth-from .form-control {
  width: 100%;
  max-width: 100%;
}
.auth-from .form-control.is-error {
  border-bottom-color: #b3261e;
  box-shadow: inset 0 -1px 0 #b3261e;
}
.auth-from .form-control[readonly] {
  color: #6b6b6b;
  background: #f4f4f4;
}
.auth-from .auth-hint {
  margin: -24px 0 24px;
  padding: 0 0 0 15px;
  text-indent: 0;
  font-size: 13px;
  line-height: 1.4;
  color: #6b6b6b;
}

.auth-from .auth-captcha {
  display: block;
  margin: 0 auto 15px;
}

/* Галочка согласия: пустая — белая с рамкой, отмеченная — золотая с галкой */
.auth-from .check {
  margin: 0 0 20px;
}
.auth-from .check .input-checkbox + label::before {
  background: #fff;
  border: 1px solid #886E2C;
  box-sizing: border-box;
}
.auth-from .check .input-checkbox:checked + label::before {
  border: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMTY2MDIgNC45MzA4M0w1LjEwMjY4IDguNzVMMTIuODMyNyAxLjI1IiBzdHJva2U9IiM0OTQ5NDkiIHN0cm9rZS13aWR0aD0iMi4wODMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat center, linear-gradient(100.72deg, #FDF4DA -145.22%, #886E2C 102.04%);
}
.auth-from .check .input-checkbox:focus-visible + label::before {
  outline: 2px solid #886E2C;
  outline-offset: 2px;
}
.auth-from .check.is-error .input-checkbox + label::before {
  border: 2px solid #b3261e;
  box-shadow: 0 0 0 3px rgba(179, 38, 30, .15);
}
.auth-from .check a {
  margin-left: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.auth-from .check p {
  margin-left: 4px;
}
.auth-from .reg-consent-error[hidden] {
  display: none;
}
.auth-from .reg-consent-error {
  margin: -8px 0 20px;
  padding: 0;
  text-indent: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #b3261e;
}

/* Кнопка без согласия выглядит неактивной, но по клику объясняет, что не так */
.auth-from .but_otpr .but.disabled,
.auth-from .but_otpr .but.disabled:hover {
  background: linear-gradient(100.72deg, #FDF4DA -145.22%, #886E2C 102.04%);
  cursor: not-allowed;
}
.auth-from .but_otpr .but.is-sending {
  opacity: .6;
  cursor: progress;
}
.auth-from .form-bottom a {
  display: block;
  text-align: center;
}
.auth-done {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
}
.auth-done a {
  text-decoration: underline;
}

/* Кабинет: строка «Вы вошли как … · Выйти» над формой данных */
.lk-account {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px 20px;
  max-width: 615px;
  margin-top: 30px;
  font-family: Comfortaa;
  font-size: 16px;
  line-height: 1.4;
  color: #6b6b6b;
}
.lk-account span {
  overflow-wrap: anywhere;
}
.lk-account .lk-logout {
  color: #28261D;
  text-decoration: underline;
  white-space: nowrap;
}
.lk-account .lk-logout:hover {
  color: #886E2C;
}
.lk-account + .lk_lk {
  margin-top: 20px;
}
.lk-welcome {
  font-family: Comfortaa;
  color: #28261D;
  margin: 0 0 20px;
  padding: 16px 20px;
  border-left: 3px solid #886E2C;
  background: #fff;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width:500px) {
  .lk-account {
    margin-top: 20px;
    font-size: 14px;
  }
}

/* End */
/* /local/templates/main/css/auth.css?17907618754723 */