.rich-text:not(.rich-text--ready) {
  opacity: 0;
}

.rich-text:not(.rich-text--toolbar) {
  trix-toolbar > .trix-button-row { display: none; }
}

.rich-text--input {
  position: relative;
  padding-bottom: 3em;
  overflow: hidden;

  trix-toolbar {
    position: absolute;
    bottom: 0;
  }

  trix-editor {
    padding: 0;
    word-wrap: anywhere;
    word-break: break-word;
  }

  .trix-button-group--text-tools {
    @media (max-width: 39.95em) { padding: 0.5rem 0 0.5rem 0.5rem; }
  }

  .trix-button-group--block-tools {
    @media (max-width: 39.95em) { padding: 0.5rem 0.5rem 0.5rem 0; }
  }

  .trix-button--icon {
    @media (max-width: 39.95em) {
      height: 2.2em;
      max-width: calc(1.2em + 4vw);

      &::before {
        right: 20%;
        left: 20%;
      }
    }
  }
  .trix-button-row {
    border-radius: 0;
    justify-content: start;
  }

  .trix-dialog__link-fields .trix-button-group { display: inherit; }
}

.rich-text--minimal {
  .trix-button-group:not(.trix-button-group--text-tools),
  .trix-button--icon-strike,
  .trix-button--icon-color {
    display: none;
  }

  .trix-dialog__link-fields {
    align-items: initial;

    .trix-button-group {
      padding-left: 0.5em;
      display: inherit;
    }

    .trix-button--dialog {
      width: auto;
      padding: 0.5em 1em;
    }
  }
}