message: fix(css): fix L0 focus/hover states; fixes
diff: @@ -94,12 +94,12 @@ $search-transition-timing: 95ms;
  &:active,
  &:focus {
  + border-color: $interactive-01;
  background-color: $ui-01;
  + border-bottom-width: 2px;
  > svg {
  fill: $text-01;
  }
  -
  - border-color: $interactive-01;
  }
  }
  @@ -108,11 +108,72 @@ $search-transition-timing: 95ms;
  + .#{$prefix}--header__menu {
  background-color: $ui-02;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  +
  + li {
  + position: relative;
  +
  + &:first-of-type {
  + &::before {
  + border-top: none;
  + }
  + }
  +
  + &:hover {
  + background-color: $ui-01;
  +
  + &::before {
  + border-top: 1px solid $ui-01;
  + }
  +
  + + li {
  + &::before {
  + border-top: 1px solid $ui-01;
  + }
  + }
  + }
  +
  + &:focus {
  + &::before {
  + border: 2px solid $interactive-01;
  + box-sizing: border-box;
  + }
  + }
  +
  + &::before {
  + content: '';
  + position: absolute;
  + width: 100%;
  + height: 100%;
  + top: 0;
  + left: 0;
  + border-top: 1px solid $ui-03;
  + }
  + }
  +
  .#{$prefix}--header__menu-item {
  + border: none;
  + position: relative;
  +
  &:hover {
  color: $text-01;
  background-color: $ui-01;
  }
  +
  + &:focus {
  + &::before {
  + border: 2px solid $interactive-01;
  + box-sizing: border-box;
  + }
  + }
  +
  + &::before {
  + content: '';
  + position: absolute;
  + width: 100%;
  + height: 100%;
  + top: 0;
  + left: 0;
  + }
  }
  }
  }
  @@ -168,22 +229,21 @@ $search-transition-timing: 95ms;
  &__menu[role='menu'] {
  li {
  - padding: 0 $spacing-05;
  -
  &:hover {
  background-color: $ui-01;
  }
  &:last-of-type {
  .#{$prefix}--header__menu-item {
  - border: none;
  + &::after {
  + display: none;
  + }
  }
  }
  }
  .#{$prefix}--header__menu-item {
  - border-bottom: 1px solid $ui-03;
  - padding: 0;
  + position: relative;
  }
  }
  