registry-entries {
  display: block;
  padding-bottom: 24px;
}

registry-category {
  display: block;
  
  registry-category {
    .bar {
      background-color: #F5F4F4;
      
    }

    registry-category {
      padding-left: 24px;
    }
  }
}

.bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 16px;
  background-color: #EBEBEB;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  color: #646464;
  font-family: "Roboto";
  font-weight: 500;

  .name {
    margin-right: auto;
    font-weight: 500;
  }
  .menu {
    display: flex;
    flex-direction: row;
    gap: 24px;
    button {
      width: 24px;
      height: 24px;
    }
  }
  .expand {
    margin-left: 48px;
    button {
      width: 24px;
      height: 24px;
      
      transition: transform 0.3s;
      &.less {transform: rotateZ(180deg);}
    }
  }
}
