.geometryViewerModal {
  .modal-body {
    height: 50vh;
  }
}

:host {
  .legendItem {
    background-color: white;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    .small-label {
      font-size: 90%;
      word-break: break-all;
    }
    &.selected {
      padding: 0px;
      border-width: 5px;
      border-style: solid;
    }
    .legendItemheader {
      cursor: pointer;
      &.highlight {
        font-weight: bold;
      }
      .legendItemLabel {
        custom-favorite-toggler {
          margin-left: 5px;
        }
      }
    }
    .legendicons {
      span {
        margin: 0 4%;
        font-size: 150%;
        &:hover {
          cursor: pointer;
        }
      }
      .delete {
        z-index: 5;
      }
    }
    .noDataWarning {
      border: red solid 2px;
      border-radius: 5px;
      padding: 3px;
      .red {
        color: red;
      }
    }
    .additionalLegendEntry {
      &:hover {
        cursor: pointer;
      }
      &.selected {
        font-weight: bolder;
      }
    }
    .refEntry.selected {
      border-style: solid;
      border-width: 2px;
      border-radius: 2px;
      margin: 2px 0;
    }
    .loading-overlay {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0.5;
      z-index: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      .fa-spin {
        $icon-size: 25px;
        color: white;
        font-size: $icon-size;
        width: $icon-size;
        height: $icon-size;
      }
    }
  }
}
