gwchq-textjam 0.5.11 → 0.5.13

package/dist/index.js

@@ -11539,31 +11539,6 @@ const SvgFile = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createE
 
 /***/ }),
 
-/***/ 65994:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-const SvgFlag = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 18,
-  height: 18,
-  fill: "none"
-}, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-  stroke: "#003046",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  d: "M14.25 15.75 9 12l-5.25 3.75v-12a1.5 1.5 0 0 1 1.5-1.5h7.5a1.5 1.5 0 0 1 1.5 1.5z"
-})));
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgFlag);
-
-/***/ }),
-
 /***/ 5472:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -13371,8 +13346,13 @@ var Button = props => {
     buttonIconPosition = "left",
     variant,
     style,
-    ariaLive
+    ariaLive,
+    ariaDisabled,
+    ariaDescribedBy
   } = props;
+
+  // Unavailable but still focusable; `disabled` still wins where it is passed.
+  var isAriaDisabled = !disabled && !!ariaDisabled;
   var VARIANT_CLASSES = {
     icon: styles_module.icon,
     primary: styles_module.primary,
@@ -13384,6 +13364,7 @@ var Button = props => {
     [styles_module.svgOnly]: !buttonText
   }, VARIANT_CLASSES[variant] || "", !!ButtonIcon ? styles_module.iconed : "");
   var onButtonClick = e => {
+    if (isAriaDisabled) return;
     onClickHandler(e);
   };
   var onKeyDown = e => {
@@ -13393,6 +13374,8 @@ var Button = props => {
     ref: buttonRef,
     className: buttonClass,
     disabled: disabled,
+    "aria-disabled": isAriaDisabled || undefined,
+    "aria-describedby": ariaDescribedBy,
     "aria-label": label,
     title: title,
     to: href,
@@ -13406,13 +13389,17 @@ var Button = props => {
       children: text
     }), ButtonIcon && buttonIconPosition === "right" && /*#__PURE__*/(0,jsx_runtime_.jsx)(ButtonIcon, {})]
   }) : /*#__PURE__*/(0,jsx_runtime_.jsxs)("button", {
-    ref: buttonRef,
+    ref: buttonRef
+    // Without this the default is "submit", which aria-disabled cannot block.
+    ,
+    type: "button",
     className: buttonClass,
     style: style,
     disabled: disabled,
+    "aria-disabled": isAriaDisabled || undefined,
+    "aria-describedby": ariaDescribedBy,
     "aria-label": label,
     title: title,
-    text: text,
     onClick: buttonOuter ? null : onButtonClick,
     onKeyDown: onKeyDown,
     "aria-live": ariaLive,
@@ -47801,109 +47788,7 @@ var RemoveItemModal = () => {
 
 /***/ }),
 
-/***/ 23765:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ SaveProjectReminderModal_SaveProjectReminderModal)
-});
-
-;// ./src/components/Modals/SaveProjectReminderModal/styles.module.scss
-// extracted by mini-css-extract-plugin
-/* harmony default export */ const styles_module = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","content":"styles-module__content--UhJMG","modalContentHeader":"styles-module__modalContentHeader--YPWsb","headerText":"styles-module__headerText--89Clx","containerBox":"styles-module__containerBox--WUoyb","messageContainer":"styles-module__messageContainer--WzXV7","messageIcon":"styles-module__messageIcon--a6yn-","messageContent":"styles-module__messageContent--CYn9o","buttonsContainer":"styles-module__buttonsContainer--1toXb"});
-// EXTERNAL MODULE: ./src/components/Modals/BaseModal/styles.module.scss
-var BaseModal_styles_module = __webpack_require__(27924);
-// EXTERNAL MODULE: ./src/redux/EditorSlice.ts
-var EditorSlice = __webpack_require__(68512);
-// EXTERNAL MODULE: ./src/redux/types.ts
-var types = __webpack_require__(92932);
-// EXTERNAL MODULE: external "react-redux"
-var external_react_redux_ = __webpack_require__(14062);
-// EXTERNAL MODULE: ./src/components/Modals/BaseModal/BaseModal.jsx
-var BaseModal = __webpack_require__(97933);
-// EXTERNAL MODULE: ./src/assets/icons/alert.svg
-var icons_alert = __webpack_require__(49998);
-// EXTERNAL MODULE: ./src/assets/icons/flag.svg
-var flag = __webpack_require__(65994);
-// EXTERNAL MODULE: ./src/components/Button/Button.jsx + 1 modules
-var Button = __webpack_require__(79428);
-// EXTERNAL MODULE: ./src/assets/icons/close.svg
-var icons_close = __webpack_require__(93224);
-// EXTERNAL MODULE: ./src/components/shared/SvgIcon/index.tsx
-var SvgIcon = __webpack_require__(82917);
-// EXTERNAL MODULE: external "react/jsx-runtime"
-var jsx_runtime_ = __webpack_require__(71178);
-;// ./src/components/Modals/SaveProjectReminderModal/SaveProjectReminderModal.jsx
-
-
-
-
-
-
-
-
-
-
-
-
-
-var SaveProjectReminderModal = () => {
-  var dispatch = (0,external_react_redux_.useDispatch)();
-  var isModalOpen = (0,external_react_redux_.useSelector)(state => state.editor.modalWindowShowing === types.ModalType.SAVE_PROJECT_REMINDER);
-  var handleClose = () => dispatch((0,EditorSlice.closeModal)());
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)(BaseModal["default"], {
-    isOpen: isModalOpen,
-    closeModal: handleClose,
-    externalClasses: styles_module,
-    heading: "",
-    withCloseButton: true,
-    closeIcon: icons_close["default"],
-    buttons: [/*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
-      variant: "primary",
-      buttonText: "Save",
-      ButtonIcon: flag/* default */.A,
-      onClickHandler: () => {}
-    }, "delete"), /*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
-      variant: "tertiaryGray",
-      buttonText: "Ignore",
-      onClickHandler: handleClose
-    }, "cancel")],
-    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
-      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
-        className: BaseModal_styles_module["default"].headerContainer,
-        children: /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
-          className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerText),
-          children: "Remember to Save"
-        })
-      }), /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
-        className: styles_module.containerBox,
-        children: /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
-          className: styles_module.messageContainer,
-          children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
-            className: styles_module.messageIcon,
-            children: /*#__PURE__*/(0,jsx_runtime_.jsx)(SvgIcon.SvgIcon, {
-              size: 18,
-              SvgElement: icons_alert["default"],
-              className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerIcon)
-            })
-          }), /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
-            className: styles_module.messageContent,
-            children: "Hey! You haven\u2019t saved in a while. Remember to save."
-          })]
-        })
-      })]
-    })
-  });
-};
-/* harmony default export */ const SaveProjectReminderModal_SaveProjectReminderModal = (SaveProjectReminderModal);
-
-/***/ }),
-
-/***/ 38876:
+/***/ 24658:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -47925,8 +47810,22 @@ var styles_module = __webpack_require__(27924);
 /* harmony default export */ const ShareProjectModal_styles_module = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","content":"styles-module__content--khecF","headerIcon":"styles-module__headerIcon--fnE18","headerText":"styles-module__headerText--ua6h6","copyButton":"styles-module__copyButton--jEsq1","copyButtonSelected":"styles-module__copyButtonSelected--4baTP","tabContainer":"styles-module__tabContainer--Xb4IP","tabButton":"styles-module__tabButton--4BrBv","tabButtonActive":"styles-module__tabButtonActive--CdxX8","containerBox":"styles-module__containerBox--rwoTV","linkContainer":"styles-module__linkContainer--XPt-Q","linkText":"styles-module__linkText--3vzcO"});
 // EXTERNAL MODULE: ./src/assets/icons/close.svg
 var icons_close = __webpack_require__(93224);
-// EXTERNAL MODULE: ./src/assets/icons/flag.svg
-var flag = __webpack_require__(65994);
+;// ./src/assets/icons/flag.svg
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+const SvgFlag = props => /*#__PURE__*/external_react_.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 18,
+  height: 18,
+  fill: "none"
+}, props), _path || (_path = /*#__PURE__*/external_react_.createElement("path", {
+  stroke: "#003046",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  d: "M14.25 15.75 9 12l-5.25 3.75v-12a1.5 1.5 0 0 1 1.5-1.5h7.5a1.5 1.5 0 0 1 1.5 1.5z"
+})));
+/* harmony default export */ const flag = (SvgFlag);
 // EXTERNAL MODULE: ./src/assets/icons/link.svg
 var icons_link = __webpack_require__(1572);
 // EXTERNAL MODULE: ./src/components/shared/SvgIcon/index.tsx
@@ -47998,7 +47897,7 @@ var ShareProjectModal = () => {
     withCloseButton: true,
     ButtonIcon: /*#__PURE__*/(0,jsx_runtime_.jsx)(SvgIcon.SvgIcon, {
       size: 18,
-      SvgElement: flag/* default */.A
+      SvgElement: flag
     }),
     buttons: null,
     closeIcon: icons_close["default"],
@@ -62828,7 +62727,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_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","historyActive":"styles-module__historyActive--aOVxD","historyButton":"styles-module__historyButton--LInbn","commitHoverElement":"styles-module__commitHoverElement--foGWE","btnContainer":"styles-module__btnContainer--OlkJ2"});
+/* harmony default export */ const __WEBPACK_DEFAULT_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","historyActive":"styles-module__historyActive--aOVxD","historyButton":"styles-module__historyButton--LInbn","commitHoverElement":"styles-module__commitHoverElement--foGWE","btnContainer":"styles-module__btnContainer--OlkJ2","unavailableReason":"styles-module__unavailableReason--Rw3J8"});
 
 /***/ }),
 
@@ -62996,7 +62895,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_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","row":"styles-module__row--XtAJr","treeItem":"styles-module__treeItem--kbyYk","itemContent":"styles-module__itemContent--663gn","itemTitle":"styles-module__itemTitle--a6Liw","itemButton":"styles-module__itemButton--oB91C","itemSelected":"styles-module__itemSelected--JLLW5","itemFocused":"styles-module__itemFocused--SmUbE","level-0":"styles-module__level-0--5PVOR","level-1":"styles-module__level-1--vTMYv","level-2":"styles-module__level-2--Xx8Ie","level-3":"styles-module__level-3--ySuP4","level-4":"styles-module__level-4--7uciy","level-5":"styles-module__level-5--AEspR","level-6":"styles-module__level-6--c28W9","level-7":"styles-module__level-7--gU++Q","level-8":"styles-module__level-8--dmg5P","level-9":"styles-module__level-9--X73V0","level-10":"styles-module__level-10--VAKPI","level-11":"styles-module__level-11--5rqim","level-12":"styles-module__level-12--8cLBy","level-13":"styles-module__level-13--qlzYN","level-14":"styles-module__level-14--Q7bCT","level-15":"styles-module__level-15---1KaW","level-16":"styles-module__level-16--BCkZb","level-17":"styles-module__level-17--tM3Ht","level-18":"styles-module__level-18--GkyjF","level-19":"styles-module__level-19--kxLhM","level-20":"styles-module__level-20--sIjDn","itemContentEdit":"styles-module__itemContentEdit--cNmeE","inputError":"styles-module__inputError--zb21a","errorMessage":"styles-module__errorMessage--IT3hQ","itemTooltip":"styles-module__itemTooltip--c5oiY"});
+/* harmony default export */ const __WEBPACK_DEFAULT_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","row":"styles-module__row--XtAJr","treeItem":"styles-module__treeItem--kbyYk","itemContent":"styles-module__itemContent--663gn","itemTitle":"styles-module__itemTitle--a6Liw","itemButton":"styles-module__itemButton--oB91C","itemSelected":"styles-module__itemSelected--JLLW5","itemButtonVisible":"styles-module__itemButtonVisible--KAm3+","level-0":"styles-module__level-0--5PVOR","level-1":"styles-module__level-1--vTMYv","level-2":"styles-module__level-2--Xx8Ie","level-3":"styles-module__level-3--ySuP4","level-4":"styles-module__level-4--7uciy","level-5":"styles-module__level-5--AEspR","level-6":"styles-module__level-6--c28W9","level-7":"styles-module__level-7--gU++Q","level-8":"styles-module__level-8--dmg5P","level-9":"styles-module__level-9--X73V0","level-10":"styles-module__level-10--VAKPI","level-11":"styles-module__level-11--5rqim","level-12":"styles-module__level-12--8cLBy","level-13":"styles-module__level-13--qlzYN","level-14":"styles-module__level-14--Q7bCT","level-15":"styles-module__level-15---1KaW","level-16":"styles-module__level-16--BCkZb","level-17":"styles-module__level-17--tM3Ht","level-18":"styles-module__level-18--GkyjF","level-19":"styles-module__level-19--kxLhM","level-20":"styles-module__level-20--sIjDn","itemContentEdit":"styles-module__itemContentEdit--cNmeE","inputError":"styles-module__inputError--zb21a","errorMessage":"styles-module__errorMessage--IT3hQ","itemTooltip":"styles-module__itemTooltip--c5oiY"});
 
 /***/ }),
 
@@ -63151,7 +63050,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"shareButtonWrapper":"styles-module__shareButtonWrapper--wEN8e"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"shareButtonWrapper":"styles-module__shareButtonWrapper--wEN8e","unavailableReason":"styles-module__unavailableReason--YCH7g"});
 
 /***/ }),
 
@@ -78220,18 +78119,21 @@ const SvgIcon_1 = __webpack_require__(82917);
 const CommitHistoryMenu_1 = __webpack_require__(46175);
 const Tooltip_1 = __importDefault(__webpack_require__(26982));
 const useHover_1 = __webpack_require__(78556);
+const NO_COMMITS_MESSAGE = "Nothing here yet! Once you save your work, versions will appear here so you can restore them.";
+const UNAVAILABLE_REASON_ID = "history-button-unavailable-reason";
 const HistoryButton = ({ className }) => {
     const project = (0, stores_1.useAppSelector)((state) => state.editor.project);
     const commits = (0, stores_1.useAppSelector)((state) => state.editor.commits);
     const ref = (0, react_1.useRef)(null);
     const { hovered, hoverProps } = (0, useHover_1.useHover)();
     const [isContextOpen, setIsContextOpen] = (0, react_1.useState)(false);
+    const hasCommits = !!commits?.length;
     const handleClick = () => {
         setIsContextOpen((prev) => !prev);
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.btnContainer, ...hoverProps, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.default, { message: "Nothing here yet! Once you save your work, versions will appear here so you can restore them.", visible: hovered && !commits?.length, position: "bottom" }), (0, jsx_runtime_1.jsx)(Tooltip_1.default, { message: "Load previous versions", visible: hovered && !!commits?.length, position: "bottom", size: "fit" }), (0, jsx_runtime_1.jsx)(Button_1.default, { buttonRef: ref, className: (0, classnames_1.default)(styles_module_scss_1.default.historyButton, className, {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.btnContainer, ...hoverProps, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.default, { message: NO_COMMITS_MESSAGE, visible: hovered && !hasCommits, position: "bottom" }), (0, jsx_runtime_1.jsx)(Tooltip_1.default, { message: "Load previous versions", visible: hovered && hasCommits, position: "bottom", size: "fit" }), !hasCommits && ((0, jsx_runtime_1.jsx)("span", { id: UNAVAILABLE_REASON_ID, className: styles_module_scss_1.default.unavailableReason, children: NO_COMMITS_MESSAGE })), (0, jsx_runtime_1.jsx)(Button_1.default, { buttonRef: ref, className: (0, classnames_1.default)(styles_module_scss_1.default.historyButton, className, {
                             [styles_module_scss_1.default.historyActive]: isContextOpen,
-                        }), variant: "tertiary", label: "Load previous versions", onClickHandler: handleClick, ButtonIcon: () => (0, SvgIcon_1.SvgIcon)({ SvgElement: history_svg_1.default, size: 24 }), disabled: !commits?.length })] }), (0, jsx_runtime_1.jsx)(CommitHistoryMenu_1.CommitHistoryMenu, { isOpen: isContextOpen, onClose: () => setIsContextOpen(false), commits: commits, btnRef: ref, activeCommitId: project.commitId ?? undefined })] }));
+                        }), variant: "tertiary", label: "Load previous versions", onClickHandler: handleClick, ButtonIcon: () => (0, SvgIcon_1.SvgIcon)({ SvgElement: history_svg_1.default, size: 24 }), ariaDisabled: !hasCommits, ariaDescribedBy: hasCommits ? undefined : UNAVAILABLE_REASON_ID })] }), (0, jsx_runtime_1.jsx)(CommitHistoryMenu_1.CommitHistoryMenu, { isOpen: isContextOpen, onClose: () => setIsContextOpen(false), commits: commits, btnRef: ref, activeCommitId: project.commitId ?? undefined })] }));
 };
 exports["default"] = HistoryButton;
 
@@ -82757,7 +82659,7 @@ const Dropdown = (props) => {
     const [isOpen, setOpen] = (0, react_1.useState)(false);
     const buttonRef = (0, react_1.useRef)(null);
     const { hovered, hoverProps } = (0, useHover_1.useHover)();
-    return ((0, jsx_runtime_1.jsxs)("div", { ...hoverProps, children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", "aria-label": ariaLabel, className: (0, classnames_1.default)(buttonClassname, isOpen && styles_module_scss_1.default.buttonActive), onClick: () => setOpen((prev) => !prev), ref: buttonRef, children: [ButtonIcon && ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { SvgElement: ButtonIcon, size: 16, "aria-hidden": "true", focusable: "false" })), (0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { className: (0, classnames_1.default)(styles_module_scss_1.default.arrowIcon, isOpen && styles_module_scss_1.default.arrowIconOpen), style: { rotate: `${isOpen ? "-" : ""}90deg` }, SvgElement: arrow_right_svg_1.default, size: 8, "aria-hidden": "true", focusable: "false" })] }), (0, jsx_runtime_1.jsx)(Tooltip_1.default, { message: "Upload files", visible: hovered && !isOpen, position: "bottom", strategy: "fixed", size: "fit" }), (0, jsx_runtime_1.jsx)(ContextMenu_1.default, { anchorRef: buttonRef, menuOptions: menuOptions, opened: isOpen, onClose: () => setOpen(false), align: align, direction: direction, gap: 4 })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { ...hoverProps, children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", "aria-label": ariaLabel, "aria-haspopup": "menu", "aria-expanded": isOpen, className: (0, classnames_1.default)(buttonClassname, isOpen && styles_module_scss_1.default.buttonActive), onClick: () => setOpen((prev) => !prev), ref: buttonRef, children: [ButtonIcon && ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { SvgElement: ButtonIcon, size: 16, "aria-hidden": "true", focusable: "false" })), (0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { className: (0, classnames_1.default)(styles_module_scss_1.default.arrowIcon, isOpen && styles_module_scss_1.default.arrowIconOpen), style: { rotate: `${isOpen ? "-" : ""}90deg` }, SvgElement: arrow_right_svg_1.default, size: 8, "aria-hidden": "true", focusable: "false" })] }), (0, jsx_runtime_1.jsx)(Tooltip_1.default, { message: "Upload files", visible: hovered && !isOpen, position: "bottom", strategy: "fixed", size: "fit" }), (0, jsx_runtime_1.jsx)(ContextMenu_1.default, { anchorRef: buttonRef, menuOptions: menuOptions, opened: isOpen, onClose: () => setOpen(false), align: align, direction: direction, gap: 4 })] }));
 };
 exports["default"] = Dropdown;
 
@@ -82882,6 +82784,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.BasicItemContent = void 0;
 const jsx_runtime_1 = __webpack_require__(71178);
+const classnames_1 = __importDefault(__webpack_require__(46942));
 const button_dots_svg_1 = __importDefault(__webpack_require__(61995));
 const SvgIcon_1 = __webpack_require__(82917);
 const Text_1 = __webpack_require__(82803);
@@ -82891,7 +82794,7 @@ const useHover_1 = __webpack_require__(78556);
 const ItemEdit_1 = __webpack_require__(61576);
 const ItemIcon_1 = __webpack_require__(3427);
 const styles_module_scss_1 = __importDefault(__webpack_require__(10614));
-const BasicItemContent = ({ item, onOpenMenu, isMenuOpen, triggerRef, }) => {
+const BasicItemContent = ({ item, onOpenMenu, isMenuOpen, triggerRef, isTriggerVisible, isTriggerTabbable, }) => {
     const itemData = item.getItemData();
     const isSharedProject = (0, stores_1.useAppSelector)((state) => state.editor.isSharedProject);
     const { hovered, hoverProps } = (0, useHover_1.useHover)(useHover_1.TOOLTIP_SHOW_DELAY_MS);
@@ -82901,7 +82804,9 @@ const BasicItemContent = ({ item, onOpenMenu, isMenuOpen, triggerRef, }) => {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.itemContent, onContextMenu: (e) => {
                     e.preventDefault();
                     onOpenMenu({ x: e.clientX, y: e.clientY });
-                }, children: [(0, jsx_runtime_1.jsx)(ItemIcon_1.ItemIcon, { itemData: itemData }), (0, jsx_runtime_1.jsx)(Text_1.Text, { className: styles_module_scss_1.default.itemTitle, size: 12, draggable: true, ...hoverProps, children: item.getItemName() }), !isSharedProject && ((0, jsx_runtime_1.jsx)("button", { ref: triggerRef, type: "button", tabIndex: -1, className: styles_module_scss_1.default.itemButton, "aria-label": `More actions for ${item.getItemName()}`, "aria-haspopup": "menu", "aria-expanded": isMenuOpen, onClick: (e) => {
+                }, children: [(0, jsx_runtime_1.jsx)(ItemIcon_1.ItemIcon, { itemData: itemData }), (0, jsx_runtime_1.jsx)(Text_1.Text, { className: styles_module_scss_1.default.itemTitle, size: 12, draggable: true, ...hoverProps, children: item.getItemName() }), !isSharedProject && ((0, jsx_runtime_1.jsx)("button", { ref: triggerRef, type: "button", tabIndex: isTriggerTabbable ? 0 : -1, className: (0, classnames_1.default)(styles_module_scss_1.default.itemButton, {
+                            [styles_module_scss_1.default.itemButtonVisible]: isTriggerVisible,
+                        }), "aria-label": `More actions for ${item.getItemName()}`, "aria-haspopup": "menu", "aria-expanded": isMenuOpen, onClick: (e) => {
                             e.stopPropagation();
                             // Anchor to the button's box, not the click point: a keyboard
                             // activation reports clientX/Y of 0.
@@ -82923,8 +82828,8 @@ exports.FileItem = void 0;
 const jsx_runtime_1 = __webpack_require__(71178);
 const BasicItemContent_1 = __webpack_require__(34071);
 const ItemContextMenu_1 = __webpack_require__(54035);
-const FileItem = ({ item, onOpenMenu, isContextMenuOpen, contextMenuPosition, onCloseContextMenu, triggerRef, }) => {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(BasicItemContent_1.BasicItemContent, { item: item, onOpenMenu: onOpenMenu, isMenuOpen: isContextMenuOpen, triggerRef: triggerRef }), (0, jsx_runtime_1.jsx)(ItemContextMenu_1.ItemContextMenu, { item: item, menuPosition: contextMenuPosition, isOpened: isContextMenuOpen, onClose: onCloseContextMenu })] }));
+const FileItem = ({ item, onOpenMenu, isContextMenuOpen, contextMenuPosition, onCloseContextMenu, triggerRef, isTriggerVisible, isTriggerTabbable, }) => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(BasicItemContent_1.BasicItemContent, { item: item, onOpenMenu: onOpenMenu, isMenuOpen: isContextMenuOpen, triggerRef: triggerRef, isTriggerVisible: isTriggerVisible, isTriggerTabbable: isTriggerTabbable }), (0, jsx_runtime_1.jsx)(ItemContextMenu_1.ItemContextMenu, { item: item, menuPosition: contextMenuPosition, isOpened: isContextMenuOpen, onClose: onCloseContextMenu })] }));
 };
 exports.FileItem = FileItem;
 
@@ -82946,12 +82851,12 @@ const arrow_right_svg_1 = __importDefault(__webpack_require__(75668));
 const ItemContextMenu_1 = __webpack_require__(54035);
 const BasicItemContent_1 = __webpack_require__(34071);
 const SvgIcon_1 = __webpack_require__(82917);
-const FolderItem = ({ item, onOpenMenu, onCloseContextMenu, isContextMenuOpen, onImport, contextMenuPosition, triggerRef, }) => {
+const FolderItem = ({ item, onOpenMenu, onCloseContextMenu, isContextMenuOpen, onImport, contextMenuPosition, triggerRef, isTriggerVisible, isTriggerTabbable, }) => {
     const arrowIcon = ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { style: item.isExpanded() ? { rotate: "90deg" } : undefined, SvgElement: arrow_right_svg_1.default, size: 16, "aria-hidden": "true", focusable: "false" }));
     const handleFileImport = (files) => {
         onImport(files, item);
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [arrowIcon, (0, jsx_runtime_1.jsx)(BasicItemContent_1.BasicItemContent, { item: item, onOpenMenu: onOpenMenu, isMenuOpen: isContextMenuOpen, triggerRef: triggerRef }), (0, jsx_runtime_1.jsx)(FileImport_1.FileImport, { onFilesUpload: handleFileImport, allowMultiple: true, children: (openImportFileDialog) => ((0, jsx_runtime_1.jsx)(ItemContextMenu_1.ItemContextMenu, { item: item, menuPosition: contextMenuPosition, isOpened: isContextMenuOpen, onClose: onCloseContextMenu, openImportFileDialog: openImportFileDialog })) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [arrowIcon, (0, jsx_runtime_1.jsx)(BasicItemContent_1.BasicItemContent, { item: item, onOpenMenu: onOpenMenu, isMenuOpen: isContextMenuOpen, triggerRef: triggerRef, isTriggerVisible: isTriggerVisible, isTriggerTabbable: isTriggerTabbable }), (0, jsx_runtime_1.jsx)(FileImport_1.FileImport, { onFilesUpload: handleFileImport, allowMultiple: true, children: (openImportFileDialog) => ((0, jsx_runtime_1.jsx)(ItemContextMenu_1.ItemContextMenu, { item: item, menuPosition: contextMenuPosition, isOpened: isContextMenuOpen, onClose: onCloseContextMenu, openImportFileDialog: openImportFileDialog })) })] }));
 };
 exports.FolderItem = FolderItem;
 
@@ -83226,6 +83131,8 @@ const FileTreeItem = ({ item, guides, activeLevel, isContextMenuAvailable, }) =>
     const { layers, positions, sizes } = (0, treeGuides_1.getItemGuidesStyles)(guides, activeLevel);
     const [isContextMenuOpen, setIsContextMenuOpen] = (0, react_1.useState)(false);
     const [contextMenuPosition, setContextMenuPosition] = (0, react_1.useState)({ x: 0, y: 0 });
+    const [hasKeyboardFocus, setHasKeyboardFocus] = (0, react_1.useState)(false);
+    const pointerFocusRef = (0, react_1.useRef)(false);
     const triggerRef = (0, react_1.useRef)(null);
     const handleOpenContextMenu = (position) => {
         if (!isContextMenuAvailable)
@@ -83236,8 +83143,7 @@ const FileTreeItem = ({ item, guides, activeLevel, isContextMenuAvailable, }) =>
     const handleCloseContextMenu = () => {
         setIsContextMenuOpen(false);
         setContextMenuPosition({ x: 0, y: 0 });
-        // Back to the row, not the ⋯ button, which is outside the tab order — but
-        // only if focus was lost (Escape), not moved on purpose (rename, modal).
+        // Back to the row, not the hidden ⋯ button, and only if focus was lost.
         requestAnimationFrame(() => {
             const active = document.activeElement;
             if (!active || active === document.body) {
@@ -83246,7 +83152,24 @@ const FileTreeItem = ({ item, guides, activeLevel, isContextMenuAvailable, }) =>
             }
         });
     };
-    // Keyboard route to the ⋯ menu, which is out of the tab order.
+    // Only keyboard focus counts: the pointer already has hover.
+    const isTriggerVisible = hasKeyboardFocus || isContextMenuOpen;
+    const isTriggerTabbable = isContextMenuAvailable && isTriggerVisible;
+    const handleRowPointerDown = (e) => {
+        if (e.button !== 0)
+            return; // a right-click ends with Escape, back on the row
+        pointerFocusRef.current = true;
+    };
+    // Cleared on blur, not here: focus can be reported twice for one row.
+    const handleRowFocus = () => setHasKeyboardFocus(!pointerFocusRef.current);
+    const handleRowBlur = (e) => {
+        const movedTo = e.relatedTarget;
+        if (movedTo && e.currentTarget.contains(movedTo))
+            return; // still in the row
+        pointerFocusRef.current = false;
+        setHasKeyboardFocus(false);
+    };
+    // Keyboard route to the ⋯ menu, for anyone who does not Tab to it.
     const handleKeyDown = (e) => {
         const isMenuKey = e.key === "ContextMenu" ||
             (e.shiftKey && e.key === "F10") ||
@@ -83264,16 +83187,15 @@ const FileTreeItem = ({ item, guides, activeLevel, isContextMenuAvailable, }) =>
         const rect = trigger.getBoundingClientRect();
         handleOpenContextMenu({ x: rect.left, y: rect.bottom });
     };
-    return ((0, jsx_runtime_1.jsx)("div", { ...item.getProps(), onKeyDown: handleKeyDown, className: (0, classnames_1.default)(styles_module_scss_1.default.row, styles_module_scss_1.default[`level-${level}`]), style: {
+    return ((0, jsx_runtime_1.jsx)("div", { ...item.getProps(), onKeyDown: handleKeyDown, onMouseDown: handleRowPointerDown, onFocus: handleRowFocus, onBlur: handleRowBlur, className: (0, classnames_1.default)(styles_module_scss_1.default.row, styles_module_scss_1.default[`level-${level}`]), style: {
             ["--guides-bg"]: layers.join(","),
             ["--guides-pos"]: positions.join(","),
             ["--guides-size"]: sizes.join(","),
         }, children: (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.treeItem, {
-                [styles_module_scss_1.default.itemFocused]: item.isFocused(),
                 [styles_module_scss_1.default.itemExpanded]: item.isExpanded(),
                 [styles_module_scss_1.default.itemSelected]: item.isSelected(),
                 [styles_module_scss_1.default.itemFolder]: item.isFolder(),
-            }), children: item.isFolder() ? ((0, jsx_runtime_1.jsx)(FolderItem_1.FolderItem, { item: item, onOpenMenu: handleOpenContextMenu, onCloseContextMenu: handleCloseContextMenu, isContextMenuOpen: isContextMenuOpen, onImport: importFiles, contextMenuPosition: contextMenuPosition, triggerRef: triggerRef })) : ((0, jsx_runtime_1.jsx)(FileItem_1.FileItem, { item: item, onOpenMenu: handleOpenContextMenu, isContextMenuOpen: isContextMenuOpen, contextMenuPosition: contextMenuPosition, onCloseContextMenu: handleCloseContextMenu, triggerRef: triggerRef })) }) }));
+            }), children: item.isFolder() ? ((0, jsx_runtime_1.jsx)(FolderItem_1.FolderItem, { item: item, onOpenMenu: handleOpenContextMenu, onCloseContextMenu: handleCloseContextMenu, isContextMenuOpen: isContextMenuOpen, onImport: importFiles, contextMenuPosition: contextMenuPosition, triggerRef: triggerRef, isTriggerVisible: isTriggerVisible, isTriggerTabbable: isTriggerTabbable })) : ((0, jsx_runtime_1.jsx)(FileItem_1.FileItem, { item: item, onOpenMenu: handleOpenContextMenu, isContextMenuOpen: isContextMenuOpen, contextMenuPosition: contextMenuPosition, onCloseContextMenu: handleCloseContextMenu, triggerRef: triggerRef, isTriggerVisible: isTriggerVisible, isTriggerTabbable: isTriggerTabbable })) }) }));
 };
 exports.FileTreeItem = FileTreeItem;
 
@@ -84336,10 +84258,9 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ModalTypeToComponentMap = void 0;
 const jsx_runtime_1 = __webpack_require__(71178);
 const types_1 = __webpack_require__(92932);
-const ShareProjectModal_1 = __importDefault(__webpack_require__(38876));
+const ShareProjectModal_1 = __importDefault(__webpack_require__(24658));
 const ProjectHistoryModal_1 = __importDefault(__webpack_require__(39345));
 const RemoveItemModal_1 = __importDefault(__webpack_require__(68544));
-const SaveProjectReminderModal_1 = __importDefault(__webpack_require__(23765));
 const UploadSizeLimitModal_1 = __importDefault(__webpack_require__(66156));
 const UploadFilesModal_1 = __importDefault(__webpack_require__(9825));
 const RemixProjectModal_1 = __importDefault(__webpack_require__(14472));
@@ -84348,7 +84269,6 @@ exports.ModalTypeToComponentMap = {
     [types_1.ModalType.SHARE_PROJECT]: (0, jsx_runtime_1.jsx)(ShareProjectModal_1.default, {}),
     [types_1.ModalType.REMOVE_ITEM]: (0, jsx_runtime_1.jsx)(RemoveItemModal_1.default, {}),
     [types_1.ModalType.RESTORE_VERSION]: (0, jsx_runtime_1.jsx)(ProjectHistoryModal_1.default, {}),
-    [types_1.ModalType.SAVE_PROJECT_REMINDER]: (0, jsx_runtime_1.jsx)(SaveProjectReminderModal_1.default, {}),
     [types_1.ModalType.UPLOAD_SIZE_LIMIT]: (0, jsx_runtime_1.jsx)(UploadSizeLimitModal_1.default, {}),
     [types_1.ModalType.UPLOAD_FILES]: (0, jsx_runtime_1.jsx)(UploadFilesModal_1.default, {}),
     [types_1.ModalType.REMIX_PROJECT]: (0, jsx_runtime_1.jsx)(RemixProjectModal_1.default, {}),
@@ -84605,6 +84525,8 @@ const stores_1 = __webpack_require__(32132);
 const useHover_1 = __webpack_require__(78556);
 const styles_module_scss_1 = __importDefault(__webpack_require__(68776));
 const SvgIcon_1 = __webpack_require__(82917);
+const NO_SHARE_LINKS_MESSAGE = "To share your project, please save it first.";
+const UNAVAILABLE_REASON_ID = "share-button-unavailable-reason";
 const ShareButton = (props) => {
     const dispatch = (0, react_redux_1.useDispatch)();
     const shareLinks = (0, stores_1.useAppSelector)((state) => state.editor.shareLinks);
@@ -84621,7 +84543,7 @@ const ShareButton = (props) => {
     }, [dispatch, shareLinks]);
     const canShare = Boolean(shareLinks);
     const { hovered, hoverProps } = (0, useHover_1.useHover)();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.shareButtonWrapper, ...hoverProps, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.default, { message: "To share your project, please save it first.", visible: hovered && !canShare, position: "bottom" }), (0, jsx_runtime_1.jsx)(Tooltip_1.default, { message: "Share this project", visible: hovered && canShare, position: "bottom", size: "fit" }), (0, jsx_runtime_1.jsx)(Button_1.default, { disabled: !canShare, variant: "tertiary", label: "Share this project", ButtonIcon: () => (0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { SvgElement: share_svg_1.default, size: 24 }), onClickHandler: onClickShare, ...props })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.shareButtonWrapper, ...hoverProps, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.default, { message: NO_SHARE_LINKS_MESSAGE, visible: hovered && !canShare, position: "bottom" }), (0, jsx_runtime_1.jsx)(Tooltip_1.default, { message: "Share this project", visible: hovered && canShare, position: "bottom", size: "fit" }), !canShare && ((0, jsx_runtime_1.jsx)("span", { id: UNAVAILABLE_REASON_ID, className: styles_module_scss_1.default.unavailableReason, children: NO_SHARE_LINKS_MESSAGE })), (0, jsx_runtime_1.jsx)(Button_1.default, { ariaDisabled: !canShare, ariaDescribedBy: canShare ? undefined : UNAVAILABLE_REASON_ID, variant: "tertiary", label: "Share this project", ButtonIcon: () => (0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { SvgElement: share_svg_1.default, size: 24 }), onClickHandler: onClickShare, ...props })] }));
 };
 exports["default"] = ShareButton;
 
@@ -87787,7 +87709,6 @@ var ModalType;
     ModalType["SHARE_PROJECT"] = "shareProject";
     ModalType["REMOVE_ITEM"] = "removeItem";
     ModalType["RESTORE_VERSION"] = "restoreVersion";
-    ModalType["SAVE_PROJECT_REMINDER"] = "saveProjectReminder";
     ModalType["UPLOAD_SIZE_LIMIT"] = "uploadSizeLimit";
     ModalType["UPLOAD_FILES"] = "uploadFiles";
     ModalType["REMIX_PROJECT"] = "remixProject";

package/dist/style.css

@@ -1,5 +1,5 @@
 @import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Roboto+Mono:wght@400;500&display=swap);
-:root{--rpf-white: #ffffff}.styles-module__btn--0Px6W{align-items:center;border-radius:calc(.75rem*var(--scale-factor, 1));border:0;box-sizing:border-box;padding:calc(.75rem*var(--scale-factor, 1)) calc(1.25rem*var(--scale-factor, 1));color:#003046;cursor:pointer;display:inline-flex;font-family:var(--wc-font-family-sans-serif);font-size:inherit;font-weight:500;gap:calc(.5rem*var(--scale-factor, 1));justify-content:center;position:relative;text-align:center;text-decoration:none;transition:all .2s ease}.styles-module__btn--0Px6W:disabled{background-color:#4a4d59;color:#69746d;cursor:default}.styles-module__btn--0Px6W:focus-visible{border:3px solid #cd2356;outline:none}.styles-module__btn--primary--k7oQ0{background-color:var(--rpf-button-primary-background-color);border-radius:calc(.5rem*var(--scale-factor, 1));color:var(--rpf-button-primary-text-color)}.styles-module__btn--primary--k7oQ0 svg{fill:var(--rpf-button-primary-text-color)}.styles-module__btn--primary--k7oQ0:active,.styles-module__btn-outer--4KgkG:active .styles-module__btn--primary--k7oQ0{background-color:var(--rpf-button-primary-background-color-active)}.styles-module__btn--primary--k7oQ0:focus-visible,.styles-module__btn-outer--4KgkG:focus-visible .styles-module__btn--primary--k7oQ0{background-color:var(--rpf-button-primary-background-color-focus)}.styles-module__btn--primary--k7oQ0:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--primary--k7oQ0{background-color:var(--rpf-button-primary-background-color-hover);border-radius:calc(.5rem*var(--scale-factor, 1))}.styles-module__btn--primary--k7oQ0:disabled{background-color:var(--rpf-button-primary-background-color-disabled);color:var(--rpf-button-primary-color-disabled)}.styles-module__btn--primary--k7oQ0:disabled svg{fill:var(--rpf-button-primary-color-disabled)}.styles-module__btn--primary--k7oQ0:disabled:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--primary--k7oQ0:disabled{background-color:var(--rpf-button-primary-background-color-disabled)}.styles-module__btn--secondary--tK09f{background-color:inherit;color:var(--rpf-button-secondary-text-color);border:2px solid var(--rpf-button-primary-background-color)}.styles-module__btn--secondary--tK09f svg{fill:var(--rpf-button-secondary-text-color)}.styles-module__btn--secondary--tK09f:active,.styles-module__btn-outer--4KgkG:active .styles-module__btn--secondary--tK09f{background-color:inherit}.styles-module__btn--secondary--tK09f:focus-visible,.styles-module__btn-outer--4KgkG:focus-visible .styles-module__btn--secondary--tK09f{background-color:inherit}.styles-module__btn--secondary--tK09f:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--secondary--tK09f{background-color:inherit}.styles-module__btn--secondary--tK09f:disabled{background-color:var(--rpf-button-secondary-background-color-disabled);color:var(--rpf-button-secondary-background-color-active)}.styles-module__btn--secondary--tK09f:disabled svg{fill:var(--rpf-button-secondary-background-color-active)}.styles-module__btn--secondary--tK09f:disabled:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--secondary--tK09f:disabled{background-color:var(--rpf-button-secondary-background-color-disabled)}.styles-module__btn--secondary--tK09f:active{border:2px solid var(--rpf-button-secondary-background-color-active)}.styles-module__btn--secondary--tK09f:hover{background-color:var(--rpf-button-secondary-background-color-hover);color:var(--rpf-button-secondary-text-color-hover);border-color:var(--rpf-button-secondary-border-color-hover) !important}.styles-module__btn--secondary--tK09f:hover svg{fill:var(--rpf-button-secondary-text-color-hover)}.styles-module__btn--secondary--tK09f:focus-visible{outline:3px solid var(--rpf-button-secondary-background-color-focus)}.styles-module__btn--tertiary--jf5po{background-color:inherit;color:inherit}.styles-module__btn--tertiary--jf5po:active,.styles-module__btn-outer--4KgkG:active .styles-module__btn--tertiary--jf5po{background-color:inherit}.styles-module__btn--tertiary--jf5po:focus-visible,.styles-module__btn-outer--4KgkG:focus-visible .styles-module__btn--tertiary--jf5po{background-color:inherit}.styles-module__btn--tertiary--jf5po:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--tertiary--jf5po{background-color:inherit}.styles-module__btn--tertiary--jf5po:disabled{background-color:inherit;color:#4a4d59}.styles-module__btn--tertiary--jf5po:disabled svg{fill:#4a4d59}.styles-module__btn--tertiary--jf5po:disabled:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--tertiary--jf5po:disabled{background-color:inherit}.styles-module__btn--tertiary--jf5po:active{color:#0e857a}.styles-module__btn--tertiary--jf5po:active svg{fill:#0e857a}.styles-module__btn--tertiary--jf5po:hover{color:var(--rpf-button-tertiary-text-color-hover)}.styles-module__btn--tertiary--jf5po:hover svg{fill:var(--rpf-button-tertiary-text-color-hover)}.styles-module__btn--tertiaryGray--gFHKt{background-color:inherit;color:inherit}.styles-module__btn--tertiaryGray--gFHKt:active,.styles-module__btn-outer--4KgkG:active .styles-module__btn--tertiaryGray--gFHKt{background-color:inherit}.styles-module__btn--tertiaryGray--gFHKt:focus-visible,.styles-module__btn-outer--4KgkG:focus-visible .styles-module__btn--tertiaryGray--gFHKt{background-color:inherit}.styles-module__btn--tertiaryGray--gFHKt:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--tertiaryGray--gFHKt{background-color:inherit}.styles-module__btn--tertiaryGray--gFHKt:disabled{background-color:inherit;color:#4a4d59}.styles-module__btn--tertiaryGray--gFHKt:disabled svg{fill:#4a4d59}.styles-module__btn--tertiaryGray--gFHKt:disabled:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--tertiaryGray--gFHKt:disabled{background-color:inherit}.styles-module__btn--tertiaryGray--gFHKt:active{color:#43d6b9}.styles-module__btn--tertiaryGray--gFHKt:active svg{fill:#43d6b9}.styles-module__btn--tertiaryGray--gFHKt:hover{color:var(#4a4d59)}.styles-module__btn--tertiaryGray--gFHKt:hover svg{fill:var(#4a4d59)}.styles-module__btn--danger--SmsoX{background-color:#9e0a0a;color:#fff}.styles-module__btn--danger--SmsoX svg{fill:#fff}.styles-module__btn--danger--SmsoX:active,.styles-module__btn-outer--4KgkG:active .styles-module__btn--danger--SmsoX{background-color:#9e0a0a}.styles-module__btn--danger--SmsoX:focus-visible,.styles-module__btn-outer--4KgkG:focus-visible .styles-module__btn--danger--SmsoX{background-color:#9e0a0a}.styles-module__btn--danger--SmsoX:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--danger--SmsoX{background-color:#86151e}.styles-module__btn--danger--SmsoX:disabled{background-color:#9e0a0a;color:#fff}.styles-module__btn--danger--SmsoX:disabled svg{fill:#fff}.styles-module__btn--danger--SmsoX:disabled:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--danger--SmsoX:disabled{background-color:#9e0a0a}.styles-module__btn--danger--SmsoX:focus-visible{background-clip:padding-box;border:2px solid rgba(0,0,0,0);outline:3px solid #cd2356}.styles-module__btn--small--cJ2bM{min-block-size:unset;min-inline-size:unset;padding:calc(.25rem*var(--scale-factor, 1))}.styles-module__btnOuter--ip64U{background:rgba(0,0,0,0);border-radius:calc(.5rem*var(--scale-factor, 1));cursor:pointer;padding:calc(.5rem*var(--scale-factor, 1)) 0;display:flex;align-items:center;justify-content:center}.styles-module__btnOuter--ip64U:focus-visible{outline:none}.styles-module__btnOuter--ip64U:focus-visible .styles-module__btn--0Px6W{border:3px solid #cd2356}.styles-module__btnOuter--ip64U:has(.styles-module__btn--0Px6W:disabled){cursor:default}.styles-module__svgOnly--eXeyf{background-color:#43d6b9}.styles-module__svgOnly--eXeyf svg{margin:0}.styles-module__primary--AeI1M{background:#fde246}.styles-module__primary--AeI1M:hover{background:#edce22}.styles-module__primary--AeI1M:active{background:#fff;border:1px solid #003046}.styles-module__primary--AeI1M:disabled{background:#fffbe3;color:#69746d}.styles-module__secondary--tAMJR{background:linear-gradient(139deg, rgba(185, 230, 238, 0.8) 9.38%, rgba(113, 235, 188, 0.8) 45.1%, rgba(113, 235, 188, 0.8) 59.39%, rgba(185, 230, 238, 0.8) 88.77%),#fff;border:none}.styles-module__secondary--tAMJR:hover{background:linear-gradient(0deg, hsla(0, 0%, 34%, 0.15), hsla(0, 0%, 34%, 0.15)),linear-gradient(320deg, #B9E6EE 17.77%, #71EBBC 47.58%, #71EBBC 59.5%, #B9E6EE 84%)}.styles-module__secondary--tAMJR:active{background:#fff;border:1px solid #003046}.styles-module__secondary--tAMJR:disabled{background:linear-gradient(135deg, #B9E6EE, #71EBBC, #71EBBC, #B9E6EE),linear-gradient(139deg, #B9E6EE 9.38%, #71EBBC 45.1%, #71EBBC 59.39%, #B9E6EE 88.77%),#fff}.styles-module__tertiary--Kr5w9{background:#43d6b9;color:#003046}.styles-module__tertiary--Kr5w9:hover{background:#cbcbcb}.styles-module__tertiary--Kr5w9:active{background:#fff}.styles-module__tertiary--Kr5w9:disabled{background:#e5e5e5;color:#69746d}.styles-module__tertiaryGray--gVUq6{background:#e5e5e5;color:#33625e}.styles-module__tertiaryGray--gVUq6:hover{background:#cbcbcb}.styles-module__tertiaryGray--gVUq6:disabled{background:#d5d7dc;color:#69746d}.styles-module__iconed--AMs-c{padding-top:10px;padding-bottom:10px}.styles-module__icon--C2jj1{padding:0px}
+:root{--rpf-white: #ffffff}.styles-module__btn--0Px6W{align-items:center;border-radius:calc(.75rem*var(--scale-factor, 1));border:0;box-sizing:border-box;padding:calc(.75rem*var(--scale-factor, 1)) calc(1.25rem*var(--scale-factor, 1));color:#003046;cursor:pointer;display:inline-flex;font-family:var(--wc-font-family-sans-serif);font-size:inherit;font-weight:500;gap:calc(.5rem*var(--scale-factor, 1));justify-content:center;position:relative;text-align:center;text-decoration:none;transition:all .2s ease}.styles-module__btn--0Px6W:disabled,.styles-module__btn--0Px6W[aria-disabled=true]{background-color:#4a4d59;color:#69746d;cursor:default}.styles-module__btn--0Px6W:focus-visible{border:3px solid #cd2356;outline:none}.styles-module__btn--primary--k7oQ0{background-color:var(--rpf-button-primary-background-color);border-radius:calc(.5rem*var(--scale-factor, 1));color:var(--rpf-button-primary-text-color)}.styles-module__btn--primary--k7oQ0 svg{fill:var(--rpf-button-primary-text-color)}.styles-module__btn--primary--k7oQ0:active,.styles-module__btn-outer--4KgkG:active .styles-module__btn--primary--k7oQ0{background-color:var(--rpf-button-primary-background-color-active)}.styles-module__btn--primary--k7oQ0:focus-visible,.styles-module__btn-outer--4KgkG:focus-visible .styles-module__btn--primary--k7oQ0{background-color:var(--rpf-button-primary-background-color-focus)}.styles-module__btn--primary--k7oQ0:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--primary--k7oQ0{background-color:var(--rpf-button-primary-background-color-hover);border-radius:calc(.5rem*var(--scale-factor, 1))}.styles-module__btn--primary--k7oQ0:disabled,.styles-module__btn--primary--k7oQ0[aria-disabled=true]{background-color:var(--rpf-button-primary-background-color-disabled);color:var(--rpf-button-primary-color-disabled)}.styles-module__btn--primary--k7oQ0:disabled svg,.styles-module__btn--primary--k7oQ0[aria-disabled=true] svg{fill:var(--rpf-button-primary-color-disabled)}.styles-module__btn--primary--k7oQ0:disabled:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--primary--k7oQ0:disabled,.styles-module__btn--primary--k7oQ0[aria-disabled=true]:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--primary--k7oQ0[aria-disabled=true]{background-color:var(--rpf-button-primary-background-color-disabled)}.styles-module__btn--secondary--tK09f{background-color:inherit;color:var(--rpf-button-secondary-text-color);border:2px solid var(--rpf-button-primary-background-color)}.styles-module__btn--secondary--tK09f svg{fill:var(--rpf-button-secondary-text-color)}.styles-module__btn--secondary--tK09f:active,.styles-module__btn-outer--4KgkG:active .styles-module__btn--secondary--tK09f{background-color:inherit}.styles-module__btn--secondary--tK09f:focus-visible,.styles-module__btn-outer--4KgkG:focus-visible .styles-module__btn--secondary--tK09f{background-color:inherit}.styles-module__btn--secondary--tK09f:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--secondary--tK09f{background-color:inherit}.styles-module__btn--secondary--tK09f:disabled,.styles-module__btn--secondary--tK09f[aria-disabled=true]{background-color:var(--rpf-button-secondary-background-color-disabled);color:var(--rpf-button-secondary-background-color-active)}.styles-module__btn--secondary--tK09f:disabled svg,.styles-module__btn--secondary--tK09f[aria-disabled=true] svg{fill:var(--rpf-button-secondary-background-color-active)}.styles-module__btn--secondary--tK09f:disabled:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--secondary--tK09f:disabled,.styles-module__btn--secondary--tK09f[aria-disabled=true]:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--secondary--tK09f[aria-disabled=true]{background-color:var(--rpf-button-secondary-background-color-disabled)}.styles-module__btn--secondary--tK09f:active{border:2px solid var(--rpf-button-secondary-background-color-active)}.styles-module__btn--secondary--tK09f:hover{background-color:var(--rpf-button-secondary-background-color-hover);color:var(--rpf-button-secondary-text-color-hover);border-color:var(--rpf-button-secondary-border-color-hover) !important}.styles-module__btn--secondary--tK09f:hover svg{fill:var(--rpf-button-secondary-text-color-hover)}.styles-module__btn--secondary--tK09f:focus-visible{outline:3px solid var(--rpf-button-secondary-background-color-focus)}.styles-module__btn--tertiary--jf5po{background-color:inherit;color:inherit}.styles-module__btn--tertiary--jf5po:active,.styles-module__btn-outer--4KgkG:active .styles-module__btn--tertiary--jf5po{background-color:inherit}.styles-module__btn--tertiary--jf5po:focus-visible,.styles-module__btn-outer--4KgkG:focus-visible .styles-module__btn--tertiary--jf5po{background-color:inherit}.styles-module__btn--tertiary--jf5po:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--tertiary--jf5po{background-color:inherit}.styles-module__btn--tertiary--jf5po:disabled,.styles-module__btn--tertiary--jf5po[aria-disabled=true]{background-color:inherit;color:#4a4d59}.styles-module__btn--tertiary--jf5po:disabled svg,.styles-module__btn--tertiary--jf5po[aria-disabled=true] svg{fill:#4a4d59}.styles-module__btn--tertiary--jf5po:disabled:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--tertiary--jf5po:disabled,.styles-module__btn--tertiary--jf5po[aria-disabled=true]:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--tertiary--jf5po[aria-disabled=true]{background-color:inherit}.styles-module__btn--tertiary--jf5po:active{color:#0e857a}.styles-module__btn--tertiary--jf5po:active svg{fill:#0e857a}.styles-module__btn--tertiary--jf5po:hover{color:var(--rpf-button-tertiary-text-color-hover)}.styles-module__btn--tertiary--jf5po:hover svg{fill:var(--rpf-button-tertiary-text-color-hover)}.styles-module__btn--tertiaryGray--gFHKt{background-color:inherit;color:inherit}.styles-module__btn--tertiaryGray--gFHKt:active,.styles-module__btn-outer--4KgkG:active .styles-module__btn--tertiaryGray--gFHKt{background-color:inherit}.styles-module__btn--tertiaryGray--gFHKt:focus-visible,.styles-module__btn-outer--4KgkG:focus-visible .styles-module__btn--tertiaryGray--gFHKt{background-color:inherit}.styles-module__btn--tertiaryGray--gFHKt:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--tertiaryGray--gFHKt{background-color:inherit}.styles-module__btn--tertiaryGray--gFHKt:disabled,.styles-module__btn--tertiaryGray--gFHKt[aria-disabled=true]{background-color:inherit;color:#4a4d59}.styles-module__btn--tertiaryGray--gFHKt:disabled svg,.styles-module__btn--tertiaryGray--gFHKt[aria-disabled=true] svg{fill:#4a4d59}.styles-module__btn--tertiaryGray--gFHKt:disabled:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--tertiaryGray--gFHKt:disabled,.styles-module__btn--tertiaryGray--gFHKt[aria-disabled=true]:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--tertiaryGray--gFHKt[aria-disabled=true]{background-color:inherit}.styles-module__btn--tertiaryGray--gFHKt:active{color:#43d6b9}.styles-module__btn--tertiaryGray--gFHKt:active svg{fill:#43d6b9}.styles-module__btn--tertiaryGray--gFHKt:hover{color:var(#4a4d59)}.styles-module__btn--tertiaryGray--gFHKt:hover svg{fill:var(#4a4d59)}.styles-module__btn--danger--SmsoX{background-color:#9e0a0a;color:#fff}.styles-module__btn--danger--SmsoX svg{fill:#fff}.styles-module__btn--danger--SmsoX:active,.styles-module__btn-outer--4KgkG:active .styles-module__btn--danger--SmsoX{background-color:#9e0a0a}.styles-module__btn--danger--SmsoX:focus-visible,.styles-module__btn-outer--4KgkG:focus-visible .styles-module__btn--danger--SmsoX{background-color:#9e0a0a}.styles-module__btn--danger--SmsoX:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--danger--SmsoX{background-color:#86151e}.styles-module__btn--danger--SmsoX:disabled,.styles-module__btn--danger--SmsoX[aria-disabled=true]{background-color:#9e0a0a;color:#fff}.styles-module__btn--danger--SmsoX:disabled svg,.styles-module__btn--danger--SmsoX[aria-disabled=true] svg{fill:#fff}.styles-module__btn--danger--SmsoX:disabled:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--danger--SmsoX:disabled,.styles-module__btn--danger--SmsoX[aria-disabled=true]:hover,.styles-module__btn-outer--4KgkG:hover .styles-module__btn--danger--SmsoX[aria-disabled=true]{background-color:#9e0a0a}.styles-module__btn--danger--SmsoX:focus-visible{background-clip:padding-box;border:2px solid rgba(0,0,0,0);outline:3px solid #cd2356}.styles-module__btn--small--cJ2bM{min-block-size:unset;min-inline-size:unset;padding:calc(.25rem*var(--scale-factor, 1))}.styles-module__btnOuter--ip64U{background:rgba(0,0,0,0);border-radius:calc(.5rem*var(--scale-factor, 1));cursor:pointer;padding:calc(.5rem*var(--scale-factor, 1)) 0;display:flex;align-items:center;justify-content:center}.styles-module__btnOuter--ip64U:focus-visible{outline:none}.styles-module__btnOuter--ip64U:focus-visible .styles-module__btn--0Px6W{border:3px solid #cd2356}.styles-module__btnOuter--ip64U:has(.styles-module__btn--0Px6W:disabled),.styles-module__btnOuter--ip64U:has(.styles-module__btn--0Px6W[aria-disabled=true]){cursor:default}.styles-module__svgOnly--eXeyf{background-color:#43d6b9}.styles-module__svgOnly--eXeyf svg{margin:0}.styles-module__primary--AeI1M{background:#fde246}.styles-module__primary--AeI1M:hover{background:#edce22}.styles-module__primary--AeI1M:active{background:#fff;border:1px solid #003046}.styles-module__primary--AeI1M:disabled,.styles-module__primary--AeI1M[aria-disabled=true]{background:#fffbe3;color:#69746d}.styles-module__secondary--tAMJR{background:linear-gradient(139deg, rgba(185, 230, 238, 0.8) 9.38%, rgba(113, 235, 188, 0.8) 45.1%, rgba(113, 235, 188, 0.8) 59.39%, rgba(185, 230, 238, 0.8) 88.77%),#fff;border:none}.styles-module__secondary--tAMJR:hover{background:linear-gradient(0deg, hsla(0, 0%, 34%, 0.15), hsla(0, 0%, 34%, 0.15)),linear-gradient(320deg, #B9E6EE 17.77%, #71EBBC 47.58%, #71EBBC 59.5%, #B9E6EE 84%)}.styles-module__secondary--tAMJR:active{background:#fff;border:1px solid #003046}.styles-module__secondary--tAMJR:disabled,.styles-module__secondary--tAMJR[aria-disabled=true]{background:linear-gradient(135deg, #B9E6EE, #71EBBC, #71EBBC, #B9E6EE),linear-gradient(139deg, #B9E6EE 9.38%, #71EBBC 45.1%, #71EBBC 59.39%, #B9E6EE 88.77%),#fff}.styles-module__tertiary--Kr5w9{background:#43d6b9;color:#003046}.styles-module__tertiary--Kr5w9:hover{background:#cbcbcb}.styles-module__tertiary--Kr5w9:active{background:#fff}.styles-module__tertiary--Kr5w9:disabled,.styles-module__tertiary--Kr5w9[aria-disabled=true]{background:#e5e5e5;color:#69746d}.styles-module__tertiaryGray--gVUq6{background:#e5e5e5;color:#33625e}.styles-module__tertiaryGray--gVUq6:hover{background:#cbcbcb}.styles-module__tertiaryGray--gVUq6:disabled,.styles-module__tertiaryGray--gVUq6[aria-disabled=true]{background:#d5d7dc;color:#69746d}.styles-module__iconed--AMs-c{padding-block:10px}.styles-module__icon--C2jj1{padding:0px}
 :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}
 .react-tabs {
   -webkit-tap-highlight-color: transparent;
@@ -682,15 +682,15 @@
 .styles-module__svgIcon--eiAsQ{display:block}.styles-module__svgIcon-8--0J-NH{width:8px;height:8px;min-width:8px}.styles-module__svgIcon-9--4U91M{width:9px;height:9px;min-width:9px}.styles-module__svgIcon-10--b6pWr{width:10px;height:10px;min-width:10px}.styles-module__svgIcon-11--UBu85{width:11px;height:11px;min-width:11px}.styles-module__svgIcon-12--ca5dh{width:12px;height:12px;min-width:12px}.styles-module__svgIcon-13--H5H9q{width:13px;height:13px;min-width:13px}.styles-module__svgIcon-14--02QBx{width:14px;height:14px;min-width:14px}.styles-module__svgIcon-15---h9Pf{width:15px;height:15px;min-width:15px}.styles-module__svgIcon-16--xSxA4{width:16px;height:16px;min-width:16px}.styles-module__svgIcon-17--Puaug{width:17px;height:17px;min-width:17px}.styles-module__svgIcon-18--QewDX{width:18px;height:18px;min-width:18px}.styles-module__svgIcon-19--iC7Jc{width:19px;height:19px;min-width:19px}.styles-module__svgIcon-20--PrJEw{width:20px;height:20px;min-width:20px}.styles-module__svgIcon-21---Hd09{width:21px;height:21px;min-width:21px}.styles-module__svgIcon-22--d8Xg1{width:22px;height:22px;min-width:22px}.styles-module__svgIcon-23--pGQQQ{width:23px;height:23px;min-width:23px}.styles-module__svgIcon-24--IqT3u{width:24px;height:24px;min-width:24px}.styles-module__svgIcon-25--PfjHm{width:25px;height:25px;min-width:25px}.styles-module__svgIcon-26--cFTjX{width:26px;height:26px;min-width:26px}.styles-module__svgIcon-27--MPei3{width:27px;height:27px;min-width:27px}.styles-module__svgIcon-28--W7Xyd{width:28px;height:28px;min-width:28px}.styles-module__svgIcon-29--EUfun{width:29px;height:29px;min-width:29px}.styles-module__svgIcon-30--lQhTn{width:30px;height:30px;min-width:30px}.styles-module__svgIcon-31--Lf753{width:31px;height:31px;min-width:31px}.styles-module__svgIcon-32--\+xBfi{width:32px;height:32px;min-width:32px}
 :root{--rpf-white: #ffffff}.styles-module__spinnerDotted--tTFFI{position:relative;inline-size:1.125rem;block-size:1.125rem}.styles-module__spinnerDotted--tTFFI span{position:absolute;inset-block-start:40%;inset-inline-start:25%;inline-size:.225rem;block-size:.225rem;background-color:#69746d;border-radius:50%;transform-origin:center;transform:rotate(var(--angle)) translateY(-0.5625rem);opacity:.2;animation:styles-module__fade--jNeB5 1s linear infinite;--angle: calc(var(--itemIndex) * 45deg);animation-delay:calc(var(--itemIndex)*.125s)}@keyframes styles-module__fade--jNeB5{0%{opacity:1}100%{opacity:.2}}
 :root{--rpf-white: #ffffff}.styles-module__wrapper--U1NAt{display:inline-flex;position:relative}.styles-module__content--Cgvxl{display:flex;gap:calc(.5rem*var(--scale-factor, 1))}.styles-module__icon--y9Z7a{color:inherit}.styles-module__statusMessage--b\+RZy{position:absolute;clip-path:inset(50%);overflow:hidden;block-size:1px;inline-size:1px;white-space:nowrap}
-.styles-module__shareButtonWrapper--wEN8e{position:relative}
-:root{--rpf-white: #ffffff}.styles-module__historyActive--aOVxD{background-color:#fff}.styles-module__historyButton--LInbn{color:#003046}.styles-module__commitHoverElement--foGWE{color:#33625e;display:flex;align-items:center;gap:calc(.25rem*var(--scale-factor, 1))}.styles-module__btnContainer--OlkJ2{position:relative}
+.styles-module__shareButtonWrapper--wEN8e{position:relative}.styles-module__unavailableReason--YCH7g{position:absolute;clip-path:inset(50%);overflow:hidden;block-size:1px;inline-size:1px;white-space:nowrap}
+:root{--rpf-white: #ffffff}.styles-module__historyActive--aOVxD{background-color:#fff}.styles-module__historyButton--LInbn{color:#003046}.styles-module__commitHoverElement--foGWE{color:#33625e;display:flex;align-items:center;gap:calc(.25rem*var(--scale-factor, 1))}.styles-module__btnContainer--OlkJ2{position:relative}.styles-module__unavailableReason--Rw3J8{position:absolute;clip-path:inset(50%);overflow:hidden;block-size:1px;inline-size:1px;white-space:nowrap}
 :root{--rpf-white: #ffffff}.styles-module__contextMenu--HNX6Z{list-style-type:none;padding:0;margin-inline:calc(.5rem*var(--scale-factor, 1)) 0;margin-block:0;border-radius:calc(.25rem*var(--scale-factor, 1));display:flex;flex-direction:column;background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 calc(.25rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) 0 rgba(0,0,0,.25);overflow:auto;z-index:700}.styles-module__contextMenu--HNX6Z .styles-module__hoverElement--GLCJ0{visibility:hidden;margin-left:calc(1rem*var(--scale-factor, 1))}.styles-module__contextMenu--HNX6Z .styles-module__contextItem--9nzMH{display:flex;justify-content:space-between;font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1));color:#69746d;padding:calc(1rem*var(--scale-factor, 1));white-space:nowrap;inline-size:100%;gap:calc(.5rem*var(--scale-factor, 1));transition:all .2s ease}.styles-module__contextMenu--HNX6Z .styles-module__contextItem--9nzMH .styles-module__optionContent--3E8Zt{display:flex;align-items:center;gap:calc(.5rem*var(--scale-factor, 1));justify-items:start}.styles-module__contextMenu--HNX6Z .styles-module__contextItem--9nzMH:hover{background-color:#e5f6f1;cursor:pointer;color:#003046}.styles-module__contextMenu--HNX6Z .styles-module__contextItem--9nzMH:hover .styles-module__hoverElement--GLCJ0{visibility:visible}.styles-module__contextMenu--HNX6Z .styles-module__contextItemActive--KkppO{background-color:#c5ffe8;color:#003046}.styles-module__contextMenu--HNX6Z .styles-module__contextHeader--jA59O{font-size:calc(.625rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));font-weight:500;padding:calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1)) calc(.25rem*var(--scale-factor, 1));color:#33625e}.styles-module__contextMenu--HNX6Z svg{inline-size:calc(1.125rem*var(--scale-factor, 1))}.styles-module__contextMenu--HNX6Z .styles-module__withDivider--X54Sw{border-bottom:1px solid #e5e5e5}.styles-module__visibleScrollbar--PEea9::-webkit-scrollbar{width:calc(.25rem*var(--scale-factor, 1));display:block}.styles-module__visibleScrollbar--PEea9::-webkit-scrollbar-thumb{background-color:HSL(0, 0%, 14%, 10%);border-radius:calc(1.125rem*var(--scale-factor, 1))}
 .styles-module__text--w\+\+5r{font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;white-space:pre-wrap}.styles-module__code--E-a9Y{font-family:"Roboto Mono",source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.styles-module__size-10--vObQm{font-size:calc(10/16*1rem*var(--scale-factor, 1));line-height:calc(16/16*1rem*var(--scale-factor, 1))}.styles-module__size-12--hY0wv{font-size:calc(12/16*1rem*var(--scale-factor, 1));line-height:calc(16/16*1rem*var(--scale-factor, 1))}.styles-module__size-14--WSVwD{font-size:calc(14/16*1rem*var(--scale-factor, 1));line-height:calc(20/16*1rem*var(--scale-factor, 1))}.styles-module__size-16--6hjvA{font-size:calc(16/16*1rem*var(--scale-factor, 1));line-height:calc(24/16*1rem*var(--scale-factor, 1))}.styles-module__size-18--P7XJw{font-size:calc(18/16*1rem*var(--scale-factor, 1));line-height:calc(30/16*1rem*var(--scale-factor, 1))}.styles-module__size-20--py7l4{font-size:calc(20/16*1rem*var(--scale-factor, 1));line-height:calc(32/16*1rem*var(--scale-factor, 1))}.styles-module__size-24--tYu3W{font-size:calc(24/16*1rem*var(--scale-factor, 1));line-height:calc(34/16*1rem*var(--scale-factor, 1))}.styles-module__weight-regular--S9vrI{font-weight:400}.styles-module__weight-medium--JN8TI{font-weight:500}.styles-module__weight-bold--JgpDo{font-weight:700}
 :root{--rpf-white: #ffffff}.styles-module__runBar--JA\+8h{display:flex;flex-direction:row;position:relative;margin-inline-end:calc(1.5rem*var(--scale-factor, 1))}.styles-module__runBar--JA\+8h button{font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1));font-weight:500;block-size:44px;inline-size:calc(6rem*var(--scale-factor, 1))}@media screen and (max-width: 1194px){.styles-module__runBar--JA\+8h button span{display:none}}.styles-module__runBar--JA\+8h .styles-module__stopping--ilJAu,.styles-module__runBar--JA\+8h .styles-module__stopping--ilJAu button{inline-size:calc(7.5rem*var(--scale-factor, 1))}.styles-module__runBar--JA\+8h .styles-module__stopping--ilJAu span,.styles-module__runBar--JA\+8h .styles-module__stopping--ilJAu button span{display:flex}.styles-module__stopBtnContent--wcJNY{display:flex;gap:calc(.5rem*var(--scale-factor, 1))}.styles-module__pressed--iQjvR{background:#fff;border:1px solid #003046}
 :root{--rpf-white: #ffffff}.styles-module__wrapper--NmEQI{display:flex;align-items:center;gap:calc(.5rem*var(--scale-factor, 1))}.styles-module__tooltipAnchor--nyFj4{position:relative}.styles-module__header--UkMi-{display:flex;align-items:center;justify-content:space-between;font-size:12px;block-size:62px;padding:calc(.625rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) calc(1.25rem*var(--scale-factor, 1));flex-shrink:0;z-index:699}.styles-module__headerBtn--kUJII{font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1));font-weight:500;block-size:44px;padding:calc(.625rem*var(--scale-factor, 1)) calc(1.25rem*var(--scale-factor, 1));gap:7px}.styles-module__gwcLogo--svs9k{inline-size:calc(2.75rem*var(--scale-factor, 1))}.styles-module__textJamLogo--dZcnz{inline-size:150px;block-size:36px;margin-inline-start:calc(.75rem*var(--scale-factor, 1))}.styles-module__btnSvg--Ri2uZ{inline-size:44px;block-size:44px}.styles-module__projectName--6o3NT{flex-grow:1;min-inline-size:0;padding-inline-start:calc(1rem*var(--scale-factor, 1))}.styles-module__linkButton--bj6aP{color:#003046}.styles-module__sharedProject--baj0W{gap:calc(2rem*var(--scale-factor, 1))}.styles-module__remixBtnContent--sJf5m{display:flex;gap:calc(.5rem*var(--scale-factor, 1))}
 .resizable-with-handle__handle>div{position:relative;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0) !important}.resizable-with-handle__bar{display:block;background:var(--editor-color-text-secondary);border-radius:999px;pointer-events:auto}.resizable-with-handle__bar:focus{outline:none}.resizable-with-handle__bar:focus-visible{outline:2px auto Highlight;outline:2px auto -webkit-focus-ring-color;outline-offset:-1px}.resizable-with-handle__handle--right>div{inset-inline-end:3px !important}.resizable-with-handle__bar--right,.resizable-with-handle__bar--left{inline-size:4px;block-size:128px}.resizable-with-handle__handle--bottom>div{inset-block-end:3px !important}.resizable-with-handle__bar--bottom,.resizable-with-handle__bar--top{inline-size:128px;block-size:4px}
 :root{--rpf-white: #ffffff}.styles-module__sidebar--Fu5Qi{display:flex;position:relative;scrollbar-width:none}.styles-module__bar--fOlLf{display:flex;flex-direction:column;justify-content:space-between;margin:calc(1.5rem*var(--scale-factor, 1)) calc(1.25rem*var(--scale-factor, 1)) calc(.625rem*var(--scale-factor, 1)) calc(1.25rem*var(--scale-factor, 1))}.styles-module__optionsTop--2jNbs,.styles-module__optionsBottom--PtwF4{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2rem*var(--scale-factor, 1))}.styles-module__option--MOGCu{display:flex;align-items:center;justify-content:center;box-sizing:border-box;inline-size:calc(2.75rem*var(--scale-factor, 1));block-size:calc(2.75rem*var(--scale-factor, 1));margin:0}.styles-module__option--MOGCu.styles-module__userOption--qGt5j{inline-size:calc(2.5rem*var(--scale-factor, 1));block-size:calc(2.5rem*var(--scale-factor, 1));border-radius:50%;color:#003046;font-weight:500;background-color:#fff;cursor:pointer}.styles-module__option--MOGCu.styles-module__userOption--qGt5j:hover{background-color:#fff}.styles-module__option--MOGCu svg{margin:0;color:#003046}.styles-module__option--MOGCu:hover{background-color:#cbcbcb}.styles-module__option--MOGCu.styles-module__selected--avjSK{background-color:#fff}.styles-module__option--MOGCu.styles-module__selected--avjSK:hover{background-color:#fff}.styles-module__optionTooltipWrapper--7BqNv{position:relative}.styles-module__optionTooltip--wNPIN{inset-block-start:50%;inset-inline-start:100%;margin-inline-start:calc(.5rem*var(--scale-factor, 1));transform:translateY(-50%)}.styles-module__panel--bHhSv{display:flex;flex-direction:column;border-radius:calc(.5rem*var(--scale-factor, 1));box-shadow:0px 4px 20px 0px rgba(0,0,0,.15);margin-inline-end:calc(.625rem*var(--scale-factor, 1));inline-size:inherit;background:var(--sidebar-panel-background)}.styles-module__panelsColumn--3qf\+3{display:flex;flex-direction:column;margin-inline-end:calc(.625rem*var(--scale-factor, 1))}.styles-module__panelsColumn--3qf\+3 .styles-module__panel--bHhSv{margin-inline-end:0;inline-size:100%;block-size:100%;min-block-size:0}.styles-module__panelsColumnTop--OKT\+V{min-block-size:0;margin-block-end:calc(.625rem*var(--scale-factor, 1))}.styles-module__panelsColumnTop--OKT\+V .resizable-with-handle__handle--bottom>div{inset-block-end:calc(-1*calc(0.625rem * var(--scale-factor, 1))) !important}.styles-module__panelsColumnFill--v\+VWp{display:flex;flex-direction:column;flex:1;min-block-size:0}.styles-module__panelWithFooter--5ItsY{padding-block-end:calc(2rem*var(--scale-factor, 1))}.styles-module__panelHeading--GRNt0{margin:0;font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.styles-module__panelHeader--bAHfN{display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1));padding-block-end:calc(1rem*var(--scale-factor, 1));margin-inline:calc(1rem*var(--scale-factor, 1));border-block-end:1px solid var(--sidebar-border)}.styles-module__panelContent--X7kot{flex:1;padding:calc(.75rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1));overflow-y:auto;scrollbar-width:thin}.styles-module__panelButtons---y4S-{display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1))}.styles-module__panelFooter--T1y-s{border-block-start:1px solid #d5d7dc;inset-block-end:0px;inline-size:100%;inline-size:-moz-available;inline-size:-webkit-stretch;inline-size:stretch;padding-inline:calc(1rem*var(--scale-factor, 1));background-color:#fff;border-end-end-radius:8px}
-:root{--rpf-white: #ffffff}.styles-module__row--XtAJr{position:relative;margin-block-end:calc(.25rem*var(--scale-factor, 1));--strong-guide-color: #33625e;--normal-guide-color: #e5e5e5;padding:1px}.styles-module__row--XtAJr::before{content:"";position:absolute;inset:calc(-1*.125rem*var(--scale-factor, 1));pointer-events:none;background-image:var(--guides-bg);background-position:var(--guides-pos);background-size:var(--guides-size);background-repeat:no-repeat}.styles-module__treeItem--kbyYk{display:flex;align-items:center;gap:calc(.5rem*var(--scale-factor, 1));text-align:start;position:relative;cursor:pointer}.styles-module__itemContent--663gn{inline-size:100%;border-radius:4px;display:flex;align-items:center;gap:calc(.5rem*var(--scale-factor, 1));text-align:start;padding:calc(.25rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1))}.styles-module__itemContent--663gn:hover{background:#e5f6f1}.styles-module__itemTitle--a6Liw{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styles-module__itemButton--oB91C{display:none;padding:0;border:none;background:none;color:inherit;cursor:pointer}.styles-module__itemButton--oB91C:focus-visible{outline:none}.styles-module__itemSelected--JLLW5 .styles-module__itemContent--663gn{background-color:#c5ffe8}.styles-module__itemSelected--JLLW5 .styles-module__itemButton--oB91C,.styles-module__itemFocused--SmUbE .styles-module__itemButton--oB91C{display:flex}.styles-module__itemContent--663gn:hover .styles-module__itemButton--oB91C,.styles-module__itemContent--663gn:focus-within .styles-module__itemButton--oB91C{display:flex}.styles-module__level-0--5PVOR{padding-inline-start:0px}.styles-module__level-1--vTMYv{padding-inline-start:20px}.styles-module__level-2--Xx8Ie{padding-inline-start:40px}.styles-module__level-3--ySuP4{padding-inline-start:60px}.styles-module__level-4--7uciy{padding-inline-start:80px}.styles-module__level-5--AEspR{padding-inline-start:100px}.styles-module__level-6--c28W9{padding-inline-start:120px}.styles-module__level-7--gU\+\+Q{padding-inline-start:140px}.styles-module__level-8--dmg5P{padding-inline-start:160px}.styles-module__level-9--X73V0{padding-inline-start:180px}.styles-module__level-10--VAKPI{padding-inline-start:200px}.styles-module__level-11--5rqim{padding-inline-start:220px}.styles-module__level-12--8cLBy{padding-inline-start:240px}.styles-module__level-13--qlzYN{padding-inline-start:260px}.styles-module__level-14--Q7bCT{padding-inline-start:280px}.styles-module__level-15---1KaW{padding-inline-start:300px}.styles-module__level-16--BCkZb{padding-inline-start:320px}.styles-module__level-17--tM3Ht{padding-inline-start:340px}.styles-module__level-18--GkyjF{padding-inline-start:360px}.styles-module__level-19--kxLhM{padding-inline-start:380px}.styles-module__level-20--sIjDn{padding-inline-start:400px}.styles-module__itemContentEdit--cNmeE{--border-width: 1px;inline-size:100%;display:flex;align-items:center;gap:calc(.5rem*var(--scale-factor, 1));text-align:start;padding:calc(.25rem*var(--scale-factor, 1) - var(--border-width)) calc(.5rem*var(--scale-factor, 1) - var(--border-width));border-radius:4px;border:var(--border-width) solid #43d6b9}.styles-module__itemContentEdit--cNmeE input{border:none;font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1))}.styles-module__itemContentEdit--cNmeE input:focus,.styles-module__itemContentEdit--cNmeE input:focus-visible{outline:none}.styles-module__inputError--zb21a{border-color:#e0201c}.styles-module__errorMessage--IT3hQ{position:absolute;inset-block-start:100%;inset-inline-start:0;inline-size:100%;padding:calc(.5rem*var(--scale-factor, 1));margin-block-start:calc(.25rem*var(--scale-factor, 1));border:1px solid #e0201c;border-radius:8px;background-color:#ffd5ce;color:#242424;z-index:650;display:flex;align-items:flex-start;gap:calc(.5rem*var(--scale-factor, 1))}.styles-module__errorMessage--IT3hQ svg{color:#e0201c}.styles-module__itemTooltip--c5oiY{min-inline-size:auto}
+:root{--rpf-white: #ffffff}.styles-module__row--XtAJr{position:relative;margin-block-end:calc(.25rem*var(--scale-factor, 1));--strong-guide-color: #33625e;--normal-guide-color: #e5e5e5;padding:1px}.styles-module__row--XtAJr::before{content:"";position:absolute;inset:calc(-1*.125rem*var(--scale-factor, 1));pointer-events:none;background-image:var(--guides-bg);background-position:var(--guides-pos);background-size:var(--guides-size);background-repeat:no-repeat}.styles-module__treeItem--kbyYk{display:flex;align-items:center;gap:calc(.5rem*var(--scale-factor, 1));text-align:start;position:relative;cursor:pointer}.styles-module__itemContent--663gn{inline-size:100%;border-radius:4px;display:flex;align-items:center;gap:calc(.5rem*var(--scale-factor, 1));text-align:start;padding:calc(.25rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1))}.styles-module__itemContent--663gn:hover{background:#e5f6f1}.styles-module__itemTitle--a6Liw{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styles-module__itemButton--oB91C{display:none;padding:0;border:none;background:none;color:inherit;cursor:pointer}.styles-module__itemSelected--JLLW5 .styles-module__itemContent--663gn{background-color:#c5ffe8}.styles-module__itemContent--663gn:hover .styles-module__itemButton--oB91C,.styles-module__itemButtonVisible--KAm3\+{display:flex}.styles-module__level-0--5PVOR{padding-inline-start:0px}.styles-module__level-1--vTMYv{padding-inline-start:20px}.styles-module__level-2--Xx8Ie{padding-inline-start:40px}.styles-module__level-3--ySuP4{padding-inline-start:60px}.styles-module__level-4--7uciy{padding-inline-start:80px}.styles-module__level-5--AEspR{padding-inline-start:100px}.styles-module__level-6--c28W9{padding-inline-start:120px}.styles-module__level-7--gU\+\+Q{padding-inline-start:140px}.styles-module__level-8--dmg5P{padding-inline-start:160px}.styles-module__level-9--X73V0{padding-inline-start:180px}.styles-module__level-10--VAKPI{padding-inline-start:200px}.styles-module__level-11--5rqim{padding-inline-start:220px}.styles-module__level-12--8cLBy{padding-inline-start:240px}.styles-module__level-13--qlzYN{padding-inline-start:260px}.styles-module__level-14--Q7bCT{padding-inline-start:280px}.styles-module__level-15---1KaW{padding-inline-start:300px}.styles-module__level-16--BCkZb{padding-inline-start:320px}.styles-module__level-17--tM3Ht{padding-inline-start:340px}.styles-module__level-18--GkyjF{padding-inline-start:360px}.styles-module__level-19--kxLhM{padding-inline-start:380px}.styles-module__level-20--sIjDn{padding-inline-start:400px}.styles-module__itemContentEdit--cNmeE{--border-width: 1px;inline-size:100%;display:flex;align-items:center;gap:calc(.5rem*var(--scale-factor, 1));text-align:start;padding:calc(.25rem*var(--scale-factor, 1) - var(--border-width)) calc(.5rem*var(--scale-factor, 1) - var(--border-width));border-radius:4px;border:var(--border-width) solid #43d6b9}.styles-module__itemContentEdit--cNmeE input{border:none;font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1))}.styles-module__itemContentEdit--cNmeE input:focus,.styles-module__itemContentEdit--cNmeE input:focus-visible{outline:none}.styles-module__inputError--zb21a{border-color:#e0201c}.styles-module__errorMessage--IT3hQ{position:absolute;inset-block-start:100%;inset-inline-start:0;inline-size:100%;padding:calc(.5rem*var(--scale-factor, 1));margin-block-start:calc(.25rem*var(--scale-factor, 1));border:1px solid #e0201c;border-radius:8px;background-color:#ffd5ce;color:#242424;z-index:650;display:flex;align-items:flex-start;gap:calc(.5rem*var(--scale-factor, 1))}.styles-module__errorMessage--IT3hQ svg{color:#e0201c}.styles-module__itemTooltip--c5oiY{min-inline-size:auto}
 :root{--rpf-white: #ffffff}.styles-module__textDelete--9Qu4T{color:#e0201c}
 :root{--rpf-white: #ffffff}.styles-module__toastContainer--SzERA{display:flex;align-items:flex-start;gap:calc(.875rem*var(--scale-factor, 1));color:#003046;font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1));font-weight:500;overflow-wrap:anywhere}.styles-module__toastMessage--5Ze6a{flex-grow:1;white-space:pre-line}.styles-module__errorIcon--v90W6{color:#e0201c}.styles-module__successIcon--gCtAd{color:#527d7a}.styles-module__closeIcon--iZ9ey{color:#003046;cursor:pointer;flex-shrink:0}.styles-module__toastList--7K4rT{display:flex;flex-direction:column-reverse;block-size:calc(100vh - 62px - 1em);max-block-size:calc(100vh - 62px - 1em);overflow-y:auto;overscroll-behavior:contain;padding-inline-end:calc(.25rem*var(--scale-factor, 1));scrollbar-color:rgba(0,48,70,.2) rgba(0,0,0,0);scrollbar-width:thin}.styles-module__toastList--7K4rT::-webkit-scrollbar{inline-size:calc(.5rem*var(--scale-factor, 1))}.styles-module__toastList--7K4rT::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.styles-module__toastList--7K4rT::-webkit-scrollbar-thumb{background-color:rgba(0,48,70,.2);border-radius:calc(.25rem*var(--scale-factor, 1))}.styles-module__toastList--7K4rT:hover .Toastify__progress-bar{animation-play-state:paused !important}.styles-module__toast--LJOJf{flex-shrink:0;max-block-size:none;overflow:visible;padding:calc(1.125rem*var(--scale-factor, 1)) !important}.styles-module__toastBody--0iN2Q{align-items:flex-start;margin:0}.styles-module__infoIcon--tva-x{color:#0d47a1}
 :root{--rpf-white: #ffffff}.styles-module__tree--KziAJ{max-inline-size:100%;min-block-size:100px;color:#33625e}.styles-module__fileTreeActions--k\+Wsd{display:flex;gap:calc(.5rem*var(--scale-factor, 1));align-items:center;margin-block-end:calc(1rem*var(--scale-factor, 1))}.styles-module__tooltipWrapper--wltXE{position:relative;z-index:650}.styles-module__fileTreeActionsLabel--dPZp4{flex-grow:1;color:#69746d}.styles-module__importButton--rcLUm{inline-size:calc(2.5rem*var(--scale-factor, 1))}.styles-module__importArrowIcon--3eOLN{margin-inline-start:calc(.25rem*var(--scale-factor, 1))}.styles-module__label--WY51f{margin:0;flex-grow:1}.styles-module__iconButton--6UIVe{border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.styles-module__iconButtonFilled--w2vJC{background-color:#e5f6f1;border-radius:calc(.5rem*var(--scale-factor, 1));min-inline-size:calc(2rem*var(--scale-factor, 1));block-size:calc(2rem*var(--scale-factor, 1));transition:background-color .2s ease-in-out}.styles-module__iconButtonFilled--w2vJC:hover{background-color:#d7e7e3}.styles-module__iconButtonFilled--w2vJC:active{background-color:rgba(0,0,0,0)}.styles-module__dragline--RXmTT{block-size:2px;margin-block-start:-1px;background-color:#003046}.styles-module__dragline--RXmTT ::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:-3px;block-size:4px;inline-size:4px;background:#fff;border:2px solid #003046;border-radius:99px}.styles-module__emptyStateContainer--AnTAm{padding:calc(.75rem*var(--scale-factor, 1));display:flex;flex-direction:column;align-items:center;text-align:center;font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));font-weight:400;color:#69746d;gap:calc(.25rem*var(--scale-factor, 1))}.styles-module__emptyStateIcon--sDlxK{inline-size:calc(1.5rem*var(--scale-factor, 1));block-size:calc(1.5rem*var(--scale-factor, 1))}.styles-module__emptyStateMessage--OkPax{font-weight:700}
@@ -715,7 +715,6 @@
 :root{--rpf-white: #ffffff}.styles-module__versionDate--OLHbO{font-weight:500;font-size:18px;line-height:30px;margin-block-start:calc(.5rem*var(--scale-factor, 1));color:#33625e}.styles-module__loadingButton--77kAZ{display:flex;flex-direction:row;align-items:center;gap:calc(.5rem*var(--scale-factor, 1))}
 :root{--rpf-white: #ffffff}.base-module__modalOverlay--f2LcG{display:flex;align-items:center;justify-content:center;padding:calc(5rem*var(--scale-factor, 1));z-index:800;position:fixed;inset:0px;background-color:HSL(0, 0%, 14%, 30%)}.base-module__modalContent--uIBvv{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;gap:calc(.5rem*var(--scale-factor, 1))}.base-module__modalContent--uIBvv:focus,.base-module__modalContent--uIBvv:focus-visible{outline:none}.base-module__header--yqkGA{display:flex;flex-direction:column;align-items:center;justify-content:center;min-block-size:fit-content;font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.base-module__headerContent--UL1eM{display:flex;align-items:center;flex-direction:column;gap:calc(.5rem*var(--scale-factor, 1));inline-size:100%}.base-module__body--0dDkY{padding-block-start:0;display:flex;flex-direction:column;text-align:center;row-gap:calc(.5rem*var(--scale-factor, 1));overflow-y:auto}.base-module__footer--YgVxg{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:calc(.5rem*var(--scale-factor, 1))}.base-module__footer--YgVxg button,.base-module__footer--YgVxg a{margin:0;font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1))}.base-module__headerButtonContainer--A3leX{inline-size:100%;display:flex;align-items:center;justify-content:flex-end}.base-module__buttonClose--EPig\+{background-color:rgba(0,0,0,0);inline-size:calc(1rem*var(--scale-factor, 1));block-size:calc(1rem*var(--scale-factor, 1))}.base-module__buttonClose--EPig\+ svg{color:#003046;fill:#003046;inline-size:calc(1rem*var(--scale-factor, 1));block-size:calc(1rem*var(--scale-factor, 1));padding:0px}.base-module__infoBox--ggEhk{inline-size:100%;background-color:#b9e6ee;border-radius:calc(.5rem*var(--scale-factor, 1));padding:calc(1rem*var(--scale-factor, 1));display:flex;align-items:center;gap:calc(.5rem*var(--scale-factor, 1));overflow-wrap:anywhere}.base-module__infoBox--ggEhk svg{margin:calc(.125rem*var(--scale-factor, 1));color:#0d47a1}
 :root{--rpf-white: #ffffff}.styles-module__content--uVl64{inline-size:330px;gap:0px}.styles-module__headerContainer--FPLYl{text-align:center}.styles-module__headerIcon--VUrhy path{fill:#e0201c}.styles-module__headerText--F\+NA0{color:#003046;line-height:34px}.styles-module__containerBox--Dezow{margin-block-start:calc(.25rem*var(--scale-factor, 1));color:#242424;font-weight:400;font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));text-align:center}.styles-module__buttonsContainer--pnT1Q{margin-block-start:calc(.75rem*var(--scale-factor, 1));padding-block-end:0}
-:root{--rpf-white: #ffffff}.styles-module__content--UhJMG{width:454px;gap:0px}.styles-module__modalContentHeader--YPWsb{height:16px}.styles-module__headerText--89Clx{font-weight:400;font-size:calc(1.5rem*var(--scale-factor, 1));leading-trim:NONE;line-height:34px;text-align:center;color:#003046}.styles-module__containerBox--WUoyb{margin-top:calc(.25rem*var(--scale-factor, 1));font-weight:400;font-size:calc(.75rem*var(--scale-factor, 1));leading-trim:NONE;line-height:calc(1rem*var(--scale-factor, 1));color:#003046;text-align:center}.styles-module__containerBox--WUoyb .styles-module__messageContainer--WzXV7{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}.styles-module__containerBox--WUoyb .styles-module__messageContainer--WzXV7 .styles-module__messageIcon--a6yn-{display:flex;align-items:center;color:#0d47a1}.styles-module__containerBox--WUoyb .styles-module__messageContainer--WzXV7 .styles-module__messageContent--CYn9o{display:flex;align-items:center;color:#003046}.styles-module__buttonsContainer--1toXb{margin-top:calc(.5rem*var(--scale-factor, 1));padding-bottom:0px}
 :root{--rpf-white: #ffffff}.styles-module__content--pEmxZ{width:330px}.styles-module__headerIcon--mzjrS{text-align:center;fill:rgba(0,0,0,0);color:#edce22}.styles-module__headerText--pt2r0{color:#003046;line-height:34px}.styles-module__containerBox--r5zsA{margin-top:calc(.75rem*var(--scale-factor, 1));color:#242424;font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));display:flex;justify-content:center}.styles-module__buttonsContainer--I3Coy{margin-top:calc(.5rem*var(--scale-factor, 1))}
 :root{--rpf-white: #ffffff}.styles-module__content--j863h{display:flex;flex-direction:column;align-items:center;gap:calc(.5rem*var(--scale-factor, 1));color:#003046}.styles-module__infoBox--MyOkq{width:100%;background-color:#b9e6ee;border-radius:calc(.5rem*var(--scale-factor, 1));padding:calc(1rem*var(--scale-factor, 1));display:flex;align-items:start;gap:calc(.5rem*var(--scale-factor, 1));margin-bottom:calc(.5rem*var(--scale-factor, 1));overflow-wrap:anywhere}.styles-module__infoBox--MyOkq svg{margin:calc(.125rem*var(--scale-factor, 1));color:#0d47a1}
 :root{--rpf-white: #ffffff}.styles-module__content--5mqMd{inline-size:330px;gap:0px;block-size:214px}.styles-module__body--FT2ak{align-items:center;text-align:center}.styles-module__buttonsContainer--LsIFl{justify-content:right;margin-block-start:calc(1rem*var(--scale-factor, 1))}@media(max-width: 720px){.styles-module__buttonsContainer--LsIFl{flex-direction:row}}.styles-module__headerText--7Ob34{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1));color:#003046;line-height:34px}.styles-module__headerIcon--u9yrl{color:#003046}.styles-module__description--IvKuo{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));margin:0;color:#242424;padding:0 calc(1.875rem*var(--scale-factor, 1)) 0 calc(1.875rem*var(--scale-factor, 1))}

package/package.json

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