.rui-header-nav-menu--mobile-fix {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: auto;
  min-width: 16rem;
  width: min(18rem, calc(100vw - 1rem));
  margin-top: 0;
  width: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: hidden;
  border-radius: 0.5rem;
}

.rui-header-nav--mobile.tw\:dropdown-open .rui-header-nav-menu--mobile-fix,
.rui-header-nav--mobile:focus .rui-header-nav-menu--mobile-fix,
.rui-header-nav--mobile:focus-within .rui-header-nav-menu--mobile-fix,
.rui-header-nav--mobile.tw\:dropdown-hover:hover .rui-header-nav-menu--mobile-fix {
  display: flex !important;
}

.rui-header-nav-menu--mobile-fix .rui-header-nav-link--mobile {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border-left-width: 12px;
  border-left-style: solid;
}

.rui-header-nav-menu--mobile-fix .rui-header-nav-link--mobile.tw\:border-l-primary {
  border-left-color: var(--color-primary) !important;
}

.rui-header-nav-menu--mobile-fix .rui-header-nav-link--mobile.tw\:border-l-transparent {
  border-left-color: transparent;
}