qs-motorhome-finder {
    display: grid;
    grid-template: "summary" "questions";
    grid-template-rows: minmax(0, auto) 1fr;
    grid-gap: .5em;
    height: 100%;
    overflow: hidden;
    & .summary {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: auto;
        place-content: center;
        place-items: center;
        grid-gap: .25em;
        font-size: var(--font-size-step-1);
        font-weight: 400;
        line-height: 1em;
        .none-selected {
            display: inline;
            &.hide {
                display: none;
            }
        }
        .some-selected {
            display: inline;
            &.hide {
                display: none;
            }
        }
        & .edit {
            display: inline-grid;
            grid-auto-flow: column;
            place-items: center;
            font-size: 75%;
            color: var(--primary-accent-colour);
            border-radius: .5em;
            padding: 0 .25em;
            &:empty {
                display: none;
            }
            &:after {
                content: '';
                display: inline-block;
                width: 15px;
                height: 15px;
                margin-left: 3px;
                mask: url('../../images/icons/pen.svg');
                background-color: var(--primary-accent-colour);
            }
        }
    }
    & > *:not(.summary) {
        grid-area: questions;
        opacity: 0;
        pointer-events: none;
        transition: opacity .2s;
    }
    &[data-state=coachbuilder] > *:has([name=coachbuilder]),
    &[data-state=chassismanufacturer] > *:has([name=chassismanufacturer]),
    &[data-state=chassismodel] > *:has([name=chassismodel]),
    &[data-state=yearofmanufacture] > *:has([name=yearofmanufacture]),
    &[data-state=specificmodel] > *:has([name=specificmodel]) {
        opacity: 1.0;
        pointer-events: initial;
    }
}