.dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  background-color: #ffffff;
  border: #dedede solid 1px;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  z-index: 1000;
  border-radius: 4px;
  .menu {
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 4px;
    .type {
      width: 100%;
      .row {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        column-gap: 16px;

        .title {

        }
        .submenu {
          width: 20px;
          height: 20px;
          background: transparent url('~projects/app-root/src/assets/images/icons/expand_less_20.svg') 50% 50% no-repeat;
          transform: rotateZ(180deg);
          transition: transform 0.3s;
          &.active {
            transform: rotateZ(0deg);
          }
        }


        a, span {
          display: block;
          padding: 12px 16px;
          color: #000000;
          cursor: pointer;
          border-bottom: #E0E0E0 solid 1px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        &:last-child {
          a, span {
            border-bottom: none;
          }
        }
        &:hover {
          background-color: #f7f7f7;
        }
      }
    }
  }
}
