// Base.
@import 'variables.less';
@import 'element.less';

// Element-specific.
@import 'repeatable.less';

@import 'ExternalPreviewFrame.less';
@import 'WidgetSearchAdvancedQuery.less';

.locationMap,
.regionMap {
  height: 50vh;
  z-index: 0;
}

.exception {
  .code;

  > * {
    cursor: pointer;

    > .stackTrace {
      display: none;
    }
  }
}

.DraftAndReturnAction,
.NewDraftAndReturnAction {
  display: none;
}

.permissions {
  @column-width: 240px;

  select {
    max-width: 100%;
  }

  ul {
    margin-bottom: 0;
    margin-top: 5px;
  }

  li {
    color: var(--colorDark1);
    list-style: none;
    padding: 4px 0;

    &.ComboInput-option {
      padding: var(--gap-s) var(--gap-l);
    }
  }

  .permissionsSection {
    box-sizing: border-box;
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px;
    width: @column-width;
  }

  .permissionsType {
    clear: left;
    padding: 5px;

    > h2 {
      margin: 15px 0 5px;
    }

    ul {
      list-style-type: none;
      margin: 0;
    }

    > ul {
      -moz-column-width: @column-width;
      -webkit-column-width: @column-width;
      column-width: @column-width;

      > li {
        display: inline-block;
        width: @column-width;

        > select,
        > ul {
          margin-top: 5px;
        }
      }
    }
  }
}

// Soft validation based on suggested sizes.
.inputWordCount {
  display: none;
}
