[class|="checkout"] {
  &:extend(.account all);

  .opc-progress-bar {
    counter-reset: steps;
    display: flex;
    justify-content: space-between;
    left: 0;
    position: absolute;

    .lt-lg({ margin: 0 @default--space; top: -(@default--space * 6.5); });

    .lg({ top: -(@default--space * 8); });

    .gt-xl({ top: -(@default--space * 10); });

    .opc-progress-bar-item {
      .p4;

      background-color: @white;
      padding: (@default--space / 2) @default--space;
      text-transform: uppercase;

      &:not(:last-child) {
        margin-right: @default--space;
      }

      &::before {
        content: counter(steps);
        counter-increment: steps;
        margin-right: @default--space / 2;
      }

      &._active {
        background-color: @champagne;
        color: @white;
      }

      &._complete {
        cursor: pointer;
      }

      .lt-xl({ .p6; });
    }
  }

  .cart-empty {
    &,
    p {
      .p4;
    }

    background-color: @white;

    .lt-lg({ padding: @default--space; });

    .gt-lg({ padding: @default--space * 2; });

    a {
      text-decoration: underline;
      text-decoration-color: @black-40;
      
      &:hover,
      &:focus,
      &:active {
        color: @champagne;
        text-decoration-color: lighten(@champagne, 20%);
      }
    }
  }
}
