SWizard {
  max-width: 980px;
  max-height: 700px;
  display: flex;
  padding: 0;
  background: transparent;
}

SSidebar {
  background: var(--intergalactic-control-primary-advertising, #5925ab);
  color: var(--intergalactic-text-primary-invert, #ffffff);
  font-weight: var(--intergalactic-bold, 700);
  font-size: var(--intergalactic-fs-300, 16px);
  line-height: var(--intergalactic-lh-300, 150%);
  padding: var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px);
  max-width: 220px;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: var(--intergalactic-modal-rounded, 12px) 0 0
    var(--intergalactic-modal-rounded, 12px);
  @media (max-width: 1060px) {
    width: 56px;
  }

  SStepper {
    display: flex;
    gap: var(--intergalactic-spacing-1x, 4px);
    font-size: var(--intergalactic-fs-200, 14px);
    border-radius: var(--intergalactic-control-rounded, 6px);
    padding: var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);
    cursor: pointer;
    position: relative;
    overflow: auto;
    line-height: var(--intergalactic-lh-200, 142%);

    &:focus-visible {
      outline-color: var(--intergalactic-keyboard-focus-invert-outline, rgba(255, 255, 255, 0.8));
    }

    &:hover {
      background: var(--intergalactic-control-primary-advertising-hover, #421983);
      z-index: 2;
    }
    &[active] {
      background: var(--intergalactic-control-primary-advertising-active, #8649e1);
    }
    &:disabled,
    &[disabled] {
      opacity: var(--intergalactic-disabled-opacity, 0.3);
      cursor: default;
      pointer-events: none; /* Disable interactions */
    }

    @media (max-width: 1060px) {
      padding: var(--intergalactic-spacing-2x, 8px);
      &:hover {
        width: max-content;
        max-width: 220px;
      }
      &:hover SStepDescription {
        display: block;
        border-radius: var(--intergalactic-control-rounded, 6px);
        overflow: auto;
      }
      &[active]:hover SStepDescription {
        background: var(--intergalactic-control-primary-advertising-active, #8649e1);
      }
    }
  }
}

SSidebarHeader {
  font-size: var(--intergalactic-fs-300, 16px);
  margin: 0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px);
  @media (max-width: 1060px) {
    display: none;
  }
}

SStepNumber {
  display: inline-block;
  min-width: 20px;
  text-align: center;
}

SCompleted {
  /* disable-tokens-validator */
  margin-top: 1px;
}

SStepDescription {
  overflow-wrap: anywhere;
  @media (max-width: 1060px) {
    display: none;
  }
}

SContent {
  padding: var(--intergalactic-spacing-10x, 40px);
  width: 100%;
  border-radius: 0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)
    0;
  background: var(--intergalactic-bg-primary-neutral, #ffffff);
}
SContent[noSidebar] {
  border-radius: var(--intergalactic-modal-rounded, 12px);
}

SSidebarMenu {
  display: contents;
}