.toolbar .menu-item a:focus {
  background: #334375;
  outline: 2px dotted transparent;
  box-shadow: 0 0 0 2px #fff, 0 0 0 calc(3px + 2px) #50E3C2;
}

.toolbar-tray-horizontal .menu-item {
  transition: 0.25s ease;
}

.toolbar-tray-vertical .menu-item .toolbar-box:hover, .toolbar-tray-horizontal .menu-item:hover {
  background: #334375;
  color: #fff;
}

.toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > a:focus,
.toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded,
[dir="rtl"] .toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > a:focus
{
  background-image: url(../../images/icons/chevron-right.svg);
  background-position: 95%;
}

[dir="rtl"] .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded
{
  background-image: url(../../images/icons/chevron-left.svg)
}

.toolbar-tray-horizontal ul li.menu-item--expanded.hover-intent ul {
  box-shadow: none;
}