.fade-me-out.htmx-swapping {
    opacity: 0;
    transition: opacity 0.6s ease-out;
  }
  .fade-me-in.htmx-added {
    opacity: 0;
  }
  .fade-me-in {
    opacity: 1;
    transition: opacity 0.4s ease-out;
  }



  /* Скрыть стрелочки у полей ввода типа number */
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }
  input[type="number"] {
      -moz-appearance: textfield;
  }
  /* Скрыть стрелочки у полей ввода типа number */

.ck-powered-by-balloon {
  display: none!important;
}
/* Применить стили к текстовым полям ввода */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Стиль при фокусе */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus {
  border-color: #3b82f6!important; /* Выделение синей рамкой при фокусе */
  outline: none;     /* Убирает стандартное выделение */
  /* box-shadow: 0 0 5px rgba(127, 127, 127, 0.5)!important;  */
}




#id_captcha_1{
  border: 1px solid;
  border-color: #d1d5db;
  padding: 10px;
  border-radius: 0.5rem;
  width: 70px;
}

/* Файл: styles.css */
#div_id_captcha {
  display: flex;
  align-items: center;
}

#div_id_captcha label {
  margin-right: 10px; /* Расстояние между лейблом и капчей */
}

#div_id_captcha .captcha {
  margin-right: 10px; /* Расстояние между капчей и полем ввода */
}

.hidden-until-loaded {
  display: none;
}