.PropertyList {
    --localPadding: calc(var(--base-gap) * .35);

    display: grid;
    grid-template-columns: auto 75%;
    width: 100%;

    font-size: var(--font-size-smaller);

    & > .item {

        border-bottom: dashed var(--color-base-faintest-2) 1px;

        &:nth-last-child(-n+2) { /* two last children */
            border-bottom: none;
            padding-bottom: 0;
        }

        padding: var(--localPadding) calc(var(--localPadding) * 1.5);

        &.key {
            font-weight: 500;
        }

        &.value {
            &:has(:only-child.Icon.small) {
                padding-bottom: 0;

                & > .Icon.small {
                    padding-top : calc(var(--localPadding) * 1);
                }
            }

            & > code {
                padding: 0;
            }
        }
    }
/*
    & > *:nth-child(4n - 3),
    & > *:nth-child(4n - 2) {
        background-color: var(--color-base-faintest-3);
    } */
}