@prefix: editor-properties-list;

.@{prefix} {
  &- {
    &root {
      position: relative;
      height: 100%;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    &row {
      padding-left: 20px;
      padding-right: 8px;
    }

    &collapse-contain {
      padding: 12px 0;
    }


    &breadcrumb {
      flex-shrink: 0;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 20px;
      font-size: 13px;
      width: 100%;
      //background-color: rgba(125, 125, 125, 0.05);
      background-color: #ffffff;
      border-bottom: 1px solid #DDDDDD;
      //box-shadow: inset 0 -2px 2px rgba(125, 125, 125, 0.1);
    }

    &breadcrumbItem:not(.@{prefix}-current) {
      cursor: pointer;
      color: #999999;
      white-space: nowrap;

      &:hover {
        text-decoration: underline;
      }
    }

    &propertiesList {
      flex: 1;
      overflow: auto;
    }

  }
}