.form-renderer-wrapper {
  box-shadow: 0px 0px 0px 1px rgba(9, 11, 20, 0.08), 0px 3px 0px 0px rgba(9, 11, 20, 0.04), 0px 7px 8px 0px rgba(9, 11, 20, 0.05), 0px 9px 11px 0px rgba(9, 11, 20, 0.05);
  border-radius: 8px;
  overflow: hidden;
}

[data-qa="FormView__container"]>div {
  padding: 16px 20px;
}

[data-qa="FormView__container"] input {
  font-size: 0.9375rem;
  line-height: 120%;
  display: flex;
  height: 40px;
  max-height: 42px;
  padding: 2px 12px 0 12px;
  border-radius: 8px;
  box-shadow:
    0px 0px 0px 1px rgba(78, 81, 97, 0.12),
    0 0 0 0 rgba(0, 0, 0, 0);
  transition: box-shadow 0.2s ease;
  border: none;
  outline: none;
  color: #1e202e;
}

[data-qa="FormView__container"] input:hover {
  box-shadow:
    0px 0px 0px 1px rgba(78, 81, 97, 0.18),
    0 0 0 0 rgba(0, 0, 0, 0);
}

[data-qa="FormView__container"] input:focus {
  box-shadow:
    0px 0px 0px 1px rgba(84, 97, 200, 0.60),
    0 0 0 4px rgba(105, 119, 225, 0.70);
}

button[type="submit"] {
  /*font-family: "Rotunda-Meter";*/
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  max-height: 42px;
  min-height: 42px;
  padding: 8px 12px;
  border-radius: 10px;
  border: none;
  background-color: #5461C8;
  background:
    linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)),
    /* url("https://uploads-ssl.webflow.com/62700af41da70b605419982b/627d85e2cc6e5f702bfbe2b0_icon-arrowRightCircle-br50.svg") no-repeat right 12px center, */
    #5461C8;
  transition-property: background-color, color, box-shadow;
  transition-duration: 400ms, 400ms, 240ms;
  transition-timing-function: ease, ease, ease;
  color: white;
  font-size: 0.9375rem;
  text-align: left;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0px;
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 0 rgba(255, 255, 255, 0.10),
    0 0 0 1px rgba(47, 61, 102, 0.80),
    0 2px 3px 0 rgba(10, 13, 23, 0.18),
    0 2px 1px 0 rgba(10, 13, 23, 0.12),
    0 0 0 0 rgba(0, 0, 0, 0),
    0 0 0 0 rgba(0, 0, 0, 0);
}

button[type="submit"]:hover {
  background-color: #5a66ce;
  color: white;
  box-shadow:
    inset 0 1px 0 0 rgba(255, 255, 255, 0.1),
    0 0 0 1px rgba(43, 48, 91, 0.75),
    0 2px 3px 0 rgba(40, 47, 90, 0.5),
    0 6px 4px -2px rgba(84, 97, 200, 0.08),
    0 0 0 0 rgba(0, 0, 0, 0),
    0 0 0 0 rgba(0, 0, 0, 0);
}

button[type="submit"]:focus {
  box-shadow:
    inset 0 0 0 0 rgba(0, 0, 0, 0),
    0 0 0 1px rgba(43, 48, 91, 1),
    0 0 0 3px rgba(84, 97, 200, 0.7),
    0 0 0 1px rgba(14, 18, 36, 0.5),
    0 0 0 0 rgba(0, 0, 0, 0),
    0 0 0 0 rgba(0, 0, 0, 0);
}

button[type="submit"]:active {
  box-shadow:
    inset 0 0 0 0 rgba(0, 0, 0, 0),
    0 0 0 1px rgba(43, 48, 91, 1),
    0 0 0 3px rgba(84, 97, 200, 0.70),
    0 0 0 1px rgba(14, 18, 36, 0.50),
    0 2px 3px 0 rgba(14, 18, 36, 0.35),
    0 2px 1px 0 rgba(14, 18, 36, 0.20);
}

.SuiField {
  border: none;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0px;
}

.SuiField:hover {
  background-color: transparent;
}

.SuiButton-content,
.SuiButton-label,
.SuiButton.SuiButton--wide:not(.SuiButton--text) .SuiButton-content {
  padding: 0;
}

.SuiButton-label {
  text-transform: capitalize;
}

[data-qa="FormHeadline"] {
  display: none;
}

[data-qa="FormBanner__container"] {
  min-height: 272px;
  border-bottom: 1px solid #e4e6f0;
}

.grp.avatar {
  border: 2px solid white;
  background-color: #fafafc;
  color: #4e5161;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 60px !important;
  max-width: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  padding: 0 !important;
  overflow: hidden;
  display: flex;
  position: relative;
  box-shadow:
    0 1px rgba(9, 11, 20, .04),
    0 1px 2px rgba(9, 11, 20, .05),
    0 3px 5px rgba(9, 11, 20, .05);
}