#state_ModsState {
    // TODO: Update dimensions to use less build-time logic
    .modsGrid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        @include S(gap, 10px);
    }

    .modsGrid.noMods {
        grid-template-columns: unset;
        place-items: center;
    }

    .mod {
        width: 100%;
        box-sizing: border-box;
        @include S(padding, 10px);

        @include S(border-radius, 4px);
        background: #eee;

        @include DarkThemeOverride {
            background: lighten($darkModeControlsBackground, 5);
        }
    }

    .mod > .title {
        text-wrap: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .mod > .description {
        @include PlainText();
    }

    .mod > .advanced {
        @include PlainText();
        color: $accentColorDark;
    }
}