.style1 {
    width: 50px
}
.style1 {
    width: auto}
.style2 {
    text-transform: uppercase
}
.style2 {}

#layout-menu .menu-inner.unir-menu {
  padding-top: .5rem !important;
  padding-bottom: .75rem !important;
}

#layout-menu .menu-header {
  margin-top: .35rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

#layout-menu .menu-header-text {
  font-size: .72rem;
  letter-spacing: .08em;
  color: rgba(67, 89, 113, .55);
}

#layout-menu .menu-link {
  margin: 0 .75rem .25rem;
  padding: .55rem .75rem;
  border-radius: .85rem;
  display: flex;
  align-items: center;
  gap: .6rem;
}

#layout-menu .menu-link .menu-icon {
  width: 2rem;
  height: 2rem;
  border-radius: .75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  background: rgba(67, 89, 113, .08);
  color: rgba(67, 89, 113, .75);
}

#layout-menu .menu-item.active > .menu-link,
#layout-menu .menu-item.open > .menu-link {
  background: rgba(105, 108, 255, .12);
}

#layout-menu .menu-item.active > .menu-link .menu-icon,
#layout-menu .menu-item.open > .menu-link .menu-icon {
  background: rgba(105, 108, 255, .16);
  color: rgba(105, 108, 255, 1);
}

#layout-menu .menu-sub .menu-link {
  margin-left: 1.25rem;
  padding-left: 2.65rem;
  border-radius: .75rem;
}

#layout-menu .menu-sub .menu-link::before {
  display: none;
}