gwchq-textjam 0.1.69 → 0.1.71

package/dist/index.js

@@ -102941,6 +102941,8 @@ var RunButton = _ref => {
   var dispatch = (0,external_react_redux_.useDispatch)();
   var onClickRun = () => {
     dispatch((0,EditorSlice.triggerCodeRun)());
+    // reset page when running code to ensure it starts from the beginning
+    dispatch((0,EditorSlice.setPage)(null));
   };
   return /*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], (0,objectSpread2/* default */.A)({
     disabled: !activeRunner || activeRunner !== loadedRunner || codeRunLoading,
@@ -369070,20 +369072,15 @@ const helpers_1 = __webpack_require__(1108);
 const fileParsers_1 = __webpack_require__(26683);
 const Errors_1 = __webpack_require__(20339);
 const NotFoundPage_1 = __webpack_require__(87931);
-// First panel only for now
-const PANEL_INDEX = 0;
 const BROADCAST_CHANNEL = "html_runner_channel";
 var BroadcastMessageType;
 (function (BroadcastMessageType) {
     BroadcastMessageType["RELOAD_PROJECT"] = "RELOAD_PROJECT";
 })(BroadcastMessageType || (BroadcastMessageType = {}));
 function HtmlRunner() {
-    const [fullPreviewUrl, setFullPreviewUrl] = (0, react_1.useState)(null);
     const project = (0, stores_1.useAppSelector)((state) => state.editor.project);
     const projectComponents = project.components ?? [];
     const error = (0, stores_1.useAppSelector)((state) => state.editor.error);
-    const focussedFileIndex = (0, stores_1.useAppSelector)((state) => state.editor.focussedFileIndices)[PANEL_INDEX];
-    const openedFiles = (0, stores_1.useAppSelector)((state) => state.editor.openedFiles)[PANEL_INDEX];
     const codeRunTriggered = (0, stores_1.useAppSelector)((state) => state.editor.codeRunTriggered);
     const codeHasBeenRun = (0, stores_1.useAppSelector)((state) => state.editor.codeHasBeenRun);
     const page = (0, stores_1.useAppSelector)((state) => state.editor.page);
@@ -369102,43 +369099,27 @@ function HtmlRunner() {
             return false;
         return file.extension === ProjectTypes_1.ProjectFileExtension.HTML;
     };
-    const pageExists = (filePath) => {
-        return projectComponents.some((component) => component.type === ProjectTypes_1.ProjectComponentType.FILE &&
-            component.path === filePath);
-    };
-    const entryPoint = (0, helpers_1.getEntryPoint)(projectComponents);
-    let defaultPreviewFilePath = entryPoint?.path ?? null;
-    if (page && isPreviewable(page) && pageExists(page)) {
+    let defaultPreviewFilePath = helpers_1.DEFAULT_ENTRY_FILE_PATH;
+    if (page && isPreviewable(page)) {
         defaultPreviewFilePath = page;
     }
-    else if (openedFiles[focussedFileIndex] &&
-        isPreviewable(openedFiles[focussedFileIndex])) {
-        const id = openedFiles[focussedFileIndex];
-        defaultPreviewFilePath =
-            projectComponents.find((component) => component.type === ProjectTypes_1.ProjectComponentType.FILE && component.id === id)?.path ?? null;
-    }
-    const pageUrl = searchParams.get("page") ?? defaultPreviewFilePath;
-    const [previewFilePath, setPreviewFilePath] = (0, react_1.useState)(pageUrl);
-    const [runningFilePath, setRunningFilePath] = (0, react_1.useState)(previewFilePath);
+    const [runningFilePath, setRunningFilePath] = (0, react_1.useState)(defaultPreviewFilePath);
     const isPreviewMode = location.pathname.includes("/preview");
     (0, react_1.useEffect)(() => {
         if (isPreviewMode) {
             dispatch((0, EditorSlice_1.setIsOutputOnly)(true));
             dispatch((0, EditorSlice_2.triggerCodeRun)());
-            const fullUrl = `${window.location.origin}${location.pathname}${location.search}`;
-            setFullPreviewUrl(fullUrl);
-            if (previewFilePath) {
-                setSearchParams({ page: previewFilePath }, { replace: true });
+            if (page) {
+                setSearchParams({ page }, { replace: true });
             }
         }
-    }, [isPreviewMode, previewFilePath, setSearchParams, fullPreviewUrl]);
+    }, [isPreviewMode, page, setSearchParams]);
     (0, react_1.useEffect)(() => {
         if (isPreviewMode) {
             const handleMessage = (event) => {
-                if (event.data.type === BroadcastMessageType.RELOAD_PROJECT &&
-                    fullPreviewUrl) {
+                if (event.data.type === BroadcastMessageType.RELOAD_PROJECT) {
                     // Trigger a reload of a preview page
-                    window.location.href = fullPreviewUrl;
+                    window.location.reload();
                 }
             };
             broadcastChannel.addEventListener("message", handleMessage);
@@ -369149,7 +369130,7 @@ function HtmlRunner() {
         return () => {
             broadcastChannel.close();
         };
-    }, [isPreviewMode, fullPreviewUrl]);
+    }, [isPreviewMode]);
     const showModal = () => {
         dispatch((0, EditorSlice_2.showErrorModal)());
         eventListener();
@@ -369165,7 +369146,7 @@ function HtmlRunner() {
                     handleAllowedExternalLink(event.data.payload.linkTo);
                 }
                 else {
-                    handleRegularExternalLink(event.data.payload.linkTo, setPreviewFilePath);
+                    handleRegularExternalLink(event.data.payload.linkTo);
                 }
             }
         });
@@ -369204,32 +369185,30 @@ function HtmlRunner() {
                 });
             }
         }
-    }, [codeRunTriggered, previewFilePath, isPreviewMode]);
+    }, [codeRunTriggered, page, isPreviewMode]);
+    const currentPageParam = searchParams.get("page");
     (0, react_1.useEffect)(() => {
-        const openedFileId = openedFiles[focussedFileIndex];
-        if (!externalLink && openedFileId) {
-            const openedFilePath = projectComponents.find((component) => component.type === ProjectTypes_1.ProjectComponentType.FILE &&
-                component.path === openedFileId)?.path;
-            if (openedFilePath && isPreviewable(openedFilePath)) {
-                setPreviewFilePath(openedFilePath);
-            }
+        if (currentPageParam) {
+            dispatch((0, EditorSlice_2.setPage)(currentPageParam));
         }
-    }, [focussedFileIndex, openedFiles]);
-    (0, react_1.useEffect)(() => {
-        dispatch((0, EditorSlice_2.setPage)(runningFilePath));
-    }, [runningFilePath]);
+    }, [currentPageParam, dispatch]);
     const runCode = async () => {
-        setRunningFilePath(previewFilePath);
+        const fileToRun = page ?? defaultPreviewFilePath;
+        setRunningFilePath(fileToRun);
         dispatch((0, EditorSlice_2.setError)(null));
         if (!externalLink) {
-            const entryPoint = (0, helpers_1.getEntryPoint)(projectComponents, previewFilePath);
+            const entryPoint = (0, helpers_1.getEntryPoint)(projectComponents, fileToRun);
             if (!entryPoint) {
-                dispatch((0, EditorSlice_2.setError)({
-                    type: Errors_1.ErrorType.ENTRY_FILE_NOT_FOUND,
-                    details: {
-                        fileName: helpers_1.DEFAULT_ENTRY_FILE_NAME,
-                    },
-                }));
+                dispatch((0, EditorSlice_2.setError)(fileToRun === helpers_1.DEFAULT_ENTRY_FILE_PATH && !isPreviewMode
+                    ? {
+                        type: Errors_1.ErrorType.ENTRY_FILE_NOT_FOUND,
+                        details: {
+                            fileName: helpers_1.DEFAULT_ENTRY_FILE_NAME,
+                        },
+                    }
+                    : {
+                        type: Errors_1.ErrorType.PAGE_NOT_FOUND,
+                    }));
                 dispatch((0, EditorSlice_2.codeRunHandled)());
                 return;
             }
@@ -369282,7 +369261,7 @@ function HtmlRunner() {
       </script>
     `;
             body.insertAdjacentHTML("afterbegin", disableLocalStorageScript);
-            const { blobUrl } = await (0, fileParsers_1.resolveAndRewriteHtmlImports)(indexPage.toString(), projectComponents, entryPoint.path, previewFilePath ?? entryPoint.path);
+            const { blobUrl } = await (0, fileParsers_1.resolveAndRewriteHtmlImports)(indexPage.toString(), projectComponents, entryPoint.path, page ?? entryPoint.path);
             if (output.current) {
                 output.current.src = blobUrl;
             }
@@ -369326,6 +369305,7 @@ const path_1 = __importDefault(__webpack_require__(57975));
 const node_html_parser_1 = __webpack_require__(36192);
 const ProjectTypes_1 = __webpack_require__(27130);
 const binaryStore_1 = __webpack_require__(5060);
+const projectHelpers_1 = __webpack_require__(2610);
 /** Normalizes CSS paths
  * Treats paths without leading / or ./ or ../ as relative to current file
  * E.g. 'image.png' will be treated as './image.png'
@@ -369512,9 +369492,6 @@ const cssRewriteImports = async (cssFile, components, stack) => {
 };
 // --- Generic resolver (handles binary + delegates by extension) ---
 async function resolveFile(file, components, stack) {
-    if (isExternalOrDataUrl(file.content)) {
-        return { blobUrl: file.content, content: file.content };
-    }
     if (file.isBinary) {
         const blob = await binaryStore_1.binaryStore.get(file.id);
         if (!blob) {
@@ -369541,16 +369518,18 @@ async function rewriteSources(indexPage, components, baseFilePath, propName) {
         const raw = node.getAttribute(propName);
         if (!raw || isExternalOrDataUrl(raw))
             continue;
-        const file = findProjectFile(components, normalizeRelativePath(raw), baseFilePath);
-        if (!file)
-            continue;
-        if (file.extension === ProjectTypes_1.ProjectFileExtension.HTML && propName === "href") {
+        if ((0, projectHelpers_1.parseFileName)(raw).extension === ProjectTypes_1.ProjectFileExtension.HTML &&
+            propName === "href") {
+            const normalizedPath = resolveAbsolutePath(normalizeRelativePath(raw), baseFilePath);
             node.setAttribute("href", "javascript:void(0)");
-            const onClick = `window.parent.postMessage({msg: 'RELOAD', payload: { linkTo: '${file.path}' }})`;
+            const onClick = `window.parent.postMessage({msg: 'RELOAD', payload: { linkTo: '${normalizedPath}' }})`;
             node.removeAttribute("target");
             node.setAttribute("onclick", onClick);
             continue;
         }
+        const file = findProjectFile(components, normalizeRelativePath(raw), baseFilePath);
+        if (!file)
+            continue;
         const { blobUrl } = await resolveFile(file, components, [baseFilePath]);
         node.setAttribute(propName, blobUrl);
     }
@@ -369584,15 +369563,13 @@ async function resolveAndRewriteHtmlImports(html, projectComponents, baseFilePat
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.getFilenameFromIFrame = exports.getEntryPoint = exports.DEFAULT_ENTRY_FILE_NAME = void 0;
+exports.getFilenameFromIFrame = exports.getEntryPoint = exports.DEFAULT_ENTRY_FILE_PATH = exports.DEFAULT_ENTRY_FILE_NAME = void 0;
 const ProjectTypes_1 = __webpack_require__(27130);
-const projectHelpers_1 = __webpack_require__(2610);
 exports.DEFAULT_ENTRY_FILE_NAME = "index.html";
+exports.DEFAULT_ENTRY_FILE_PATH = `/${exports.DEFAULT_ENTRY_FILE_NAME}`;
 const getEntryPoint = (components, filePath) => {
     return components.find((c) => c.type === ProjectTypes_1.ProjectComponentType.FILE &&
-        (filePath
-            ? c.path === filePath
-            : (0, projectHelpers_1.getFullComponentName)(c) === exports.DEFAULT_ENTRY_FILE_NAME));
+        c.path === (filePath ?? exports.DEFAULT_ENTRY_FILE_PATH));
 };
 exports.getEntryPoint = getEntryPoint;
 const getFilenameFromIFrame = (iframe) => iframe?.querySelector("meta[filename]")?.getAttribute("filename") ?? null;
@@ -372941,6 +372918,7 @@ exports.ErrorType = void 0;
 var ErrorType;
 (function (ErrorType) {
     ErrorType["ENTRY_FILE_NOT_FOUND"] = "ENTRY_FILE_NOT_FOUND";
+    ErrorType["PAGE_NOT_FOUND"] = "PAGE_NOT_FOUND";
     ErrorType["EXTERNAL_LINK"] = "EXTERNAL_LINK";
     ErrorType["RUNTIME_ERROR"] = "RUNTIME_ERROR";
     ErrorType["OTHER"] = "OTHER";
@@ -373466,9 +373444,9 @@ const useExternalLinkState = (showModal) => {
         setExternalLink(linkTo);
         dispatch((0, EditorSlice_1.triggerCodeRun)());
     };
-    const handleRegularExternalLink = (linkTo, setPreviewFile) => {
+    const handleRegularExternalLink = (linkTo) => {
         setExternalLink(null);
-        setPreviewFile(linkTo);
+        dispatch((0, EditorSlice_1.setPage)(linkTo));
         dispatch((0, EditorSlice_1.triggerCodeRun)());
     };
     const handleExternalLinkError = () => {

package/dist/style.css

@@ -697,7 +697,7 @@
 :root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}.modal-overlay{display:flex;align-items:center;justify-content:center;padding:calc(5rem*var(--scale-factor, 1));z-index:1000;position:fixed;inset:0px}@media screen and (max-width: 480px){.modal-overlay{padding:calc(2rem*var(--scale-factor, 1))}}.modal-content{inline-size:560px;max-block-size:100%;border:0;border-radius:10px;display:flex;flex-direction:column}.modal-content label,.modal-content legend{font-weight:700}.modal-content input[type=text]{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));inline-size:100%;box-sizing:border-box;border:2px solid rgba(0,0,0,0);border-radius:12px;padding:calc(.5rem*var(--scale-factor, 1));display:block}.modal-content:focus-visible{border:3px solid #cd2356;outline:none}.modal-content__header{display:flex;align-items:center;min-block-size:fit-content;padding:calc(1rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1))}.modal-content__header button{margin-inline-start:auto;block-size:fit-content}.modal-content__heading{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1));margin-block:calc(.5rem*var(--scale-factor, 1));margin-inline:calc(.5rem*var(--scale-factor, 1)) 0}.modal-content__body{padding:calc(1.5rem*var(--scale-factor, 1));display:flex;flex-direction:column;row-gap:calc(.5rem*var(--scale-factor, 1));overflow-y:auto}.modal-content__subheading{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));margin:0;font-weight:700}.modal-content__text{margin:0;line-height:1.4}.modal-content__help-text{margin:calc(.25rem*var(--scale-factor, 1)) 0;font-weight:400}.modal-content__inputs{display:flex;flex-direction:column;gap:calc(2rem*var(--scale-factor, 1))}.modal-content__input-section{display:flex;flex-direction:column;gap:calc(.5rem*var(--scale-factor, 1))}.modal-content__buttons{padding:calc(1rem*var(--scale-factor, 1));display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:calc(1rem*var(--scale-factor, 1));justify-content:flex-start}@media screen and (max-width: 480px){.modal-content__buttons{display:flex;flex-direction:column}}.modal-content__buttons button,.modal-content__buttons a{margin:0}.modal-content__buttons button span,.modal-content__buttons a span{inline-size:100%}@media screen and (max-width: 480px){.modal-content__buttons button,.modal-content__buttons a{inline-size:100%}}.modal-content__links{text-align:center;margin-block:calc(.5rem*var(--scale-factor, 1)) calc(.25rem*var(--scale-factor, 1));margin-inline:0}.modal-content__links button{text-decoration:underline}.--light .modal-overlay,.--dark .modal-overlay{background-color:rgba(67,69,76,.5)}.--light .modal-overlay input,.--dark .modal-overlay input{border:2px solid #e3e4e8}.--light .modal-overlay input:focus-visible,.--dark .modal-overlay input:focus-visible{border:2px solid var(--rpf-input-active-border);outline:none}.--light .modal-content,.--dark .modal-content{background-color:#fff}.--light .modal-content__header,.--dark .modal-content__header{border-block-end:1px solid #d5d7dc}.--light .modal-content__help-text,.--dark .modal-content__help-text{color:#4d575b}.--light .modal-content__buttons,.--dark .modal-content__buttons{border-block-start:1px solid #d5d7dc}
 :root,:host{--border-radius: var(--space-1);--border-radius-sm: var(--space-0-5);--border-width-sm: 1px;--border-width-md: 2px;--border-width-lg: 3px;--alert-border-width: var(--border-width-md);--fieldset-border-width: var(--border-width-md);--input-border-width: var(--border-width-md);--table-border-width: var(--border-width-sm)}:root,:host{--font-size-0-5: 0.5rem;--font-size-0-75: 0.75rem;--font-size-1: 1rem;--font-size-1-5: 1.25rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--font-size-5: 3rem;--font-size-6: 3.5rem;--font-size-7: 4rem;--font-size-8: 4.5rem;--font-size-9: 5rem}:root,:host{--font-weight-regular: 400;--font-weight-bold: 700}:root,:host{--line-height-0-75: 0.75rem;--line-height-1: 1rem;--line-height-1-5: 1.5rem;--line-height-2: 2rem;--line-height-2-5: 2.5rem;--line-height-3: 3rem;--line-height-3-5: 3.5rem;--line-height-4: 4rem;--line-height-4-5: 4.5rem;--line-height-5: 5rem;--line-height-5-5: 5.5rem;--line-height-6: 6rem;--line-height-6-5: 6.5rem}:root,:host{--space-0-125: 0.0625rem;--space-0-25: 0.125rem;--space-0-5: 0.25rem;--space-1: 0.5rem;--space-1-5: 0.75rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-7: 3.5rem;--space-8: 4rem;--space-9: 4.5rem;--space-10: 5rem}:root,:host{--rpf-shadow-top: 0px -12px 24px 0px rgba(0, 0, 0, 0.04);--rpf-shadow-centre: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);--rpf-shadow-bottom: 0px 12px 24px 0px rgba(0, 0, 0, 0.04)}:root,:host{--rpf-alert-error-highlight: hsla(0, 88%, 99%, 1);--rpf-alert-error: hsla(0, 88%, 33%, 1);--rpf-alert-information-highlight: hsla(225, 64%, 99%, 1);--rpf-alert-information: hsla(225, 64%, 33%, 1);--rpf-alert-success-highlight: hsla(136, 90%, 99%, 1);--rpf-alert-success: hsla(136, 90%, 20%, 1);--rpf-alert-warning-highlight: hsla(26, 70%, 99%, 1);--rpf-alert-warning: hsla(26, 70%, 29%, 1)}:root,:host{--rpf-brand-black: hsla(60, 4%, 11%, 1);--rpf-brand-leaf: hsla(123, 43%, 48%, 1);--rpf-brand-raspberry: hsla(342, 71%, 47%, 1);--rpf-raspberry-50: hsla(338, 57%, 97%, 1);--rpf-raspberry-100: hsla(342, 62%, 96%, 1);--rpf-raspberry-200: hsla(344, 73%, 93%, 1);--rpf-raspberry-400: hsla(341, 63%, 84%, 1);--rpf-raspberry-500: hsla(343, 62%, 68%, 1);--rpf-raspberry-600: hsla(343, 64%, 58%, 1);--rpf-raspberry-800: hsla(342, 71%, 47%, 1);--rpf-raspberry-900: hsla(340, 78%, 36%, 1)}:root,:host{--rpf-red-100: hsla(4, 89%, 96%, 1);--rpf-red-200: hsla(1, 87%, 91%, 1);--rpf-red-400: hsla(1, 87%, 82%, 1);--rpf-red-600: hsla(1, 87%, 72%, 1);--rpf-red-800: hsla(1, 87%, 63%, 1);--rpf-red-900: hsla(1, 52%, 50%, 1);--rpf-green-100: hsla(125, 41%, 95%, 1);--rpf-green-200: hsla(122, 39%, 87%, 1);--rpf-green-400: hsla(123, 40%, 74%, 1);--rpf-green-600: hsla(123, 40%, 61%, 1);--rpf-green-800: hsla(123, 43%, 48%, 1);--rpf-green-900: hsla(123, 43%, 34%, 1);--rpf-teal-100: hsla(176, 55%, 94%, 1);--rpf-teal-200: hsla(174, 55%, 85%, 1);--rpf-teal-400: hsla(174, 55%, 70%, 1);--rpf-teal-600: hsla(174, 56%, 56%, 1);--rpf-teal-800: hsla(174, 81%, 41%, 1);--rpf-teal-900: hsla(174, 81%, 27%, 1);--rpf-teal-950: hsla(174, 80%, 20%, 1);--rpf-orange-100: hsla(31, 100%, 95%, 1);--rpf-orange-200: hsla(32, 100%, 88%, 1);--rpf-orange-400: hsla(31, 100%, 77%, 1);--rpf-orange-600: hsla(31, 99%, 65%, 1);--rpf-orange-800: hsla(31, 99%, 54%, 1);--rpf-orange-900: hsla(31, 85%, 35%, 1);--rpf-yellow-100: hsla(51, 100%, 95%, 1);--rpf-yellow-200: hsla(52, 100%, 87%, 1);--rpf-yellow-400: hsla(51, 100%, 75%, 1);--rpf-yellow-600: hsla(52, 100%, 63%, 1);--rpf-yellow-800: hsla(52, 100%, 50%, 1);--rpf-yellow-900: hsla(52, 100%, 26%, 1);--rpf-purple-100: hsla(282, 36%, 95%, 1);--rpf-purple-200: hsla(279, 38%, 87%, 1);--rpf-purple-400: hsla(279, 38%, 73%, 1);--rpf-purple-600: hsla(279, 37%, 60%, 1);--rpf-purple-800: hsla(279, 43%, 47%, 1);--rpf-purple-900: hsla(280, 43%, 37%, 1);--rpf-navy-100: hsla(235, 38%, 94%, 1);--rpf-navy-200: hsla(234, 38%, 84%, 1);--rpf-navy-400: hsla(235, 38%, 69%, 1);--rpf-navy-600: hsla(235, 38%, 53%, 1);--rpf-navy-800: hsla(235, 63%, 37%, 1);--rpf-navy-900: hsla(234, 63%, 30%, 1);--rpf-blue-100: hsla(203, 86%, 95%, 1);--rpf-blue-200: hsla(204, 88%, 87%, 1);--rpf-blue-400: hsla(204, 88%, 74%, 1);--rpf-blue-600: hsla(204, 89%, 60%, 1);--rpf-blue-800: hsla(204, 100%, 47%, 1);--rpf-blue-900: hsla(204, 99%, 37%, 1)}:root,:host{--rpf-white: hsla(0, 0%, 100%, 1);--rpf-off-white: hsla(225, 25%, 97%, 1);--rpf-grey-50: hsla(210, 8%, 95%, 1);--rpf-grey-100: hsla(228, 10%, 90%, 1);--rpf-grey-150: hsla(223, 9%, 85%, 1);--rpf-grey-200: hsla(228, 10%, 80%, 1);--rpf-grey-300: hsla(229, 9%, 75%, 1);--rpf-grey-400: hsla(229, 8%, 61%, 1);--rpf-grey-500: hsla(229, 9%, 42%, 1);--rpf-grey-600: hsla(228, 9%, 32%, 1);--rpf-grey-700: hsla(228, 9%, 22%, 1);--rpf-grey-800: hsla(232, 9%, 18%, 1);--rpf-grey-850: hsla(228, 9%, 15%, 1);--rpf-grey-900: hsla(228, 9%, 10%, 1);--rpf-grey-950: hsla(228, 8%, 5%, 1);--rpf-black: hsla(0, 0%, 0%, 1)}:root,:host{--rpf-text-primary: hsla(0, 0%, 13%, 1);--rpf-text-primary-darkmode: var(--rpf-white);--rpf-text-secondary: hsla(200, 9%, 33%, 1);--rpf-text-secondary-darkmode: hsla(0, 0%, 80%, 1);--rpf-link-text: var(--rpf-navy-800)}:root,:host{--rpf-input-background-color: var(--rpf-white);--rpf-input-background-color-disabled: var(--rpf-grey-50);--rpf-input-background-color-readonly: var(--rpf-grey-50);--rpf-input-color-error: var(--rpf-alert-error);--rpf-input-color: var(--rpf-text-primary);--rpf-input-outline-color: var(--rpf-blue-800)}:root,:host{--rpf-overlay: hsla(0, 0%, 0%, 0.5)}:root,:host{--rpf-alert-body-font-size: var(--font-size-1);--rpf-alert-body-line-height: var(--font-size-1-5);--rpf-alert-title-font-size: var(--font-size-1);--rpf-alert-title-line-height: var(--font-size-1-5);--rpf-alert-information-background-color: var(--rpf-alert-information-highlight);--rpf-alert-information-accent-color: var(--rpf-alert-information);--rpf-alert-information-icon: "info";--rpf-alert-error-background-color: var(--rpf-alert-error-highlight);--rpf-alert-error-accent-color: var(--rpf-alert-error);--rpf-alert-error-icon: "error_outline";--rpf-alert-warning-background-color: var(--rpf-alert-warning-highlight);--rpf-alert-warning-accent-color: var(--rpf-alert-warning);--rpf-alert-warning-icon: "warning_amber";--rpf-alert-success-background-color: var(--rpf-alert-success-highlight);--rpf-alert-success-accent-color: var(--rpf-alert-success);--rpf-alert-success-icon: "check_circle"}.rpf-alert{align-items:center;background-color:var(--rpf-alert-background-color);border-color:var(--rpf-alert-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--alert-border-width);color:var(--rpf-text-primary);display:flex;flex-direction:column;margin-block-end:var(--space-2);position:relative;text-align:center}.rpf-alert__header{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--space-1);align-items:center;justify-content:space-between;min-block-size:var(--space-6);inline-size:100%;padding-inline:var(--space-2) var(--space-1)}.rpf-alert__icon{color:var(--rpf-alert-color);font-size:var(--font-size-2)}.rpf-alert__body{align-self:stretch;display:flex;flex-direction:column;font-size:var(--rpf-alert-body-font-size);font-weight:var(--font-weight-regular);gap:var(--space-2);line-height:var(--rpf-alert-body-line-height);padding-block-end:var(--space-2);padding-inline:var(--space-2);text-align:start}.rpf-alert__body *{margin:0;padding:0}.rpf-alert__title{font-size:var(--rpf-alert-title-font-size);font-weight:var(--font-weight-bold);inline-size:100%;line-height:var(--rpf-alert-title-line-height);margin-block:var(--space-2);margin-inline:0;text-align:start}.rpf-alert__actions{display:flex;flex-direction:row;gap:var(--space-2)}.rpf-alert__close{background:none;border:none;color:inherit;cursor:pointer;font-size:var(--font-size-2);margin-inline-start:auto;inset-inline-end:var(--space-0-5);inset-block-start:var(--space-0-5)}.rpf-alert__close .rpf-button__icon{color:var(--rpf-text-primary)}.rpf-alert--hidden{display:none}.rpf-alert--error{--rpf-alert-background-color: var(--rpf-alert-error-background-color);--rpf-alert-color: var(--rpf-alert-error-accent-color)}.rpf-alert--error .rpf-alert__icon::after{content:var(--rpf-alert-error-icon)}.rpf-alert--information{--rpf-alert-background-color: var(--rpf-alert-information-background-color);--rpf-alert-color: var(--rpf-alert-information-accent-color)}.rpf-alert--information .rpf-alert__icon::after{content:var(--rpf-alert-information-icon)}.rpf-alert--warning{--rpf-alert-background-color: var(--rpf-alert-warning-background-color);--rpf-alert-color: var(--rpf-alert-warning-accent-color)}.rpf-alert--warning .rpf-alert__icon::after{content:var(--rpf-alert-warning-icon)}.rpf-alert--success{--rpf-alert-background-color: var(--rpf-alert-success-background-color);--rpf-alert-color: var(--rpf-alert-success-accent-color)}.rpf-alert--success .rpf-alert__icon::after{content:var(--rpf-alert-success-icon)}.rpf-accordion{--background-color: var(--rpf-white);--border-color: var(--rpf-grey-50);--border-width: var(--border-width-sm);--text-color: var(--rpf-text-primary);--icon-color: var(--rpf-navy-800);background:var(--background-color);border-block-start:var(--border-width) solid var(--border-color)}.rpf-accordion:last-of-type{border-block-end:var(--border-width) solid var(--border-color)}.rpf-accordion__container{border-block-start:var(--border-width) solid var(--border-color)}.rpf-accordion__container:first-of-type{border-block-start:none}.rpf-accordion__text{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);color:var(--text-color);margin:0;padding-block-end:var(--space-2);padding-block-start:var(--space-1);padding-inline:var(--space-2)}.rpf-accordion__title{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);align-items:center;color:var(--text-color);cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding-block:var(--space-2);padding-inline:var(--space-2)}.rpf-accordion__title::marker{display:none}.rpf-accordion__title:focus-visible{outline:var(--border-width-lg) solid var(--rpf-brand-raspberry)}.rpf-accordion__icon{background:rgba(0,0,0,0);display:block;block-size:var(--space-0-25);margin-block-start:0;margin-inline-start:var(--space-2);position:relative;inline-size:var(--space-2)}.rpf-accordion__icon::before,.rpf-accordion__icon::after{background:var(--icon-color);border-radius:var(--border-radius);content:"";block-size:var(--space-0-25);position:absolute;transition:all .3s;inline-size:var(--space-2)}.rpf-accordion__icon::before{transform:rotate(90deg)}.rpf-accordion[open] .rpf-accordion__icon::before,.rpf-accordion__container[open] .rpf-accordion__icon::before{transform:rotate(180deg)}:root,:host{--min-target-size: 44px;--sm-target-size: 32px;--lg-target-size: 48px}.rpf-button{--rpf-button-background-color: var(--rpf-navy-800);--rpf-button-background-color-hover: var(--rpf-navy-900);--rpf-button-background-color-active: var(--rpf-navy-600);--rpf-button-background-color-disabled: var(--rpf-grey-600);--rpf-button-text-color: var(--rpf-white);--rpf-button-border-color: var(--rpf-button-background-color);--rpf-button-border-color-hover: var(--rpf-button-background-color-hover);--rpf-button-border-color-active: var(--rpf-button-background-color-active);--rpf-button-border-color-disabled: var(--rpf-button-background-color-disabled);--rpf-button-danger-background-color: var(--rpf-alert-error);--rpf-button-danger-background-color-hover: var(--rpf-alert-error);--rpf-button-danger-background-color-active: var(--rpf-red-900);--rpf-button-danger-background-color-disabled: var(--rpf-grey-600);--rpf-button-danger-text-color: var(--rpf-white);--rpf-button-danger-border-color: var(--rpf-button-danger-background-color);--rpf-button-danger-border-color-hover: var(--rpf-button-danger-background-color-hover);--rpf-button-danger-border-color-active: var(--rpf-button-danger-background-color-active);--rpf-button-danger-border-color-disabled: var(--rpf-button-danger-background-color-disabled);--rpf-button-border-radius: var(--border-radius);--rpf-button-border-width: var(--border-width-md);--rpf-button-lg-height: var(--lg-target-size);--rpf-button-sm-height: var(--sm-target-size);--rpf-button-min-target-size: var(--min-target-size);all:unset;align-items:center;box-sizing:border-box;color:var(--rpf-button-text-color);cursor:pointer;display:flex;font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);gap:var(--space-1);min-block-size:var(--rpf-button-lg-height);padding:var(--space-1) var(--space-2);position:relative;text-align:center;text-decoration:none;transform:scale(1);inline-size:fit-content}.rpf-button::before{background-color:var(--rpf-button-background-color);border-color:var(--rpf-button-border-color);border-radius:var(--rpf-button-border-radius);border-style:solid;border-width:var(--rpf-button-border-width);content:"";display:block;inset:0;position:absolute;z-index:-1}.rpf-button:hover::before{background-color:var(--rpf-button-background-color-hover);border-color:var(--rpf-button-border-color-hover)}.rpf-button:active::before{background-color:var(--rpf-button-background-color-active);border-color:var(--rpf-button-border-color-active)}.rpf-button:focus-visible::before{outline:var(--border-width-md) solid var(--rpf-button-background-color);outline-offset:3px}.rpf-button:disabled,.rpf-button--disabled{cursor:default}.rpf-button:disabled::before,.rpf-button:disabled:hover::before,.rpf-button--disabled::before,.rpf-button--disabled:hover::before{border-color:var(--rpf-button-border-color-disabled);background-color:var(--rpf-button-background-color-disabled)}.rpf-button--secondary{color:var(--rpf-button-background-color)}.rpf-button--secondary::before{background-color:var(--rpf-button-text-color)}.rpf-button--secondary:hover{color:var(--rpf-button-background-color-hover)}.rpf-button--secondary:hover::before{background-color:var(--rpf-button-text-color);border-color:var(--rpf-button-border-color-hover)}.rpf-button--secondary:active{color:var(--rpf-button-background-color-active)}.rpf-button--secondary:active::before{background-color:var(--rpf-button-text-color);border-color:var(--rpf-button-border-color-active)}.rpf-button--secondary:disabled,.rpf-button--secondary.rpf-button--disabled{color:var(--rpf-button-background-color-disabled)}.rpf-button--secondary:disabled:hover::before,.rpf-button--secondary:disabled:before,.rpf-button--secondary.rpf-button--disabled:hover::before,.rpf-button--secondary.rpf-button--disabled:before{background-color:var(--rpf-button-text-color);border-color:var(--rpf-button-border-color-disabled)}.rpf-button--secondary.rpf-button--danger{color:var(--rpf-button-danger-background-color)}.rpf-button--secondary.rpf-button--danger::before{background-color:var(--rpf-button-danger-text-color)}.rpf-button--secondary.rpf-button--danger:hover{color:var(--rpf-button-danger-background-color-hover)}.rpf-button--secondary.rpf-button--danger:hover::before{background-color:var(--rpf-button-danger-text-color);border-color:var(--rpf-button-danger-border-color-hover)}.rpf-button--secondary.rpf-button--danger:active{color:var(--rpf-button-danger-background-color-active)}.rpf-button--secondary.rpf-button--danger:active::before{background-color:var(--rpf-button-danger-text-color);border-color:var(--rpf-button-danger-border-color-active)}.rpf-button--secondary.rpf-button--danger:disabled,.rpf-button--secondary.rpf-button--danger.rpf-button--disabled{color:var(--rpf-button-danger-background-color-disabled)}.rpf-button--secondary.rpf-button--danger:disabled:hover::before,.rpf-button--secondary.rpf-button--danger:disabled:before,.rpf-button--secondary.rpf-button--danger.rpf-button--disabled:hover::before,.rpf-button--secondary.rpf-button--danger.rpf-button--disabled:before{background-color:var(--rpf-button-danger-text-color);border-color:var(--rpf-button-danger-border-color-disabled)}.rpf-button--tertiary{color:var(--rpf-button-background-color)}.rpf-button--tertiary::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--tertiary:hover{color:var(--rpf-button-background-color-hover)}.rpf-button--tertiary:hover::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--tertiary:active{color:var(--rpf-button-background-color-active)}.rpf-button--tertiary:active::before{background-color:rgba(0,0,0,0)}.rpf-button--tertiary:disabled,.rpf-button--tertiary.rpf-button--disabled{color:var(--rpf-button-background-color-disabled)}.rpf-button--tertiary:disabled::before,.rpf-button--tertiary:disabled:hover::before,.rpf-button--tertiary.rpf-button--disabled::before,.rpf-button--tertiary.rpf-button--disabled:hover::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--tertiary.rpf-button--danger{color:var(--rpf-button-danger-background-color)}.rpf-button--tertiary.rpf-button--danger::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--tertiary.rpf-button--danger:hover{color:var(--rpf-button-danger-background-color-hover)}.rpf-button--tertiary.rpf-button--danger:hover::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--tertiary.rpf-button--danger:active{color:var(--rpf-button-danger-background-color-active)}.rpf-button--tertiary.rpf-button--danger:active::before{background-color:rgba(0,0,0,0)}.rpf-button--tertiary.rpf-button--danger:disabled,.rpf-button--tertiary.rpf-button--danger.rpf-button--disabled{color:var(--rpf-button-danger-background-color-disabled)}.rpf-button--tertiary.rpf-button--danger:disabled::before,.rpf-button--tertiary.rpf-button--danger:disabled:hover::before,.rpf-button--tertiary.rpf-button--danger.rpf-button--disabled::before,.rpf-button--tertiary.rpf-button--danger.rpf-button--disabled:hover::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--danger{color:var(--rpf-button-danger-text-color)}.rpf-button--danger::before{background-color:var(--rpf-button-danger-background-color);border-color:var(--rpf-button-danger-border-color)}.rpf-button--danger:hover::before{background-color:var(--rpf-button-danger-background-color-hover);border-color:var(--rpf-button-danger-border-color-hover)}.rpf-button--danger:active::before{background-color:var(--rpf-button-danger-background-color-active);border-color:var(--rpf-button-danger-border-color-active)}.rpf-button--danger:focus-visible::before{outline:var(--border-width-md) solid var(--rpf-button-danger-background-color)}.rpf-button--icon-only{block-size:var(--rpf-button-lg-height);line-height:var(--rpf-button-lg-height);padding:0;text-align:center;inline-size:var(--rpf-button-lg-height)}.rpf-button--icon-only .rpf-button__icon{margin:0 auto}.rpf-button--sm{font-size:var(--font-size-1);min-block-size:var(--rpf-button-min-target-size);padding:var(--space-1) var(--space-1)}.rpf-button--sm::before{inset:calc((var(--rpf-button-min-target-size) - var(--rpf-button-sm-height))/2) 0}.rpf-button--sm.rpf-button--icon-only{block-size:var(--rpf-button-min-target-size);line-height:var(--rpf-button-min-target-size);padding:0;inline-size:var(--rpf-button-min-target-size)}.rpf-button--sm.rpf-button--icon-only::before{inset:calc((var(--rpf-button-min-target-size) - var(--rpf-button-sm-height))/2)}.rpf-button--sm .material-symbols-sharp{font-size:20px;font-variation-settings:"OPSZ" 20}.rpf-button--full-width{justify-content:center;inline-size:100%}:root,:host{--color-progress-bar-complete: var(--rpf-navy-800);--color-progress-bar-incomplete: var(--rpf-grey-150);--rpf-progress-bar-background-color: var(--color-progress-bar-incomplete);--rpf-progress-bar-accent-color: var(--color-progress-bar-complete);--rpf-progress-bar-block-size: var(--space-1);--rpf-progress-bar-border-radius: var(--space-1);--rpf-progress-bar-gap: var(--space-3);--rpf-progress-bar-font-size: var(--font-size-1);--rpf-progress-bar-font-weight: var(--font-weight-regular);--rpf-progress-bar-complete-color: var(--rpf-alert-success);--rpf-progress-bar-complete-icon: url('data:image/svg+xml,<svg height="24" viewBox="0 -960 960 960" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m424-296 282-282-56-56-226 226-114-114-56 56zm56 216q-83 0-156-31.5t-127-85.5q-54-54-85.5-127t-31.5-156q0-83 31.5-156t85.5-127q54-54 127-85.5t156-31.5q83 0 156 31.5t127 85.5q54 54 85.5 127t31.5 156q0 83-31.5 156t-85.5 127q-54 54-127 85.5t-156 31.5z"/></svg>')}.rpf-progress-bar__label{font-size:var(--rpf-progress-bar-font-size);line-height:1.5em;font-weight:var(--rpf-progress-bar-font-weight);align-items:center;display:grid;gap:var(--rpf-progress-bar-gap);grid-template-columns:max-content 1fr}.rpf-progress-bar__bar{background:var(--rpf-progress-bar-background-color);block-size:var(--rpf-progress-bar-block-size);border-radius:var(--rpf-progress-bar-border-radius);inline-size:100%;border:none}.rpf-progress-bar__bar::-webkit-progress-bar{background:var(--rpf-progress-bar-background-color);border-radius:var(--rpf-progress-bar-border-radius)}.rpf-progress-bar__bar::-webkit-progress-value{background:var(--rpf-progress-bar-accent-color);border-radius:var(--rpf-progress-bar-border-radius)}.rpf-progress-bar__bar::-moz-progress-bar{background:var(--rpf-progress-bar-accent-color);border-radius:var(--rpf-progress-bar-border-radius)}.rpf-progress-bar--complete{--rpf-progress-bar-accent-color: var(--rpf-progress-bar-complete-color)}.rpf-progress-bar--complete .rpf-progress-bar__label span{display:flex}.rpf-progress-bar--complete .rpf-progress-bar__label span::before{content:"";display:inline-block;block-size:1.5em;aspect-ratio:1/1;margin-inline-end:var(--space-1);vertical-align:middle;background-color:var(--rpf-progress-bar-complete-color);mask-image:var(--rpf-progress-bar-complete-icon);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:var(--rpf-progress-bar-complete-icon);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.rpf-squiggle-heading::after,.rpf-squiggle{--rpf-squiggle-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%22%20viewBox%3D%220%200%2029%2013%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M3%2011c7%200%207-8%2014-8%208%200%208%208%2015%208%22%20style%3D%22fill%3Anone%3Bfill-rule%3Anonzero%3Bstroke%3Awhite%3Bstroke-width%3A4px%22%20transform%3D%22translate%28-3%29%22%2F%3E%3C%2Fsvg%3E");--rpf-squiggle-end-cap-l-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%22%20viewBox%3D%220%200%202%2013%22%3E%3Ccircle%20cx%3D%220%22%20cy%3D%2211%22%20r%3D%222%22%20style%3D%22fill%3Awhite%22%2F%3E%3C%2Fsvg%3E");--rpf-squiggle-end-cap-r-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%22%20viewBox%3D%220%200%202%2013%22%3E%3Ccircle%20cx%3D%222%22%20cy%3D%2211%22%20r%3D%222%22%20style%3D%22fill%3Awhite%22%2F%3E%3C%2Fsvg%3E");background-color:var(--rpf-squiggle-color, var(--rpf-brand-raspberry));border:2px solid rgba(0,0,0,0);border-block:none;block-size:13px;mask-clip:content-box,border-box,border-box;mask-image:var(--rpf-squiggle-mask),var(--rpf-squiggle-end-cap-l-mask),var(--rpf-squiggle-end-cap-r-mask);mask-origin:content-box,border-box,border-box;mask-position:top left,top right,top left;mask-repeat:round,no-repeat,no-repeat;mask-size:29px 13px,2px 13px,2px 13px;-webkit-mask-clip:content-box,border-box,border-box;-webkit-mask-image:var(--rpf-squiggle-mask),var(--rpf-squiggle-end-cap-l-mask),var(--rpf-squiggle-end-cap-r-mask);-webkit-mask-origin:content-box,border-box,border-box;-webkit-mask-position:top left,top right,top left;-webkit-mask-repeat:round,no-repeat,no-repeat;-webkit-mask-size:29px 13px,2px 13px,2px 13px}.rpf-squiggle-heading{display:inline-block;position:relative;padding-block-end:calc(13px + var(--space-1))}.rpf-squiggle-heading::after{content:"";display:block;position:absolute;inset-inline:0;margin-block-start:var(--space-1)}.rpf-tag{--tag-color: var(--rpf-text-primary);--tag-color-secondary: color-mix(in srgb, var(--tag-color), white 95%);--tag-text-color: var(--rpf-white);--tag-text-color-secondary: var(--tag-color);align-items:center;border:solid 1px var(--tag-color);background-color:var(--tag-color);border-radius:2rem;color:var(--tag-text-color);display:flex;font-weight:var(--font-weight-bold);gap:var(--space-0-5);line-height:1.5rem;padding:var(--space-0-5) var(--space-1);inline-size:max-content}.rpf-tag--information{background-color:var(--rpf-alert-information);border-color:var(--rpf-alert-information)}.rpf-tag--success{background-color:var(--rpf-alert-success);border-color:var(--rpf-alert-success)}.rpf-tag--warning{background-color:var(--rpf-alert-warning);border-color:var(--rpf-alert-warning)}.rpf-tag--error{background-color:var(--rpf-alert-error);border-color:var(--rpf-alert-error)}.rpf-tag--secondary{background-color:var(--tag-color-secondary);color:var(--tag-text-color-secondary)}.rpf-tag--secondary.rpf-tag--information{border-color:var(--rpf-alert-information);color:var(--rpf-alert-information)}.rpf-tag--secondary.rpf-tag--success{border-color:var(--rpf-alert-success);color:var(--rpf-alert-success)}.rpf-tag--secondary.rpf-tag--warning{border-color:var(--rpf-alert-warning);color:var(--rpf-alert-warning)}.rpf-tag--secondary.rpf-tag--error{border-color:var(--rpf-alert-error);color:var(--rpf-alert-error)}:root,:host{--rpf-menu-item-text-color: var(--rpf-text-primary);--rpf-menu-item-text-color-danger: var(--rpf-alert-error);--rpf-menu-item-background-color: transparent;--rpf-menu-item-background-color-hover: var(--rpf-grey-50);--rpf-menu-item-background-color-active: var(--rpf-grey-100);--rpf-menu-item-focus: var(--rpf-raspberry-800)}.rpf-menu__item{list-style:none;margin:0;padding:0;color:var(--rpf-menu-item-text-color)}.rpf-menu__item button,.rpf-menu__item a{border:none;margin:0;box-sizing:border-box;background-color:rgba(0,0,0,0);user-select:none;text-decoration:none;cursor:pointer;font-family:inherit;text-align:start;min-inline-size:7.5rem;inline-size:100%;display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--space-1);font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);color:inherit;padding:var(--space-1-5) var(--space-1)}.rpf-menu__item button:hover,.rpf-menu__item a:hover{background-color:var(--rpf-menu-item-background-color-hover)}.rpf-menu__item button:active,.rpf-menu__item a:active{background-color:var(--rpf-menu-item-background-color-active)}.rpf-menu__item button:focus-visible,.rpf-menu__item a:focus-visible{outline:2px solid var(--rpf-menu-item-focus)}.rpf-menu__item--danger{color:var(--rpf-menu-item-text-color-danger)}:root,:host{--rpf-menu-title-color: var(--rpf-text-secondary)}.rpf-menu__title{list-style:none;margin:0;padding:0;color:var(--rpf-menu-title-color);font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);margin-block:var(--space-0-25);border-block-end:1px solid var(--rpf-menu-divider-color)}.rpf-menu__title span{display:inline-block;margin-inline:var(--space-1);margin-block-end:var(--space-0-5)}:root,:host{--rpf-menu-background-color: var(--rpf-white);--rpf-menu-border-color: var(--rpf-grey-50);--rpf-menu-divider-color: var(--rpf-grey-100)}.rpf-menu{margin:0;display:inline-flex;flex-direction:column;padding:var(--space-1-5);gap:var(--space-0-5);border-radius:var(--space-1);border:2px solid var(--rpf-menu-border-color);background:var(--rpf-menu-background-color);box-shadow:var(--rpf-shadow-centre);list-style:none}.rpf-menu hr{inline-size:100%;border:none;border-block-start:1px solid var(--rpf-menu-divider-color);margin-block:var(--space-0-25)}:root,:host{--link-color: var(--rpf-link-text);--link-color-active: var(--rpf-navy-600);--link-color-hover: var(--link-color)}.rpf-link{border-radius:var(--border-radius);color:var(--link-color);cursor:pointer;font-weight:var(--font-weight-bold);max-inline-size:fit-content}.rpf-link:active{color:var(--link-color-active)}.rpf-link:hover{color:var(--link-color-hover)}.rpf-link:focus-visible{outline:3px solid var(--link-color)}.rpf-link--block{align-items:center;display:flex;min-block-size:var(--min-target-size)}.rpf-link--external{display:inline-flex;text-decoration:none}.rpf-link--external span{text-decoration:underline}.rpf-link--external::after{content:"";display:inline-flex;font-family:"Material Symbols Sharp",sans-serif;padding-inline-end:var(--space-0-5);padding-inline-start:var(--space-0-25)}.rpf-burger-menu{--rpf-burger-menu-background-color: var(--rpf-brand-black);--rpf-burger-menu-thickness: 3px;--rpf-burger-menu-inline-size: var(--space-3);--rpf-burger-menu-border-radius: 0;--rpf-burger-animation-speed: 150ms}.rpf-burger-menu__button{align-items:center;background:rgba(0,0,0,0);block-size:var(--min-target-size);border:none;cursor:pointer;display:flex;flex-direction:column;inline-size:var(--min-target-size);justify-content:center;padding-block:0;padding-inline:0;position:relative}.rpf-burger-menu__button:focus-visible{border-radius:var(--border-radius-sm);outline:var(--border-width-md) solid var(--rpf-burger-menu-background-color);outline-offset:3px}.rpf-burger-menu__icon,.rpf-burger-menu__icon::before{background:var(--rpf-burger-menu-background-color);border-radius:var(--rpf-burger-menu-border-radius);display:block;block-size:var(--rpf-burger-menu-thickness);margin-block-start:calc(var(--rpf-burger-menu-thickness)*1.5);inline-size:var(--rpf-burger-menu-inline-size);transition:opacity var(--rpf-burger-animation-speed) cubic-bezier(0, -0.55, 0.265, 1.55) 0ms,transform var(--rpf-burger-animation-speed) cubic-bezier(0, 0, 0.58, 1) 50ms,margin-inline-start var(--rpf-burger-animation-speed) cubic-bezier(0, 0, 0.58, 1) 50ms;will-change:opacity,transform,margin-inline-start}.rpf-burger-menu__icon:first-child{margin-block-start:0;transform-origin:top left}.rpf-burger-menu__icon:last-child{transform-origin:bottom left}.rpf-burger-menu__icon:nth-child(2)::before{content:"";margin-block-start:0}.open .rpf-burger-menu__icon{opacity:1}.open .rpf-burger-menu__icon:first-child,.open .rpf-burger-menu__icon:last-child{opacity:0}.open .rpf-burger-menu__icon:nth-child(2){transform:rotate(45deg)}.open .rpf-burger-menu__icon:nth-child(2)::before{transform:rotate(-90deg)}@media(prefers-reduced-motion: reduce){.rpf-burger-menu__icon:first-child,.rpf-burger-menu__icon:last-child,.rpf-burger-menu__icon:nth-child(2),.rpf-burger-menu__icon:nth-child(2)::before{transition:none}}:root,:host{--rpf-modal-background-color: var(--rpf-white);--rpf-modal-border-color: var(--rpf-grey-150);--rpf-modal-max-block-size: calc(100vh - 2 * var(--space-10));--rpf-modal-mobile-max-block-size: calc(100dvh - 2 * var(--space-2));--rpf-modal-max-inline-size: calc(100vw - 2 * var(--space-10));--rpf-modal-mobile-max-inline-size: calc(100vw - 2 * var(--space-2));--rpf-modal-border-radius: var(--space-1);--rpf-modal-content-padding: var(--space-3);--rpf-modal-backdrop-color: var(--rpf-overlay);--rpf-modal-buttons-flex-direction: row-reverse;--rpf-modal-buttons-justify-content: flex-start}.rpf-modal{background-color:var(--rpf-modal-background-color);border:none;border-radius:var(--rpf-modal-border-radius);margin-inline:auto;min-inline-size:15rem;inline-size:100%;padding:0;max-inline-size:var(--rpf-modal-mobile-max-inline-size);max-block-size:var(--rpf-modal-mobile-max-block-size)}@media(min-width: 30rem){.rpf-modal{max-inline-size:var(--rpf-modal-max-inline-size);max-block-size:var(--rpf-modal-max-block-size)}}.rpf-modal__wrapper{display:grid;grid-template-rows:auto minmax(0, 1fr) auto;block-size:100%;max-block-size:inherit;overflow:hidden}.rpf-modal__header{display:flex;align-items:center;align-self:stretch;border-block-end:1px solid var(--rpf-modal-border-color);gap:var(--space-1);padding:var(--space-1);padding-inline-start:var(--space-2)}.rpf-modal__title{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2);flex:1 0 0;margin:0}.rpf-modal__content{overflow-y:auto;align-items:center;border-block-end:1px solid var(--rpf-modal-border-color);display:flex;flex-direction:column;padding:var(--rpf-modal-content-padding)}.rpf-modal__buttons{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.rpf-modal__buttons .rpf-button{justify-content:center;inline-size:100%}@media(width > 34rem){.rpf-modal__buttons{flex-direction:var(--rpf-modal-buttons-flex-direction);gap:var(--space-2);justify-content:var(--rpf-modal-buttons-justify-content)}.rpf-modal__buttons .rpf-button{inline-size:auto}}.rpf-modal::backdrop{background-color:var(--rpf-modal-backdrop-color);backdrop-filter:blur(2px)}:root,:host{--rpf-message-text-color: var(--rpf-alert-error)}.rpf-error-message{all:unset;align-items:center;color:var(--rpf-message-text-color);display:flex;font-weight:var(--font-weight-bold);max-width:50ch;padding-block:var(--space-1)}.rpf-error-message__icon{margin-inline-end:var(--space-1)}.rpf-fieldset{all:unset;background-color:var(--rpf-input-background-color);box-sizing:border-box;display:block;color:var(--rpf-input-color);margin-block-end:var(--space-3);max-inline-size:fit-content}.rpf-fieldset--full-width,.rpf-fieldset--full-width .rpf-fieldset__inputs *{max-inline-size:none}.rpf-fieldset__inputs *:last-child{margin-block-end:0}.rpf-fieldset--error .rpf-input-checkbox,.rpf-fieldset--error .rpf-input-radio{--rpf-input-border-colour: var(--rpf-input-color-error)}.rpf-fieldset--error .rpf-input-checkbox input[type=checkbox]:checked,.rpf-fieldset--error .rpf-input-radio input[type=checkbox]:checked{background-color:var(--rpf-input-color-error)}.rpf-fieldset--error .rpf-input-checkbox input[type=radio]:checked,.rpf-fieldset--error .rpf-input-radio input[type=radio]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(0, 88%, 33%, 1)"/></svg>')}.rpf-input-field{margin-block-end:var(--space-3)}.rpf-input{all:unset;background-color:var(--rpf-input-background-color);border:var(--input-border-width) solid var(--rpf-input-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--rpf-input-color);display:flex;font-size:var(--font-size-1);line-height:var(--line-height-2);padding-block:calc(var(--space-1) - 2px);padding-inline:var(--space-1-5);max-width:50ch;min-width:240px;width:100%}.rpf-input:disabled,.rpf-input--disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input:focus-visible{outline:3px solid var(--rpf-input-outline-color)}.rpf-input--error{border-color:var(--rpf-input-color-error)}.rpf-input--full-width{max-width:none}.rpf-input-checkbox{--rpf-input-checkbox-hit-target: var(--min-target-size);--rpf-input-checkbox-size: var(--space-3);--rpf-input-border-colour: var(--rpf-grey-850);align-items:center;border-radius:var(--space-1);box-sizing:border-box;display:flex;gap:var(--space-1-5);max-width:50ch;min-height:var(--rpf-input-checkbox-hit-target);min-width:240px;padding-block:calc((var(--rpf-input-checkbox-hit-target) - var(--rpf-input-checkbox-size))/2);width:100%}.rpf-input-checkbox input[type=checkbox]{align-self:flex-start;appearance:none;background:var(--rpf-white);border:var(--space-0-25) solid var(--rpf-input-border-colour);border-radius:var(--space-0-5);flex-shrink:0;height:var(--rpf-input-checkbox-size);margin:0;width:var(--rpf-input-checkbox-size)}.rpf-input-checkbox input[type=checkbox]:checked{background:var(--rpf-grey-850);background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.95834 15.0003L3.20834 10.2503L4.39584 9.06283L7.95834 12.6253L15.6042 4.97949L16.7917 6.16699L7.95834 15.0003Z" fill="white"/></svg>')}.rpf-input-checkbox input[type=checkbox]:disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input-checkbox input[type=checkbox]:disabled:checked{background-color:var(--rpf-grey-600)}.rpf-input-checkbox--error input[type=checkbox]{border-color:var(--rpf-input-color-error)}.rpf-input-checkbox--error input[type=checkbox]:checked{background-color:var(--rpf-input-color-error)}.rpf-input-checkbox.rpf-input--full-width{max-width:none}.rpf-input-checkbox:has(>input[type=checkbox]:disabled),.rpf-input-checkbox--disabled{color:var(--rpf-label-text-color-disabled)}.rpf-input-checkbox input[type=checkbox]:focus-visible{outline:3px solid var(--rpf-input-outline-color);outline-offset:0}:root,:host{--rpf-label-hint-color: var(--rpf-text-secondary);--rpf-label-text-color: var(--rpf-text-primary);--rpf-label-text-color-disabled: var(--rpf-grey-500)}.rpf-label{all:unset;color:var(--rpf-label-text-color);display:flex;flex-direction:column;font-weight:var(--font-weight-bold);padding-block-end:var(--space-1);font-size:var(--font-size-1);line-height:var(--line-height-1-5)}.rpf-label__hint{color:var(--rpf-label-hint-color);font-size:var(--font-size-1);font-weight:var(--font-weight-regular)}.rpf-label--disabled{color:var(--rpf-label-text-color-disabled)}.rpf-label--disabled .rpf-label__hint{color:var(--rpf-label-text-color-disabled)}.rpf-input-radio{--rpf-input-radio-hit-target: var(--min-target-size);--rpf-input-radio-size: var(--space-3);--rpf-input-border-colour: var(--rpf-grey-850);align-items:center;border-radius:var(--space-1);box-sizing:border-box;display:flex;gap:var(--space-1-5);max-width:50ch;min-height:var(--rpf-input-radio-hit-target);min-width:240px;padding-block:calc((var(--rpf-input-radio-hit-target) - var(--rpf-input-radio-size))/2);width:100%}.rpf-input-radio input[type=radio]{align-self:flex-start;appearance:none;background:var(--rpf-white);border:var(--space-0-25) solid var(--rpf-input-border-colour);border-radius:var(--rpf-input-radio-size);flex-shrink:0;height:var(--rpf-input-radio-size);margin:0;width:var(--rpf-input-radio-size)}.rpf-input-radio input[type=radio]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(228, 9%, 15%, 1)"/></svg>');background-position:center center;background-repeat:no-repeat}.rpf-input-radio input[type=radio]:disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input-radio input[type=radio]:disabled:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(229, 8%, 61%, 1)"/></svg>')}.rpf-input-radio--error input[type=radio]{border-color:var(--rpf-input-color-error)}.rpf-input-radio--error input[type=radio]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(0, 88%, 33%, 1)"/></svg>')}.rpf-input-radio.rpf-input--full-width{max-width:none}.rpf-input-radio:has(>input[type=radio]:disabled),.rpf-input-radio--disabled{color:var(--rpf-label-text-color-disabled)}.rpf-input-radio input[type=radio]:focus-visible{outline:3px solid var(--rpf-input-outline-color);outline-offset:0}.rpf-input.rpf-input-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'><path fill='%23212121' d='m12 15.375-6-6 1.4-1.4 4.6 4.6 4.6-4.6 1.4 1.4-6 6Z'/></svg>");background-repeat:no-repeat;background-position:center right var(--space-1-5)}html[dir=rtl] .rpf-input.rpf-input-select{background-position:center left var(--space-1-5)}.rpf-input.rpf-input-select:disabled,.rpf-input.rpf-input-select--disabled{background-image:none}.rpf-input.rpf-input-text:read-only,.rpf-input.rpf-input-text--read-only,.rpf-input.rpf-input-text--readonly{border-color:var(--rpf-input-background-color-readonly);background-color:var(--rpf-input-background-color-readonly)}.rpf-input.rpf-input-textarea{resize:vertical;min-height:120px;height:auto;max-height:240px;overflow:auto;white-space:pre-wrap}.rpf-input.rpf-input-textarea:read-only,.rpf-input.rpf-input-textarea--read-only,.rpf-input.rpf-input-textarea--readonly{border-color:var(--rpf-input-background-color-readonly);background-color:var(--rpf-input-background-color-readonly)}.rpf-input-search-container{display:flex;max-width:50ch;min-width:240px;width:100%}.rpf-input-search-container input[type=search]::-webkit-search-decoration,.rpf-input-search-container input[type=search]::-webkit-search-cancel-button{appearance:none}.rpf-input-search-container .rpf-input-search{border-end-end-radius:0;border-inline-end:0;border-start-end-radius:0}.rpf-input-search-container .rpf-button{flex-shrink:0;border-end-end-radius:var(--border-radius);border-end-start-radius:0;border-start-end-radius:var(--border-radius);border-start-start-radius:0;box-sizing:border-box;justify-content:center;max-width:var(--space-6)}.rpf-input-search-container .rpf-button::before{border:var(--input-border-width) solid var(--rpf-input-color);border-end-end-radius:var(--border-radius);border-end-start-radius:0;border-start-end-radius:var(--border-radius);border-start-start-radius:0}.rpf-input-search-container .rpf-button:disabled .rpf-button__icon,.rpf-input-search-container .rpf-button--disabled .rpf-button__icon{color:var(--rpf-input-color)}.rpf-input-search-container .rpf-button:disabled::before,.rpf-input-search-container .rpf-button--disabled::before{background-color:var(--rpf-input-background-color-disabled);border-color:var(--rpf-input-background-color-disabled)}.rpf-input-search-container .rpf-button--error::before{border-color:var(--rpf-alert-error)}.rpf-input-search-container .rpf-input-search:focus-visible,.rpf-input-search-container .rpf-button:focus-visible{outline:3px solid var(--rpf-input-outline-color);z-index:1}.rpf-input-search-container .rpf-input-search:focus-visible::before,.rpf-input-search-container .rpf-button:focus-visible::before{outline:0}.rpf-input-password.rpf-input{border-inline-end:0;border-end-start-radius:var(--border-radius);border-end-end-radius:0;border-start-end-radius:0;border-start-start-radius:var(--border-radius);min-block-size:calc(var(--lg-target-size) - var(--input-border-width)*2);min-inline-size:0}.rpf-input-password.rpf-input:disabled,.rpf-input-password.rpf-input--disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input-password.rpf-input:read-only,.rpf-input-password.rpf-input--read-only,.rpf-input-password.rpf-input--readonly{border-color:var(--rpf-input-background-color-readonly);background-color:var(--rpf-input-background-color-readonly)}.rpf-input-password[type=password]{font-family:caption;font-size:var(--font-size-2);letter-spacing:var(--space-0-125)}.rpf-input-password--readonly,.rpf-input-password--read-only,.rpf-input-password:read-only{border-radius:var(--border-radius);border-right:none}.rpf-input-password:focus-visible{z-index:1}.rpf-input-password__button{background-color:var(--rpf-input-background-color);border-end-end-radius:var(--border-radius);border-end-start-radius:0;border-start-end-radius:var(--border-radius);border-start-start-radius:0;font-size:var(--font-size-1);justify-content:center;min-block-size:calc(var(--lg-target-size) - var(--input-border-width)*2);min-inline-size:var(--space-9);text-decoration:underline}.rpf-input-password__button::before{border:var(--input-border-width) solid var(--rpf-input-color);border-end-end-radius:var(--border-radius);border-end-start-radius:0;border-start-end-radius:var(--border-radius);border-start-start-radius:0}.rpf-input-password__button--error::before{border:var(--input-border-width) solid var(--rpf-input-color-error)}.rpf-input-password__button:active::before{border-color:rgba(0,0,0,0)}.rpf-input-password__button:focus-visible{outline:3px solid var(--rpf-input-outline-color)}.rpf-input-password__button:focus-visible::before{outline:none}.rpf-input-password__button:active::before,.rpf-input-password__button:hover::before{border:var(--input-border-width) solid var(--rpf-input-color)}.rpf-input-password__container{display:flex;max-width:50ch}.rpf-input-password__container--full-width{max-width:none}.rpf-input-password__container--error{border-color:var(--rpf-input-color-error)}.rpf-input-password__container--readonly button,.rpf-input-password__container--read-only button,.rpf-input-password__container--disabled button{display:none}.rpf-table{border:1px solid var(--rpf-grey-100);border-radius:var(--border-radius);overflow:auto;top:0;width:fit-content}.rpf-table--full-width{width:100%}.rpf-table__table{border-collapse:collapse;width:max-content}.rpf-table__table--full-width{width:100%}.rpf-table__table thead th,.rpf-table__table thead td{position:sticky;top:0;z-index:1}.rpf-table-cell{border-bottom:var(--table-border-width) solid var(--rpf-grey-100)}.rpf-table-cell>*{align-items:center;box-sizing:border-box;display:flex;gap:var(--space-1);line-height:var(--line-height-1-5);padding-block:var(--space-1);padding-inline:var(--space-2)}.rpf-table-cell--header,.rpf-table-cell--sortable-header{background-color:var(--rpf-grey-50)}.rpf-table-cell--header>*,.rpf-table-cell--sortable-header>*{min-height:var(--space-7);min-width:var(--space-7)}.rpf-table-cell--sortable-header .rpf-table-cell__sort-header{display:flex;width:100%;gap:var(--space-1);min-height:var(--min-target-size);align-items:center;border-radius:var(--border-radius)}.rpf-table-cell--sortable-header .rpf-table-cell__sort-header:focus-visible{outline:2px solid var(--rpf-raspberry-800);outline-offset:3px}.rpf-table-cell--sortable-header button{all:unset;cursor:pointer}.rpf-table-cell--sortable-header a{color:inherit;text-decoration:none}.rpf-table-cell--body{background-color:var(--rpf-white)}.rpf-table-cell--body .rpf-table-cell__content{min-height:var(--space-8);min-width:var(--space-8)}.rpf-table-cell--body .rpf-table-cell__content>*{margin-block:auto}.rpf-table-cell--body .rpf-table-cell__content a{color:var(--rpf-brand-500);font-weight:var(--font-weight-bold)}.rpf-table-cell--body .rpf-table-cell__content:has(>.rpf-button){justify-content:end;padding:var(--space-1)}.rpf-table-cell--body .rpf-table-cell__content--truncated{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 :root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, 0.7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index) px);position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{flex:1}.Toastify__toast-icon{margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:rgba(0,0,0,0);outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0)}to{opacity:0;transform:translate3d(2000px, 0, 0)}}@keyframes Toastify__bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0)}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}@keyframes Toastify__bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}@keyframes Toastify__bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{from{transform:translate3d(110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInLeft{from{transform:translate3d(-110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInUp{from{transform:translate3d(0, 110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInDown{from{transform:translate3d(0, -110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(110%, 0, 0)}}@keyframes Toastify__slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-110%, 0, 0)}}@keyframes Toastify__slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 500px, 0)}}@keyframes Toastify__slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -500px, 0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}a,button{border:3px solid rgba(0,0,0,0)}a:focus-visible,button:focus-visible{border:3px solid #cd2356;outline:none}button{all:initial;border:3px solid rgba(0,0,0,0);cursor:pointer}input{font-family:var(--wc-font-family-sans-serif)}.--light,.--dark{background-color:#e7f8f7;color:#212121;caret-color:#000;color-scheme:light}.--light .pythonrunner-input,.--dark .pythonrunner-input{color:#2467ec}#textjam-editor{display:flex;flex-flow:column;font-family:var(--wc-font-family-sans-serif);background:linear-gradient(135deg, #B9E6EE, #71EBBC, #71EBBC, #B9E6EE);font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1))}html,body,#textjam-editor{overflow:auto;block-size:100%;block-size:-moz-available;block-size:-webkit-stretch;block-size:stretch;block-size:100dvh;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.proj-container--mobile{margin:0;gap:0}.editor-shell .proj-container--mobile .react-tabs{border-radius:0}.editor-shell .proj-container--mobile{border-radius:8px}.editor-shell .mobile-nav{display:flex;inline-size:100%}.editor-shell .mobile-nav .react-tabs__tab-list{padding:0}.editor-shell .mobile-nav .react-tabs__tab{flex:1;display:flex;block-size:calc(4rem*var(--scale-factor, 1))}.editor-shell .mobile-nav .react-tabs__tab:last-of-type{border-inline-end:none}.mobile-nav__menu{margin:0;border-radius:0;border:none;display:flex;align-items:center;justify-content:center;inline-size:calc(4rem*var(--scale-factor, 1))}.--dark .proj-container--mobile .runner-controls{border-inline-start:1px solid #4a4d59}.--dark .proj-container--mobile .mobile-nav{background-color:#2a2b32;border-block-start:1px solid #4a4d59}.--dark .proj-container--mobile .mobile-nav__menu{border-inline-end:1px solid #4a4d59}.--light .proj-container--mobile .runner-controls{border-inline-start:1px solid #d5d7dc}.--light .proj-container--mobile .mobile-nav{background-color:#f5f6f9;border-block-start:1px solid #d5d7dc}.--light .proj-container--mobile .mobile-nav__menu{border-inline-end:1px solid #d5d7dc}.editor-shell.--light .mobile-nav,.editor-shell.--dark .mobile-nav{border-block-end:none}.editor-shell.--light .mobile-nav .react-tabs__tab--selected,.editor-shell.--dark .mobile-nav .react-tabs__tab--selected{background-color:inherit}.editor-shell.--light .proj-container--mobile{border:1px solid #d5d7dc}.editor-shell.--dark .proj-container--mobile{border:1px solid #4a4d59}.draggable-tab{user-select:none}.draggable-tab:focus-visible{outline:none}.--light .draggable-tab:focus-visible .react-tabs__tab,.--dark .draggable-tab:focus-visible .react-tabs__tab{outline:2px auto Highlight;outline:2px auto -webkit-focus-ring-color;outline-offset:-1px}.droppable-tab-list{display:flex;inline-size:100%}.resizable-with-handle__handle--right div{inset-inline-end:3px !important}.resizable-with-handle__handle--right div svg{block-size:100%;min-inline-size:0}.resizable-with-handle__handle--bottom div{inset-block-end:3px !important}.resizable-with-handle__handle--bottom div svg{inline-size:100%}.modal-overlay{display:flex;align-items:center;justify-content:center;padding:calc(5rem*var(--scale-factor, 1));z-index:1000;position:fixed;inset:0px}@media screen and (max-width: 480px){.modal-overlay{padding:calc(2rem*var(--scale-factor, 1))}}.modal-content{inline-size:560px;max-block-size:100%;border:0;border-radius:10px;display:flex;flex-direction:column}.modal-content label,.modal-content legend{font-weight:700}.modal-content input[type=text]{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));inline-size:100%;box-sizing:border-box;border:2px solid rgba(0,0,0,0);border-radius:12px;padding:calc(.5rem*var(--scale-factor, 1));display:block}.modal-content:focus-visible{border:3px solid #cd2356;outline:none}.modal-content__header{display:flex;align-items:center;min-block-size:fit-content;padding:calc(1rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1))}.modal-content__header button{margin-inline-start:auto;block-size:fit-content}.modal-content__heading{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1));margin-block:calc(.5rem*var(--scale-factor, 1));margin-inline:calc(.5rem*var(--scale-factor, 1)) 0}.modal-content__body{padding:calc(1.5rem*var(--scale-factor, 1));display:flex;flex-direction:column;row-gap:calc(.5rem*var(--scale-factor, 1));overflow-y:auto}.modal-content__subheading{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));margin:0;font-weight:700}.modal-content__text{margin:0;line-height:1.4}.modal-content__help-text{margin:calc(.25rem*var(--scale-factor, 1)) 0;font-weight:400}.modal-content__inputs{display:flex;flex-direction:column;gap:calc(2rem*var(--scale-factor, 1))}.modal-content__input-section{display:flex;flex-direction:column;gap:calc(.5rem*var(--scale-factor, 1))}.modal-content__buttons{padding:calc(1rem*var(--scale-factor, 1));display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:calc(1rem*var(--scale-factor, 1));justify-content:flex-start}@media screen and (max-width: 480px){.modal-content__buttons{display:flex;flex-direction:column}}.modal-content__buttons button,.modal-content__buttons a{margin:0}.modal-content__buttons button span,.modal-content__buttons a span{inline-size:100%}@media screen and (max-width: 480px){.modal-content__buttons button,.modal-content__buttons a{inline-size:100%}}.modal-content__links{text-align:center;margin-block:calc(.5rem*var(--scale-factor, 1)) calc(.25rem*var(--scale-factor, 1));margin-inline:0}.modal-content__links button{text-decoration:underline}.--light .modal-overlay,.--dark .modal-overlay{background-color:rgba(67,69,76,.5)}.--light .modal-overlay input,.--dark .modal-overlay input{border:2px solid #e3e4e8}.--light .modal-overlay input:focus-visible,.--dark .modal-overlay input:focus-visible{border:2px solid var(--rpf-input-active-border);outline:none}.--light .modal-content,.--dark .modal-content{background-color:#fff}.--light .modal-content__header,.--dark .modal-content__header{border-block-end:1px solid #d5d7dc}.--light .modal-content__help-text,.--dark .modal-content__help-text{color:#4d575b}.--light .modal-content__buttons,.--dark .modal-content__buttons{border-block-start:1px solid #d5d7dc}:root,:host{--font-size-0-5: 0.5rem;--font-size-0-75: 0.75rem;--font-size-1: 1rem;--font-size-1-5: 1.25rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--font-size-5: 3rem;--font-size-6: 3.5rem;--font-size-7: 4rem;--font-size-8: 4.5rem;--font-size-9: 5rem}:root,:host{--font-weight-regular: 400;--font-weight-bold: 700}:root,:host{--line-height-0-75: 0.75rem;--line-height-1: 1rem;--line-height-1-5: 1.5rem;--line-height-2: 2rem;--line-height-2-5: 2.5rem;--line-height-3: 3rem;--line-height-3-5: 3.5rem;--line-height-4: 4rem;--line-height-4-5: 4.5rem;--line-height-5: 5rem;--line-height-5-5: 5.5rem;--line-height-6: 6rem;--line-height-6-5: 6.5rem}.editor-wrapper{overflow:auto;scrollbar-width:thin;height:100%}.editor{display:flex;flex-flow:column;flex:1;overflow:hidden;height:100%}.editor .cm-editor{flex:1;overflow:hidden}.editor .cm-editor:focus{outline:none}.editor .cm-editor .cm-scroller{overflow:auto;scrollbar-width:thin;overscroll-behavior-x:none;font-family:var(--wc-font-family-monospace)}.editor .cm-editor .cm-scroller .cm-content{flex:1;padding-block-start:calc(.5rem*var(--scale-factor, 1));margin-inline-end:calc(.5rem*var(--scale-factor, 1))}.editor--small{font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1))}.editor--medium{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.editor--large{font-size:calc(2rem*var(--scale-factor, 1));line-height:calc(2.5rem*var(--scale-factor, 1))}.rpf-alert{margin:0}.settings-panel{display:flex;flex-direction:column;gap:calc(1.25rem*var(--scale-factor, 1));padding:calc(.25rem*var(--scale-factor, 1))}.settings-panel .select-buttons__legend{font-size:calc(1.25rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700}.settings-panel .select-buttons__options{flex-direction:column}.select-buttons{border:none;margin:0;padding:0}.select-buttons__legend{padding:0;margin-block-end:calc(1rem*var(--scale-factor, 1))}.select-buttons__options{display:flex;inline-size:100%;gap:calc(1rem*var(--scale-factor, 1));flex-wrap:wrap}.select-buttons__option{flex:1}.select-buttons__button{opacity:0;position:absolute}.select-buttons__label{display:flex;align-items:center;padding:calc(.75rem*var(--scale-factor, 1));gap:calc(.75rem*var(--scale-factor, 1));border-radius:8px;position:relative;box-sizing:border-box;font-weight:700;cursor:pointer}.select-buttons__tick{display:flex;align-items:center;margin-inline-start:auto;visibility:hidden}.select-buttons__tick--selected{visibility:visible}.select-buttons__tick--selected svg rect{fill:var(--editor-color-theme)}.select-buttons__tick--selected svg path{fill:var(--rpf-select-buttons-tick-color)}.--dark .select-buttons__label,.--light .select-buttons__label{border:2px solid #d5d7dc}.--dark .select-buttons__label--selected,.--light .select-buttons__label--selected{border:2px solid #212121}.select-buttons__button:focus-visible+.select-buttons__label{outline:3px solid #cd2356}.mobile-project-bar{background-color:#fff;border-block-start:1px solid #d5d7dc;display:flex;justify-content:space-between;padding:calc(.5rem*var(--scale-factor, 1));gap:var(--space-1)}.mobile-project-bar__name{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));font-weight:700;margin:auto 0}.--dark .mobile-project-bar{background-color:#2a2b32;border-block-start:1px solid #4a4d59}.--dark .mobile-project-bar__name{color:#fff}.--light .mobile-project-bar{background-color:#fff;border-block-start:1px solid #d5d7dc}.--light .mobile-project-bar__name{color:#4d575b}.rpf-button--primary * svg{fill:var(--rpf-button-primary-text-color)}.rpf-button--tertiary * svg{fill:var(--rpf-button-secondary-text-color) !important}.rpf-button{flex-direction:row-reverse}.rpf-button--fit{inline-size:fit-content}.rpf-button.rpf-button--fill{justify-content:center;inline-size:100%;box-sizing:border-box}.rpf-button--secondary{justify-content:center;align-items:center}.rpf-button--secondary * svg{fill:#4d575b}.--light * .rpf-button--secondary span,.--dark * .rpf-button--secondary span{color:#212121}.--light * .rpf-button--secondary::before,.--dark * .rpf-button--secondary::before{background-color:#fff}.--light * .rpf-button--secondary:hover,.--dark * .rpf-button--secondary:hover{border-color:#89ddd5}.--light * .rpf-button--secondary:hover::before,.--dark * .rpf-button--secondary:hover::before{background-color:#e7f8f7}.--light * .rpf-button--secondary:active::before,.--dark * .rpf-button--secondary:active::before{background-color:#dcf5f3}.--light * .rpf-button--secondary:disabled,.--dark * .rpf-button--secondary:disabled{border-color:#d5d7dc;background-color:inherit}.--light * .rpf-button--secondary:disabled::before,.--dark * .rpf-button--secondary:disabled::before{background-color:inherit}.--light * .rpf-button--secondary:disabled span,.--dark * .rpf-button--secondary:disabled span{color:#d5d7dc}.--light * .rpf-button--tertiary,.--dark * .rpf-button--tertiary{color:#212121;border:none}.--light * .rpf-button--tertiary::before,.--dark * .rpf-button--tertiary::before{background-color:#fff}.--light * .rpf-button--tertiary:hover::before,.--dark * .rpf-button--tertiary:hover::before{background-color:#e7f8f7}.--light * .rpf-button--tertiary:active::before,.--dark * .rpf-button--tertiary:active::before{background-color:#dcf5f3}.--light * .rpf-button--tertiary:disabled,.--dark * .rpf-button--tertiary:disabled{background-color:inherit}.--light * .rpf-button--tertiary:disabled::before,.--dark * .rpf-button--tertiary:disabled::before{background-color:inherit}.--light * .rpf-button--tertiary:disabled span,.--dark * .rpf-button--tertiary:disabled span{color:#d5d7dc}.rpf-button__icon{display:flex}.save-status{align-items:center;display:flex;gap:var(--space-1);justify-content:flex-end;margin-block:0;padding-inline:var(--space-2)}.save-status--mobile{margin:unset;padding-inline:0;gap:var(--space-0-5)}.save-status--mobile .save-status__text{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1))}.save-status--mobile .save-status__icon{inline-size:16px;block-size:16px}.save-status--mobile .save-status__icon svg{width:100%;height:100%}.save-status__icon{display:flex}:host{font-size:1.6rem}.editor-shell{--wc-font-family-sans-serif: var( --editor-font-family-sans-serif, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif );--wc-font-family-monospace: var( --editor-font-family-monospace, Roboto Mono, source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace );background:var(--editor-secondary-theme, transparent);font-family:var(--wc-font-family-sans-serif);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-flow:column;block-size:100%;hyphens:auto;hyphenate-limit-chars:10 4 4}.editor-shell .proj{min-block-size:100%}.editor-shell code,.editor-shell var,.editor-shell kbd,.editor-shell samp,.editor-shell tt,.editor-shell dir,.editor-shell listing,.editor-shell plaintext,.editor-shell xmp,.editor-shell abbr,.editor-shell acronym,.editor-shell blockquote,.editor-shell q{hyphens:none}code{font-family:var(--wc-font-family-monospace)}button{all:initial;font-size:inherit}svg{min-inline-size:fit-content}button:focus-visible{outline:2px solid #000}.select-buttons__tick--selected svg path{fill:var(--editor-color-layer-2)}.--light,.--dark{--editor-color-layer-1: #e7f8f7;--editor-color-layer-2: #ffffff;--editor-color-outline: #d5d7dc;--editor-color-theme: #232d9a;--editor-color-theme-secondary: #0e857a;--editor-color-theme-tertiary: #e7f8f7;--editor-color-text-secondary: #4d575b;--editor-color-tab-background: #f5f6f9}
-:root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}*,*::before,*::after{box-sizing:border-box}html,body{margin:0}:root{min-block-size:100dvh;--editor-font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;--editor-font-family-monospace: Roboto Mono, source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;-ms-overflow-style:none;scrollbar-width:none;--toastify-font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;--toastify-color-success: #C5FFE8;--toastify-color-error: #FFD5CE;--toastify-toast-bd-radius: 4px;--toastify-toast-width: 355px;--toastify-z-index: z("toast")}::-webkit-scrollbar{display:none}body{font-family:var(--editor-font-family-sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:var(--editor-font-family-monospace)}#textjam-editor{min-block-size:100dvh;display:flex;flex-direction:column;block-size:100dvh;margin:0}.--light,.editor-shell.--light,.editor-shell.--dark{--editor-color-layer-1: #e7f8f7;--editor-color-layer-2: #000000;--editor-color-outline: #d5d7dc;--editor-color-theme: #14bdac;--editor-color-theme-secondary: #0e857a;--editor-color-theme-tertiary: #e7f8f7;--editor-color-text-secondary: #4d575b;--rpf-files-list-item-active: #dcf5f3;--rpf-files-list-item-hover: #e7f8f7;--rpf-tab-border-bottom-selected: var(--rpf-teal-900);--sidebar-border: var(--rpf-grey-150);--sidebar-background: var(--rpf-white);--sidebar-background-selected: var(--rpf-off-white);--sidebar-panel-background: var(--rpf-white);--sidebar-option-hover: var(--rpf-grey-100);--sidebar-option-selected-icon: var(--rpf-black);--sidebar-option-selected-border: var(--editor-color-theme);--sidebar-option-selected-background: var(--editor-color-theme-tertiary)}.btn,.rpf-button{--rpf-button-primary-background-color: var(--rpf-teal-800);--rpf-button-primary-background-color-focus: var(--rpf-teal-800);--rpf-button-primary-background-color-hover: var(--rpf-teal-900);--rpf-button-primary-background-color-active: var(--rpf-teal-600);--rpf-button-primary-background-color-disabled: var(--rpf-teal-200);--rpf-button-primary-color-disabled: var(--rpf-grey-600);--rpf-button-primary-text-color: var(--rpf-black);--rpf-button-secondary-background-color: var(--rpf-teal-800);--rpf-button-secondary-background-color-focus: $rpf-brand-raspberry;--rpf-button-secondary-background-color-hover: var(--rpf-teal-100);--rpf-button-secondary-border-color-hover: var(--rpf-teal-900);--rpf-button-secondary-background-color-active: var(--rpf-teal-900);--rpf-button-secondary-background-color-disabled: var(--rpf-grey-50);--rpf-button-secondary-text-color: var(--rpf-black);--rpf-button-tertiary-text-color-hover: var(--rpf-grey-600)}.btn .rpf-button--secondary,.rpf-button .rpf-button--secondary{border-color:var(--rpf-teal-800)}.select-buttons__tick--selected{--rpf-select-buttons-tick-color: var(--rpf-black)}.modal-overlay{--rpf-input-active-border: var(--editor-color-theme)}
+:root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}*,*::before,*::after{box-sizing:border-box}html,body{margin:0}:root{min-block-size:100dvh;--editor-font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;--editor-font-family-monospace: Roboto Mono, source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;-ms-overflow-style:none;scrollbar-width:none;--toastify-font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;--toastify-color-success: #C5FFE8;--toastify-color-error: #FFD5CE;--toastify-toast-bd-radius: 4px;--toastify-toast-width: 355px;--toastify-z-index: 300}::-webkit-scrollbar{display:none}body{font-family:var(--editor-font-family-sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:var(--editor-font-family-monospace)}#textjam-editor{min-block-size:100dvh;display:flex;flex-direction:column;block-size:100dvh;margin:0}.--light,.editor-shell.--light,.editor-shell.--dark{--editor-color-layer-1: #e7f8f7;--editor-color-layer-2: #000000;--editor-color-outline: #d5d7dc;--editor-color-theme: #14bdac;--editor-color-theme-secondary: #0e857a;--editor-color-theme-tertiary: #e7f8f7;--editor-color-text-secondary: #4d575b;--rpf-files-list-item-active: #dcf5f3;--rpf-files-list-item-hover: #e7f8f7;--rpf-tab-border-bottom-selected: var(--rpf-teal-900);--sidebar-border: var(--rpf-grey-150);--sidebar-background: var(--rpf-white);--sidebar-background-selected: var(--rpf-off-white);--sidebar-panel-background: var(--rpf-white);--sidebar-option-hover: var(--rpf-grey-100);--sidebar-option-selected-icon: var(--rpf-black);--sidebar-option-selected-border: var(--editor-color-theme);--sidebar-option-selected-background: var(--editor-color-theme-tertiary)}.btn,.rpf-button{--rpf-button-primary-background-color: var(--rpf-teal-800);--rpf-button-primary-background-color-focus: var(--rpf-teal-800);--rpf-button-primary-background-color-hover: var(--rpf-teal-900);--rpf-button-primary-background-color-active: var(--rpf-teal-600);--rpf-button-primary-background-color-disabled: var(--rpf-teal-200);--rpf-button-primary-color-disabled: var(--rpf-grey-600);--rpf-button-primary-text-color: var(--rpf-black);--rpf-button-secondary-background-color: var(--rpf-teal-800);--rpf-button-secondary-background-color-focus: $rpf-brand-raspberry;--rpf-button-secondary-background-color-hover: var(--rpf-teal-100);--rpf-button-secondary-border-color-hover: var(--rpf-teal-900);--rpf-button-secondary-background-color-active: var(--rpf-teal-900);--rpf-button-secondary-background-color-disabled: var(--rpf-grey-50);--rpf-button-secondary-text-color: var(--rpf-black);--rpf-button-tertiary-text-color-hover: var(--rpf-grey-600)}.btn .rpf-button--secondary,.rpf-button .rpf-button--secondary{border-color:var(--rpf-teal-800)}.select-buttons__tick--selected{--rpf-select-buttons-tick-color: var(--rpf-black)}.modal-overlay{--rpf-input-active-border: var(--editor-color-theme)}
 :root{--rpf-white: #ffffff}.styles-module__content--khecF{min-width:455px;max-width:800px}.styles-module__headerIcon--fnE18 path{stroke:#33625e}.styles-module__headerText--ua6h6{color:#003046;font-weight:400;font-size:24px;line-height:34px;text-align:center}.styles-module__copyButton--jEsq1{color:#003046;font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1))}.styles-module__tabContainer--Xb4IP{height:40px;margin-top:calc(.5rem*var(--scale-factor, 1))}.styles-module__tabButton--4BrBv:first-child{border-top-left-radius:calc(.75rem*var(--scale-factor, 1));border-bottom-left-radius:calc(.75rem*var(--scale-factor, 1))}.styles-module__tabButton--4BrBv:last-child{border-top-right-radius:calc(.75rem*var(--scale-factor, 1));border-bottom-right-radius:calc(.75rem*var(--scale-factor, 1))}.styles-module__tabButton--4BrBv{font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;padding:calc(.75rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1));background-color:#e5e5e5;font-weight:500;font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));letter-spacing:"0%";text-align:center;color:#527d7a;cursor:pointer}.styles-module__tabButtonActive--CdxX8{background-color:#c5ffe8;color:#003046}.styles-module__containerBox--rwoTV{margin-top:calc(.5rem*var(--scale-factor, 1));display:flex;align-items:center}.styles-module__linkContainer--XPt-Q{background-color:#c5ffe8;border-radius:calc(.5rem*var(--scale-factor, 1));display:flex;align-items:center;padding:calc(.875rem*var(--scale-factor, 1)) calc(1.25rem*var(--scale-factor, 1));justify-content:space-between;word-break:break-all;flex:1;margin-right:calc(.75rem*var(--scale-factor, 1))}.styles-module__linkText--3vzcO{font-weight:600;flex:1;color:#33625e;font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1))}
 :root{--rpf-white: #ffffff}.styles-module__modalOverlay--uz0ee{display:flex;align-items:center;justify-content:center;padding:calc(5rem*var(--scale-factor, 1));z-index:400;position:fixed;inset:0px;background-color:HSL(0, 0%, 14%, 30%)}@media screen and (max-width: 480px){.styles-module__modalOverlay--uz0ee{padding:calc(2rem*var(--scale-factor, 1))}}.styles-module__modalContent--PcRss{font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;max-block-size:100%;border:0;display:flex;flex-direction:column;border-radius:calc(.75rem*var(--scale-factor, 1));padding:calc(1.5rem*var(--scale-factor, 1));background-color:#fff}.styles-module__modalContentHeader--U85mA{display:flex;align-items:center;min-block-size:fit-content}.styles-module__modalContentHeader--U85mA button{margin-inline-start:auto;block-size:fit-content}.styles-module__modalContentHeading--Pj43a{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1));margin-block:calc(.5rem*var(--scale-factor, 1));margin-inline:calc(.5rem*var(--scale-factor, 1)) 0}.styles-module__modalContentBody--8Fp1K{padding-top:0;display:flex;flex-direction:column;row-gap:calc(.5rem*var(--scale-factor, 1));overflow-y:auto}.styles-module__modalContentSubHeading--YtzNg{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));margin:0;font-weight:700}.styles-module__modalContentText--qERKp{margin:0;line-height:1.4}.styles-module__modalContentButtons--3eyjq{display:flex;flex-wrap:wrap;flex-direction:row-reverse;justify-content:flex-start;gap:calc(.5rem*var(--scale-factor, 1))}@media screen and (max-width: 480px){.styles-module__modalContentButtons--3eyjq{display:flex;flex-direction:column}}.styles-module__modalContentButtons--3eyjq button,.styles-module__modalContentButtons--3eyjq a{margin:0}.styles-module__modalContentButtons--3eyjq button span,.styles-module__modalContentButtons--3eyjq a span{inline-size:100%}@media screen and (max-width: 480px){.styles-module__modalContentButtons--3eyjq button,.styles-module__modalContentButtons--3eyjq a{inline-size:100%}}.styles-module__buttonClose--NQ701{background-color:rgba(0,0,0,0);width:calc(1rem*var(--scale-factor, 1));height:calc(1rem*var(--scale-factor, 1))}.styles-module__buttonClose--NQ701 svg{color:#003046;fill:#003046;width:calc(1rem*var(--scale-factor, 1));height:calc(1rem*var(--scale-factor, 1));padding:0px}.styles-module__headerContainer--yr6W5{text-align:center}.styles-module__headerText---tBwm{font-weight:400;font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1));text-align:center}.styles-module__headerIcon--Hof0F{text-align:center;width:calc(2rem*var(--scale-factor, 1));height:calc(2rem*var(--scale-factor, 1))}.styles-module__modalContentButtons--3eyjq{padding:0px}.styles-module__modalContentButtons--3eyjq button span{font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1))}
 :root{--rpf-white: #ffffff}.styles-module__content--vm091{width:454px;top:256px;left:493px}.styles-module__headerText--O4YZK{color:#003046;line-height:34px}.styles-module__headerIcon--F-\+Vd path{stroke:#33625e}.styles-module__containerBox--HK-4z{margin-top:calc(.5rem*var(--scale-factor, 1));font-weight:400;font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));text-align:center;color:#242424}.styles-module__containerBox--HK-4z .styles-module__versionDate--OLHbO{font-weight:500;font-size:18px;line-height:30px;margin-top:calc(.5rem*var(--scale-factor, 1));margin-bottom:calc(.5rem*var(--scale-factor, 1));color:#33625e}.styles-module__containerBox--HK-4z .styles-module__messageContainer--PVpY\+{background-color:#b9e6ee;border-radius:calc(.5rem*var(--scale-factor, 1));padding:calc(1rem*var(--scale-factor, 1));gap:calc(.5rem*var(--scale-factor, 1));opacity:1;display:flex;text-align:left;color:#003046}.styles-module__containerBox--HK-4z .styles-module__messageContainer--PVpY\+ svg path{stroke:#0d47a1}.styles-module__buttonsContainer--dWeY9{margin-top:calc(.5rem*var(--scale-factor, 1));padding-bottom:0px}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "gwchq-textjam",
   "description": "Embeddable React editor used in Raspberry Pi text-based projects.",
-  "version": "0.1.69",
+  "version": "0.1.71",
   "license": "Apache-2.0",
   "homepage": "https://github.com/GirlsFirst/gwchq-textjam",
   "author": "Girls Who Code HQ",