.my-menu__panel {
  min-width: 0;
}

.my-menu__list {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--my-menu-item-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.my-menu__item-wrap {
  position: relative;
  min-width: 0;
}

.my-menu[data-my-menu-layout="desktop"] .my-menu__list--root {
  align-items: stretch;
}

.my-menu[data-my-menu-layout="desktop"] .my-menu__list--root > .my-menu__item-wrap:not(.my-menu__item-wrap--divider):not(.my-menu__item-wrap--label) {
  display: flex;
  flex: 0 0 auto;
  align-items: stretch;
}

.my-menu[data-my-menu-layout="desktop"] .my-menu__list--root > .my-menu__item-wrap:not(.my-menu__item-wrap--divider):not(.my-menu__item-wrap--label) > .my-menu__item {
  align-self: stretch;
}

.my-menu[data-my-menu-layout="desktop"] .my-menu__list--root > :is(.my-menu__item-wrap--divider, .my-menu__item-wrap--label) {
  align-self: center;
}

.my-menu[data-my-menu-layout="desktop"]:not(.my-menu--desktop-divider-none) .my-menu__list--root > .my-menu__item-wrap:not(:last-child):not(.my-menu__item-wrap--divider):not(.my-menu__item-wrap--label)::before {
  position: absolute;
  box-sizing: border-box;
  top: 50%;
  right: -0.5rem;
  right: calc(0px - (var(--my-menu-item-gap) / 2));
  display: block;
  background: var(--my-menu-desktop-divider-color);
  content: "";
  opacity: 0.78;
  pointer-events: none;
  transform: translate(50%, -50%);
}

.my-menu[data-my-menu-layout="desktop"].my-menu--desktop-divider-vertical .my-menu__list--root > .my-menu__item-wrap:not(:last-child):not(.my-menu__item-wrap--divider):not(.my-menu__item-wrap--label)::before {
  width: var(--my-menu-desktop-divider-thickness);
  height: var(--my-menu-desktop-divider-size);
}

.my-menu[data-my-menu-layout="desktop"].my-menu--desktop-divider-diagonal .my-menu__list--root > .my-menu__item-wrap:not(:last-child):not(.my-menu__item-wrap--divider):not(.my-menu__item-wrap--label)::before {
  width: var(--my-menu-desktop-divider-thickness);
  height: var(--my-menu-desktop-divider-size);
  transform: translate(50%, -50%) rotate(22deg);
}

.my-menu[data-my-menu-layout="desktop"].my-menu--desktop-divider-dash .my-menu__list--root > .my-menu__item-wrap:not(:last-child):not(.my-menu__item-wrap--divider):not(.my-menu__item-wrap--label)::before {
  width: var(--my-menu-desktop-divider-size);
  height: var(--my-menu-desktop-divider-thickness);
}

.my-menu[data-my-menu-layout="desktop"]:is(.my-menu--desktop-divider-dots, .my-menu--desktop-divider-squares) .my-menu__list--root > .my-menu__item-wrap:not(:last-child):not(.my-menu__item-wrap--divider):not(.my-menu__item-wrap--label)::before {
  width: var(--my-menu-desktop-divider-size);
  height: var(--my-menu-desktop-divider-size);
  border: var(--my-menu-desktop-divider-thickness) solid var(--my-menu-desktop-divider-color);
  background: transparent;
}

.my-menu[data-my-menu-layout="desktop"].my-menu--desktop-divider-dots .my-menu__list--root > .my-menu__item-wrap:not(:last-child):not(.my-menu__item-wrap--divider):not(.my-menu__item-wrap--label)::before {
  border-radius: 999px;
}

.my-menu[data-my-menu-layout="desktop"].my-menu--desktop-divider-squares .my-menu__list--root > .my-menu__item-wrap:not(:last-child):not(.my-menu__item-wrap--divider):not(.my-menu__item-wrap--label)::before {
  border-radius: 1px;
}

.my-menu[data-my-menu-layout="desktop"] .my-menu__item-wrap--has-submenu::after {
  position: absolute;
  z-index: var(--my-menu-z-index);
  display: block;
  background: transparent;
  content: "";
  pointer-events: auto;
}

.my-menu[data-my-menu-layout="desktop"] .my-menu__list--root > .my-menu__item-wrap--has-submenu::after {
  top: 100%;
  right: 0;
  left: 0;
  height: var(--my-menu-submenu-offset);
}

.my-menu[data-my-menu-layout="desktop"] .my-menu__submenu .my-menu__item-wrap--has-submenu::after {
  top: 0;
  bottom: 0;
  left: 100%;
  width: var(--my-menu-submenu-side-offset);
}

.my-menu[data-my-menu-layout="desktop"] .my-menu__submenu .my-menu__item-wrap--submenu-flip::after {
  right: 100%;
  left: auto;
}