<div style="min-height: 500px;">
    <div class="pow-modal-full">
        <div class="pow-modal-frame-sized">
            <div class="pow-modal-header pow-flexbox pow-flex-row pow-flex-align-items-center pow-padding-left-sm pow-padding-right-sm">
                <span class="pow-popin-title pow-heading-1 border-outside pow-bcolor-primary pow-flex-fit pow-color-white">
                    <span>Modal title</span>
                </span>

                <div class="pow-modal-close pow-flexbox pow-flex-no-shrink pow-flex-align-self-start">
                    <button type="button" class="pow-action-xs icon-powell-close icon-color-primary pow-relative-ref">
                        <span class="tooltip">Close</span>
                    </button>
                </div>            
            </div>
            <div class="pow-modal-content pow-background-white pow-color-black pow-border-radius pow-webpart-border-radius pow-flexbox pow-flex-column">
                <div>
                    <powell-loader size="xs" position="center"></powell-loader>
                </div>

                <div class="pow-modal-content-body pow-flex-fit container-fluid">
                    <div class="pow-control-container">
                        <div class="pow-control-input">
                            <input type="text" class="form-control" id="favorite_title" autocomplete="off" required placeholder="Label 1">
                            <label for="favorite_title">Label 1</label>
                        </div>
                    </div>
                    <div class="pow-control-container">
                        <div class="pow-control-input">
                            <input type="text" class="form-control" id="favorite_url" autocomplete="disable-autocomplete" required placeholder="Label 2">
                            <label for="favorite_url">Label 2</label>
                        </div>
                    </div>
                    <div class="pow-flexbox pow-flex-row">
                        <button type="button" class="pow-big-button-primary pow-flex-align-right no-icon">Save</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

		

		<div style="min-height: 400px;">
    <div class="pow-modal-full">
        <div class="pow-modal-frame-alert">
            <div class="pow-modal-content pow-background-white pow-color-black pow-border-radius pow-webpart-border-radius pow-flexbox pow-flex-column">
                <div class="pow-modal-content-header pow-flex-no-shrink">
                    <span class="pow-modal-content-title pow-heading-2">Warning</span>
                </div>
                <div class="pow-modal-content-body pow-flex-fit">
                    <p class="pow-font-regular">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta, quas.</p>
                </div>
                <div class="pow-modal-content-footer pow-flexbox pow-flex-row pow-flex-wrap pow-flex-no-shrink pow-flex-justify-end">
                    <button type="button" class="pow-button">
                        <span>Close</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>