.container {
  font-size: 0.875rem;

  :global {
    fieldset[class*='form-columns'] {
      max-width: 100%;

      >* {
        width: 100% !important;
        float: none !important;
      }

      >.hs-fieldtype-text {
        width: 100% !important;
      }
    }

    .hs-form-field {
      margin-bottom: 1.5rem;

      .hs-error-msgs {
        margin-top: 0.5rem;
      }
    }

    .input {
      margin: 0 !important;
    }

    .hs-input:not([type='checkbox']) {
      width: 100%;
      border: solid 1px #ced5e7;
      border-radius: 8px;
      padding: 0.5rem 0.75rem;
      line-height: 1.6;
      background-color: white;
      appearance: none;
    }

    .hs-form-required:before {
      content: ' ';
    }

    .inputs-list {
      padding: 0;
      list-style: none;
    }

    .hs-error-msgs {
      margin: 0;
      border: 1px solid #fbb;
      border-radius: 8px;
      background-color: #fee;
      list-style: none;
      color: #444;
      padding: 0.5rem 0.75rem;
    }

    .hs-error-msg {
      font-weight: normal;
    }

    .hs_error_rollup {
      margin-bottom: 1.5rem;
    }

    .hs-button {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgb(var(--rgb-brand-7));
      border-radius: 8px;
      border: 2px solid rgb(var(--rgb-brand-7));
      padding: 0.5625rem 1.375rem;
      font-size: 14px;
      font-weight: 500;
      line-height: inherit;
      color: var(--secondary-color, white);
      text-decoration: none;
      vertical-align: baseline;
      cursor: pointer;
      transition: all 0.1s ease;
      -webkit-font-smoothing: auto;
      margin-bottom: 1.5rem;

      &:hover,
      &:active {
        opacity: 0.9;
      }
    }

    .hs-submit .hs-button {
      width: 100%;
      margin-bottom: 0;
    }

    .hs-form-booleancheckbox-display {
      display: flex;
      align-items: center;
    }

    label {
      display: block;
      font-weight: 500;
      cursor: pointer;
    }

    .submitted-message {
      background-color: #e7fbde;
      color: #397f1c;
      border-radius: 12px;
      padding: 0.5rem 1rem;

      p {
        margin: 0.5rem 0;
      }
    }

    .legal-consent-container .hs-error-msgs label {
      color: inherit;
    }
  }
}

.container--stacked {
  :global {
    fieldset[class*='form-columns'] {
      margin-left: -0.75rem;
      margin-right: -0.75rem;

      &:after {
        clear: both;
      }

      >* {
        float: left !important;
        margin-left: 0.75rem;
        margin-right: 0.75rem;
      }
    }

    .form-columns-2>* {
      width: calc(50% - 1.5rem) !important;
    }

    .form-columns-3>* {
      width: calc(33.3333% - 1.5rem) !important;
    }

    .form-columns-4>* {
      width: calc(25% - 1.5rem) !important;
    }
  }
}