.cart-user-form-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;

   p {
      margin: 0;
   }

   .nav-tabs {
      @include list-inline;
   }

   .nav-item {
      display: block;
      float: left;
      z-index: 5;
      position: relative;

      &:first-child a {
         padding-right: 34px;
      }

      &:last-child a {
         padding-left: 34px;
      }
   }

   .nav-item-toggle {
      margin: 0 -24px;
      border: 1px solid $text-dark;
      border-radius: 30px;
      width: 48px;
      height: 25px;
      z-index: 4;

      &::before {
         content: '';
         display: block;
         position: absolute;
         width: 18px;
         height: 18px;
         border-radius: 50%;
         background: $black;
         top: 2px;
         left: 2px;
         transition: left $transition-speed;
      }

      &.toggled::before {
         left: calc(100% - 19px);
      }
   }

   .nav-link {
      @include underline-never;

      display: block;
      position: relative;

      &::before {
         display: block;
         content: attr(title);
         font-weight: $font-weight-bold;
         height: 0;
         overflow: hidden;
         visibility: hidden;
      }

      &:hover {
         color: $text-dark;
      }

      &.active {
         color: $text-dark;
         font-weight: $font-weight-bold;
      }
   }

   @media screen and (max-width: $md - 1) {
      p {
         width: 100%;
         margin-bottom: $spacer;
      }
   }

   @media screen and (max-width: $xs - 1) {
      .nav-item {
         &:first-child a {
            padding-right: 25px;
         }

         &:last-child a {
            padding-left: 25px;
         }
      }

      .nav-item-toggle {
         margin: 0 -18px;
         width: 36px;
         height: 20px;

         &::before {
            width: 14px;
            height: 14px;
         }

         &.toggled::before {
            left: calc(100% - 15px);
         }
      }

      .nav-link {
         font-size: $font-size-smaller;
      }
   }
}
