.dm-menu__item {
  padding: 1rem var(--mobileMargin);
  border-top: 1px solid var(--brandColorSoft);
  position: relative;
  color: var(--black);
}

.dm-menu__item:last-child {
  border-bottom: 1px solid var(--brandColorSoft);
}

.dm-menu__list .dm-menu__list .dm-menu__item:last-child {
  border-bottom: none;
}

.dm-menu__list .dm-menu__list .dm-menu__item {
  padding-bottom: 0;
}

.dm-menu__title {
  color: var(--brandColor);
  font-weight: bold;
  letter-spacing: var(--letterSpacing);
  margin: var(--mobileMargin);
  text-transform: uppercase;
}

.dm-menu > .dm-menu__list > .dm-menu__item {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: var(--letterSpacing);
}

.dm-menu__item .dm-menu__item {
  font-weight: initial;
  text-transform: initial;
  letter-spacing: initial;
  border-top: none;
}

.dm-menu__itemHasMore:before {
  content: '';
  mask: var(--chevron) no-repeat center center / 100%;
  -webkit-mask: var(--chevron) no-repeat center center / 100%;
  position: absolute;
  top: 1rem;
  display: block;
  width: 2rem;
  height: 1rem;
  background: var(--brandColor);
  right: var(--mobileMargin);
  transform: rotate(90deg);
  transition: all .15s linear;
  cursor: pointer;
}

.dm-menu__item.dm-menu__itemHasMore:focus-within:before {
  transform: rotate(270deg);
  transition: all .15s linear;
}

.dm-menu__item:focus-within > .dm-menu__list {
  transition: all .25s ease-in;
  opacity: 1;
  visibility: visible;
  max-height: 100vh;
}

/* subitems are initially hidden */
.dm-menu__item .dm-menu__list {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}

.dm-menu__itemHasMore:focus-within > .dm-menu__itemLink {
  margin-bottom: .5rem;
  transition: margin .3s ease-in;
}

.dm-menu__itemLink {
  color: var(--mainTextColor);
  user-select: none;
  display: inline-block;
  transition: margin .3s linear;
}