.dropdown {
  position: absolute;
  width: 250px;
  left: 48px;
  top: 32px;
  z-index: 10;
  z-index: 1000;

  .menu {
    display: flex;
    flex-direction: column;
    border: var(--second-dis) solid 1px;
    border-radius: var(--radius-1);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);

    .type {
      display: flex;
      flex-direction: column;
      background-color: var(--white);
      border-bottom: var(--second-dis) solid 1px;
      overflow: hidden;
      &:first-child {
        border-radius:  var(--radius-1)  var(--radius-1) 0 0;
      }
      &:last-child {
        border-radius: 0 0 var(--radius-1)  var(--radius-1);
        .row {
          border-bottom: none;
        }
        a, span {
          border-bottom: none;
        }
      }
      >&:hover {
        background-color: var(--light);
      }
      
      .row {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 12px 20px;
        
        column-gap: 12px;
        cursor: pointer;
        color: var(--second-act);

        .title {

        }



        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;
          }
        }
      }

      .sub-row {
        padding: 12px 16px 12px 32px;
        border-top: var(--second-dis) solid 1px;
        color: var(--second);
        background-color: var(--white);

        cursor: pointer;
        &:hover {
          background-color: var(--light);
        }
      }
    }
  }
}
