<tr>
    <td>
        <section class="preview">
            <div id="detail_template_area_outer-ws">
                <div class="bx-editor-block-panel preview-panel" style="">
                    <div class="bx-block-editor-preview-container" style="display: block;">
                        <div class="shadow">
                            <div class="edit-text"></div>
                            <div class="error-text"></div>
                        </div>
                        <div class="devices">
                            <div class="device phone phone-ws" data-bx-preview-device-class="phone-ws"
                                 data-bx-preview-device-width="337" data-bx-preview-device-height="480">
                                <span><?= GetMessage("skyweb24.popuppro_PREVIEW_PHONE") ?></span>
                            </div>
                            <div class="device tablet tablet-ws"
                                 data-bx-preview-device-class="tablet-ws"
                                 data-bx-preview-device-width="537" data-bx-preview-device-height="716">
                                <span><?= GetMessage("skyweb24.popuppro_PREVIEW_TABLET") ?></span>
                            </div>
                            <div class="device desktop desktop-ws"
                                 data-bx-preview-device-class="desktop-ws"
                                 data-bx-preview-device-width="1024"
                                 data-bx-preview-device-height="768">
                                <span><?= GetMessage("skyweb24.popuppro_PREVIEW_DESKTOP") ?></span>
                            </div>
                        </div>
                        <center>
                            <div class="iframe-wrapper" id="iframe-wrapper" style="margin-bottom:20px;">
                                <div class="iframe_background_wrapper"
                                     style="position:absolute;width: 100%;height: 100%;">
                                    <div class="background_opacity" id="overlay_simulator"
                                         style="height: 100%;width: 100%;background: #00000075; position:absolute;z-index: 1;"></div>
                                    <iframe src="/" frameborder="0" sandbox="allow-same-origin"
                                            class="site_background"
                                            style="width: 100%;height: 100%;position:relative;"
                                            scrolling="no"></iframe>
                                </div>
                                <iframe name="preview_iframe"
                                        src="/bitrix/js/skyweb24.popuppro/iframe-ws.html"
                                        class="preview-iframe" scrolling="no"
                                        style="z-index: 2;position:relative;width: 768px; height: 1024px;"></iframe>
                            </div>
                        </center>

                    </div>
                    <div style="clear:both;"></div>
                </div>
            </div>
            <div class="wrapper_settings" id="window_success_block"></div>
        </section>
    </td>
</tr>