/* Start:/local/templates/granyart/components/bitrix/system.auth.form/granyart/style.css?17875796867601*/
@charset "UTF-8";
/* === AUTH & FORGOT === */
.pa-auth {
  max-width: 520px;
  margin: 24px auto 40px;
  padding: 1rem;
  background-color: #fff;
  border-radius: 0.5rem;
  /* чекбокс "Запомнить меня" на всю ширину */
  /* кнопки на всю ширину */
  /* «инверсия» для ссылки-кнопки */
  /* обычная текстовая ссылка в авторизации */
  /* "«"глаз" в пароле */
  /* капча — картинка + ссылка "Обновить" рядом, поле ниже */
}
.pa-auth .bx-auth {
  background: #fff;
  border-radius: 16px;
  padding: 20px 22px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
.pa-auth__title {
  text-align: center;
}
.pa-auth .errortext,
.pa-auth .notetext {
  display: block;
  border-radius: 12px;
  padding: 10px 12px;
  margin: 0 auto 12px;
  font-weight: 600;
}
.pa-auth .errortext {
  background: #ffeef0;
  color: #b71c1c;
  border: 1px solid #ffcdd2;
}
.pa-auth .notetext {
  background: #e8f5e9;
  color: #1b5e20;
  border: 1px solid #c8e6c9;
}
.pa-auth .pa-auth__field {
  margin-bottom: 12px;
}
.pa-auth .bx-auth-label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.pa-auth .bx-auth-input.form-control {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #d8dadd;
  border-radius: 12px;
  background: #fff;
  color: #101114;
  -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
  transition: box-shadow 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.pa-auth .bx-auth-input.form-control:focus, .pa-auth .form-control:hover {
  border-color: var(--grey-40);
}
.pa-auth .bx-auth-input.form-control.pa-auth__input--readonly {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  border: 1px solid #d8dadd;
  background-color: var(--grey-10);
  color: rgba(0, 0, 0, 0.5);
}
.pa-auth .bx-auth-input.form-control::-webkit-input-placeholder {
  color: #9aa1aa;
}
.pa-auth .bx-auth-input.form-control::-moz-placeholder {
  color: #9aa1aa;
}
.pa-auth .bx-auth-input.form-control:-ms-input-placeholder {
  color: #9aa1aa;
}
.pa-auth .bx-auth-input.form-control::-ms-input-placeholder {
  color: #9aa1aa;
}
.pa-auth .bx-auth-input.form-control::placeholder {
  color: #9aa1aa;
}
.pa-auth .pa-auth__remember {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin: 4px 0 12px;
  cursor: pointer;
}
.pa-auth .pa-auth__remember input {
  width: 18px;
  height: 18px;
  accent-color: var(--main);
}
.pa-auth .pa-auth__remember input:focus {
  outline: 1px dashed var(--grey-60);
  outline-offset: 1px;
}
.pa-auth .pa-auth__remember span {
  font-weight: 600;
  color: #40454d;
  font-size: 0.85rem;
  line-height: 1;
}
.pa-auth .pa-auth__actions {
  display: -ms-grid;
  display: grid;
  gap: 10px;
  margin-top: 10px;
}
.pa-auth .pa-auth__btn,
.pa-auth .pa-auth__actions .btn,
.pa-auth .pa-auth input[type=submit] {
  display: block;
  width: 100%;
  height: 48px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 16px;
  background: var(--main);
  color: var(--f);
  border: 1px solid var(--main);
  text-align: center;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
}
.pa-auth .pa-auth__btn:hover,
.pa-auth .pa-auth__actions .btn:hover,
.pa-auth .pa-auth input[type=submit]:hover {
  background: var(--hover);
  border: 1px solid var(--hover);
  color: #fff;
}
.pa-auth .pa-auth__btn:focus,
.pa-auth .pa-auth__actions .btn:focus,
.pa-auth .pa-auth input[type=submit]:focus {
  outline: 1px solid var(--hover);
  outline-offset: 1px;
}
.pa-auth .pa-auth__btn--ghost {
  background: #fff;
  color: var(--main);
  border: 1px solid var(--main);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pa-auth .pa-auth__link {
  text-align: center;
  color: var(--main);
  text-decoration: underline;
  display: block;
}
.pa-auth .pa-auth__link:hover {
  color: var(--hover);
}
.pa-auth .pa-auth__control {
  position: relative;
}
.pa-auth .pa-auth__control .bx-auth-input {
  /* чтобы кнопка не перекрывала текст */
  padding-right: 44px;
}
.pa-auth .pa-auth__toggle {
  position: absolute;
  right: 0.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 36px;
  height: 36px;
  z-index: 2;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M12 5C5 5 1 12 1 12s4 7 11 7s11-7 11-7s-4-7-11-7Zm0 12a5 5 0 1 1 0-10a5 5 0 0 1 0 10Zm0-2.5a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}
.pa-auth .pa-auth__toggle:hover {
  background-color: transparent;
}
.pa-auth .pa-auth__toggle:focus {
  background-color: var(--bg);
}
.pa-auth .pa-auth__toggle[aria-pressed=true] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M2 4.27L3.28 3L21 20.72L19.73 22l-3.1-3.1C15.49 19.58 13.79 20 12 20C5 20 1 13 1 13a21.7 21.7 0 0 1 5.2-6.32L2 4.27zM12 6c7 0 11 7 11 7a21.7 21.7 0 0 1-3.17 4.32l-1.45-1.45A19.4 19.4 0 0 0 21 13s-4-7-9-7c-.9 0-1.76.15-2.58.41l-1.5-1.5C9 6.26 10.47 6 12 6z'/%3E%3C/svg%3E");
}
.pa-auth .pa-auth__captcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 0.5rem;
}
.pa-auth .pa-auth__captcha-refresh {
  all: unset;
  cursor: pointer;
  font-weight: 700;
  color: var(--main);
}
.pa-auth .pa-auth__captcha-refresh:hover {
  background-color: transparent;
  color: var(--hover);
  text-decoration: underline;
}
.pa-auth .pa-auth__captcha-refresh:focus {
  text-decoration: underline;
}

/* страховка на случай, если ядро рендерит сообщения вне .pa-auth */
main[role=main] .errortext,
main[role=main] .notetext {
  display: block;
  border-radius: 12px;
  padding: 10px 12px;
  margin: 0 auto 12px;
  font-weight: 600;
  max-width: 520px;
  line-height: 100%;
  font-size: 1rem;
}

main[role=main] .errortext {
  background: #ffeef0;
  color: #b71c1c;
  border: 1px solid #ffcdd2;
}

main[role=main] .notetext {
  background: #e8f5e9;
  color: #1b5e20;
  border: 1px solid #c8e6c9;
}
/* End */
/* /local/templates/granyart/components/bitrix/system.auth.form/granyart/style.css?17875796867601 */