.checkCapcha .personal-float-field.checkCapcha__float {
  display: block;
  margin: 0 auto 2rem;
  max-width: 240px;
  width: 240px;
  min-width: 0;
  text-align: left;
  box-sizing: border-box;
}

/* Модалки/формы с .personal-float-field { max-width:100% } не должны растягивать капчу */
.callback-widget__dialog .callback-widget__body .checkCapcha .personal-float-field.checkCapcha__float,
.callback-widget__dialog .checkCapcha .personal-float-field.checkCapcha__float,
.auth-popup .checkCapcha .personal-float-field.checkCapcha__float,
.login .checkCapcha .personal-float-field.checkCapcha__float,
.registration .checkCapcha .personal-float-field.checkCapcha__float,
.feedback .checkCapcha .personal-float-field.checkCapcha__float,
.c-order .checkCapcha .personal-float-field.checkCapcha__float,
.to-order-plugin .checkCapcha .personal-float-field.checkCapcha__float {
  max-width: 240px;
  width: 240px;
  margin-left: auto;
  margin-right: auto;
}

.checkCapcha .personal-float-field.checkCapcha__float .personal-float-field__control {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
}

.checkCapcha .personal-float-field.checkCapcha__float .personal-float-field__label {
  position: absolute;
  left: 1.6rem;
  top: 50%;
  z-index: 1;
  max-width: calc(100% - 3.2rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--color-text-muted, #767676);
  pointer-events: none;
  transform: translateY(-50%);
  transition:
    top 0.15s ease,
    transform 0.15s ease,
    font-size 0.15s ease,
    color 0.15s ease;
}

.checkCapcha .personal-float-field.checkCapcha__float .personal-float-field__label.feedback__label_require::before {
  content: "*";
  color: #e92c2c;
  padding-right: 0.3rem;
}

.checkCapcha .personal-float-field.checkCapcha__float .personal-float-field__control:focus-within > .personal-float-field__label,
.checkCapcha .personal-float-field.checkCapcha__float .personal-float-field__control:has(input:not(:placeholder-shown)) > .personal-float-field__label,
.checkCapcha .personal-float-field.checkCapcha__float.is-filled .personal-float-field__label {
  top: 0.8rem;
  transform: none;
  font-size: 1.2rem;
  color: var(--color-text-muted, #767676);
}

.checkCapcha .personal-float-field.checkCapcha__float input.captcha {
  display: block;
  width: 240px !important;
  max-width: 240px !important;
  min-width: 0 !important;
  margin: 0 !important;
  background: var(--input-bg);
  border: 1px solid var(--color-border);
  font:
    400 1.6rem / 2.4rem "Roboto",
    Arial,
    Helvetica,
    sans-serif;
  padding: 2.2rem 1.6rem 0.8rem;
  color: var(--color-text);
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: 5px;
  height: 5.6rem;
  min-height: 5.6rem;
  transition: box-shadow 0.25s, border-color 0.15s ease;
  box-sizing: border-box;
}

.checkCapcha .personal-float-field.checkCapcha__float input.captcha:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--color-accent, var(--theme-primary-color, #ef8b2e));
}

.checkCapcha .personal-float-field.checkCapcha__float input.captcha.callback-field--error,
.checkCapcha .personal-float-field.checkCapcha__float input.captcha.storefront-field--error,
.checkCapcha .personal-float-field.checkCapcha__float input.captcha.registration-field--error,
.checkCapcha .personal-float-field.checkCapcha__float input.captcha.e-form-input--error {
  border: 1px solid #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.callback-widget__dialog .checkCapcha .personal-float-field.checkCapcha__float {
  text-align: left;
}

.callback-widget__dialog .checkCapcha .personal-float-field.checkCapcha__float .personal-float-field__label {
  display: block;
}

@media (max-width: 280px) {
  .checkCapcha .personal-float-field.checkCapcha__float,
  .callback-widget__dialog .callback-widget__body .checkCapcha .personal-float-field.checkCapcha__float,
  .checkCapcha .personal-float-field.checkCapcha__float input.captcha {
    width: 100% !important;
    max-width: 240px !important;
  }
}