:root, :host {
  /* Reduce the UI density by 20% for users of the default theme. */
  --w-density-factor: 0.66;
  --w-max-form-width: 1240px;
  --w-font-size-base: 1rem;
  --w-line-height-base: 1.25rem;
}

.w-form-width {
  max-width: var(--w-max-form-width);
}

.fields {
  max-width: var(--w-max-form-width);
}

.w-field__wrapper {
  max-width:  var(--w-max-form-width);
}

.Draftail-Editor .DraftEditor-root {
  font-size: var(--w-font-size-base) !important;
  line-height: var(--w-line-height-base) !important;
}


@media screen and (min-width: 56.25em) {
  .side-panel-open.minimap-open .w-form-width {
    max-width: max(60%, 100% - var(--side-panel-width) - 0rem) !important;
  }
}

@media screen and (min-width: 56.25em) {
  .side-panel-open .w-form-width {
    max-width: max(70%, 100% - var(--side-panel-width)) !important;
  }
}


input[type=date],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
  font-size: var(--w-font-size-base);
  line-height: var(--w-line-height-base);
}