.header {
  position: relative;
  width: 100%;
  height: 36px;
  padding: 0 8px 0 16px;
  background: var(--easyv-background-4);
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(36, 38, 46, 0.4);

  .title {
    flex: 1;
    color: #b4b7c1;
  }

  .icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    color: #bfbfbf;
    transform: rotate(180deg);
    cursor: pointer;
    &:hover {
      color: #fff;
    }
    &.collapsed {
      transform: rotate(0deg);
    }
  }
}

.content {
  background: var(--easyv-background-6);
  color: #bfbfbf;
  height: 144px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all ease 0.2s;
  &.collapsed {
    height: 0;
  }
}
