#ingame_HUD_EntityDebugger {
    position: absolute;
    background: $ingameHudBg;
    @include S(padding, 5px);
    @include S(right, 30px);

    top: 50%;
    transform: translateY(-50%);

    @include SuperSmallText;
    color: #eee;
    display: flex;
    flex-direction: column;

    > label {
        text-transform: uppercase;
    }

    .hint {
        color: #aaa;
    }

    &,
    * {
        pointer-events: all;
    }

    .propertyTable,
    .entityComponents,
    .entityComponents .object > div {
        @include S(margin-top, 5px);

        display: grid;
        grid-template-columns: 1fr auto;
        @include S(column-gap, 10px);
    }

    .entityComponents {
        grid-column: 1 / 3;
        font-family: "Roboto Mono", "Fira Code", monospace;
        font-size: 90%;
        @include S(letter-spacing, -0.5px);

        label,
        span {
            line-height: 140%;

            &:not(span) {
                opacity: 0.5;
            }
        }

        .object {
            grid-column: 1 / 3;
            line-height: 140%;

            > div {
                @include S(margin-left, 4px);
            }
        }
    }
}