.pdf-creator {

  &-iframe {
    &-wrapper {
      height: 100%;
      background: #ddd;
      overflow: scroll;
      position: relative;

      &-zoom {
        position: absolute;
        padding: 35px;
        transform-origin: 0 0;
      }
    }

    &-preview {
      height: 100%;
      width: 100%;
      border-width: 1.5px;
      border-style: outset;
      background: white;
      transform-origin: 0 0;
    }
  }

  &-settings {
    min-width: 550px !important;

    .cui-form-container > .cui-form-row:has(.cui-panel) {
      margin-bottom: 0px;
    }

    .cui-panel-header .cui-button .cui-button-visual {
      padding: 3px;
    }
  }

  &-preview,
  &-tree {
    min-width: 300px !important;
  }

  &-tree {
    border-right: 1px solid #cbd5dc;
  }

  &-settings {
    border-left: 1px solid #cbd5dc;
  }

  &-preview {
    &-no-objects-label {
      height: 100%;
    }
  }

  &-settings {
    .cui-form-table .cui-form-td.cui-form-key {
      min-width: 150px;
    }
  }

  &-field-selector {
    width: 600px;
    height: 600px;

    // TODO: remove the following styles once origin/field-selector-74373 in webfrontend has been merged
    .cui-table {
      width: 100%;
      display: block;
      overflow: visible;

      .cui-theme-fylr & {
        border: 0;
      }
    }

    .cui-tr {
      display: flex;
    }

    .cui-td {
      padding: 0;
      display: block;

      &:nth-child(2) { // Labels
        width: 60%;
        margin-right: 5px;
      }

      &:nth-child(3) { // Multi input
        width: 100%;
      }
    }

    .cui-checkbox {
      margin-right: 2px;
    }
    // TODO end ---------------
  }
}