.field.label > .label-text,
.label-text {
  align-items: center;
  color: #969ba7;
  color: var(--field-label-color);
  display: flex;
  font: 0.875rem / normal
    roboto, -apple-system, blinkmacsystemfont, 'Segoe UI', helvetica, arial, sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font: var(--field-label-font);
  margin-bottom: 0.5rem;
  max-width: 100%;
  overflow: hidden;
  padding-right: 3rem;
  padding-right: var(--gap-large);
  position: relative;
  text-overflow: ellipsis;
  white-space: normal;
}

.input[required]:not([disabled]):not([readonly]) ~ .label-text:not(:has(:only-child))::after,
.label-text.required:not(:has(:only-child))::after {
  align-self: flex-start;
  content: '*';
  display: inline;
  font-weight: 700;
  font-weight: var(--bold);
  margin-left: 0.25em;
}
/* only-child */
.input[required]:not([disabled]):not([readonly])
  ~ .label-text:has(:only-child)
  > :only-child::after,
.label-text.required:has(:only-child) > :only-child::after {
  content: '*';
  font-weight: 700;
  font-weight: var(--bold);
  margin-left: 0.25em;
}

.field.file {
  --addon-width: 7rem;

  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-shrink: 1;
  flex-wrap: wrap;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
  position: relative;
}

  .field.file > .label-text {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: auto;
    order: 1;
  }

  .field.file > .input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
  }

  .field.file > .input:focus {
      border-color: #caccd3;
      border-color: var(--field-border-color);
      box-shadow: 0 0 transparent;
      outline: none;
    }

  .field.file > .input:focus ~ .browse-button {
        border-color: #3b93cd;
        border-color: var(--field-focus-border-color);
        box-shadow: 0 0 0 2px rgb(70 162 226 / 0.5);
        box-shadow: var(--focused-box-shadow);
        outline: none;
      }

  .field.file > .pseudo-input {
    align-items: center;
    background-color: #fff;
    background-color: var(--field-background-color);
    border-color: #caccd3;
    border-color: var(--field-border-color);
    border-radius: 0.25rem;
    border-radius: var(--field-border-radius);
    border-style: solid;
    border-width: 1px;
    border-width: var(--field-border-width);
    box-shadow: 0 0 0 calc(3 * 2px) transparent;
    box-shadow: var(--focusable-box-shadow);
    box-sizing: border-box;
    color: #50586d;
    color: var(--field-text-color);
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 1;
    height: 2.75rem;
    height: var(--field-height);
    line-height: 1.5rem;
    line-height: var(--field-line-height);
    margin-right: calc(-1 * var(--addon-width) - 0.375rem);
    max-height: 2.75rem;
    max-height: var(--field-height);
    max-width: 100%;
    min-height: 2.75rem;
    min-height: var(--field-height);
    min-width: 0;
    order: 2;
    padding: 0.5rem calc(2.75rem / 2 - 1.5rem / 2);
    padding: var(--field-padding);
    padding-right: 0.25rem;
    position: relative;
    transition: all 0.15s ease-in-out;
    width: 100%;
  }

  .field.file .file-name {
    display: block;
    left: 0;
    line-height: 2.75rem;
    line-height: var(--field-height);
    overflow: hidden;
    padding: 0.5rem calc(2.75rem / 2 - 1.5rem / 2);
    padding: var(--field-padding);
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - var(--addon-width) - 1rem);
  }

  .field.file .input::-webkit-file-upload-button {
    display: none;
  }

  .field.file .browse-button {
    align-items: center;
    background-color: #f6f6f7;
    background-color: var(--button-secondary-background-color);
    border: 1px solid transparent;
    border-radius: 0.25rem;
    border-radius: var(--field-border-radius);
    box-shadow: 0 0 0 calc(3 * 2px) transparent;
    box-shadow: var(--focusable-box-shadow);
    display: flex;
    height: 1.875rem;
    justify-content: center;
    left: -1rem;
    margin: calc((2.75rem - 1.875rem) / 2) 0;
    margin: calc((var(--field-height) - 1.875rem) / 2) 0;
    order: 3;
    width: var(--addon-width);
    z-index: 1;
  }

  .field.file .browse-button:focus {
      border-color: #3b93cd;
      border-color: var(--field-focus-border-color);
      box-shadow: 0 0 0 2px rgb(70 162 226 / 0.5);
      box-shadow: var(--focused-box-shadow);
      outline: none;
    }

.browse-button::-moz-focus-inner {
  outline: none;
}

.password-message {
  align-items: center;
  display: flex;
  justify-content: center;
}

  .password-message svg {
    display: flex;
    fill: currentColor;
    flex-grow: 0;
    flex-shrink: 0;
    height: 1em;
    margin-right: 0.25rem;
    width: 1em;
  }

.mde-field .react-mde {
    order: 2;
    width: 100%;
  }


/*# sourceMappingURL=main~070c84e4.67d82104.chunk.css.map*/