<fieldset class="status-legend">
    <legend>Permissions Legend</legend>
    <div class="d-flex flex-column gap-2">
        <div>
            <strong>Manage API Settings:</strong> Allows the user to configure the Client ID, Client Secret, and identifiers to connect to rewards providers.
        </div>
        <div>
            <strong>Manage Permissions:</strong> Provides the ability to assign, modify, or revoke user permissions, controlling who can access and perform actions within the system.
        </div>
        <div>
            <strong>Manage Project Settings:</strong> Allows the user to manage settings related to participant compensation, including notification emails, display settings, and other project-specific configurations.
        </div>
        <div>
            <strong>Manage Reward Options:</strong> Allows the user to add, update, or remove reward options for participants.
        </div>
        <div>
            <strong>Place Orders:</strong> Enables the user to place orders for approved rewards, ensuring participants receive their compensation.
        </div>
        <div>
            <strong>Review Eligibility:</strong> Grants the user the ability to approve or reject rewards based on participant eligibility.
        </div>
    </div>
</fieldset>

<style>
    fieldset.status-legend  {
        min-width: revert;
        padding: revert;
        margin: revert;
        border: revert;
    }
    .status-legend legend {
        border: revert;
        margin: revert;
        width: revert;
        float: revert;
        width: revert;
        padding: revert;
        margin-bottom: revert;
        font-size: calc(1.275rem + .3vw);
        line-height: revert;
    }
    .status-legend ul {
        list-style-type: none;
        padding: 0;
    }
</style>