Report a Bug - Done

<div class="modal-background">
    <div class="modal-container _48">
        <div class="modal-heading-container">
            <h1 class="modal-h1">Report a Bug</h1>
            <div>Encountered a bug? Let us know so we can fix it!</div>
        </div>
        <div class="auth-form">
            <form id="bug-report" name="bug-report" data-name="bug-report" method="post" class="form">
                <div class="form-field-container">
                    <div class="field-label-container">
                        <label for="bug-details" class="field-label">Details</label>
                        <div class="required-star">*</div>
                    </div>
                    <textarea id="bug-details" name="bug-details" maxlength="5000" data-name="bug-details" placeholder="Provide as much detail as possible about the bug and how we can reproduce it..." required class="form-field text-area w-input"></textarea>
                    <div class="text-area-under">
                        <div> </div>
                        <div class="button-wrapper-horizontal">
                            {add attachment reusable component}
                        </div>
                    </div>
                </div>
                <div class="form-button-container">
                    <input type="button" data-wait="Please wait..." class="button full tertiary w-button" value="Cancel">
                    <input type="button" data-wait="Please wait..." class="button full w-button" value="Save">
                </div>
            </form>
        </div>
        <div class="modal-close-button w-embed">
            <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
        </div>
    </div>
</div>