.pf-c-wizard {
    --pf-c-wizard__nav--ZIndex: var(--pf-global--ZIndex--md);

    --ak-c-wizard__header--BlockSpacer: clamp(0.25em, var(--pf-global--spacer--lg), 3cqb);
    --ak-c-wizard__header--InlineSpacer: var(--pf-global--spacer--md);

    --pf-c-wizard__header--PaddingTop: var(--ak-c-wizard__header--BlockSpacer);
    --pf-c-wizard__header--PaddingBottom: var(--ak-c-wizard__header--BlockSpacer);

    --pf-c-wizard__close--Right: var(--ak-c-wizard__header--InlineSpacer);
    --pf-c-wizard__close--Top: var(--ak-c-wizard__header--BlockSpacer);

    --ak-c-wizard__footer--BlockSpacer: clamp(0.25em, var(--pf-global--spacer--xl), 2cqb);
    --pf-c-wizard__footer--PaddingTop: var(--ak-c-wizard__footer--BlockSpacer);
    --pf-c-wizard__footer--PaddingBottom: var(--ak-c-wizard__footer--BlockSpacer);
    --pf-c-wizard__footer--child--MarginBottom: 0;
}

.pf-c-wizard__main {
    overscroll-behavior: contain;
    display: flex;
    flex-flow: column;
    height: min(var(--ak-c-dialog--MaxHeight), 100cqi);
}

.pf-c-wizard__main-body {
    --ak-c-fieldset--BorderColor: var(--pf-global--BackgroundColor--150);

    display: flex;
    flex: 1 1 auto;
    gap: var(--pf-global--spacer--lg);

    .ak-c-fieldset .pf-c-description-list {
        margin-inline: var(--pf-global--spacer--sm);
    }

    & > .pf-c-form {
        place-content: start;
    }
}

.pf-c-wizard__main,
.pf-c-wizard__main-body {
    transform: translate3d(0, 0, 0);
    will-change: transform;
}

.pf-c-wizard__main-title {
    width: 100%;
    flex: 0 0 auto;
    font-family: var(--pf-global--FontFamily--heading--sans-serif);
    font-size: var(--pf-global--FontSize--md);
    font-weight: var(--pf-global--FontWeight--bold);
    line-height: var(--pf-global--LineHeight--md);
}

.pf-c-wizard__footer-cancel {
    flex: 1 1 auto;
    --pf-c-wizard__footer-cancel--MarginLeft: 0 !important;
}

.pf-c-wizard__footer {
    justify-content: end;
    align-items: center;
    /** Approximation of the height of navigation buttons to avoid excessive layout shifts when they are added or removed. */
    min-height: calc(var(--pf-global--spacer--3xl) + (var(--pf-global--spacer--form-element) * 2));
}

.pf-c-wizard__nav-link {
    padding: var(--pf-global--spacer--form-element);

    &::before {
        top: var(--pf-global--spacer--form-element);
    }
}

/* #region Dark Theme */

:host([theme="dark"]) .pf-c-wizard {
    --pf-c-wizard__header--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-wizard__nav--lg--BorderRightColor: var(--pf-global--BorderColor--200);
    --pf-c-wizard__footer--BoxShadow: 0px -1px var(--pf-c-wizard__nav--lg--BorderRightColor);
}

/* #endregion */
