.request-feedback {
  position: fixed;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1200;
  width: min(640px, calc(100vw - 32px));
  display: grid;
  gap: 10px;
}

.request-feedback.is-hidden {
  display: none;
}

.request-feedback__message {
  margin: 0;
  border: 1px solid #dbe7ef;
  border-radius: 8px;
  background: #f8fbfd;
  color: #1d4f66;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 600;
}

.request-feedback__message--success {
  border-color: #bce7d3;
  background: #effcf6;
  color: #0f7a46;
}

.request-feedback__message--error {
  border-color: #f4c7ce;
  background: #fff4f5;
  color: #b42336;
}

.request-feedback__message--warning {
  border-color: #f9dbb4;
  background: #fff8ed;
  color: #9a3412;
}

.request-feedback__message--info {
  border-color: #dbe7ef;
  background: #f8fbfd;
  color: #1d4f66;
}