@plaidev/karte-action-sdk 1.1.268-29083022.42c3d847 → 1.1.268

package/dist/index.es.js

@@ -2169,1111 +2169,1056 @@ function createFog$1({ color = '#000', opacity = '50%', zIndex = 999, onclick, }
 }
 
 /**
- * モーダル(ポップアップ)に関連するコードの管理
+ * スクリプト接客が利用するコードの管理
+ */
+/** @internal */
+async function runScript$1(options = {
+    send: () => { },
+    publish: () => { },
+    props: {},
+    variables: {},
+    localVariablesQuery: undefined,
+    karteTemplate: {},
+    context: { api_key: '', collection_endpoint: undefined },
+}) {
+    if (!options.onCreate)
+        return;
+    let data = getVariables();
+    initialize({ send: options.send, initialState: data.initial_state });
+    initActionTable(options.localVariablesQuery);
+    const { success } = await setupActionTable(options.localVariablesQuery, data, data.api_key, options.context.collection_endpoint);
+    if (!success)
+        return;
+    // Action Tableの取得結果を反映する
+    data = getVariables();
+    const actionProps = {
+        send: options.send,
+        publish: options.publish,
+        data,
+    };
+    options.send('script_fired');
+    // 旧Widget API IFの処理
+    const { onCreateHandlers } = getInternalHandlers();
+    if (onCreateHandlers) {
+        onCreateHandlers.forEach(h => {
+            h({ send: options.send, publish: options.publish, data });
+            console.debug(`${ACTION_HOOK_LABEL}: onCreate`);
+        });
+    }
+    options.onCreate(actionProps);
+    finalize();
+}
+/**
+ * ES Modules に対応していない JavaScript をページに読み込む
  *
- * アクションのShow, Close, ChangeStateの状態はここで管理する。
+ * @param src - JavaScript ファイルのリンク URL
+ *
+ * @public
  */
+async function loadGlobalScript(src) {
+    return new Promise((resolve, reject) => {
+        const script = document.createElement('script');
+        script.src = src;
+        document.body.appendChild(script);
+        script.addEventListener('load', () => resolve(script));
+        script.addEventListener('error', () => reject(script));
+    });
+}
 /**
- * アクションが表示 (show) された後にフックする関数
+ * グローバル CSS をページに適用する
  *
- * @param fn - 呼び出されるフック関数
+ * @param css - CSS
  *
  * @public
  */
-function onShow(fn) {
-    let { onShowHandlers } = getInternalHandlers();
-    if (!onShowHandlers) {
-        onShowHandlers = [];
-    }
-    onShowHandlers.push(fn);
-    setInternalHandlers({ onShowHandlers });
+async function applyGlobalCss(css) {
+    return new Promise((resolve, reject) => {
+        const action = document.querySelector(`.${KARTE_ACTION_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
+        if (!action) {
+            return;
+        }
+        const style = document.createElement('style');
+        style.textContent = css;
+        action.appendChild(style);
+        style.addEventListener('load', () => resolve(style));
+        style.addEventListener('error', () => reject(style));
+    });
 }
 /**
- * アクションがクローズ (close) される前にフックする関数
+ * style ファイルをページに読み込む
  *
- * @param fn - 呼び出されるフック関数
+ * @param href - style ファイルのリンク URL
  *
  * @public
  */
-function onClose(fn) {
-    let { onCloseHandlers } = getInternalHandlers();
-    if (!onCloseHandlers) {
-        onCloseHandlers = [];
-    }
-    onCloseHandlers.push(fn);
-    setInternalHandlers({ onCloseHandlers });
+async function loadGlobalStyle(href) {
+    return new Promise((resolve, reject) => {
+        const action = document.querySelector(`.${KARTE_ACTION_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
+        if (!action) {
+            return;
+        }
+        const link = document.createElement('link');
+        link.rel = 'stylesheet';
+        link.href = href;
+        link.type = 'text/css';
+        action.appendChild(link);
+        link.addEventListener('load', () => resolve(link));
+        link.addEventListener('error', () => reject(link));
+    });
 }
+
 /**
- * アクションのステートが変更された (changeState) 後にフックする関数
+ * Edgeが起動するアクションに関連するコードを管理する
  *
- * @param fn - 呼び出されるフック関数
+ * アクションのCreate, Destroyの状態はここで管理する。
+ */
+const emptyOptions = {
+    send: () => { },
+    publish: () => { },
+    props: {},
+    variables: {},
+    localVariablesQuery: undefined,
+    karteTemplate: {},
+    context: { api_key: '', collection_endpoint: undefined },
+};
+/**
+ * アクションを作成する
+ *
+ * @param App - Svelte コンポーネントのエントリポイント
+ * @param options - {@link ActionOptions | オプション}
+ *
+ * @returns アクションを破棄する関数
  *
  * @public
  */
-function onChangeState(fn) {
-    let { onChangeStateHandlers } = getInternalHandlers();
-    if (!onChangeStateHandlers) {
-        onChangeStateHandlers = [];
+function create(App, options) {
+    // TSの型検査が効かない場所やエラーを無視している箇所があるため、念の為
+    options = { ...emptyOptions, ...options };
+    setVariables({
+        ...options.props,
+        ...options.variables,
+    });
+    const data = getVariables();
+    const actionProps = {
+        send: options.send,
+        publish: options.publish,
+        data,
+    };
+    const handleDestroy = () => {
+        const { onDestroyHandlers } = getInternalHandlers();
+        onDestroyHandlers?.forEach(h => {
+            const actionHookLog = { name: 'onDestroy' };
+            console.info(`${ACTION_HOOK_LABEL}:${JSON.stringify(actionHookLog)}`);
+            h(actionProps);
+        });
+        // 旧Widget APIの内部で利用するため、実行ログは出力しない
+        const { onDestroyHandlers: onDestroyWidgetHandlers } = getWidgetHandlers();
+        if (onDestroyWidgetHandlers) {
+            onDestroyWidgetHandlers.forEach(h => h(actionProps));
+        }
+    };
+    // ここからメインの処理
+    setSystem({
+        // @ts-ignore
+        apiKey: data.api_key || null,
+        collection_endpoint: options.context.collection_endpoint,
+        shortenId: data.shorten_id || null,
+        campaignId: data.campaign_id || null,
+    });
+    setActionRunnerContext(options.context);
+    window.addEventListener(ACTION_DESTROY_EVENT, handleDestroy);
+    window.addEventListener('beforeunload', dispatchDestroyEvent, false);
+    let modalCleanup = NOOP;
+    if (options.karteTemplate?.template_type === 'script' ||
+        options.karteTemplate?.template_content_types?.includes('script')) {
+        runScript$1(options);
     }
-    onChangeStateHandlers.push(fn);
-    setInternalHandlers({ onChangeStateHandlers });
+    else {
+        modalCleanup = createModal(App, options);
+    }
+    return () => {
+        modalCleanup();
+        window.removeEventListener(ACTION_DESTROY_EVENT, handleDestroy);
+    };
 }
 /**
- * アクションを表示する
+ * アクションの破棄する
  *
  * @public
  */
-function showAction() {
-    const event = new CustomEvent(ACTION_SHOW_EVENT, { detail: { trigger: 'custom' } });
-    window.dispatchEvent(event);
+function destroyAction() {
+    setDestroyed(true);
+    dispatchDestroyEvent();
 }
 /**
- * アクションを閉じる
+ * アクションが作成 (create) される前にフックする関数
  *
- * @param trigger - 閉じた時のトリガー。デフォルト `'none'`
+ * @param fn - 呼び出されるフック関数
  *
  * @public
  */
-function closeAction(trigger = 'none') {
-    const event = new CustomEvent(ACTION_CLOSE_EVENT, { detail: { trigger } });
-    window.dispatchEvent(event);
+function onCreate(fn) {
+    let { onCreateHandlers } = getInternalHandlers();
+    if (!onCreateHandlers) {
+        onCreateHandlers = [];
+    }
+    onCreateHandlers.push(fn);
+    setInternalHandlers({ onCreateHandlers });
 }
 /**
- * アクションに CSS を適用する
- *
- * @param css - 適用する CSS
+ * アクションが破棄 (destroy) される前にフックする関数
  *
- * @returns 適用された style 要素を返す Promise
+ * @param fn - 呼び出されるフック関数
  *
  * @public
  */
-async function applyCss(css) {
-    return new Promise((resolve, reject) => {
-        const style = document.createElement('style');
-        style.textContent = css;
-        const shadowRoot = getActionRoot();
-        if (!shadowRoot)
-            return;
-        shadowRoot.append(style);
-        style.addEventListener('load', () => resolve(style));
-        style.addEventListener('error', () => reject(style));
-    });
-}
-async function fixFontFaceIssue(href, cssRules) {
-    const css = new CSSStyleSheet();
-    // @ts-ignore
-    await css.replace(cssRules);
-    const rules = [];
-    const fixedRules = [];
-    Array.from(css.cssRules).forEach(cssRule => {
-        if (cssRule.type !== 5) {
-            rules.push(cssRule.cssText);
-        }
-        // type 5 is @font-face
-        const split = href.split('/');
-        const stylePath = split.slice(0, split.length - 1).join('/');
-        const cssText = cssRule.cssText;
-        const newCssText = cssText.replace(
-        // relative paths
-        /url\s*\(\s*['"]?(?!((\/)|((?:https?:)?\/\/)|(?:data:?:)))([^'")]+)['"]?\s*\)/g, `url("${stylePath}/$4")`);
-        if (cssText === newCssText)
-            return;
-        fixedRules.push(newCssText);
-    });
-    return [rules.join('\n'), fixedRules.join('\n')];
+function onDestroy(fn) {
+    let { onDestroyHandlers } = getInternalHandlers();
+    if (!onDestroyHandlers) {
+        onDestroyHandlers = [];
+    }
+    onDestroyHandlers.push(fn);
+    setInternalHandlers({ onDestroyHandlers });
 }
+// -------- The following codes are deprecated --------
 /**
- * アクションにグローバルなスタイルを読み込む
+ * 非推奨
  *
- * @param href - style ファイルのリンク URL
+ * @deprecated 非推奨
  *
- * @public
+ * @internal
  */
-async function loadStyle(href) {
-    const sr = getActionRoot();
-    if (!sr)
-        return;
-    let cssRules = '';
-    try {
-        const res = await fetch(href);
-        cssRules = await res.text();
-    }
-    catch (_) {
-        // pass
-    }
-    if (!cssRules)
-        return;
-    // Chromeのバグで、Shadow Rootの@font-faceを絶対パスで指定する必要がある
-    // @see https://stackoverflow.com/a/63717709
-    const [rules, fontFaceRules] = await fixFontFaceIssue(href, cssRules);
-    const css = new CSSStyleSheet();
-    // @ts-ignore
-    await css.replace(rules);
-    const fontFaceCss = new CSSStyleSheet();
-    // @ts-ignore
-    await fontFaceCss.replace(fontFaceRules);
-    // @ts-ignore
-    sr.adoptedStyleSheets = [...sr.adoptedStyleSheets, css, fontFaceCss];
-    // Chromeのバグで、ページとShadow Rootの両方に、@font-faceを設定する必要がある
-    // @see https://stackoverflow.com/a/63717709
-    // @ts-ignore
-    document.adoptedStyleSheets = [...document.adoptedStyleSheets, css, fontFaceCss];
-}
-// @internal
-function getCssVariables(data) {
-    return Object.entries(data)
-        .filter(([key, value]) => {
-        return ['string', 'number'].includes(typeof value) && key.startsWith('--');
-    })
-        .map(([key, value]) => `${key}:${value}`)
-        .join(';');
-}
+const showModal = create;
 /**
- * アクションのルートの DOM 要素を取得する
+ * 非推奨
  *
- * @returns アクションがルートの DOM 要素 を持つ場合は DOM 要素を返します。ない場合は `null` を返します
+ * @deprecated 非推奨
  *
- * @public
+ * @internal
  */
-function getActionRoot() {
-    const root = document.querySelector(`.${KARTE_ACTION_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
-    if (!root?.shadowRoot) {
-        return null;
+function destroy() {
+    setDestroyed(true);
+    dispatchDestroyEvent();
+}
+
+const USER_ID_VARIABLE_NAME = '__karte_form_identify_user_id';
+const MAX_LENGTH_FREE_ANSWER = 2000;
+function isEmpty(value) {
+    if (Array.isArray(value)) {
+        return value.length === 0;
+    }
+    else {
+        return !value;
     }
-    return root.shadowRoot;
 }
 /** @internal */
-function ensureActionRoot(useShadow = true) {
-    const systemConfig = getSystem();
-    const rootAttrs = {
-        class: `${KARTE_ACTION_ROOT} ${KARTE_MODAL_ROOT}`,
-        [`data-${KARTE_ACTION_RID}`]: actionId,
-        [`data-${KARTE_ACTION_SHORTEN_ID}`]: systemConfig.shortenId
-            ? systemConfig.shortenId
-            : ALL_ACTION_SHORTEN_ID,
-        style: { display: 'block' },
+function createInputRegisterer(formData) {
+    const registerInput = ({ name, statePath, validator = () => true, initialValue, }) => {
+        const writableValue = {
+            subscribe(run) {
+                return formData.subscribe(formData => {
+                    run(formData[name]?.value);
+                });
+            },
+            set(value) {
+                formData.update(prev => ({
+                    ...prev,
+                    [name]: {
+                        statePath,
+                        value,
+                        isValid: validator(value),
+                    },
+                }));
+            },
+            update(updater) {
+                formData.update(prev => {
+                    const prevValue = prev[name]?.value;
+                    if (prevValue === undefined)
+                        return prev;
+                    const value = updater(prevValue);
+                    return {
+                        ...prev,
+                        [name]: {
+                            statePath,
+                            value,
+                            isValid: validator(value),
+                        },
+                    };
+                });
+            },
+        };
+        const readableIsValid = {
+            subscribe(run) {
+                return formData.subscribe(formData => {
+                    run(formData[name]?.isValid);
+                });
+            },
+        };
+        if (isEmpty(get(writableValue))) {
+            writableValue.set(initialValue);
+        }
+        return {
+            value: writableValue,
+            isValid: readableIsValid,
+        };
     };
-    let el = document.querySelector(`.${KARTE_MODAL_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
-    if (el == null) {
-        el = h('div', rootAttrs);
-        document.body.appendChild(el);
+    return registerInput;
+}
+/** @internal */
+const registerInput = createInputRegisterer(formData);
+/** @internal */
+const registerIdentifyInput = createInputRegisterer(identifyFormData);
+function validateFormData(formData, statePath) {
+    return Object.entries(formData)
+        .filter(([_, { statePath: s }]) => s === statePath) // eslint-disable-line @typescript-eslint/no-unused-vars
+        .every(([_, { isValid }]) => isValid); // eslint-disable-line @typescript-eslint/no-unused-vars
+}
+/** @internal */
+const getValuesAreValidReadable = statePath => ({
+    subscribe(callback) {
+        return formData.subscribe(formData => identifyFormData.subscribe(identifyFormData => {
+            const valuesAreValid = validateFormData(formData, statePath) && validateFormData(identifyFormData, statePath);
+            callback(valuesAreValid);
+        }));
+    },
+});
+function createAnswerValue(value) {
+    if (Array.isArray(value)) {
+        return {
+            choices: value,
+        };
     }
-    const isShadow = !!document.body.attachShadow && useShadow;
-    if (isShadow) {
-        return el.shadowRoot ?? el.attachShadow({ mode: 'open' });
+    else if (typeof value === 'string') {
+        return {
+            free_answer: value,
+        };
     }
-    else {
-        return el;
+}
+function formDataToEventValues(campaignId, formData) {
+    const questions = [];
+    const answersMap = {};
+    Object.entries(formData).forEach(([name, dataItem]) => {
+        questions.push(name);
+        const value = dataItem.value;
+        const answerKey = `question_${name}`;
+        const answerValue = createAnswerValue(value);
+        answersMap[answerKey] = answerValue;
+    });
+    return {
+        [campaignId]: {
+            questions,
+            ...answersMap,
+        },
+    };
+}
+function formDataToIdentifyEventValues(formData) {
+    return Object.fromEntries(Object.entries(formData).map(([name, dataItem]) => {
+        const value = dataItem.value;
+        return [name, value];
+    }));
+}
+/** @internal */
+function submit() {
+    const systemConfig = getSystem();
+    const campaignId = systemConfig.campaignId;
+    if (campaignId) {
+        const formData$1 = get(formData);
+        const identifyFormData$1 = get(identifyFormData);
+        const values = formDataToEventValues(campaignId, formData$1);
+        const identifyValues = formDataToIdentifyEventValues(identifyFormData$1);
+        if (Object.keys(identifyValues).length > 0) {
+            identifyValues['user_id'] = getVariables()?.[USER_ID_VARIABLE_NAME];
+        }
+        return { values, identifyValues };
     }
+    return {};
 }
 /**
- * 非推奨
+ * 選択式のアンケート回答を追加する
  *
- * @deprecated 非推奨
+ * @param questionId - 質問ID
+ * @param choices - 回答内容
  *
- * @internal
+ * @public
  */
-const show = showAction;
+function addChoiceAnswer(questionId, choices, validation) {
+    formData.update(prev => ({
+        ...prev,
+        [questionId]: {
+            value: choices,
+            statePath: validation?.statePath ?? '',
+            isValid: validation?.isValid ?? true,
+        },
+    }));
+}
 /**
- * 非推奨
+ * 自由記述式のアンケート回答を追加する
  *
- * @deprecated 非推奨
+ * @param questionId - 質問ID
+ * @param freeAnswer - 回答内容
  *
- * @internal
+ * @public
  */
-const close = closeAction;
+function addFreeAnswer(questionId, freeAnswer, validation) {
+    formData.update(prev => ({
+        ...prev,
+        [questionId]: {
+            value: freeAnswer.slice(0, MAX_LENGTH_FREE_ANSWER),
+            statePath: validation?.statePath ?? '',
+            isValid: validation?.isValid ?? true,
+        },
+    }));
+}
 /**
- * 非推奨
+ * 回答済の回答を削除
  *
- * @deprecated 非推奨
+ * @param questionId - 質問ID
  *
- * @internal
+ * @public
  */
-const ensureModalRoot = ensureActionRoot;
+function removeAnswer(questionId) {
+    formData.update(prev => {
+        const next = { ...prev };
+        delete next[questionId];
+        return next;
+    });
+}
 /**
- * 非推奨
+ * 回答済の回答内容を取得する
  *
- * @deprecated 非推奨
+ * @param questionId - 質問ID
  *
- * @internal
+ * @returns 回答データ
+ *
+ * @public
  */
-function createApp(App, options = {
-    send: () => { },
-    publish: () => { },
-    props: {},
-    variables: {},
-    localVariablesQuery: undefined,
-    context: { api_key: '' },
-}) {
-    let app = null;
-    const close = () => {
-        if (app) {
-            {
-                // @ts-ignore -- Svelte5 では $destroy は存在しない
-                app.$destroy();
-            }
-            app = null;
-        }
-    };
-    const appArgs = {
-        target: null,
-        props: {
-            send: options.send,
-            publish: options.publish,
-            close,
-            data: {
-                ...options.props,
-                ...options.variables,
-            },
-        },
-    };
-    const win = ensureActionRoot(isOnSite());
-    appArgs.target = win;
-    return {
-        close,
-        show: () => {
-            if (app) {
-                return;
-            }
-            options.send('message_open');
-            app = // @ts-ignore -- Svelte5 では `App` はクラスではない
-                    new App(appArgs);
-        },
-    };
+function getAnsweredQuestion(questionId) {
+    const formData$1 = get(formData);
+    const valueState = formData$1[questionId];
+    if (valueState) {
+        return createAnswerValue(valueState.value);
+    }
 }
 /**
- * 非推奨
+ * 回答済の回答IDのリストを取得
  *
- * @deprecated 非推奨
+ * @returns 回答済の質問の質問IDの配列
  *
- * @internal
+ * @public
  */
-function createFog({ color = '#000', opacity = '50%', zIndex = 999, onclick, }) {
-    console.log('createFog');
-    const root = ensureModalRoot();
-    if (root.querySelector('.__krt-fog')) {
-        return { fog: null, close: () => { } };
-    }
-    const fog = document.createElement('div');
-    fog.className = '__krt-fog';
-    Object.assign(fog.style, {
-        position: 'fixed',
-        left: 0,
-        top: 0,
-        width: '100%',
-        height: '100%',
-        'z-index': zIndex,
-        'background-color': color,
-        opacity,
-    });
-    const close = () => {
-        onclick();
-        fog.remove();
-    };
-    fog.onclick = close;
-    root.appendChild(fog);
-    return { fog, close };
+function getAnsweredQuestionIds() {
+    const formData$1 = get(formData);
+    return Object.keys(formData$1);
 }
-
 /**
- * スクリプト接客が利用するコードの管理
+ * `sendAnswers`のエイリアス
+ *
+ * @public
  */
-/** @internal */
-async function runScript$1(options = {
-    send: () => { },
-    publish: () => { },
-    props: {},
-    variables: {},
-    localVariablesQuery: undefined,
-    karteTemplate: {},
-    context: { api_key: '', collection_endpoint: undefined },
-}) {
-    if (!options.onCreate)
-        return;
-    let data = getVariables();
-    initialize({ send: options.send, initialState: data.initial_state });
-    initActionTable(options.localVariablesQuery);
-    const { success } = await setupActionTable(options.localVariablesQuery, data, data.api_key, options.context.collection_endpoint);
-    if (!success)
-        return;
-    // Action Tableの取得結果を反映する
-    data = getVariables();
-    const actionProps = {
-        send: options.send,
-        publish: options.publish,
-        data,
-    };
-    options.send('script_fired');
-    // 旧Widget API IFの処理
-    const { onCreateHandlers } = getInternalHandlers();
-    if (onCreateHandlers) {
-        onCreateHandlers.forEach(h => {
-            h({ send: options.send, publish: options.publish, data });
-            console.debug(`${ACTION_HOOK_LABEL}: onCreate`);
-        });
-    }
-    options.onCreate(actionProps);
-    finalize();
+function sendAnswer() {
+    return sendAnswers();
 }
+// NOTE: sendAnswers用
+let isSent = false;
 /**
- * ES Modules に対応していない JavaScript をページに読み込む
+ * 回答済の回答をまとめてイベントとして送信する
  *
- * @param src - JavaScript ファイルのリンク URL
+ * @returns イベント送信の成功/失敗
  *
  * @public
  */
-async function loadGlobalScript(src) {
-    return new Promise((resolve, reject) => {
-        const script = document.createElement('script');
-        script.src = src;
-        document.body.appendChild(script);
-        script.addEventListener('load', () => resolve(script));
-        script.addEventListener('error', () => reject(script));
-    });
+function sendAnswers() {
+    const { values, identifyValues } = submit();
+    if (isSent)
+        return false;
+    if (Object.keys(values ?? {}).length === 0 && Object.keys(identifyValues ?? {}).length === 0) {
+        return false;
+    }
+    send_event('_answer_question', values);
+    if (Object.keys(identifyValues ?? {}).length > 0) {
+        send_event('identify', identifyValues);
+    }
+    isSent = true;
+    return true;
 }
+
 /**
- * グローバル CSS をページに適用する
+ * エディタv1のWidget API 互換のインターフェース
+ */
+const STORE_LS_KEY_PREFIX = 'krt___';
+const valCallbacks = {};
+const eventCallbacks = {};
+const memoryStore = {};
+setWidgetHandlers({
+    onChangeState: [
+        (_props, newState) => {
+            setVal('state', newState);
+        },
+    ],
+    onDestroy: [
+        () => {
+            Object.entries(eventCallbacks).map(([name, cbs]) => {
+                cbs.forEach(cb => {
+                    window.removeEventListener(name, cb);
+                });
+            });
+        },
+    ],
+});
+/**
+ * 変数を設定する
  *
- * @param css - CSS
+ * @param name - 変数名
+ * @param value - 変数値
  *
  * @public
  */
-async function applyGlobalCss(css) {
-    return new Promise((resolve, reject) => {
-        const action = document.querySelector(`.${KARTE_ACTION_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
-        if (!action) {
-            return;
+function setVal(name, value) {
+    variables.update(current => {
+        if (valCallbacks[name]) {
+            valCallbacks[name].forEach(cb => {
+                cb({ newVal: value, oldVal: current[name], key: name });
+            });
         }
-        const style = document.createElement('style');
-        style.textContent = css;
-        action.appendChild(style);
-        style.addEventListener('load', () => resolve(style));
-        style.addEventListener('error', () => reject(style));
+        current[name] = value;
+        return current;
     });
 }
 /**
- * style ファイルをページに読み込む
+ * 変数を取得する
  *
- * @param href - style ファイルのリンク URL
+ * @param name - 変数名
+ *
+ * @returns 変数値
  *
  * @public
  */
-async function loadGlobalStyle(href) {
-    return new Promise((resolve, reject) => {
-        const action = document.querySelector(`.${KARTE_ACTION_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
-        if (!action) {
-            return;
-        }
-        const link = document.createElement('link');
-        link.rel = 'stylesheet';
-        link.href = href;
-        link.type = 'text/css';
-        action.appendChild(link);
-        link.addEventListener('load', () => resolve(link));
-        link.addEventListener('error', () => reject(link));
-    });
+function getVal(name) {
+    const cv = getVariables();
+    return cv[name];
 }
-
 /**
- * Edgeが起動するアクションに関連するコードを管理する
+ * 変数が変更されたときに実行されるコールバック関数を設定する
  *
- * アクションのCreate, Destroyの状態はここで管理する。
+ * @param name - 変数名
+ * @param callback - コールバック関数
+ *
+ * @public
  */
-const emptyOptions = {
-    send: () => { },
-    publish: () => { },
-    props: {},
-    variables: {},
-    localVariablesQuery: undefined,
-    karteTemplate: {},
-    context: { api_key: '', collection_endpoint: undefined },
-};
+function onChangeVal(name, callback) {
+    if (!valCallbacks[name]) {
+        valCallbacks[name] = [];
+    }
+    valCallbacks[name].push(callback);
+}
 /**
- * アクションを作成する
- *
- * @param App - Svelte コンポーネントのエントリポイント
- * @param options - {@link ActionOptions | オプション}
+ * WEBのイベントが発生したときに実行されるコールバック関数を設定する
  *
- * @returns アクションを破棄する関数
+ * @param name - WEBのイベント名
+ * @param callback - コールバック関数
  *
  * @public
  */
-function create(App, options) {
-    // TSの型検査が効かない場所やエラーを無視している箇所があるため、念の為
-    options = { ...emptyOptions, ...options };
-    setVariables({
-        ...options.props,
-        ...options.variables,
-    });
-    const data = getVariables();
-    const actionProps = {
-        send: options.send,
-        publish: options.publish,
-        data,
-    };
-    const handleDestroy = () => {
-        const { onDestroyHandlers } = getInternalHandlers();
-        onDestroyHandlers?.forEach(h => {
-            const actionHookLog = { name: 'onDestroy' };
-            console.info(`${ACTION_HOOK_LABEL}:${JSON.stringify(actionHookLog)}`);
-            h(actionProps);
-        });
-        // 旧Widget APIの内部で利用するため、実行ログは出力しない
-        const { onDestroyHandlers: onDestroyWidgetHandlers } = getWidgetHandlers();
-        if (onDestroyWidgetHandlers) {
-            onDestroyWidgetHandlers.forEach(h => h(actionProps));
-        }
-    };
-    // ここからメインの処理
-    setSystem({
-        // @ts-ignore
-        apiKey: data.api_key || null,
-        collection_endpoint: options.context.collection_endpoint,
-        shortenId: data.shorten_id || null,
-        campaignId: data.campaign_id || null,
-    });
-    setActionRunnerContext(options.context);
-    window.addEventListener(ACTION_DESTROY_EVENT, handleDestroy);
-    window.addEventListener('beforeunload', dispatchDestroyEvent, false);
-    let modalCleanup = NOOP;
-    if (options.karteTemplate?.template_type === 'script' ||
-        options.karteTemplate?.template_content_types?.includes('script')) {
-        runScript$1(options);
+function method(name, callback) {
+    window.addEventListener(name, callback);
+    if (!eventCallbacks[name]) {
+        eventCallbacks[name] = [];
+    }
+    eventCallbacks[name].push(callback);
+}
+/**
+ * Widgetのイベントが発生したときに実行されるコールバック関数を設定する
+ *
+ * @param name - Widgetのイベント名
+ * @param callback - コールバック関数
+ *
+ * @public
+ */
+function on(name, callback) {
+    let onCallback;
+    if (name === 'hide') {
+        onCallback = (event) => {
+            if (event.detail.trigger !== 'button')
+                return;
+            callback(event);
+            eventCallbacks[name].push(callback);
+        };
+        window.addEventListener(ACTION_CLOSE_EVENT, onCallback);
+    }
+    else if (name === 'clickBackdrop') {
+        onCallback = (event) => {
+            if (event.detail.trigger !== 'overlay')
+                return;
+            callback(event);
+        };
+        window.addEventListener(ACTION_CLOSE_EVENT, onCallback);
+    }
+    else if (name === 'destroyed') {
+        onCallback = callback;
+        window.addEventListener(ACTION_DESTROY_EVENT, onCallback);
     }
     else {
-        modalCleanup = createModal(App, options);
+        console.warn('warn: private event handler', name);
     }
-    return () => {
-        modalCleanup();
-        window.removeEventListener(ACTION_DESTROY_EVENT, handleDestroy);
-    };
+    if (!eventCallbacks[name]) {
+        eventCallbacks[name] = [];
+    }
+    eventCallbacks[name].push(onCallback);
 }
 /**
- * アクションの破棄する
+ * 現在のステートを設定する
+ *
+ * @param stateId - ステートID
  *
  * @public
  */
-function destroyAction() {
-    setDestroyed(true);
-    dispatchDestroyEvent();
+function setState(stateId) {
+    const stateIds = getStates();
+    if (stateIds.includes(stateId))
+        return;
+    setState$1(stateId);
 }
 /**
- * アクションが作成 (create) される前にフックする関数
+ * 現在のステートを取得する
  *
- * @param fn - 呼び出されるフック関数
+ * @returns ステートID
  *
  * @public
  */
-function onCreate(fn) {
-    let { onCreateHandlers } = getInternalHandlers();
-    if (!onCreateHandlers) {
-        onCreateHandlers = [];
-    }
-    onCreateHandlers.push(fn);
-    setInternalHandlers({ onCreateHandlers });
+function getState() {
+    return getState$1();
 }
 /**
- * アクションが破棄 (destroy) される前にフックする関数
+ * ページ内の変数を設定する
  *
- * @param fn - 呼び出されるフック関数
+ * @param key - 変数のキー
+ * @param value - 変数値
  *
  * @public
  */
-function onDestroy(fn) {
-    let { onDestroyHandlers } = getInternalHandlers();
-    if (!onDestroyHandlers) {
-        onDestroyHandlers = [];
-    }
-    onDestroyHandlers.push(fn);
-    setInternalHandlers({ onDestroyHandlers });
+function setMemoryStore(key, value) {
+    memoryStore[key] = value;
 }
-// -------- The following codes are deprecated --------
 /**
- * 非推奨
+ * ページ内の変数を取定する
  *
- * @deprecated 非推奨
+ * @param key - 変数のキー
  *
- * @internal
+ * @returns 変数
+ *
+ * @public
  */
-const showModal = create;
+function getMemoryStore(key) {
+    return memoryStore[key];
+}
 /**
- * 非推奨
+ * ページをまたぐ変数を設定する
  *
- * @deprecated 非推奨
+ * @param key - 変数のキー
+ * @param value - 変数値
  *
- * @internal
+ * @public
  */
-function destroy() {
-    setDestroyed(true);
-    dispatchDestroyEvent();
+function setLocalStore(key, value, options = { expire: false }) {
+    const item = {
+        val: value,
+        last: new Date().getTime(),
+    };
+    if (options.expire) {
+        item.expire = options.expire;
+    }
+    localStorage.setItem(STORE_LS_KEY_PREFIX + key, JSON.stringify(item));
 }
-
-const USER_ID_VARIABLE_NAME = '__karte_form_identify_user_id';
-const MAX_LENGTH_FREE_ANSWER = 2000;
-function isEmpty(value) {
-    if (Array.isArray(value)) {
-        return value.length === 0;
+/**
+ * ページをまたぐ変数を取得設定する
+ *
+ * @param key - 変数のキー
+ *
+ * @returns 変数
+ *
+ * @public
+ */
+function getLocalStore(key) {
+    const lsKey = STORE_LS_KEY_PREFIX + key;
+    const itemJson = localStorage.getItem(lsKey);
+    if (!itemJson) {
+        return;
     }
-    else {
-        return !value;
+    let item;
+    try {
+        item = JSON.parse(itemJson);
     }
+    catch (_) {
+        return;
+    }
+    if (item.val === undefined) {
+        return;
+    }
+    const now = new Date().getTime();
+    if (now - item.last > item.expire) {
+        localStorage.removeItem(lsKey);
+        return;
+    }
+    return item.val;
 }
-/** @internal */
-function createInputRegisterer(formData) {
-    const registerInput = ({ name, statePath, validator = () => true, initialValue, }) => {
-        const writableValue = {
-            subscribe(run) {
-                return formData.subscribe(formData => {
-                    run(formData[name]?.value);
-                });
-            },
-            set(value) {
-                formData.update(prev => ({
-                    ...prev,
-                    [name]: {
-                        statePath,
-                        value,
-                        isValid: validator(value),
-                    },
-                }));
-            },
-            update(updater) {
-                formData.update(prev => {
-                    const prevValue = prev[name]?.value;
-                    if (prevValue === undefined)
-                        return prev;
-                    const value = updater(prevValue);
-                    return {
-                        ...prev,
-                        [name]: {
-                            statePath,
-                            value,
-                            isValid: validator(value),
-                        },
-                    };
-                });
-            },
-        };
-        const readableIsValid = {
-            subscribe(run) {
-                return formData.subscribe(formData => {
-                    run(formData[name]?.isValid);
-                });
-            },
-        };
-        if (isEmpty(get(writableValue))) {
-            writableValue.set(initialValue);
-        }
-        return {
-            value: writableValue,
-            isValid: readableIsValid,
-        };
-    };
-    return registerInput;
-}
-/** @internal */
-const registerInput = createInputRegisterer(formData);
-/** @internal */
-const registerIdentifyInput = createInputRegisterer(identifyFormData);
-function validateFormData(formData, statePath) {
-    return Object.entries(formData)
-        .filter(([_, { statePath: s }]) => s === statePath) // eslint-disable-line @typescript-eslint/no-unused-vars
-        .every(([_, { isValid }]) => isValid); // eslint-disable-line @typescript-eslint/no-unused-vars
-}
-/** @internal */
-const getValuesAreValidReadable = statePath => ({
-    subscribe(callback) {
-        return formData.subscribe(formData => identifyFormData.subscribe(identifyFormData => {
-            const valuesAreValid = validateFormData(formData, statePath) && validateFormData(identifyFormData, statePath);
-            callback(valuesAreValid);
-        }));
-    },
-});
-function createAnswerValue(value) {
-    if (Array.isArray(value)) {
-        return {
-            choices: value,
-        };
-    }
-    else if (typeof value === 'string') {
-        return {
-            free_answer: value,
-        };
-    }
-}
-function formDataToEventValues(campaignId, formData) {
-    const questions = [];
-    const answersMap = {};
-    Object.entries(formData).forEach(([name, dataItem]) => {
-        questions.push(name);
-        const value = dataItem.value;
-        const answerKey = `question_${name}`;
-        const answerValue = createAnswerValue(value);
-        answersMap[answerKey] = answerValue;
-    });
-    return {
-        [campaignId]: {
-            questions,
-            ...answersMap,
-        },
-    };
-}
-function formDataToIdentifyEventValues(formData) {
-    return Object.fromEntries(Object.entries(formData).map(([name, dataItem]) => {
-        const value = dataItem.value;
-        return [name, value];
-    }));
-}
-/** @internal */
-function submit() {
-    const systemConfig = getSystem();
-    const campaignId = systemConfig.campaignId;
-    if (campaignId) {
-        const formData$1 = get(formData);
-        const identifyFormData$1 = get(identifyFormData);
-        const values = formDataToEventValues(campaignId, formData$1);
-        const identifyValues = formDataToIdentifyEventValues(identifyFormData$1);
-        if (Object.keys(identifyValues).length > 0) {
-            identifyValues['user_id'] = getVariables()?.[USER_ID_VARIABLE_NAME];
-        }
-        return { values, identifyValues };
-    }
-    return {};
-}
-/**
- * 選択式のアンケート回答を追加する
- *
- * @param questionId - 質問ID
- * @param choices - 回答内容
- *
- * @public
- */
-function addChoiceAnswer(questionId, choices, validation) {
-    formData.update(prev => ({
-        ...prev,
-        [questionId]: {
-            value: choices,
-            statePath: validation?.statePath ?? '',
-            isValid: validation?.isValid ?? true,
-        },
-    }));
-}
+const storage = {
+    memory: { store: setMemoryStore, restore: getMemoryStore },
+    local: { store: setLocalStore, restore: getLocalStore },
+};
 /**
- * 自由記述式のアンケート回答を追加する
+ * アクションテーブルを操作するオブジェクト
  *
- * @param questionId - 質問ID
- * @param freeAnswer - 回答内容
+ * @param table - アクションテーブル名
  *
  * @public
  */
-function addFreeAnswer(questionId, freeAnswer, validation) {
-    formData.update(prev => ({
-        ...prev,
-        [questionId]: {
-            value: freeAnswer.slice(0, MAX_LENGTH_FREE_ANSWER),
-            statePath: validation?.statePath ?? '',
-            isValid: validation?.isValid ?? true,
-        },
-    }));
+function collection(table) {
+    const systemConfig = getSystem();
+    const collectionName = table.replace(/^v2\//, '');
+    return collection$1({
+        api_key: systemConfig.apiKey || 'mock',
+        collection_endpoint: systemConfig.collection_endpoint,
+        table: collectionName,
+    });
 }
+
+var widget = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  collection: collection,
+  getState: getState,
+  getVal: getVal,
+  hide: closeAction$1,
+  method: method,
+  on: on,
+  onChangeVal: onChangeVal,
+  setState: setState,
+  setVal: setVal,
+  show: showAction$1,
+  storage: storage
+});
+
 /**
- * 回答済の回答を削除
- *
- * @param questionId - 質問ID
+ * エレメントをマウントしたときに実行される関数の登録
  *
- * @public
+ * @param fn - マウントしたときに実行される関数
  */
-function removeAnswer(questionId) {
-    formData.update(prev => {
-        const next = { ...prev };
-        delete next[questionId];
-        return next;
-    });
-}
+const onMount = onMount$1;
 /**
- * 回答済の回答内容を取得する
- *
- * @param questionId - 質問ID
- *
- * @returns 回答データ
+ * エレメントを破棄したときに実行される関数の登録
  *
- * @public
+ * @param fn - マウントしたときに実行される関数
  */
-function getAnsweredQuestion(questionId) {
-    const formData$1 = get(formData);
-    const valueState = formData$1[questionId];
-    if (valueState) {
-        return createAnswerValue(valueState.value);
-    }
-}
+const onDestory = onDestroy$1;
 /**
- * 回答済の回答IDのリストを取得
- *
- * @returns 回答済の質問の質問IDの配列
+ * エレメントを更新する前に実行される関数の登録
  *
- * @public
+ * @param fn - マウントしたときに実行される関数
  */
-function getAnsweredQuestionIds() {
-    const formData$1 = get(formData);
-    return Object.keys(formData$1);
-}
+const beforeUpdate = beforeUpdate$1;
 /**
- * `sendAnswers`のエイリアス
+ * エレメントを更新した後に実行される関数の登録
  *
- * @public
+ * @param fn - マウントしたときに実行される関数
  */
-function sendAnswer() {
-    return sendAnswers();
-}
-// NOTE: sendAnswers用
-let isSent = false;
+const afterUpdate = afterUpdate$1;
 /**
- * 回答済の回答をまとめてイベントとして送信する
- *
- * @returns イベント送信の成功/失敗
+ * エレメントのライフサイクルを進める
  *
- * @public
+ * @returns Promise<void>
  */
-function sendAnswers() {
-    const { values, identifyValues } = submit();
-    if (isSent)
-        return false;
-    if (Object.keys(values ?? {}).length === 0 && Object.keys(identifyValues ?? {}).length === 0) {
-        return false;
-    }
-    send_event('_answer_question', values);
-    if (Object.keys(identifyValues ?? {}).length > 0) {
-        send_event('identify', identifyValues);
-    }
-    isSent = true;
-    return true;
+const tick = tick$1;
+// @internal
+const LAYOUT_COMPONENT_NAMES = [
+    'BreakPoint',
+    'BreakPointItem',
+    'Grid',
+    'GridItem',
+    'Modal',
+    'State',
+    'StateItem',
+];
+
+/* src/components/Header.svelte generated by Svelte v3.53.1 */
+
+function create_if_block$j(ctx) {
+	let link;
+
+	return {
+		c() {
+			link = element("link");
+			attr(link, "href", /*googleFontUrl*/ ctx[0]);
+			attr(link, "type", "text/css");
+			attr(link, "rel", "stylesheet");
+		},
+		m(target, anchor) {
+			insert(target, link, anchor);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*googleFontUrl*/ 1) {
+				attr(link, "href", /*googleFontUrl*/ ctx[0]);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(link);
+		}
+	};
 }
 
-/**
- * エディタv1のWidget API 互換のインターフェース
- */
-const STORE_LS_KEY_PREFIX = 'krt___';
-const valCallbacks = {};
-const eventCallbacks = {};
-const memoryStore = {};
-setWidgetHandlers({
-    onChangeState: [
-        (_props, newState) => {
-            setVal('state', newState);
-        },
-    ],
-    onDestroy: [
-        () => {
-            Object.entries(eventCallbacks).map(([name, cbs]) => {
-                cbs.forEach(cb => {
-                    window.removeEventListener(name, cb);
-                });
-            });
-        },
-    ],
-});
-/**
- * 変数を設定する
- *
- * @param name - 変数名
- * @param value - 変数値
- *
- * @public
- */
-function setVal(name, value) {
-    variables.update(current => {
-        if (valCallbacks[name]) {
-            valCallbacks[name].forEach(cb => {
-                cb({ newVal: value, oldVal: current[name], key: name });
-            });
-        }
-        current[name] = value;
-        return current;
-    });
-}
-/**
- * 変数を取得する
- *
- * @param name - 変数名
- *
- * @returns 変数値
- *
- * @public
- */
-function getVal(name) {
-    const cv = getVariables();
-    return cv[name];
+function create_fragment$1v(ctx) {
+	let if_block_anchor;
+	let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$j(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(document.head, null);
+			append(document.head, if_block_anchor);
+		},
+		p(ctx, [dirty]) {
+			if (/*googleFontUrl*/ ctx[0]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block$j(ctx);
+					if_block.c();
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			detach(if_block_anchor);
+		}
+	};
 }
-/**
- * 変数が変更されたときに実行されるコールバック関数を設定する
- *
- * @param name - 変数名
- * @param callback - コールバック関数
- *
- * @public
- */
-function onChangeVal(name, callback) {
-    if (!valCallbacks[name]) {
-        valCallbacks[name] = [];
-    }
-    valCallbacks[name].push(callback);
+
+function instance$1v($$self, $$props, $$invalidate) {
+	let $fonts;
+	component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
+	let googleFontUrl = '';
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*$fonts*/ 2) {
+			{
+				if ($fonts.length > 0) {
+					$$invalidate(0, googleFontUrl = makeGoogleFontUrl($fonts));
+				}
+			}
+		}
+
+		if ($$self.$$.dirty & /*googleFontUrl*/ 1) {
+			{
+				if (googleFontUrl) {
+					loadGlobalStyle(googleFontUrl);
+				}
+			}
+		}
+	};
+
+	return [googleFontUrl, $fonts];
 }
-/**
- * WEBのイベントが発生したときに実行されるコールバック関数を設定する
- *
- * @param name - WEBのイベント名
- * @param callback - コールバック関数
- *
- * @public
- */
-function method(name, callback) {
-    window.addEventListener(name, callback);
-    if (!eventCallbacks[name]) {
-        eventCallbacks[name] = [];
-    }
-    eventCallbacks[name].push(callback);
+
+let Header$1 = class Header extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$1v, create_fragment$1v, safe_not_equal, {});
+	}
+};
+
+const BRAND_KIT_DEFAULT = {
+    font_family: 'sans-serif, serif, monospace, system-ui',
+    color_text_primary: '#222222',
+    color_text_secondary: '#555555',
+    color_brand: '#33403e',
+    color_link: '#1558d6',
+    color_danger: '#f44336',
+    color_warning: '#ffa726',
+    color_success: '#10b981',
+    color_info: '#29b6f6',
+    color_white: '#FFFFFF',
+};
+const getBrandKit = (customBrandKit) => {
+    return {
+        font_family: customBrandKit?.font_family ?? BRAND_KIT_DEFAULT.font_family,
+        color_text_primary: customBrandKit?.color_text_primary ?? BRAND_KIT_DEFAULT.color_text_primary,
+        color_text_secondary: customBrandKit?.color_text_secondary ?? BRAND_KIT_DEFAULT.color_text_secondary,
+        color_brand: customBrandKit?.color_brand ?? BRAND_KIT_DEFAULT.color_brand,
+        color_link: customBrandKit?.color_link ?? BRAND_KIT_DEFAULT.color_link,
+        color_danger: customBrandKit?.color_danger ?? BRAND_KIT_DEFAULT.color_danger,
+        color_warning: customBrandKit?.color_warning ?? BRAND_KIT_DEFAULT.color_warning,
+        color_success: customBrandKit?.color_success ?? BRAND_KIT_DEFAULT.color_success,
+        color_info: customBrandKit?.color_info ?? BRAND_KIT_DEFAULT.color_info,
+        color_white: customBrandKit?.color_white ?? BRAND_KIT_DEFAULT.color_white,
+    };
+};
+const useBrandKit = () => {
+    return {
+        brandKit: (getContext('brandKit') || getBrandKit()),
+    };
+};
+
+/* src/components/State.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$1u(ctx) {
+	let header;
+	let t;
+	let current;
+	header = new Header$1({});
+	const default_slot_template = /*#slots*/ ctx[2].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[1], null);
+
+	return {
+		c() {
+			create_component(header.$$.fragment);
+			t = space();
+			if (default_slot) default_slot.c();
+		},
+		m(target, anchor) {
+			mount_component(header, target, anchor);
+			insert(target, t, anchor);
+
+			if (default_slot) {
+				default_slot.m(target, anchor);
+			}
+
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (default_slot) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 2)) {
+					update_slot_base(
+						default_slot,
+						default_slot_template,
+						ctx,
+						/*$$scope*/ ctx[1],
+						!current
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[1])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[1], dirty, null),
+						null
+					);
+				}
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(header.$$.fragment, local);
+			transition_in(default_slot, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(header.$$.fragment, local);
+			transition_out(default_slot, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(header, detaching);
+			if (detaching) detach(t);
+			if (default_slot) default_slot.d(detaching);
+		}
+	};
 }
-/**
- * Widgetのイベントが発生したときに実行されるコールバック関数を設定する
- *
- * @param name - Widgetのイベント名
- * @param callback - コールバック関数
- *
- * @public
- */
-function on(name, callback) {
-    let onCallback;
-    if (name === 'hide') {
-        onCallback = (event) => {
-            if (event.detail.trigger !== 'button')
-                return;
-            callback(event);
-            eventCallbacks[name].push(callback);
-        };
-        window.addEventListener(ACTION_CLOSE_EVENT, onCallback);
-    }
-    else if (name === 'clickBackdrop') {
-        onCallback = (event) => {
-            if (event.detail.trigger !== 'overlay')
-                return;
-            callback(event);
-        };
-        window.addEventListener(ACTION_CLOSE_EVENT, onCallback);
-    }
-    else if (name === 'destroyed') {
-        onCallback = callback;
-        window.addEventListener(ACTION_DESTROY_EVENT, onCallback);
-    }
-    else {
-        console.warn('warn: private event handler', name);
-    }
-    if (!eventCallbacks[name]) {
-        eventCallbacks[name] = [];
-    }
-    eventCallbacks[name].push(onCallback);
-}
-/**
- * 現在のステートを設定する
- *
- * @param stateId - ステートID
- *
- * @public
- */
-function setState(stateId) {
-    const stateIds = getStates();
-    if (stateIds.includes(stateId))
-        return;
-    setState$1(stateId);
-}
-/**
- * 現在のステートを取得する
- *
- * @returns ステートID
- *
- * @public
- */
-function getState() {
-    return getState$1();
-}
-/**
- * ページ内の変数を設定する
- *
- * @param key - 変数のキー
- * @param value - 変数値
- *
- * @public
- */
-function setMemoryStore(key, value) {
-    memoryStore[key] = value;
-}
-/**
- * ページ内の変数を取定する
- *
- * @param key - 変数のキー
- *
- * @returns 変数
- *
- * @public
- */
-function getMemoryStore(key) {
-    return memoryStore[key];
-}
-/**
- * ページをまたぐ変数を設定する
- *
- * @param key - 変数のキー
- * @param value - 変数値
- *
- * @public
- */
-function setLocalStore(key, value, options = { expire: false }) {
-    const item = {
-        val: value,
-        last: new Date().getTime(),
-    };
-    if (options.expire) {
-        item.expire = options.expire;
-    }
-    localStorage.setItem(STORE_LS_KEY_PREFIX + key, JSON.stringify(item));
-}
-/**
- * ページをまたぐ変数を取得設定する
- *
- * @param key - 変数のキー
- *
- * @returns 変数
- *
- * @public
- */
-function getLocalStore(key) {
-    const lsKey = STORE_LS_KEY_PREFIX + key;
-    const itemJson = localStorage.getItem(lsKey);
-    if (!itemJson) {
-        return;
-    }
-    let item;
-    try {
-        item = JSON.parse(itemJson);
-    }
-    catch (_) {
-        return;
-    }
-    if (item.val === undefined) {
-        return;
-    }
-    const now = new Date().getTime();
-    if (now - item.last > item.expire) {
-        localStorage.removeItem(lsKey);
-        return;
-    }
-    return item.val;
-}
-const storage = {
-    memory: { store: setMemoryStore, restore: getMemoryStore },
-    local: { store: setLocalStore, restore: getLocalStore },
-};
-/**
- * アクションテーブルを操作するオブジェクト
- *
- * @param table - アクションテーブル名
- *
- * @public
- */
-function collection(table) {
-    const systemConfig = getSystem();
-    const collectionName = table.replace(/^v2\//, '');
-    return collection$1({
-        api_key: systemConfig.apiKey || 'mock',
-        collection_endpoint: systemConfig.collection_endpoint,
-        table: collectionName,
-    });
+
+function instance$1u($$self, $$props, $$invalidate) {
+	let { $$slots: slots = {}, $$scope } = $$props;
+	let { customBrandKit = undefined } = $$props;
+	setContext('brandKit', getBrandKit(customBrandKit));
+
+	$$self.$$set = $$props => {
+		if ('customBrandKit' in $$props) $$invalidate(0, customBrandKit = $$props.customBrandKit);
+		if ('$$scope' in $$props) $$invalidate(1, $$scope = $$props.$$scope);
+	};
+
+	return [customBrandKit, $$scope, slots];
 }
 
-var widget = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  collection: collection,
-  getState: getState,
-  getVal: getVal,
-  hide: closeAction$1,
-  method: method,
-  on: on,
-  onChangeVal: onChangeVal,
-  setState: setState,
-  setVal: setVal,
-  show: showAction$1,
-  storage: storage
-});
+let State$1 = class State extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$1u, create_fragment$1u, safe_not_equal, { customBrandKit: 0 });
+	}
+};
 
-/**
- * エレメントをマウントしたときに実行される関数の登録
- *
- * @param fn - マウントしたときに実行される関数
- */
-const onMount = onMount$1;
-/**
- * エレメントを破棄したときに実行される関数の登録
- *
- * @param fn - マウントしたときに実行される関数
- */
-const onDestory = onDestroy$1;
-/**
- * エレメントを更新する前に実行される関数の登録
- *
- * @param fn - マウントしたときに実行される関数
- */
-const beforeUpdate = beforeUpdate$1;
-/**
- * エレメントを更新した後に実行される関数の登録
- *
- * @param fn - マウントしたときに実行される関数
- */
-const afterUpdate = afterUpdate$1;
-/**
- * エレメントのライフサイクルを進める
- *
- * @returns Promise<void>
- */
-const tick = tick$1;
-// @internal
-const LAYOUT_COMPONENT_NAMES = [
-    'BreakPoint',
-    'BreakPointItem',
-    'Grid',
-    'GridItem',
-    'Modal',
-    'State',
-    'StateItem',
-];
+/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
 
-/* src/components/Header.svelte generated by Svelte v3.53.1 */
+function add_css$T(target) {
+	append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
+}
 
-function create_if_block$j(ctx) {
-	let link;
+// (22:0) {#if $state === path}
+function create_if_block$i(ctx) {
+	let div;
+	let t;
+	let current;
+	const default_slot_template = /*#slots*/ ctx[3].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[2], null);
 
 	return {
 		c() {
-			link = element("link");
-			attr(link, "href", /*googleFontUrl*/ ctx[0]);
-			attr(link, "type", "text/css");
-			attr(link, "rel", "stylesheet");
+			div = element("div");
+			t = space();
+			if (default_slot) default_slot.c();
+			attr(div, "data-state-path", /*path*/ ctx[0]);
+			attr(div, "class", "state-item svelte-1amihue");
 		},
 		m(target, anchor) {
-			insert(target, link, anchor);
+			insert(target, div, anchor);
+			insert(target, t, anchor);
+
+			if (default_slot) {
+				default_slot.m(target, anchor);
+			}
+
+			current = true;
 		},
 		p(ctx, dirty) {
-			if (dirty & /*googleFontUrl*/ 1) {
-				attr(link, "href", /*googleFontUrl*/ ctx[0]);
+			if (!current || dirty & /*path*/ 1) {
+				attr(div, "data-state-path", /*path*/ ctx[0]);
+			}
+
+			if (default_slot) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 4)) {
+					update_slot_base(
+						default_slot,
+						default_slot_template,
+						ctx,
+						/*$$scope*/ ctx[2],
+						!current
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[2])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[2], dirty, null),
+						null
+					);
+				}
 			}
 		},
+		i(local) {
+			if (current) return;
+			transition_in(default_slot, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(default_slot, local);
+			current = false;
+		},
 		d(detaching) {
-			if (detaching) detach(link);
+			if (detaching) detach(div);
+			if (detaching) detach(t);
+			if (default_slot) default_slot.d(detaching);
 		}
 	};
 }
 
-function create_fragment$1v(ctx) {
+function create_fragment$1t(ctx) {
 	let if_block_anchor;
-	let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$j(ctx);
+	let current;
+	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$i(ctx);
 
 	return {
 		c() {
@@ -3281,272 +3226,20 @@ function create_fragment$1v(ctx) {
 			if_block_anchor = empty();
 		},
 		m(target, anchor) {
-			if (if_block) if_block.m(document.head, null);
-			append(document.head, if_block_anchor);
+			if (if_block) if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+			current = true;
 		},
 		p(ctx, [dirty]) {
-			if (/*googleFontUrl*/ ctx[0]) {
+			if (/*$state*/ ctx[1] === /*path*/ ctx[0]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
+
+					if (dirty & /*$state, path*/ 3) {
+						transition_in(if_block, 1);
+					}
 				} else {
-					if_block = create_if_block$j(ctx);
-					if_block.c();
-					if_block.m(if_block_anchor.parentNode, if_block_anchor);
-				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
-			}
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (if_block) if_block.d(detaching);
-			detach(if_block_anchor);
-		}
-	};
-}
-
-function instance$1v($$self, $$props, $$invalidate) {
-	let $fonts;
-	component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
-	let googleFontUrl = '';
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*$fonts*/ 2) {
-			{
-				if ($fonts.length > 0) {
-					$$invalidate(0, googleFontUrl = makeGoogleFontUrl($fonts));
-				}
-			}
-		}
-
-		if ($$self.$$.dirty & /*googleFontUrl*/ 1) {
-			{
-				if (googleFontUrl) {
-					loadGlobalStyle(googleFontUrl);
-				}
-			}
-		}
-	};
-
-	return [googleFontUrl, $fonts];
-}
-
-let Header$1 = class Header extends SvelteComponent {
-	constructor(options) {
-		super();
-		init(this, options, instance$1v, create_fragment$1v, safe_not_equal, {});
-	}
-};
-
-const BRAND_KIT_DEFAULT = {
-    font_family: 'sans-serif, serif, monospace, system-ui',
-    color_text_primary: '#222222',
-    color_text_secondary: '#555555',
-    color_brand: '#33403e',
-    color_link: '#1558d6',
-    color_danger: '#f44336',
-    color_warning: '#ffa726',
-    color_success: '#10b981',
-    color_info: '#29b6f6',
-    color_white: '#FFFFFF',
-};
-const getBrandKit = (customBrandKit) => {
-    return {
-        font_family: customBrandKit?.font_family ?? BRAND_KIT_DEFAULT.font_family,
-        color_text_primary: customBrandKit?.color_text_primary ?? BRAND_KIT_DEFAULT.color_text_primary,
-        color_text_secondary: customBrandKit?.color_text_secondary ?? BRAND_KIT_DEFAULT.color_text_secondary,
-        color_brand: customBrandKit?.color_brand ?? BRAND_KIT_DEFAULT.color_brand,
-        color_link: customBrandKit?.color_link ?? BRAND_KIT_DEFAULT.color_link,
-        color_danger: customBrandKit?.color_danger ?? BRAND_KIT_DEFAULT.color_danger,
-        color_warning: customBrandKit?.color_warning ?? BRAND_KIT_DEFAULT.color_warning,
-        color_success: customBrandKit?.color_success ?? BRAND_KIT_DEFAULT.color_success,
-        color_info: customBrandKit?.color_info ?? BRAND_KIT_DEFAULT.color_info,
-        color_white: customBrandKit?.color_white ?? BRAND_KIT_DEFAULT.color_white,
-    };
-};
-const useBrandKit = () => {
-    return {
-        brandKit: (getContext('brandKit') || getBrandKit()),
-    };
-};
-
-/* src/components/State.svelte generated by Svelte v3.53.1 */
-
-function create_fragment$1u(ctx) {
-	let header;
-	let t;
-	let current;
-	header = new Header$1({});
-	const default_slot_template = /*#slots*/ ctx[2].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[1], null);
-
-	return {
-		c() {
-			create_component(header.$$.fragment);
-			t = space();
-			if (default_slot) default_slot.c();
-		},
-		m(target, anchor) {
-			mount_component(header, target, anchor);
-			insert(target, t, anchor);
-
-			if (default_slot) {
-				default_slot.m(target, anchor);
-			}
-
-			current = true;
-		},
-		p(ctx, [dirty]) {
-			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 2)) {
-					update_slot_base(
-						default_slot,
-						default_slot_template,
-						ctx,
-						/*$$scope*/ ctx[1],
-						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[1])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[1], dirty, null),
-						null
-					);
-				}
-			}
-		},
-		i(local) {
-			if (current) return;
-			transition_in(header.$$.fragment, local);
-			transition_in(default_slot, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(header.$$.fragment, local);
-			transition_out(default_slot, local);
-			current = false;
-		},
-		d(detaching) {
-			destroy_component(header, detaching);
-			if (detaching) detach(t);
-			if (default_slot) default_slot.d(detaching);
-		}
-	};
-}
-
-function instance$1u($$self, $$props, $$invalidate) {
-	let { $$slots: slots = {}, $$scope } = $$props;
-	let { customBrandKit = undefined } = $$props;
-	setContext('brandKit', getBrandKit(customBrandKit));
-
-	$$self.$$set = $$props => {
-		if ('customBrandKit' in $$props) $$invalidate(0, customBrandKit = $$props.customBrandKit);
-		if ('$$scope' in $$props) $$invalidate(1, $$scope = $$props.$$scope);
-	};
-
-	return [customBrandKit, $$scope, slots];
-}
-
-let State$1 = class State extends SvelteComponent {
-	constructor(options) {
-		super();
-		init(this, options, instance$1u, create_fragment$1u, safe_not_equal, { customBrandKit: 0 });
-	}
-};
-
-/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
-
-function add_css$T(target) {
-	append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
-}
-
-// (22:0) {#if $state === path}
-function create_if_block$i(ctx) {
-	let div;
-	let t;
-	let current;
-	const default_slot_template = /*#slots*/ ctx[3].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[2], null);
-
-	return {
-		c() {
-			div = element("div");
-			t = space();
-			if (default_slot) default_slot.c();
-			attr(div, "data-state-path", /*path*/ ctx[0]);
-			attr(div, "class", "state-item svelte-2qb6dm");
-		},
-		m(target, anchor) {
-			insert(target, div, anchor);
-			insert(target, t, anchor);
-
-			if (default_slot) {
-				default_slot.m(target, anchor);
-			}
-
-			current = true;
-		},
-		p(ctx, dirty) {
-			if (!current || dirty & /*path*/ 1) {
-				attr(div, "data-state-path", /*path*/ ctx[0]);
-			}
-
-			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 4)) {
-					update_slot_base(
-						default_slot,
-						default_slot_template,
-						ctx,
-						/*$$scope*/ ctx[2],
-						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[2])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[2], dirty, null),
-						null
-					);
-				}
-			}
-		},
-		i(local) {
-			if (current) return;
-			transition_in(default_slot, local);
-			current = true;
-		},
-		o(local) {
-			transition_out(default_slot, local);
-			current = false;
-		},
-		d(detaching) {
-			if (detaching) detach(div);
-			if (detaching) detach(t);
-			if (default_slot) default_slot.d(detaching);
-		}
-	};
-}
-
-function create_fragment$1t(ctx) {
-	let if_block_anchor;
-	let current;
-	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$i(ctx);
-
-	return {
-		c() {
-			if (if_block) if_block.c();
-			if_block_anchor = empty();
-		},
-		m(target, anchor) {
-			if (if_block) if_block.m(target, anchor);
-			insert(target, if_block_anchor, anchor);
-			current = true;
-		},
-		p(ctx, [dirty]) {
-			if (/*$state*/ ctx[1] === /*path*/ ctx[0]) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
-
-					if (dirty & /*$state, path*/ 3) {
-						transition_in(if_block, 1);
-					}
-				} else {
-					if_block = create_if_block$i(ctx);
+					if_block = create_if_block$i(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3798,7 +3491,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
 /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
 
 function add_css$S(target) {
-	append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
+	append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
 }
 
 // (14:0) {#if backgroundOverlay}
@@ -3811,7 +3504,7 @@ function create_if_block$h(ctx) {
 	return {
 		c() {
 			div = element("div");
-			attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
+			attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"));
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -3822,7 +3515,7 @@ function create_if_block$h(ctx) {
 			}
 		},
 		p(ctx, dirty) {
-			if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
+			if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-g6ucc2"))) {
 				attr(div, "class", div_class_value);
 			}
 		},
@@ -3928,7 +3621,7 @@ function checkStopPropagation(eventName, handler) {
 /* src/components/Button.svelte generated by Svelte v3.53.1 */
 
 function add_css$R(target) {
-	append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
+	append_styles(target, "svelte-1kmu8zp", ".button.svelte-1kmu8zp{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1kmu8zp:link,.button.svelte-1kmu8zp:visited,.button.svelte-1kmu8zp:active,.button.svelte-1kmu8zp:hover{color:inherit}");
 }
 
 // (53:0) {:else}
@@ -3957,7 +3650,7 @@ function create_else_block$5(ctx) {
 			button = element("button");
 			if (default_slot) default_slot.c();
 			set_attributes(button, button_data);
-			toggle_class(button, "svelte-15k4deh", true);
+			toggle_class(button, "svelte-1kmu8zp", true);
 		},
 		m(target, anchor) {
 			insert(target, button, anchor);
@@ -3996,7 +3689,7 @@ function create_else_block$5(ctx) {
 				dataAttrStopPropagation('click')
 			]));
 
-			toggle_class(button, "svelte-15k4deh", true);
+			toggle_class(button, "svelte-1kmu8zp", true);
 		},
 		i(local) {
 			if (current) return;
@@ -4027,7 +3720,7 @@ function create_if_block_2$2(ctx) {
 		c() {
 			div = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
+			attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1kmu8zp"));
 			attr(div, "style", /*style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -4111,7 +3804,7 @@ function create_if_block_1$4(ctx) {
 			a = element("a");
 			if (default_slot) default_slot.c();
 			set_attributes(a, a_data);
-			toggle_class(a, "svelte-15k4deh", true);
+			toggle_class(a, "svelte-1kmu8zp", true);
 		},
 		m(target, anchor) {
 			insert(target, a, anchor);
@@ -4153,7 +3846,7 @@ function create_if_block_1$4(ctx) {
 				dataAttrStopPropagation('click')
 			]));
 
-			toggle_class(a, "svelte-15k4deh", true);
+			toggle_class(a, "svelte-1kmu8zp", true);
 		},
 		i(local) {
 			if (current) return;
@@ -4184,7 +3877,7 @@ function create_if_block$g(ctx) {
 		c() {
 			div = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
+			attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1kmu8zp"));
 			attr(div, "style", /*style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -4393,7 +4086,7 @@ let Button$1 = class Button extends SvelteComponent {
 /* src/components/Modal.svelte generated by Svelte v3.53.1 */
 
 function add_css$Q(target) {
-	append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
+	append_styles(target, "svelte-1i2vo31", ".modal.svelte-1i2vo31{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1i2vo31 > .button{flex:auto;display:flex}.close.svelte-1i2vo31{position:absolute;top:0;right:0}.close.svelte-1i2vo31 > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1i2vo31 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1i2vo31{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
 }
 
 // (278:0) {:else}
@@ -4543,7 +4236,7 @@ function create_if_block$f(ctx) {
 		c() {
 			div = element("div");
 			create_component(button.$$.fragment);
-			attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
+			attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"));
 			attr(div, "role", "dialog");
 			attr(div, "aria-modal", "true");
 			attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
@@ -4567,7 +4260,7 @@ function create_if_block$f(ctx) {
 
 			button.$set(button_changes);
 
-			if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
+			if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1i2vo31"))) {
 				attr(div, "class", div_class_value);
 			}
 		},
@@ -4622,7 +4315,7 @@ function create_if_block_1$3(ctx) {
 		c() {
 			div = element("div");
 			create_component(button.$$.fragment);
-			attr(div, "class", "close svelte-1ijkyzl");
+			attr(div, "class", "close svelte-1i2vo31");
 			set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
 		},
 		m(target, anchor) {
@@ -4711,7 +4404,7 @@ function create_default_slot$7(ctx) {
 			t = space();
 			div = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", "modal-content svelte-1ijkyzl");
+			attr(div, "class", "modal-content svelte-1i2vo31");
 			attr(div, "style", /*_style*/ ctx[5]);
 		},
 		m(target, anchor) {
@@ -5362,7 +5055,7 @@ class Grid extends SvelteComponent {
 /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$P(target) {
-	append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
+	append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
 }
 
 function create_fragment$1o(ctx) {
@@ -5377,8 +5070,8 @@ function create_fragment$1o(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			if (default_slot) default_slot.c();
-			attr(div0, "class", "grid-item-inner svelte-n7kdl3");
-			attr(div1, "class", "grid-item svelte-n7kdl3");
+			attr(div0, "class", "grid-item-inner svelte-1cryhmb");
+			attr(div1, "class", "grid-item svelte-1cryhmb");
 			attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
 			attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
 			attr(div1, "style", /*_style*/ ctx[1]);
@@ -5683,7 +5376,7 @@ class RenderText extends SvelteComponent {
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$O(target) {
-	append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
+	append_styles(target, "svelte-vz6867", ".text-element-wrapper.svelte-vz6867.svelte-vz6867{position:relative;height:100%}.text-element.svelte-vz6867.svelte-vz6867{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-vz6867.svelte-vz6867{text-decoration:none;color:inherit}.text-element-inner.svelte-vz6867.svelte-vz6867{width:100%;height:auto}.text-direction-vertical.svelte-vz6867.svelte-vz6867{writing-mode:vertical-rl}.text-direction-vertical.svelte-vz6867 .text-element-inner.svelte-vz6867{width:auto;height:100%}.tooltip.svelte-vz6867.svelte-vz6867{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-vz6867.svelte-vz6867:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-vz6867.svelte-vz6867{display:block}.tooltip-error.svelte-vz6867.svelte-vz6867{background-color:#c00}.tooltip-error.svelte-vz6867.svelte-vz6867:before{border-bottom:7px solid #c00}");
 }
 
 // (92:2) {:else}
@@ -5700,8 +5393,8 @@ function create_else_block$2(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			create_component(rendertext.$$.fragment);
-			attr(div0, "class", "text-element-inner svelte-9ixs0b");
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
+			attr(div0, "class", "text-element-inner svelte-vz6867");
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
 			attr(div1, "style", /*style*/ ctx[5]);
 		},
 		m(target, anchor) {
@@ -5715,7 +5408,7 @@ function create_else_block$2(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
+			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
 				attr(div1, "class", div1_class_value);
 			}
 
@@ -5765,12 +5458,12 @@ function create_if_block$d(ctx) {
 			t2 = space();
 			div2 = element("div");
 			div2.textContent = "コピーできませんでした";
-			attr(div0, "class", "text-element-inner svelte-9ixs0b");
+			attr(div0, "class", "text-element-inner svelte-vz6867");
 			attr(a, "href", '');
-			attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
+			attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"));
 			attr(a, "style", /*style*/ ctx[5]);
-			attr(div1, "class", "tooltip svelte-9ixs0b");
-			attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
+			attr(div1, "class", "tooltip svelte-vz6867");
+			attr(div2, "class", "tooltip tooltip-error svelte-vz6867");
 		},
 		m(target, anchor) {
 			insert(target, a, anchor);
@@ -5794,7 +5487,7 @@ function create_if_block$d(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
+			if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-vz6867"))) {
 				attr(a, "class", a_class_value);
 			}
 
@@ -5846,7 +5539,7 @@ function create_fragment$1m(ctx) {
 		c() {
 			div = element("div");
 			if_block.c();
-			attr(div, "class", "text-element-wrapper svelte-9ixs0b");
+			attr(div, "class", "text-element-wrapper svelte-vz6867");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -6012,7 +5705,7 @@ class TextElement extends SvelteComponent {
 /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$N(target) {
-	append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
+	append_styles(target, "svelte-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
 // (48:2) <Button {onClick} {style} {eventName}>
@@ -6068,7 +5761,7 @@ function create_fragment$1l(ctx) {
 		c() {
 			div = element("div");
 			create_component(button.$$.fragment);
-			attr(div, "class", "text-button-element svelte-1vg84sc");
+			attr(div, "class", "text-button-element svelte-ujdxfc");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -6160,7 +5853,7 @@ class TextButtonElement extends SvelteComponent {
 /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$M(target) {
-	append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
+	append_styles(target, "svelte-1alkh1m", ".image-element.svelte-1alkh1m{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1alkh1m > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-1alkh1m > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1alkh1m > .button:not(._disabled):hover,.image-element.transport.svelte-1alkh1m > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-1alkh1m{width:100%;height:100%}");
 }
 
 // (44:2) <Button {onClick} style={_style} {eventName}>
@@ -6172,7 +5865,7 @@ function create_default_slot$5(ctx) {
 	return {
 		c() {
 			img = element("img");
-			attr(img, "class", "image svelte-t6tu0e");
+			attr(img, "class", "image svelte-1alkh1m");
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
@@ -6234,7 +5927,7 @@ function create_fragment$1k(ctx) {
 		c() {
 			div = element("div");
 			create_component(button.$$.fragment);
-			attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
+			attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -6253,7 +5946,7 @@ function create_fragment$1k(ctx) {
 
 			button.$set(button_changes);
 
-			if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
+			if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1alkh1m")) {
 				attr(div, "class", div_class_value);
 			}
 		},
@@ -6325,7 +6018,7 @@ class ImageElement extends SvelteComponent {
 /* src/components/List.svelte generated by Svelte v3.53.1 */
 
 function add_css$L(target) {
-	append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
+	append_styles(target, "svelte-1t8r9z", ".list.svelte-1t8r9z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
 }
 
 function create_fragment$1j(ctx) {
@@ -6338,7 +6031,7 @@ function create_fragment$1j(ctx) {
 		c() {
 			div = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", "list svelte-aquv6z");
+			attr(div, "class", "list svelte-1t8r9z");
 			attr(div, "style", /*style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -6472,7 +6165,7 @@ let List$1 = class List extends SvelteComponent {
 /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$K(target) {
-	append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
+	append_styles(target, "svelte-1lbw8v2", ".list-item.svelte-1lbw8v2{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-1lbw8v2 > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
 // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -6542,7 +6235,7 @@ function create_fragment$1i(ctx) {
 		c() {
 			div = element("div");
 			create_component(button.$$.fragment);
-			attr(div, "class", "list-item svelte-9n97pe");
+			attr(div, "class", "list-item svelte-1lbw8v2");
 			attr(div, "style", /*listItemStyle*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -6668,7 +6361,7 @@ let ListItem$1 = class ListItem extends SvelteComponent {
 /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$J(target) {
-	append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
+	append_styles(target, "svelte-w6jkzh", ".embed.svelte-w6jkzh{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-w6jkzh iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
 function create_fragment$1h(ctx) {
@@ -6677,7 +6370,7 @@ function create_fragment$1h(ctx) {
 	return {
 		c() {
 			div = element("div");
-			attr(div, "class", "embed svelte-wocq4p");
+			attr(div, "class", "embed svelte-w6jkzh");
 			attr(div, "style", /*_style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -6720,7 +6413,7 @@ class EmbedElement extends SvelteComponent {
 /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$I(target) {
-	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+	append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
 function create_fragment$1g(ctx) {
@@ -6732,7 +6425,7 @@ function create_fragment$1g(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-vikz49");
+			attr(div1, "class", "embed svelte-ljxq7x");
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -7074,7 +6767,7 @@ class MovieYouTubeElement extends SvelteComponent {
 /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$H(target) {
-	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+	append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
 function create_fragment$1f(ctx) {
@@ -7086,7 +6779,7 @@ function create_fragment$1f(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-vikz49");
+			attr(div1, "class", "embed svelte-ljxq7x");
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -7270,7 +6963,7 @@ class MovieVimeoElement extends SvelteComponent {
 /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
 
 function add_css$G(target) {
-	append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
+	append_styles(target, "svelte-1fjy5oo", ".textarea-wrapper.svelte-1fjy5oo{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-1fjy5oo{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-1fjy5oo::placeholder{color:var(--placeholder-color)}.textarea.svelte-1fjy5oo:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
 }
 
 function create_fragment$1e(ctx) {
@@ -7283,12 +6976,12 @@ function create_fragment$1e(ctx) {
 		c() {
 			div = element("div");
 			textarea = element("textarea");
-			attr(textarea, "class", "textarea svelte-zxvkkc");
+			attr(textarea, "class", "textarea svelte-1fjy5oo");
 			textarea.value = /*$value*/ ctx[4];
 			textarea.required = /*required*/ ctx[1];
 			attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
 			attr(textarea, "style", /*style*/ ctx[3]);
-			attr(div, "class", "textarea-wrapper svelte-zxvkkc");
+			attr(div, "class", "textarea-wrapper svelte-1fjy5oo");
 			attr(div, "style", /*styleVariables*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -7440,7 +7133,7 @@ class FormTextarea extends SvelteComponent {
 /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
 
 function add_css$F(target) {
-	append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
+	append_styles(target, "svelte-1ntb6j8", ".radio-buttons.svelte-1ntb6j8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-1ntb6j8{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-1ntb6j8{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-1ntb6j8:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-1ntb6j8{margin-left:0.5em}");
 }
 
 function get_each_context$7(ctx, list, i) {
@@ -7474,14 +7167,14 @@ function create_each_block$7(ctx) {
 			t1 = text(t1_value);
 			t2 = space();
 			attr(input, "type", "radio");
-			attr(input, "class", "radio-button-input svelte-17s08g");
+			attr(input, "class", "radio-button-input svelte-1ntb6j8");
 			attr(input, "style", /*buttonStyle*/ ctx[5]);
 			attr(input, "name", /*name*/ ctx[0]);
 			input.value = input_value_value = /*option*/ ctx[17];
 			input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
-			attr(span, "class", "radio-button-text svelte-17s08g");
+			attr(span, "class", "radio-button-text svelte-1ntb6j8");
 			attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
-			attr(label, "class", "radio-button svelte-17s08g");
+			attr(label, "class", "radio-button svelte-1ntb6j8");
 		},
 		m(target, anchor) {
 			insert(target, label, anchor);
@@ -7546,7 +7239,7 @@ function create_fragment$1d(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(div, "class", "radio-buttons svelte-17s08g");
+			attr(div, "class", "radio-buttons svelte-1ntb6j8");
 			attr(div, "style", /*_layoutStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -7715,7 +7408,7 @@ class FormRadioButtons extends SvelteComponent {
 /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
 
 function add_css$E(target) {
-	append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
+	append_styles(target, "svelte-iejizj", ".select.svelte-iejizj{width:100%;height:100%}.select-select.svelte-iejizj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-iejizj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-iejizj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
 }
 
 function get_each_context$6(ctx, list, i) {
@@ -7849,10 +7542,10 @@ function create_fragment$1c(ctx) {
 
 			t = space();
 			div0 = element("div");
-			attr(select, "class", "select-select svelte-t9ynyj");
+			attr(select, "class", "select-select svelte-iejizj");
 			attr(select, "style", /*style*/ ctx[3]);
-			attr(div0, "class", "select-icon svelte-t9ynyj");
-			attr(div1, "class", "select svelte-t9ynyj");
+			attr(div0, "class", "select-icon svelte-iejizj");
+			attr(div1, "class", "select svelte-iejizj");
 			attr(div1, "style", /*styleVariables*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -8054,7 +7747,7 @@ class FormSelect extends SvelteComponent {
 /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
 
 function add_css$D(target) {
-	append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
+	append_styles(target, "svelte-2pz1us", ".check-boxes.svelte-2pz1us.svelte-2pz1us{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-2pz1us.svelte-2pz1us{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-2pz1us.svelte-2pz1us{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-2pz1us.svelte-2pz1us{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-2pz1us.svelte-2pz1us{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-2pz1us.svelte-2pz1us:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-2pz1us.svelte-2pz1us{background-color:var(--color-main-active)}.check-box-check._checked.svelte-2pz1us .check-box-icon.svelte-2pz1us:after{border-color:var(--color-sub-active)}.check-box-text.svelte-2pz1us.svelte-2pz1us{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
 }
 
 function get_each_context$5(ctx, list, i) {
@@ -8093,19 +7786,19 @@ function create_each_block$5(ctx) {
 			span2 = element("span");
 			t2 = text(t2_value);
 			t3 = space();
-			attr(input, "class", "check-box-input svelte-1p65cg8");
+			attr(input, "class", "check-box-input svelte-2pz1us");
 			attr(input, "type", "checkbox");
 			attr(input, "name", /*name*/ ctx[0]);
 			input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
-			attr(span0, "class", "check-box-icon svelte-1p65cg8");
+			attr(span0, "class", "check-box-icon svelte-2pz1us");
 
 			attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
 			? ' _checked'
-			: ''}`) + " svelte-1p65cg8"));
+			: ''}`) + " svelte-2pz1us"));
 
-			attr(span2, "class", "check-box-text svelte-1p65cg8");
+			attr(span2, "class", "check-box-text svelte-2pz1us");
 			attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
-			attr(label, "class", "check-box svelte-1p65cg8");
+			attr(label, "class", "check-box svelte-2pz1us");
 			attr(label, "style", /*styleVariables*/ ctx[5]);
 		},
 		m(target, anchor) {
@@ -8137,7 +7830,7 @@ function create_each_block$5(ctx) {
 
 			if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
 			? ' _checked'
-			: ''}`) + " svelte-1p65cg8"))) {
+			: ''}`) + " svelte-2pz1us"))) {
 				attr(span1, "class", span1_class_value);
 			}
 
@@ -8176,7 +7869,7 @@ function create_fragment$1b(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(div, "class", "check-boxes svelte-1p65cg8");
+			attr(div, "class", "check-boxes svelte-2pz1us");
 			attr(div, "style", /*_layoutStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -8351,7 +8044,7 @@ class FormCheckBoxes extends SvelteComponent {
 /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
 
 function add_css$C(target) {
-	append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
+	append_styles(target, "svelte-9idbf1", ".rating-buttons.svelte-9idbf1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-9idbf1{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
 }
 
 function get_each_context$4(ctx, list, i) {
@@ -8375,7 +8068,7 @@ function create_each_block$4(ctx) {
 			button = element("button");
 			t0 = text(t0_value);
 			t1 = space();
-			attr(button, "class", "rating-button svelte-1iqf36p");
+			attr(button, "class", "rating-button svelte-9idbf1");
 			attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
 		},
 		m(target, anchor) {
@@ -8424,7 +8117,7 @@ function create_fragment$1a(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(div, "class", "rating-buttons svelte-1iqf36p");
+			attr(div, "class", "rating-buttons svelte-9idbf1");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -8568,7 +8261,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
 /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
 
 function add_css$B(target) {
-	append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
+	append_styles(target, "svelte-1b5dvzw", ".rating-buttons.svelte-1b5dvzw{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1b5dvzw{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-1b5dvzw{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-1b5dvzw:not(._active){filter:grayscale(100%)}");
 }
 
 function get_each_context$3(ctx, list, i) {
@@ -8593,9 +8286,9 @@ function create_each_block$3(ctx) {
 			img = element("img");
 			t = space();
 			if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
-			attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
+			attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
 			attr(img, "alt", "rate" + /*i*/ ctx[10]);
-			attr(button, "class", "rating-button svelte-tbunko");
+			attr(button, "class", "rating-button svelte-1b5dvzw");
 			attr(button, "style", /*buttonStyle*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -8611,7 +8304,7 @@ function create_each_block$3(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
+			if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"))) {
 				attr(img, "class", img_class_value);
 			}
 
@@ -8644,7 +8337,7 @@ function create_fragment$19(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(div, "class", "rating-buttons svelte-tbunko");
+			attr(div, "class", "rating-buttons svelte-1b5dvzw");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -8752,7 +8445,7 @@ class FormRatingButtonsFace extends SvelteComponent {
 /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
 
 function add_css$A(target) {
-	append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
+	append_styles(target, "svelte-f14zo5", ".input-wrapper.svelte-f14zo5{display:flex;align-items:center;width:100%;height:100%}.input.svelte-f14zo5{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-f14zo5::placeholder{color:var(--placeholder-color)}.input.svelte-f14zo5:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-f14zo5{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
 }
 
 function create_fragment$18(ctx) {
@@ -8766,13 +8459,13 @@ function create_fragment$18(ctx) {
 		c() {
 			div = element("div");
 			input = element("input");
-			attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
+			attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"));
 			attr(input, "type", "text");
 			input.value = /*$value*/ ctx[2];
 			input.required = /*required*/ ctx[0];
 			attr(input, "placeholder", /*placeholder*/ ctx[1]);
 			attr(input, "style", /*style*/ ctx[5]);
-			attr(div, "class", "input-wrapper svelte-h8fqwx");
+			attr(div, "class", "input-wrapper svelte-f14zo5");
 			attr(div, "style", /*styleVariables*/ ctx[4]);
 		},
 		m(target, anchor) {
@@ -8785,7 +8478,7 @@ function create_fragment$18(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
+			if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-f14zo5"))) {
 				attr(input, "class", input_class_value);
 			}
 
@@ -8973,7 +8666,7 @@ class FormIdentifyInput extends SvelteComponent {
 /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
 
 function add_css$z(target) {
-	append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
+	append_styles(target, "svelte-pzrwlo", ".radio-buttons.svelte-pzrwlo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-pzrwlo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-pzrwlo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-pzrwlo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-pzrwlo{margin-left:0.5em}");
 }
 
 function create_fragment$17(ctx) {
@@ -9011,20 +8704,20 @@ function create_fragment$17(ctx) {
 			span1 = element("span");
 			t4 = text("いいえ");
 			attr(input0, "type", "radio");
-			attr(input0, "class", "radio-button-input svelte-8zbmyo");
+			attr(input0, "class", "radio-button-input svelte-pzrwlo");
 			attr(input0, "style", /*buttonStyle*/ ctx[2]);
 			input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
-			attr(span0, "class", "radio-button-text svelte-8zbmyo");
+			attr(span0, "class", "radio-button-text svelte-pzrwlo");
 			attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
-			attr(label0, "class", "radio-button svelte-8zbmyo");
+			attr(label0, "class", "radio-button svelte-pzrwlo");
 			attr(input1, "type", "radio");
-			attr(input1, "class", "radio-button-input svelte-8zbmyo");
+			attr(input1, "class", "radio-button-input svelte-pzrwlo");
 			attr(input1, "style", /*buttonStyle*/ ctx[2]);
 			input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
-			attr(span1, "class", "radio-button-text svelte-8zbmyo");
+			attr(span1, "class", "radio-button-text svelte-pzrwlo");
 			attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
-			attr(label1, "class", "radio-button svelte-8zbmyo");
-			attr(div, "class", "radio-buttons svelte-8zbmyo");
+			attr(label1, "class", "radio-button svelte-pzrwlo");
+			attr(div, "class", "radio-buttons svelte-pzrwlo");
 			attr(div, "style", /*_layoutStyle*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -9192,7 +8885,7 @@ class FormIdentifyChoices extends SvelteComponent {
 /* src/components/Slide.svelte generated by Svelte v3.53.1 */
 
 function add_css$y(target) {
-	append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
+	append_styles(target, "svelte-1qfq79t", ".root.svelte-1qfq79t{width:100%;height:100%;position:relative}.container.svelte-1qfq79t{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-1qfq79t{height:100%;position:absolute;display:flex}.transition.svelte-1qfq79t{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-1qfq79t{height:100%;flex:none}.prev-button-container.svelte-1qfq79t,.next-button-container.svelte-1qfq79t{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-1qfq79t{left:0}.next-button-container.svelte-1qfq79t{right:0}.move-button.svelte-1qfq79t{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-1qfq79t{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-1qfq79t{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-1qfq79t{border-radius:51%}");
 }
 
 function get_each_context$2(ctx, list, i) {
@@ -9221,9 +8914,9 @@ function create_if_block_1$2(ctx) {
 			attr(svg, "viewBox", "0 0 10 16");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "style", /*prevIconStyle*/ ctx[10]);
-			attr(button, "class", "move-button svelte-ji1fh");
+			attr(button, "class", "move-button svelte-1qfq79t");
 			attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
-			attr(div, "class", "prev-button-container svelte-ji1fh");
+			attr(div, "class", "prev-button-container svelte-1qfq79t");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -9272,9 +8965,9 @@ function create_if_block$b(ctx) {
 			attr(svg, "viewBox", "0 0 10 16");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "style", /*nextIconStyle*/ ctx[8]);
-			attr(button, "class", "move-button svelte-ji1fh");
+			attr(button, "class", "move-button svelte-1qfq79t");
 			attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
-			attr(div, "class", "next-button-container svelte-ji1fh");
+			attr(div, "class", "next-button-container svelte-1qfq79t");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -9322,9 +9015,9 @@ function create_each_block$2(ctx) {
 			button = element("button");
 			div = element("div");
 			t = space();
-			attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
+			attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
 			attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
-			attr(button, "class", "navigation-item svelte-ji1fh");
+			attr(button, "class", "navigation-item svelte-1qfq79t");
 			attr(button, "style", /*navigationItemStyle*/ ctx[6]);
 		},
 		m(target, anchor) {
@@ -9401,14 +9094,14 @@ function create_fragment$16(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
+			attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
 			attr(div0, "style", /*slideStyle*/ ctx[14]);
-			attr(div1, "class", "container svelte-ji1fh");
+			attr(div1, "class", "container svelte-1qfq79t");
 			attr(div1, "style", /*_style*/ ctx[0]);
-			attr(div2, "class", "navigation svelte-ji1fh");
+			attr(div2, "class", "navigation svelte-1qfq79t");
 			attr(div2, "style", /*navigationStyle*/ ctx[4]);
 			set_attributes(div3, div3_data);
-			toggle_class(div3, "svelte-ji1fh", true);
+			toggle_class(div3, "svelte-1qfq79t", true);
 		},
 		m(target, anchor) {
 			insert(target, div3, anchor);
@@ -9450,7 +9143,7 @@ function create_fragment$16(ctx) {
 				}
 			}
 
-			if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
+			if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
 				attr(div0, "class", div0_class_value);
 			}
 
@@ -9516,7 +9209,7 @@ function create_fragment$16(ctx) {
 			}
 
 			set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
-			toggle_class(div3, "svelte-ji1fh", true);
+			toggle_class(div3, "svelte-1qfq79t", true);
 		},
 		i(local) {
 			if (current) return;
@@ -10028,7 +9721,7 @@ class Slide extends SvelteComponent {
 /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$x(target) {
-	append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
+	append_styles(target, "svelte-1rv0qgo", ".item.svelte-1rv0qgo{height:100%;flex:none;position:relative}.item.svelte-1rv0qgo img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1rv0qgo{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
 }
 
 function create_fragment$15(ctx) {
@@ -10043,9 +9736,9 @@ function create_fragment$15(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			if (default_slot) default_slot.c();
-			attr(div0, "class", "item-inner svelte-9ygf1w");
+			attr(div0, "class", "item-inner svelte-1rv0qgo");
 			attr(div0, "style", /*_style*/ ctx[0]);
-			attr(div1, "class", "item svelte-9ygf1w");
+			attr(div1, "class", "item svelte-1rv0qgo");
 			attr(div1, "style", /*itemStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -10171,7 +9864,7 @@ class SlideItem extends SvelteComponent {
 /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
 
 function add_css$w(target) {
-	append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
+	append_styles(target, "svelte-t87l6f", ".countdown.svelte-t87l6f{position:relative;width:100%;height:100%}.countdown-inner.svelte-t87l6f{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
 const get_default_slot_changes$1 = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -10189,9 +9882,9 @@ function create_fragment$14(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			if (default_slot) default_slot.c();
-			attr(div0, "class", "countdown-inner svelte-rroxiz");
+			attr(div0, "class", "countdown-inner svelte-t87l6f");
 			attr(div0, "style", /*_style*/ ctx[0]);
-			attr(div1, "class", "countdown svelte-rroxiz");
+			attr(div1, "class", "countdown svelte-t87l6f");
 		},
 		m(target, anchor) {
 			insert(target, div1, anchor);
@@ -10325,7 +10018,7 @@ class Countdown extends SvelteComponent {
 /* src/components/Box.svelte generated by Svelte v3.53.1 */
 
 function add_css$v(target) {
-	append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
+	append_styles(target, "svelte-1c91vpe", ".box.svelte-1c91vpe{position:relative;width:100%;height:100%}.box.svelte-1c91vpe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
 // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -10395,7 +10088,7 @@ function create_fragment$13(ctx) {
 		c() {
 			div = element("div");
 			create_component(button.$$.fragment);
-			attr(div, "class", "box svelte-1ccydfy");
+			attr(div, "class", "box svelte-1c91vpe");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -10456,7 +10149,7 @@ class Box extends SvelteComponent {
 /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$u(target) {
-	append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
+	append_styles(target, "svelte-1mk6wi4", ".icon.svelte-1mk6wi4{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mk6wi4 > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mk6wi4 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mk6wi4 svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
 }
 
 // (56:4) {#if svg}
@@ -10538,7 +10231,7 @@ function create_fragment$12(ctx) {
 		c() {
 			div = element("div");
 			create_component(button.$$.fragment);
-			attr(div, "class", "icon svelte-1mkvcuo");
+			attr(div, "class", "icon svelte-1mk6wi4");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -10647,7 +10340,7 @@ class IconElement extends SvelteComponent {
 /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$t(target) {
-	append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
+	append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
 }
 
 function create_fragment$11(ctx) {
@@ -10673,7 +10366,7 @@ function create_fragment$11(ctx) {
 		c() {
 			div = element("div");
 			if (switch_instance) create_component(switch_instance.$$.fragment);
-			attr(div, "class", "codeElement svelte-ymsb9l");
+			attr(div, "class", "codeElement svelte-1ng2n51");
 			attr(div, "style", /*style*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -10762,7 +10455,7 @@ class CodeElement extends SvelteComponent {
 /* src/components/Flex.svelte generated by Svelte v3.53.1 */
 
 function add_css$s(target) {
-	append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
+	append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
 }
 
 function create_fragment$10(ctx) {
@@ -10776,7 +10469,7 @@ function create_fragment$10(ctx) {
 		c() {
 			div = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", "flex svelte-1e71ejc");
+			attr(div, "class", "flex svelte-9v2qdg");
 			attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -10873,7 +10566,7 @@ class Flex extends SvelteComponent {
 /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$r(target) {
-	append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
+	append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
 }
 
 function create_fragment$$(ctx) {
@@ -10886,7 +10579,7 @@ function create_fragment$$(ctx) {
 		c() {
 			div = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", "flex-item svelte-1p0bk1x");
+			attr(div, "class", "flex-item svelte-164ah5d");
 			attr(div, "style", /*style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -11294,7 +10987,7 @@ class GridModalState extends SvelteComponent {
 /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css$q(target) {
-	append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
+	append_styles(target, "svelte-akic2e", ".text-block.svelte-akic2e.svelte-akic2e{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-akic2e.svelte-akic2e{width:100%;height:auto}.text-direction-vertical.svelte-akic2e.svelte-akic2e{writing-mode:vertical-rl}.text-direction-vertical.svelte-akic2e .text-block-inner.svelte-akic2e{width:auto;height:100%}");
 }
 
 function create_fragment$Z(ctx) {
@@ -11310,8 +11003,8 @@ function create_fragment$Z(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			create_component(rendertext.$$.fragment);
-			attr(div0, "class", "text-block-inner svelte-15pej1m");
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
+			attr(div0, "class", "text-block-inner svelte-akic2e");
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"));
 			attr(div1, "style", /*style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -11325,7 +11018,7 @@ function create_fragment$Z(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
+			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-akic2e"))) {
 				attr(div1, "class", div1_class_value);
 			}
 
@@ -11403,7 +11096,7 @@ class TextBlock extends SvelteComponent {
 /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css$p(target) {
-	append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
+	append_styles(target, "svelte-1c34p4n", ".text-button-block.svelte-1c34p4n{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-1c34p4n{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-1c34p4n:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1c34p4n:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
 function create_fragment$Y(ctx) {
@@ -11420,9 +11113,9 @@ function create_fragment$Y(ctx) {
 			div = element("div");
 			button = element("button");
 			create_component(rendertext.$$.fragment);
-			attr(button, "class", "text-button svelte-ff0k6r");
+			attr(button, "class", "text-button svelte-1c34p4n");
 			attr(button, "style", /*_buttonStyle*/ ctx[1]);
-			attr(div, "class", "text-button-block svelte-ff0k6r");
+			attr(div, "class", "text-button-block svelte-1c34p4n");
 			attr(div, "style", /*_style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -11528,7 +11221,7 @@ class TextButtonBlock extends SvelteComponent {
 /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css$o(target) {
-	append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
+	append_styles(target, "svelte-1jus6sx", ".image-block.svelte-1jus6sx{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1jus6sx{width:100%;height:100%}.transport.svelte-1jus6sx:hover,.transport.svelte-1jus6sx:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
 }
 
 function create_fragment$X(ctx) {
@@ -11544,14 +11237,14 @@ function create_fragment$X(ctx) {
 		c() {
 			div = element("div");
 			img = element("img");
-			attr(img, "class", "image svelte-1pdw891");
+			attr(img, "class", "image svelte-1jus6sx");
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
 			attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
 			if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
 			attr(img, "alt", /*alt*/ ctx[1]);
-			attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
+			attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"));
 			attr(div, "style", /*_style*/ ctx[5]);
 		},
 		m(target, anchor) {
@@ -11576,7 +11269,7 @@ function create_fragment$X(ctx) {
 				attr(img, "alt", /*alt*/ ctx[1]);
 			}
 
-			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
+			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1jus6sx"))) {
 				attr(div, "class", div_class_value);
 			}
 
@@ -12028,7 +11721,7 @@ const AVATAR_SIZE_STYLES = {
 /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
 
 function add_css$n(target) {
-	append_styles(target, "svelte-1krsdyx", ".avatar.svelte-1krsdyx{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
+	append_styles(target, "svelte-apww0t", ".avatar.svelte-apww0t{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
 }
 
 // (42:0) <svelte:element   {...attributes}   this={element}   class="avatar"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
@@ -12058,7 +11751,7 @@ function create_dynamic_element$b(ctx) {
 			svelte_element = element(/*element*/ ctx[5]);
 			img = element("img");
 			if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
-			attr(img, "class", "avatar-image svelte-1krsdyx");
+			attr(img, "class", "avatar-image svelte-apww0t");
 			attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
 			attr(img, "style", /*imgStyle*/ ctx[2]);
 
@@ -12068,7 +11761,7 @@ function create_dynamic_element$b(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1krsdyx", true);
+			toggle_class(svelte_element, "svelte-apww0t", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -12105,7 +11798,7 @@ function create_dynamic_element$b(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1krsdyx", true);
+			toggle_class(svelte_element, "svelte-apww0t", true);
 		},
 		d(detaching) {
 			if (detaching) detach(svelte_element);
@@ -13910,7 +13603,7 @@ const ICON_VARIANTS = {
 /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
 
 function add_css$m(target) {
-	append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
+	append_styles(target, "svelte-mut6o2", ".icon.svelte-mut6o2{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
 }
 
 // (24:0) <svelte:element   {...attributes}   this={element}   class="icon"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
@@ -13958,7 +13651,7 @@ function create_dynamic_element$a(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-19rssou", true);
+			toggle_class(svelte_element, "svelte-mut6o2", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -14011,7 +13704,7 @@ function create_dynamic_element$a(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-19rssou", true);
+			toggle_class(svelte_element, "svelte-mut6o2", true);
 		},
 		i(local) {
 			if (current) return;
@@ -14309,7 +14002,7 @@ function darkenColor(color, percent) {
 /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
 
 function add_css$l(target) {
-	append_styles(target, "svelte-o2gomt", ".button.svelte-o2gomt{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-o2gomt:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-o2gomt{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
+	append_styles(target, "svelte-brd6e9", ".button.svelte-brd6e9{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-brd6e9:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-brd6e9{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
 }
 
 // (91:2) {#if props.isIcon && props.iconVariant}
@@ -14333,7 +14026,7 @@ function create_if_block$9(ctx) {
 		c() {
 			div = element("div");
 			create_component(icon.$$.fragment);
-			attr(div, "class", "button-icon svelte-o2gomt");
+			attr(div, "class", "button-icon svelte-brd6e9");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -14409,7 +14102,7 @@ function create_dynamic_element$9(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-o2gomt", true);
+			toggle_class(svelte_element, "svelte-brd6e9", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -14464,7 +14157,7 @@ function create_dynamic_element$9(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-o2gomt", true);
+			toggle_class(svelte_element, "svelte-brd6e9", true);
 		},
 		i(local) {
 			if (current) return;
@@ -14739,7 +14432,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
 /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
 
 function add_css$k(target) {
-	append_styles(target, "svelte-38fju1", ".button-outlined.svelte-38fju1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-38fju1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-38fju1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
+	append_styles(target, "svelte-ypshn1", ".button-outlined.svelte-ypshn1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-ypshn1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-ypshn1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
 }
 
 // (53:2) {#if props.isIcon && props.iconVariant}
@@ -14763,7 +14456,7 @@ function create_if_block$8(ctx) {
 		c() {
 			div = element("div");
 			create_component(icon.$$.fragment);
-			attr(div, "class", "button-outlined-icon svelte-38fju1");
+			attr(div, "class", "button-outlined-icon svelte-ypshn1");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -14830,7 +14523,7 @@ function create_dynamic_element$8(ctx) {
 			t0 = space();
 			span = element("span");
 			t1 = text(t1_value);
-			attr(span, "class", "button-outlined-label svelte-38fju1");
+			attr(span, "class", "button-outlined-label svelte-ypshn1");
 
 			if ((/-/).test(/*element*/ ctx[4])) {
 				set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -14838,7 +14531,7 @@ function create_dynamic_element$8(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-38fju1", true);
+			toggle_class(svelte_element, "svelte-ypshn1", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -14892,7 +14585,7 @@ function create_dynamic_element$8(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-38fju1", true);
+			toggle_class(svelte_element, "svelte-ypshn1", true);
 		},
 		i(local) {
 			if (current) return;
@@ -15084,7 +14777,7 @@ const getButtonTextThemeStyles = getPropStyles(callback$2);
 /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
 
 function add_css$j(target) {
-	append_styles(target, "svelte-1xgvp8r", ".button-text.svelte-1xgvp8r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-1xgvp8r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-1xgvp8r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
+	append_styles(target, "svelte-lted9r", ".button-text.svelte-lted9r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-lted9r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-lted9r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
 }
 
 // (49:2) {#if props.isIcon && props.iconVariant}
@@ -15108,7 +14801,7 @@ function create_if_block$7(ctx) {
 		c() {
 			div = element("div");
 			create_component(icon.$$.fragment);
-			attr(div, "class", "button-text-icon svelte-1xgvp8r");
+			attr(div, "class", "button-text-icon svelte-lted9r");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -15175,7 +14868,7 @@ function create_dynamic_element$7(ctx) {
 			t0 = space();
 			span = element("span");
 			t1 = text(t1_value);
-			attr(span, "class", "button-text-label svelte-1xgvp8r");
+			attr(span, "class", "button-text-label svelte-lted9r");
 
 			if ((/-/).test(/*element*/ ctx[4])) {
 				set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15183,7 +14876,7 @@ function create_dynamic_element$7(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1xgvp8r", true);
+			toggle_class(svelte_element, "svelte-lted9r", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -15237,7 +14930,7 @@ function create_dynamic_element$7(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1xgvp8r", true);
+			toggle_class(svelte_element, "svelte-lted9r", true);
 		},
 		i(local) {
 			if (current) return;
@@ -15385,7 +15078,7 @@ const BUTTON_TEXT_THEME = {
 /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
 
 function add_css$i(target) {
-	append_styles(target, "svelte-3mvsv6", ".close-button.svelte-3mvsv6.svelte-3mvsv6{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3mvsv6 svg.svelte-3mvsv6{transition:transform 0.12s}.close-button.svelte-3mvsv6:hover svg.svelte-3mvsv6{transform:rotate(90deg)}.close-button-order-one.svelte-3mvsv6.svelte-3mvsv6{order:1}.close-button-order-two.svelte-3mvsv6.svelte-3mvsv6{order:2}");
+	append_styles(target, "svelte-3133h2", ".close-button.svelte-3133h2.svelte-3133h2{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3133h2 svg.svelte-3133h2{transition:transform 0.12s}.close-button.svelte-3133h2:hover svg.svelte-3133h2{transform:rotate(90deg)}.close-button-order-one.svelte-3133h2.svelte-3133h2{order:1}.close-button-order-two.svelte-3133h2.svelte-3133h2{order:2}");
 }
 
 // (90:2) {#if hasLabel}
@@ -15401,7 +15094,7 @@ function create_if_block$6(ctx) {
 
 			attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
 			? 'close-button-order-one'
-			: '') + " svelte-3mvsv6");
+			: '') + " svelte-3133h2");
 		},
 		m(target, anchor) {
 			insert(target, span, anchor);
@@ -15461,7 +15154,7 @@ function create_dynamic_element$6(ctx) {
 			set_style(svg, "width", "100%");
 			set_style(svg, "height", "100%");
 			attr(svg, "fill", /*color*/ ctx[8]);
-			attr(svg, "class", "svelte-3mvsv6");
+			attr(svg, "class", "svelte-3133h2");
 			attr(span, "style", /*iconStyle*/ ctx[1]);
 
 			if ((/-/).test(/*element*/ ctx[6])) {
@@ -15470,7 +15163,7 @@ function create_dynamic_element$6(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-3mvsv6", true);
+			toggle_class(svelte_element, "svelte-3133h2", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -15516,7 +15209,7 @@ function create_dynamic_element$6(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-3mvsv6", true);
+			toggle_class(svelte_element, "svelte-3133h2", true);
 		},
 		d(detaching) {
 			if (detaching) detach(svelte_element);
@@ -15753,7 +15446,7 @@ const IMAGE_ROUND_STYLES = {
 /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
 
 function add_css$h(target) {
-	append_styles(target, "svelte-rewdem", ".image.svelte-rewdem{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-img.svelte-rewdem{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
+	append_styles(target, "svelte-1xwoqy", ".image.svelte-1xwoqy{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-img.svelte-1xwoqy{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
 }
 
 // (26:0) <svelte:element   this={element}   {...attributes}   class="image"   {style}   data-layer-id={layerId}   on:click={handleClick} >
@@ -15784,7 +15477,7 @@ function create_dynamic_element$5(ctx) {
 			img = element("img");
 			if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
 			attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
-			attr(img, "class", "image-img svelte-rewdem");
+			attr(img, "class", "image-img svelte-1xwoqy");
 
 			if ((/-/).test(/*element*/ ctx[4])) {
 				set_custom_element_data_map(svelte_element, svelte_element_data);
@@ -15792,7 +15485,7 @@ function create_dynamic_element$5(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-rewdem", true);
+			toggle_class(svelte_element, "svelte-1xwoqy", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -15825,7 +15518,7 @@ function create_dynamic_element$5(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-rewdem", true);
+			toggle_class(svelte_element, "svelte-1xwoqy", true);
 		},
 		d(detaching) {
 			if (detaching) detach(svelte_element);
@@ -15940,7 +15633,7 @@ const IMAGE_ASPECT_VARIANTS = {
 /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
 
 function add_css$g(target) {
-	append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
+	append_styles(target, "svelte-1tjo4al", ".layout.svelte-1tjo4al{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-1tjo4al{cursor:pointer}.layout[data-clickable=true].svelte-1tjo4al:hover{opacity:0.8}");
 }
 
 // (28:0) <svelte:element   {...attributes}   this="div"   class="layout"   style={style}   data-layer-id={layerId}   on:click={handleClick} >
@@ -15976,7 +15669,7 @@ function create_dynamic_element$4(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-139vx15", true);
+			toggle_class(svelte_element, "svelte-1tjo4al", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -16021,7 +15714,7 @@ function create_dynamic_element$4(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-139vx15", true);
+			toggle_class(svelte_element, "svelte-1tjo4al", true);
 		},
 		i(local) {
 			if (current) return;
@@ -16145,7 +15838,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
 /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
 
 function add_css$f(target) {
-	append_styles(target, "svelte-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
+	append_styles(target, "svelte-1k4xkut", ".slider-list.svelte-1k4xkut{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
 }
 
 function get_each_context$1(ctx, list, i) {
@@ -16247,12 +15940,12 @@ function create_fragment$j(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(ul, "class", "slider-list svelte-1slel1d");
+			attr(ul, "class", "slider-list svelte-1k4xkut");
 			attr(ul, "style", ul_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
 			attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
 			attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
 			attr(div1, "style", /*style*/ ctx[6]);
-			attr(div1, "class", "slider svelte-1slel1d");
+			attr(div1, "class", "slider svelte-1k4xkut");
 		},
 		m(target, anchor) {
 			insert(target, div1, anchor);
@@ -16601,7 +16294,7 @@ class Slider extends SvelteComponent {
 /* src/components-flex/slider/SliderItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$e(target) {
-	append_styles(target, "svelte-1amglxo", ".slider-item.svelte-1amglxo{overflow:hidden}.slider-item-inner.svelte-1amglxo{text-decoration:none;background:none;border:0;margin:0;padding:0;color:inherit;-webkit-user-drag:none;user-select:none}");
+	append_styles(target, "svelte-j5pon4", ".slider-item.svelte-j5pon4{overflow:hidden}.slider-item-inner.svelte-j5pon4{text-decoration:none;background:none;border:0;margin:0;padding:0;color:inherit;-webkit-user-drag:none;user-select:none}");
 }
 
 // (10:2) <svelte:element     {...attributes}     this={element}     class="slider-item-inner"     on:click={handleClick}   >
@@ -16630,7 +16323,7 @@ function create_dynamic_element$3(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1amglxo", true);
+			toggle_class(svelte_element, "svelte-j5pon4", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -16670,7 +16363,7 @@ function create_dynamic_element$3(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1amglxo", true);
+			toggle_class(svelte_element, "svelte-j5pon4", true);
 		},
 		i(local) {
 			if (current) return;
@@ -16701,7 +16394,7 @@ function create_fragment$i(ctx) {
 			li = element("li");
 			if (svelte_element) svelte_element.c();
 			attr(li, "data-layer-id", /*layerId*/ ctx[0]);
-			attr(li, "class", "slider-item svelte-1amglxo");
+			attr(li, "class", "slider-item svelte-j5pon4");
 		},
 		m(target, anchor) {
 			insert(target, li, anchor);
@@ -16858,7 +16551,7 @@ const TEXT_VARIANTS = {
 /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
 
 function add_css$d(target) {
-	append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
+	append_styles(target, "svelte-14kt34i", ".text.svelte-14kt34i{margin:0;word-break:break-all;text-decoration:none}");
 }
 
 function create_fragment$h(ctx) {
@@ -16867,7 +16560,7 @@ function create_fragment$h(ctx) {
 	return {
 		c() {
 			p = element("p");
-			attr(p, "class", "text svelte-vifn7y");
+			attr(p, "class", "text svelte-14kt34i");
 			attr(p, "data-layer-id", /*layerId*/ ctx[0]);
 			attr(p, "style", /*style*/ ctx[1]);
 		},
@@ -16985,7 +16678,7 @@ class Text extends SvelteComponent {
 /* src/components-flex/rich-text/RichText.svelte generated by Svelte v3.53.1 */
 
 function add_css$c(target) {
-	append_styles(target, "svelte-dxr423", ".rich-text.svelte-dxr423 p{margin:0;word-break:break-all;text-decoration:none}.rich-text.svelte-dxr423 p + p{margin-top:0.75em}");
+	append_styles(target, "svelte-mq7h73", ".rich-text.svelte-mq7h73 p{margin:0;word-break:break-all;text-decoration:none}.rich-text.svelte-mq7h73 p + p{margin-top:0.75em}");
 }
 
 function create_fragment$g(ctx) {
@@ -16995,7 +16688,7 @@ function create_fragment$g(ctx) {
 	return {
 		c() {
 			div = element("div");
-			attr(div, "class", "rich-text svelte-dxr423");
+			attr(div, "class", "rich-text svelte-mq7h73");
 			attr(div, "style", /*style*/ ctx[2]);
 			attr(div, "data-layer-id", /*layerId*/ ctx[1]);
 		},
@@ -17168,7 +16861,7 @@ const getTextLinkThemeStyles = getPropStyles(callback);
 /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
 
 function add_css$b(target) {
-	append_styles(target, "svelte-dc9m5n", ".link.svelte-dc9m5n{-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex}.link.svelte-dc9m5n,.link.svelte-dc9m5n:visited,.link.svelte-dc9m5n:link{color:var(--color)}.link.svelte-dc9m5n:hover{color:var(--hover-color)}.link.svelte-dc9m5n:active{color:var(--active-color)}.link.underline-hover-on.svelte-dc9m5n{text-decoration:none}.link.underline-hover-on.svelte-dc9m5n:hover{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n:hover{text-decoration:none}.link.underline-on.svelte-dc9m5n{text-decoration:underline}.link.underline-off.svelte-dc9m5n{text-decoration:none}");
+	append_styles(target, "svelte-1qyhpm7", ".link.svelte-1qyhpm7{-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex}.link.svelte-1qyhpm7,.link.svelte-1qyhpm7:visited,.link.svelte-1qyhpm7:link{color:var(--color)}.link.svelte-1qyhpm7:hover{color:var(--hover-color)}.link.svelte-1qyhpm7:active{color:var(--active-color)}.link.underline-hover-on.svelte-1qyhpm7{text-decoration:none}.link.underline-hover-on.svelte-1qyhpm7:hover{text-decoration:underline}.link.underline-hover-off.svelte-1qyhpm7{text-decoration:underline}.link.underline-hover-off.svelte-1qyhpm7:hover{text-decoration:none}.link.underline-on.svelte-1qyhpm7{text-decoration:underline}.link.underline-off.svelte-1qyhpm7{text-decoration:none}");
 }
 
 // (81:2) {#if props.isIcon && props.iconVariant}
@@ -17261,7 +16954,7 @@ function create_dynamic_element$2(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-dc9m5n", true);
+			toggle_class(svelte_element, "svelte-1qyhpm7", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -17314,7 +17007,7 @@ function create_dynamic_element$2(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-dc9m5n", true);
+			toggle_class(svelte_element, "svelte-1qyhpm7", true);
 		},
 		i(local) {
 			if (current) return;
@@ -17497,7 +17190,7 @@ const TEXT_LINK_UNDERLINE = {
 /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
 
 function add_css$a(target) {
-	append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
+	append_styles(target, "svelte-ed4ktn", ".v2-background.svelte-ed4ktn{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
 }
 
 // (14:0) {#if backgroundOverlay}
@@ -17510,7 +17203,7 @@ function create_if_block$4(ctx) {
 	return {
 		c() {
 			div = element("div");
-			attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
+			attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -17521,7 +17214,7 @@ function create_if_block$4(ctx) {
 			}
 		},
 		p(ctx, dirty) {
-			if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
+			if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
 				attr(div, "class", div_class_value);
 			}
 		},
@@ -17593,7 +17286,7 @@ class BackgroundOverlay extends SvelteComponent {
 /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
 
 function add_css$9(target) {
-	append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
+	append_styles(target, "svelte-15b58xm", "*{box-sizing:border-box}.modal.svelte-15b58xm{position:fixed;z-index:2147483647;display:flex}.modal.svelte-15b58xm > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-15b58xm{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-15b58xm{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
 }
 
 // (219:0) {:else}
@@ -17734,7 +17427,7 @@ function create_if_block$3(ctx) {
 		c() {
 			div = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
+			attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"));
 			attr(div, "role", "dialog");
 			attr(div, "aria-modal", "true");
 			attr(div, "data-layer-id", /*layerId*/ ctx[2]);
@@ -17768,7 +17461,7 @@ function create_if_block$3(ctx) {
 				}
 			}
 
-			if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
+			if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-15b58xm"))) {
 				attr(div, "class", div_class_value);
 			}
 
@@ -18226,7 +17919,7 @@ class Modal extends SvelteComponent {
 /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
 
 function add_css$8(target) {
-	append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
+	append_styles(target, "svelte-jviwnb", ".code.svelte-jviwnb{flex-grow:1;flex-shrink:0;align-self:stretch}");
 }
 
 function create_fragment$c(ctx) {
@@ -18236,7 +17929,7 @@ function create_fragment$c(ctx) {
 	return {
 		c() {
 			div = element("div");
-			attr(div, "class", "code svelte-igivoz");
+			attr(div, "class", "code svelte-jviwnb");
 			attr(div, "data-layer-id", /*layerId*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -18318,7 +18011,7 @@ const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
 /* src/components-flex/list/List.svelte generated by Svelte v3.53.1 */
 
 function add_css$7(target) {
-	append_styles(target, "svelte-v2vy6p", ".list.svelte-v2vy6p{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width:0;--border-style:solit;--border-color:rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color)}");
+	append_styles(target, "svelte-5g0mcl", ".list.svelte-5g0mcl{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width:0;--border-style:solit;--border-color:rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color)}");
 }
 
 function create_fragment$b(ctx) {
@@ -18332,7 +18025,7 @@ function create_fragment$b(ctx) {
 			ul = element("ul");
 			if (default_slot) default_slot.c();
 			attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
-			attr(ul, "class", "list svelte-v2vy6p");
+			attr(ul, "class", "list svelte-5g0mcl");
 			attr(ul, "style", /*style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -18455,7 +18148,7 @@ class List extends SvelteComponent {
 /* src/components-flex/list/ListItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$6(target) {
-	append_styles(target, "svelte-1223veg", ".list-item.svelte-1223veg{margin:0;padding:0}.list-item-inner.svelte-1223veg{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}.list-item-inner.svelte-1223veg:hover{opacity:0.8}.list-item.svelte-1223veg:not(:first-child){border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color)}");
+	append_styles(target, "svelte-1e6dn58", ".list-item.svelte-1e6dn58{margin:0;padding:0}.list-item-inner.svelte-1e6dn58{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}.list-item-inner.svelte-1e6dn58:hover{opacity:0.8}.list-item.svelte-1e6dn58:not(:first-child){border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color)}");
 }
 
 // (30:2) <svelte:element     {...attributes}     this={element}     class="list-item-inner"     style={innerStyle}     on:click={handleClick}   >
@@ -18490,7 +18183,7 @@ function create_dynamic_element$1(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1223veg", true);
+			toggle_class(svelte_element, "svelte-1e6dn58", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -18534,7 +18227,7 @@ function create_dynamic_element$1(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1223veg", true);
+			toggle_class(svelte_element, "svelte-1e6dn58", true);
 		},
 		i(local) {
 			if (current) return;
@@ -18564,7 +18257,7 @@ function create_fragment$a(ctx) {
 		c() {
 			li = element("li");
 			if (svelte_element) svelte_element.c();
-			attr(li, "class", "list-item svelte-1223veg");
+			attr(li, "class", "list-item svelte-1e6dn58");
 			attr(li, "data-layer-id", /*layerId*/ ctx[0]);
 			attr(li, "style", /*style*/ ctx[2]);
 		},
@@ -18710,7 +18403,7 @@ function splitNumberAndUnit(value) {
 /* src/components-flex/multi-column/MultiColumn.svelte generated by Svelte v3.53.1 */
 
 function add_css$5(target) {
-	append_styles(target, "svelte-aoppwp", ".list.svelte-aoppwp{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
+	append_styles(target, "svelte-1csavnh", ".list.svelte-1csavnh{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
 }
 
 function create_fragment$9(ctx) {
@@ -18724,7 +18417,7 @@ function create_fragment$9(ctx) {
 			ul = element("ul");
 			if (default_slot) default_slot.c();
 			attr(ul, "data-layer-id", /*layerId*/ ctx[0]);
-			attr(ul, "class", "list svelte-aoppwp");
+			attr(ul, "class", "list svelte-1csavnh");
 			attr(ul, "style", /*style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -18836,7 +18529,7 @@ class MultiColumn extends SvelteComponent {
 /* src/components-flex/multi-column/MultiColumnItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$4(target) {
-	append_styles(target, "svelte-1blzs1a", ".multi-column-item.svelte-1blzs1a{margin:0;width:100%;padding-top:0;padding-bottom:0;padding-left:var(--multi-column-item-padding);padding-right:var(--multi-column-item-padding)}.multi-column-item-inner.svelte-1blzs1a{display:flex;flex-direction:column;align-items:center;gap:var(--multi-column-item-gap);width:100%;text-decoration:none;color:inherit;padding-top:var(--multi-column-item-padding-top);padding-left:var(--multi-column-item-padding-left);padding-right:var(--multi-column-item-padding-right);padding-bottom:var(--multi-column-item-padding-bottom)}.multi-column-item-inner.svelte-1blzs1a:hover{opacity:0.8}.multi-column-item.svelte-1blzs1a:not(:first-child){border-left-width:var(--multi-column-item-border-width);border-left-style:var(--multi-column-item-border-style);border-left-color:var(--multi-column-item-border-color)}");
+	append_styles(target, "svelte-1mk0qj6", ".multi-column-item.svelte-1mk0qj6{margin:0;width:100%;padding-top:0;padding-bottom:0;padding-left:var(--multi-column-item-padding);padding-right:var(--multi-column-item-padding)}.multi-column-item-inner.svelte-1mk0qj6{display:flex;flex-direction:column;align-items:center;gap:var(--multi-column-item-gap);width:100%;text-decoration:none;color:inherit;padding-top:var(--multi-column-item-padding-top);padding-left:var(--multi-column-item-padding-left);padding-right:var(--multi-column-item-padding-right);padding-bottom:var(--multi-column-item-padding-bottom)}.multi-column-item-inner.svelte-1mk0qj6:hover{opacity:0.8}.multi-column-item.svelte-1mk0qj6:not(:first-child){border-left-width:var(--multi-column-item-border-width);border-left-style:var(--multi-column-item-border-style);border-left-color:var(--multi-column-item-border-color)}");
 }
 
 // (28:2) <svelte:element     {...attributes}     this={element}     class="multi-column-item-inner"     on:click={handleClick}   >
@@ -18865,7 +18558,7 @@ function create_dynamic_element(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1blzs1a", true);
+			toggle_class(svelte_element, "svelte-1mk0qj6", true);
 		},
 		m(target, anchor) {
 			insert(target, svelte_element, anchor);
@@ -18905,7 +18598,7 @@ function create_dynamic_element(ctx) {
 				set_attributes(svelte_element, svelte_element_data);
 			}
 
-			toggle_class(svelte_element, "svelte-1blzs1a", true);
+			toggle_class(svelte_element, "svelte-1mk0qj6", true);
 		},
 		i(local) {
 			if (current) return;
@@ -18935,7 +18628,7 @@ function create_fragment$8(ctx) {
 		c() {
 			li = element("li");
 			if (svelte_element) svelte_element.c();
-			attr(li, "class", "multi-column-item svelte-1blzs1a");
+			attr(li, "class", "multi-column-item svelte-1mk0qj6");
 			attr(li, "data-layer-id", /*layerId*/ ctx[0]);
 			attr(li, "style", /*style*/ ctx[1]);
 		},
@@ -19050,7 +18743,7 @@ class MultiColumnItem extends SvelteComponent {
 /* src/components-flex/youtube/Youtube.svelte generated by Svelte v3.53.1 */
 
 function add_css$3(target) {
-	append_styles(target, "svelte-odfkc2", ".youtube.svelte-odfkc2{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:3px}.youtube.svelte-odfkc2 iframe{position:absolute;width:100%;height:100%;object-fit:cover}");
+	append_styles(target, "svelte-1bgnrue", ".youtube.svelte-1bgnrue{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:3px}.youtube.svelte-1bgnrue iframe{position:absolute;width:100%;height:100%;object-fit:cover}");
 }
 
 function create_fragment$7(ctx) {
@@ -19062,7 +18755,7 @@ function create_fragment$7(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			attr(div0, "class", "youtube-player");
-			attr(div1, "class", "youtube svelte-odfkc2");
+			attr(div1, "class", "youtube svelte-1bgnrue");
 			attr(div1, "style", /*style*/ ctx[2]);
 			attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
 		},
@@ -19209,7 +18902,7 @@ class Youtube extends SvelteComponent {
 /* src/components-flex/count-down/CountDown.svelte generated by Svelte v3.53.1 */
 
 function add_css$2(target) {
-	append_styles(target, "svelte-1n395il", ".countdown.svelte-1n395il{display:flex;align-items:center;gap:4px}");
+	append_styles(target, "svelte-1eft5i1", ".countdown.svelte-1eft5i1{display:flex;align-items:center;gap:4px}");
 }
 
 const get_default_slot_changes = dirty => ({
@@ -19236,7 +18929,7 @@ function create_fragment$6(ctx) {
 		c() {
 			div = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", "countdown svelte-1n395il");
+			attr(div, "class", "countdown svelte-1eft5i1");
 			attr(div, "data-layer-id", /*layerId*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -19531,7 +19224,7 @@ class CountDownValue extends SvelteComponent {
 /* src/components-flex/clip-copy/ClipCopy.svelte generated by Svelte v3.53.1 */
 
 function add_css$1(target) {
-	append_styles(target, "svelte-30zd8m", ".clipboard.svelte-30zd8m{position:relative;display:inline-flex}.clipboard-button.svelte-30zd8m{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-30zd8m:hover{opacity:0.8}.clipboard-button.svelte-30zd8m:active{opacity:0.6}.clipboard-tooltip.svelte-30zd8m{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-30zd8m:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden=\"true\"].svelte-30zd8m{opacity:0;transform:translate(-50%, -80%)}");
+	append_styles(target, "svelte-1z01gne", ".clipboard.svelte-1z01gne{position:relative;display:inline-flex}.clipboard-button.svelte-1z01gne{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-1z01gne:hover{opacity:0.8}.clipboard-button.svelte-1z01gne:active{opacity:0.6}.clipboard-tooltip.svelte-1z01gne{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-1z01gne:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden=\"true\"].svelte-1z01gne{opacity:0;transform:translate(-50%, -80%)}");
 }
 
 function create_fragment$4(ctx) {
@@ -19555,10 +19248,10 @@ function create_fragment$4(ctx) {
 			t0 = space();
 			span = element("span");
 			t1 = text("コピーしました");
-			attr(button, "class", "clipboard-button svelte-30zd8m");
+			attr(button, "class", "clipboard-button svelte-1z01gne");
 			attr(span, "aria-hidden", span_aria_hidden_value = !/*showTooltip*/ ctx[2]);
-			attr(span, "class", "clipboard-tooltip svelte-30zd8m");
-			attr(div, "class", "clipboard svelte-30zd8m");
+			attr(span, "class", "clipboard-tooltip svelte-1z01gne");
+			attr(div, "class", "clipboard svelte-1z01gne");
 			attr(div, "data-layer-id", /*layerId*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -19683,6 +19376,312 @@ class ClipCopy extends SvelteComponent {
 	}
 }
 
+/**
+ * モーダル(ポップアップ)に関連するコードの管理
+ *
+ * アクションのShow, Close, ChangeStateの状態はここで管理する。
+ */
+/**
+ * アクションが表示 (show) された後にフックする関数
+ *
+ * @param fn - 呼び出されるフック関数
+ *
+ * @public
+ */
+function onShow(fn) {
+    let { onShowHandlers } = getInternalHandlers();
+    if (!onShowHandlers) {
+        onShowHandlers = [];
+    }
+    onShowHandlers.push(fn);
+    setInternalHandlers({ onShowHandlers });
+}
+/**
+ * アクションがクローズ (close) される前にフックする関数
+ *
+ * @param fn - 呼び出されるフック関数
+ *
+ * @public
+ */
+function onClose(fn) {
+    let { onCloseHandlers } = getInternalHandlers();
+    if (!onCloseHandlers) {
+        onCloseHandlers = [];
+    }
+    onCloseHandlers.push(fn);
+    setInternalHandlers({ onCloseHandlers });
+}
+/**
+ * アクションのステートが変更された (changeState) 後にフックする関数
+ *
+ * @param fn - 呼び出されるフック関数
+ *
+ * @public
+ */
+function onChangeState(fn) {
+    let { onChangeStateHandlers } = getInternalHandlers();
+    if (!onChangeStateHandlers) {
+        onChangeStateHandlers = [];
+    }
+    onChangeStateHandlers.push(fn);
+    setInternalHandlers({ onChangeStateHandlers });
+}
+/**
+ * アクションを表示する
+ *
+ * @public
+ */
+function showAction() {
+    const event = new CustomEvent(ACTION_SHOW_EVENT, { detail: { trigger: 'custom' } });
+    window.dispatchEvent(event);
+}
+/**
+ * アクションを閉じる
+ *
+ * @param trigger - 閉じた時のトリガー。デフォルト `'none'`
+ *
+ * @public
+ */
+function closeAction(trigger = 'none') {
+    const event = new CustomEvent(ACTION_CLOSE_EVENT, { detail: { trigger } });
+    window.dispatchEvent(event);
+}
+/**
+ * アクションに CSS を適用する
+ *
+ * @param css - 適用する CSS
+ *
+ * @returns 適用された style 要素を返す Promise
+ *
+ * @public
+ */
+async function applyCss(css) {
+    return new Promise((resolve, reject) => {
+        const style = document.createElement('style');
+        style.textContent = css;
+        const shadowRoot = getActionRoot();
+        if (!shadowRoot)
+            return;
+        shadowRoot.append(style);
+        style.addEventListener('load', () => resolve(style));
+        style.addEventListener('error', () => reject(style));
+    });
+}
+async function fixFontFaceIssue(href, cssRules) {
+    const css = new CSSStyleSheet();
+    // @ts-ignore
+    await css.replace(cssRules);
+    const rules = [];
+    const fixedRules = [];
+    Array.from(css.cssRules).forEach(cssRule => {
+        if (cssRule.type !== 5) {
+            rules.push(cssRule.cssText);
+        }
+        // type 5 is @font-face
+        const split = href.split('/');
+        const stylePath = split.slice(0, split.length - 1).join('/');
+        const cssText = cssRule.cssText;
+        const newCssText = cssText.replace(
+        // relative paths
+        /url\s*\(\s*['"]?(?!((\/)|((?:https?:)?\/\/)|(?:data:?:)))([^'")]+)['"]?\s*\)/g, `url("${stylePath}/$4")`);
+        if (cssText === newCssText)
+            return;
+        fixedRules.push(newCssText);
+    });
+    return [rules.join('\n'), fixedRules.join('\n')];
+}
+/**
+ * アクションにグローバルなスタイルを読み込む
+ *
+ * @param href - style ファイルのリンク URL
+ *
+ * @public
+ */
+async function loadStyle(href) {
+    const sr = getActionRoot();
+    if (!sr)
+        return;
+    let cssRules = '';
+    try {
+        const res = await fetch(href);
+        cssRules = await res.text();
+    }
+    catch (_) {
+        // pass
+    }
+    if (!cssRules)
+        return;
+    // Chromeのバグで、Shadow Rootの@font-faceを絶対パスで指定する必要がある
+    // @see https://stackoverflow.com/a/63717709
+    const [rules, fontFaceRules] = await fixFontFaceIssue(href, cssRules);
+    const css = new CSSStyleSheet();
+    // @ts-ignore
+    await css.replace(rules);
+    const fontFaceCss = new CSSStyleSheet();
+    // @ts-ignore
+    await fontFaceCss.replace(fontFaceRules);
+    // @ts-ignore
+    sr.adoptedStyleSheets = [...sr.adoptedStyleSheets, css, fontFaceCss];
+    // Chromeのバグで、ページとShadow Rootの両方に、@font-faceを設定する必要がある
+    // @see https://stackoverflow.com/a/63717709
+    // @ts-ignore
+    document.adoptedStyleSheets = [...document.adoptedStyleSheets, css, fontFaceCss];
+}
+// @internal
+function getCssVariables(data) {
+    return Object.entries(data)
+        .filter(([key, value]) => {
+        return ['string', 'number'].includes(typeof value) && key.startsWith('--');
+    })
+        .map(([key, value]) => `${key}:${value}`)
+        .join(';');
+}
+/**
+ * アクションのルートの DOM 要素を取得する
+ *
+ * @returns アクションがルートの DOM 要素 を持つ場合は DOM 要素を返します。ない場合は `null` を返します
+ *
+ * @public
+ */
+function getActionRoot() {
+    const root = document.querySelector(`.${KARTE_ACTION_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
+    if (!root?.shadowRoot) {
+        return null;
+    }
+    return root.shadowRoot;
+}
+/** @internal */
+function ensureActionRoot(useShadow = true) {
+    const systemConfig = getSystem();
+    const rootAttrs = {
+        class: `${KARTE_ACTION_ROOT} ${KARTE_MODAL_ROOT}`,
+        [`data-${KARTE_ACTION_RID}`]: actionId,
+        [`data-${KARTE_ACTION_SHORTEN_ID}`]: systemConfig.shortenId
+            ? systemConfig.shortenId
+            : ALL_ACTION_SHORTEN_ID,
+        style: { display: 'block' },
+    };
+    let el = document.querySelector(`.${KARTE_MODAL_ROOT}[data-${KARTE_ACTION_RID}='${actionId}']`);
+    if (el == null) {
+        el = h('div', rootAttrs);
+        document.body.appendChild(el);
+    }
+    const isShadow = !!document.body.attachShadow && useShadow;
+    if (isShadow) {
+        return el.shadowRoot ?? el.attachShadow({ mode: 'open' });
+    }
+    else {
+        return el;
+    }
+}
+/**
+ * 非推奨
+ *
+ * @deprecated 非推奨
+ *
+ * @internal
+ */
+const show = showAction;
+/**
+ * 非推奨
+ *
+ * @deprecated 非推奨
+ *
+ * @internal
+ */
+const close = closeAction;
+/**
+ * 非推奨
+ *
+ * @deprecated 非推奨
+ *
+ * @internal
+ */
+const ensureModalRoot = ensureActionRoot;
+/**
+ * 非推奨
+ *
+ * @deprecated 非推奨
+ *
+ * @internal
+ */
+function createApp(App, options = {
+    send: () => { },
+    publish: () => { },
+    props: {},
+    variables: {},
+    localVariablesQuery: undefined,
+    context: { api_key: '' },
+}) {
+    let app = null;
+    const close = () => {
+        if (app) {
+            {
+                // @ts-ignore -- Svelte5 では $destroy は存在しない
+                app.$destroy();
+            }
+            app = null;
+        }
+    };
+    const appArgs = {
+        target: null,
+        props: {
+            send: options.send,
+            publish: options.publish,
+            close,
+            data: {
+                ...options.props,
+                ...options.variables,
+            },
+        },
+    };
+    const win = ensureModalRoot(true);
+    appArgs.target = win;
+    return {
+        close,
+        show: () => {
+            if (app) {
+                return;
+            }
+            options.send('message_open');
+            app = // @ts-ignore -- Svelte5 では `App` はクラスではない
+                    new App(appArgs);
+        },
+    };
+}
+/**
+ * 非推奨
+ *
+ * @deprecated 非推奨
+ *
+ * @internal
+ */
+function createFog({ color = '#000', opacity = '50%', zIndex = 999, onclick, }) {
+    const root = ensureModalRoot();
+    if (root.querySelector('.__krt-fog')) {
+        return { fog: null, close: () => { } };
+    }
+    const fog = document.createElement('div');
+    fog.className = '__krt-fog';
+    Object.assign(fog.style, {
+        position: 'fixed',
+        left: 0,
+        top: 0,
+        width: '100%',
+        height: '100%',
+        'z-index': zIndex,
+        'background-color': color,
+        opacity,
+    });
+    const close = () => {
+        onclick();
+        fog.remove();
+    };
+    fog.onclick = close;
+    root.appendChild(fog);
+    return { fog, close };
+}
+
 /* src/components-flex/state/Header.svelte generated by Svelte v3.53.1 */
 
 function create_if_block$2(ctx) {
@@ -19862,7 +19861,7 @@ class State extends SvelteComponent {
 /* src/components-flex/state/StateItem.svelte generated by Svelte v3.53.1 */
 
 function add_css(target) {
-	append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
+	append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
 }
 
 // (22:0) {#if $state === path}
@@ -19879,7 +19878,7 @@ function create_if_block$1(ctx) {
 			t = space();
 			if (default_slot) default_slot.c();
 			attr(div, "data-state-path", /*path*/ ctx[0]);
-			attr(div, "class", "state-item svelte-2qb6dm");
+			attr(div, "class", "state-item svelte-1amihue");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);