.drawer {
  :global {
    .easyv-gui-drawer-header {
      border-bottom: none;
    }

    .easyv-gui-drawer-title {
      color: var(--easyv-text-active);
    }

    .easyv-gui-drawer-close {
      color: var(--easyv-text-color);
      &:hover {
        color: var(--easyv-text-active);
      }
    }
  }
}
.newTitle {
  :global {
    .easyv-gui-drawer-header {
      padding: 0;
    }
  }
}
.customTitle {
  background-color: #3d404c;
  height: 36px;
  width: 100%;
  position: relative;
  color: #dfe0e3;
  line-height: 36px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  .icon {
    font-size: 14px;
    display: flex;
    cursor: pointer;
    transition: color 0.3s;
    &:hover svg {
      color: var(--easyv-primary-color);
    }
  }
}
