.o-spreadsheet {
  .o-cf-editor {
    .o-cf-preview-display {
      padding: 10px;
    }

    .o-cf-cell-is-rule {
      .o-divider {
        margin: 4px 6px;
      }
    }
    .o-cf-color-scale-editor {
      .o-threshold {
        .o-select-with-input {
          max-width: 150px;
        }
        .o-threshold-value {
          flex-grow: 1;
          flex-basis: 60%;
          min-width: 0px; /* input overflows in Firefox otherwise */
        }
      }
    }
    .o-cf-iconset-rule {
      .o-cf-clickable-icon {
        cursor: pointer;
        &:hover {
          border-color: var(--os-action-color) !important;
          background-color: var(--os-badge-selected-color);
        }
        .o-icon {
          width: var(--os-cf-icon-edge-length);
          height: var(--os-cf-icon-edge-length);
        }
      }
      .o-cf-iconsets {
        gap: 11px;
        .o-cf-iconset {
          padding: 7px 8px;
          width: 95px;
          .o-icon {
            margin: 0 3px;
          }
          svg {
            vertical-align: baseline;
          }
        }
      }
      .o-inflection {
        .o-cf-icon-button {
          padding: 4px 10px;
        }
        table {
          font-size: 13px;
          td {
            padding: 6px 0;
          }

          th.o-cf-iconset-icons {
            width: 25px;
          }
          th.o-cf-iconset-text {
            width: 82px;
          }
          th.o-cf-iconset-operator {
            width: 20px;
          }
          .o-cf-iconset-type {
            min-width: 80px;
          }
        }
      }
    }

    .o-icon.arrow-down {
      color: var(--os-red-arrow-color);
    }
    .o-icon.arrow-up {
      color: var(--os-green-arrow-color);
    }
  }

  .o-select-dropdown.o-icon-set-type-select-dropdown {
    min-width: 100px;
  }
}