"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Wrapper = void 0;
const styled_1 = require("../styled");
const constants_1 = require("./constants");
exports.Wrapper = styled_1.styled.div `
  counter-reset: ${constants_1.STEPPER_ORDER_COUNTER_NAME} 0;

  display: flex;
  align-items: flex-start;

  &.${constants_1.stepperClassnames.orientationHorizontal} {
    flex-direction: row;

    &.${constants_1.stepperClassnames.arrowConnector} {
      align-items: center;
    }

    &.${constants_1.stepperClassnames.lineConnector} {
      &:not(.${constants_1.stepperClassnames.alternativeLabel}) {
        align-items: center;
      }
    }
  }

  &.${constants_1.stepperClassnames.orientationVertical} {
    flex-direction: column;

    &.${constants_1.stepperClassnames.lineConnector} {
      gap: ${({ theme }) => theme.microSpacing(1)};
    }
  }

  ${({ theme }) => theme.breakpoints.down('sm')} {
    /* Убираем видимую полосу прокрутки в firefox */
    scrollbar-width: none;

    overflow-x: auto;

    width: 100%;

    /* Убираем видимую полосу прокрутки в chrome */
    &::-webkit-scrollbar {
      display: none;
    }
  }
`;
