@use "variables";

.jsoneditor-statusbar {
  line-height: 26px;
  height: 26px;
  color: variables.$jse-readonly;
  background-color: variables.$jse-bar-bg;
  border-top: 1px solid variables.$jse-bar-border;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: variables.$jse-font-size;
  & > .jsoneditor-curserinfo-val {
    margin-right: 12px;
  }
  & > .jsoneditor-curserinfo-count {
    margin-left: 4px;
  }
  & > .jsoneditor-validation-error-icon {
    float: right;
    width: 24px;
    height: 24px;
    padding: 0;
    margin-top: 1px;
    background-image: variables.$jse-icons-url;
    background-position: -168px -48px;
    cursor: pointer;
  }
  & > .jsoneditor-validation-error-count {
    float: right;
    margin: 0 4px 0 0;
    cursor: pointer;
  }
  & > .jsoneditor-parse-error-icon {
    float: right;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 1px;
    background-image: variables.$jse-icons-url;
    background-position: -25px 0px;
  }
  .jsoneditor-array-info {
    a {
      color: inherit;
    }
  }
}
div.jsoneditor-statusbar > .jsoneditor-curserinfo-label,
div.jsoneditor-statusbar > .jsoneditor-size-info {
  margin: 0 4px;
}