.mmz-mega {
    position: relative;
    display: inline-block;
}

.mmz-panel {
    position: relative;
    background: #fff;
}

.mmz-cols {
    display: block;
    padding: 0;
}

.mmz-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mmz-a {
    display: block;
    text-decoration: none;
    padding: .5rem .75rem;
    color: #111827;
}

.mmz-a:hover {
    background: #f3f4f6;
}

/* L1 column */
.mmz-l1 {
    white-space: nowrap;
    min-width: 200px;
    max-height: 60vh;
    overflow: auto;
    border: 1px solid #e5e7eb;
}

.mmz-l1 > .mmz-li-l1 {
    /* */
}

/* L2 flyout */
.mmz-level2 {
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    min-width: 200px;
    background: #fff;
    border: 1px solid #e5e7eb;
    display: none;
    max-height: 60vh;
}

.mmz-li-l1:hover > .mmz-level2 {
    display: block;
}

/* L3 flyout */
.mmz-level3 {
  position: absolute;
  top: 0;
  right: 100%;
  min-width: 200px;
  height: 100%;
  background: #fff;
  border: 1px solid #e5e7eb;
  display: none;
  max-height: 60vh;
}

.mmz-li-l2:hover > .mmz-level3 {
    display: block;
}

.mmz-a {
    display:flex;
    align-items:center;
    gap:8px;
}

.mmz-icon-img img, .mmz-icon-svg svg {
    width:24px;
    height:24px;
    display:block;
}

.mmz-icon-svg svg {
    vertical-align:middle;
    font-size: 24px;
}


@media (max-width: 1024px){
  .mmz-l1, .mmz-level2, .mmz-level3 {
    position: static;
    display: block;
    width: auto;
    border: none;
    max-height: none;
    overflow: visible;
  }
}