@use '../helper-classes/flexbox-and-grid';
@use '../helper-classes/spacing';

/**
 * Copyright IBM Corp. 2016, 2025
 * SPDX-License-Identifier: BUSL-1.1
 */

.wizard {
  &.intro {
    &.full {
      @extend .top-margin-32;
      @extend .has-padding-l;
      .margin-left-auto {
        @extend .has-left-margin-m;
      }
    }

    &.modal {
      .margin-left-auto {
        margin-left: auto;
      }
    }

    svg {
      flex-shrink: 0;
    }
  }

  &.guided-start {
    @extend .is-flex-column;
    @extend .is-flex-grow-1;

    .content {
      padding-top: 40px;
      overflow: visible;

      // Non-active panels are hidden and prevented from taking up space
      &[hidden] {
        display: none;
      }
    }

    .button-bar {
      @extend .has-padding-m;
      @extend .is-flex-between;

      .hds-button-set {
        margin-left: auto;
      }
    }

    .tree {
      border: 1px solid var(--token-color-border-primary);
      border-radius: var(--token-border-radius-medium);

      // prevents last character of node labels from being cut off
      svg {
        overflow: visible;
      }
    }
  }
}
