<template id="template-modal">
    <div class='overlay'>
        <div class='modal'>
            <h1><span></span><a class="icon-close"></a></h1>
            <section class="content">
                <slot></slot>
            </section>
            <div class='button-container'>
                <button class='cancel'>Cancel</button>
                <button class='ok' primary>OK</button>
            </div>
        </div>
    </div>
    <style>
        :host {
            --overlay-color: rgba(0, 0, 0, 0.7);
