.ItemsList {
    display: flex;
    flex-direction: column;
    gap: var(--base-gap);
    padding-left: 4px;

    & > .Item {
        display: flex;
        gap: var(--base-gap);

        & > .bullet {
            flex-shrink: 0;
            & > .Icon:only-child {
                margin-top: 3px;
            }
        }

        & > .content {
            display: flex;
            flex-direction: column;
            gap: var(--base-gap);
        }

        &.warning {
            color: var(--color-warning);
        }

        &.small {
            gap: calc(var(--base-gap) * .7);

            font-size: var(--font-size-smaller);
            line-height: var(--font-line-height-short);

            & > .bullet > .Icon:only-child {
                --size: var(--icon-size-small);
                margin-top: 1px;
            }
        }
    }
}