.ar-svg-wrap > svg[data-ar-mobile-active],
.ar-review-svg > svg[data-ar-mobile-active] {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: var(--ar-mobile-aspect-ratio);
}

svg[data-ar-mobile-active] > * {
    translate: var(--ar-panel-offset, none);
}

svg[data-ar-mobile-active] > [data-ar-mobile-card] {
    transform: var(--ar-mobile-card-transform);
    transform-origin: 0 0;
}

[data-ar-step-labels] {
    fill: #475569;
    font: 600 14px sans-serif;
    text-anchor: middle;
}

svg:not([data-ar-mobile-active]) > [data-ar-step-labels] {
    display: none;
}

.ar-svg-wrap:has(> svg[data-ar-mobile-active]),
.ar-review-svg:has(> svg[data-ar-mobile-active]) {
    padding: 0.5rem;
}