gwchq-textjam 0.5.12 → 0.5.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -11539,31 +11539,6 @@ const SvgFile = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createE
11539
11539
 
11540
11540
  /***/ }),
11541
11541
 
11542
- /***/ 65994:
11543
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
11544
-
11545
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
11546
- /* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
11547
- /* harmony export */ });
11548
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
11549
- var _path;
11550
- 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); }
11551
-
11552
- const SvgFlag = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
11553
- xmlns: "http://www.w3.org/2000/svg",
11554
- width: 18,
11555
- height: 18,
11556
- fill: "none"
11557
- }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
11558
- stroke: "#003046",
11559
- strokeLinecap: "round",
11560
- strokeLinejoin: "round",
11561
- 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"
11562
- })));
11563
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgFlag);
11564
-
11565
- /***/ }),
11566
-
11567
11542
  /***/ 5472:
11568
11543
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
11569
11544
 
@@ -13371,8 +13346,15 @@ var Button = props => {
13371
13346
  buttonIconPosition = "left",
13372
13347
  variant,
13373
13348
  style,
13374
- ariaLive
13349
+ ariaLive,
13350
+ ariaDisabled,
13351
+ ariaDescribedBy,
13352
+ ariaExpanded,
13353
+ tabIndex
13375
13354
  } = props;
13355
+
13356
+ // Unavailable but still focusable; `disabled` still wins where it is passed.
13357
+ var isAriaDisabled = !disabled && !!ariaDisabled;
13376
13358
  var VARIANT_CLASSES = {
13377
13359
  icon: styles_module.icon,
13378
13360
  primary: styles_module.primary,
@@ -13384,6 +13366,7 @@ var Button = props => {
13384
13366
  [styles_module.svgOnly]: !buttonText
13385
13367
  }, VARIANT_CLASSES[variant] || "", !!ButtonIcon ? styles_module.iconed : "");
13386
13368
  var onButtonClick = e => {
13369
+ if (isAriaDisabled) return;
13387
13370
  onClickHandler(e);
13388
13371
  };
13389
13372
  var onKeyDown = e => {
@@ -13393,6 +13376,8 @@ var Button = props => {
13393
13376
  ref: buttonRef,
13394
13377
  className: buttonClass,
13395
13378
  disabled: disabled,
13379
+ "aria-disabled": isAriaDisabled || undefined,
13380
+ "aria-describedby": ariaDescribedBy,
13396
13381
  "aria-label": label,
13397
13382
  title: title,
13398
13383
  to: href,
@@ -13406,13 +13391,19 @@ var Button = props => {
13406
13391
  children: text
13407
13392
  }), ButtonIcon && buttonIconPosition === "right" && /*#__PURE__*/(0,jsx_runtime_.jsx)(ButtonIcon, {})]
13408
13393
  }) : /*#__PURE__*/(0,jsx_runtime_.jsxs)("button", {
13409
- ref: buttonRef,
13394
+ ref: buttonRef
13395
+ // Without this the default is "submit", which aria-disabled cannot block.
13396
+ ,
13397
+ type: "button",
13410
13398
  className: buttonClass,
13411
13399
  style: style,
13412
13400
  disabled: disabled,
13401
+ "aria-disabled": isAriaDisabled || undefined,
13402
+ "aria-describedby": ariaDescribedBy,
13403
+ "aria-expanded": ariaExpanded,
13413
13404
  "aria-label": label,
13405
+ tabIndex: tabIndex,
13414
13406
  title: title,
13415
- text: text,
13416
13407
  onClick: buttonOuter ? null : onButtonClick,
13417
13408
  onKeyDown: onKeyDown,
13418
13409
  "aria-live": ariaLive,
@@ -13454,7 +13445,7 @@ __webpack_require__.r(__webpack_exports__);
13454
13445
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(71178);
13455
13446
 
13456
13447
 
13457
- var _excluded = ["children", "fileIndex", "draggableId", "onTabClick"];
13448
+ var _excluded = ["children", "fileIndex", "draggableId", "onTabClick", "onCloseTab"];
13458
13449
 
13459
13450
 
13460
13451
 
@@ -13465,7 +13456,8 @@ var DraggableTab = _ref => {
13465
13456
  children,
13466
13457
  fileIndex,
13467
13458
  draggableId,
13468
- onTabClick
13459
+ onTabClick,
13460
+ onCloseTab
13469
13461
  } = _ref,
13470
13462
  otherProps = (0,_home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A)(_ref, _excluded);
13471
13463
  var openedTabs = (0,react_redux__WEBPACK_IMPORTED_MODULE_0__.useSelector)(state => state.editor.openedTabs);
@@ -13483,6 +13475,10 @@ var DraggableTab = _ref => {
13483
13475
  switchToFileTab((fileIndex + 1) % openFilesCount);
13484
13476
  } else if (e.code === "ArrowLeft") {
13485
13477
  switchToFileTab((fileIndex + openFilesCount - 1) % openFilesCount);
13478
+ } else if (onCloseTab && (e.key === "Delete" || e.key === "Backspace")) {
13479
+ // A tab's children are presentational, so the ✕ may not reach a reader.
13480
+ e.preventDefault();
13481
+ onCloseTab(e);
13486
13482
  }
13487
13483
  };
13488
13484
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tabs_DraggableTabWrapper__WEBPACK_IMPORTED_MODULE_4__["default"], (0,_home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,_home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({
@@ -13540,7 +13536,8 @@ var DroppableTabList = _ref => {
13540
13536
  placeholder
13541
13537
  } = _ref2;
13542
13538
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", (0,_home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)((0,_home_runner_work_gwchq_textjam_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)({
13543
- className: "droppable-tab-list"
13539
+ className: "droppable-tab-list",
13540
+ role: "presentation"
13544
13541
  }, droppableProps), {}, {
13545
13542
  ref: innerRef,
13546
13543
  children: [_children, placeholder]
@@ -47231,6 +47228,7 @@ var Project = props => {
47231
47228
  defaultWidth: defaultWidth,
47232
47229
  defaultHeight: defaultHeight,
47233
47230
  handleDirection: handleDirection,
47231
+ separatorLabel: "Resize the code and output panels",
47234
47232
  minWidth: "25%",
47235
47233
  maxWidth: maxWidth,
47236
47234
  children: /*#__PURE__*/(0,jsx_runtime_.jsx)((EditorInput_default()), {})
@@ -47313,6 +47311,7 @@ var SidebarPanel = props => {
47313
47311
  defaultWidth: defaultWidth,
47314
47312
  defaultHeight: "100%",
47315
47313
  handleDirection: "right",
47314
+ separatorLabel: "Resize the ".concat(heading !== null && heading !== void 0 ? heading : "side", " panel"),
47316
47315
  minWidth: "250px",
47317
47316
  maxWidth: maxWidth,
47318
47317
  children: panelContent
@@ -47801,109 +47800,7 @@ var RemoveItemModal = () => {
47801
47800
 
47802
47801
  /***/ }),
47803
47802
 
47804
- /***/ 23765:
47805
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
47806
-
47807
- // ESM COMPAT FLAG
47808
- __webpack_require__.r(__webpack_exports__);
47809
-
47810
- // EXPORTS
47811
- __webpack_require__.d(__webpack_exports__, {
47812
- "default": () => (/* binding */ SaveProjectReminderModal_SaveProjectReminderModal)
47813
- });
47814
-
47815
- ;// ./src/components/Modals/SaveProjectReminderModal/styles.module.scss
47816
- // extracted by mini-css-extract-plugin
47817
- /* 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"});
47818
- // EXTERNAL MODULE: ./src/components/Modals/BaseModal/styles.module.scss
47819
- var BaseModal_styles_module = __webpack_require__(27924);
47820
- // EXTERNAL MODULE: ./src/redux/EditorSlice.ts
47821
- var EditorSlice = __webpack_require__(68512);
47822
- // EXTERNAL MODULE: ./src/redux/types.ts
47823
- var types = __webpack_require__(92932);
47824
- // EXTERNAL MODULE: external "react-redux"
47825
- var external_react_redux_ = __webpack_require__(14062);
47826
- // EXTERNAL MODULE: ./src/components/Modals/BaseModal/BaseModal.jsx
47827
- var BaseModal = __webpack_require__(97933);
47828
- // EXTERNAL MODULE: ./src/assets/icons/alert.svg
47829
- var icons_alert = __webpack_require__(49998);
47830
- // EXTERNAL MODULE: ./src/assets/icons/flag.svg
47831
- var flag = __webpack_require__(65994);
47832
- // EXTERNAL MODULE: ./src/components/Button/Button.jsx + 1 modules
47833
- var Button = __webpack_require__(79428);
47834
- // EXTERNAL MODULE: ./src/assets/icons/close.svg
47835
- var icons_close = __webpack_require__(93224);
47836
- // EXTERNAL MODULE: ./src/components/shared/SvgIcon/index.tsx
47837
- var SvgIcon = __webpack_require__(82917);
47838
- // EXTERNAL MODULE: external "react/jsx-runtime"
47839
- var jsx_runtime_ = __webpack_require__(71178);
47840
- ;// ./src/components/Modals/SaveProjectReminderModal/SaveProjectReminderModal.jsx
47841
-
47842
-
47843
-
47844
-
47845
-
47846
-
47847
-
47848
-
47849
-
47850
-
47851
-
47852
-
47853
-
47854
- var SaveProjectReminderModal = () => {
47855
- var dispatch = (0,external_react_redux_.useDispatch)();
47856
- var isModalOpen = (0,external_react_redux_.useSelector)(state => state.editor.modalWindowShowing === types.ModalType.SAVE_PROJECT_REMINDER);
47857
- var handleClose = () => dispatch((0,EditorSlice.closeModal)());
47858
- return /*#__PURE__*/(0,jsx_runtime_.jsx)(BaseModal["default"], {
47859
- isOpen: isModalOpen,
47860
- closeModal: handleClose,
47861
- externalClasses: styles_module,
47862
- heading: "",
47863
- withCloseButton: true,
47864
- closeIcon: icons_close["default"],
47865
- buttons: [/*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
47866
- variant: "primary",
47867
- buttonText: "Save",
47868
- ButtonIcon: flag/* default */.A,
47869
- onClickHandler: () => {}
47870
- }, "delete"), /*#__PURE__*/(0,jsx_runtime_.jsx)(Button["default"], {
47871
- variant: "tertiaryGray",
47872
- buttonText: "Ignore",
47873
- onClickHandler: handleClose
47874
- }, "cancel")],
47875
- children: /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
47876
- children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
47877
- className: BaseModal_styles_module["default"].headerContainer,
47878
- children: /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
47879
- className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerText),
47880
- children: "Remember to Save"
47881
- })
47882
- }), /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
47883
- className: styles_module.containerBox,
47884
- children: /*#__PURE__*/(0,jsx_runtime_.jsxs)("div", {
47885
- className: styles_module.messageContainer,
47886
- children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
47887
- className: styles_module.messageIcon,
47888
- children: /*#__PURE__*/(0,jsx_runtime_.jsx)(SvgIcon.SvgIcon, {
47889
- size: 18,
47890
- SvgElement: icons_alert["default"],
47891
- className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerIcon)
47892
- })
47893
- }), /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
47894
- className: styles_module.messageContent,
47895
- children: "Hey! You haven\u2019t saved in a while. Remember to save."
47896
- })]
47897
- })
47898
- })]
47899
- })
47900
- });
47901
- };
47902
- /* harmony default export */ const SaveProjectReminderModal_SaveProjectReminderModal = (SaveProjectReminderModal);
47903
-
47904
- /***/ }),
47905
-
47906
- /***/ 38876:
47803
+ /***/ 24658:
47907
47804
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
47908
47805
 
47909
47806
  // ESM COMPAT FLAG
@@ -47925,8 +47822,22 @@ var styles_module = __webpack_require__(27924);
47925
47822
  /* 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"});
47926
47823
  // EXTERNAL MODULE: ./src/assets/icons/close.svg
47927
47824
  var icons_close = __webpack_require__(93224);
47928
- // EXTERNAL MODULE: ./src/assets/icons/flag.svg
47929
- var flag = __webpack_require__(65994);
47825
+ ;// ./src/assets/icons/flag.svg
47826
+ var _path;
47827
+ 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); }
47828
+
47829
+ const SvgFlag = props => /*#__PURE__*/external_react_.createElement("svg", _extends({
47830
+ xmlns: "http://www.w3.org/2000/svg",
47831
+ width: 18,
47832
+ height: 18,
47833
+ fill: "none"
47834
+ }, props), _path || (_path = /*#__PURE__*/external_react_.createElement("path", {
47835
+ stroke: "#003046",
47836
+ strokeLinecap: "round",
47837
+ strokeLinejoin: "round",
47838
+ 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"
47839
+ })));
47840
+ /* harmony default export */ const flag = (SvgFlag);
47930
47841
  // EXTERNAL MODULE: ./src/assets/icons/link.svg
47931
47842
  var icons_link = __webpack_require__(1572);
47932
47843
  // EXTERNAL MODULE: ./src/components/shared/SvgIcon/index.tsx
@@ -47998,7 +47909,7 @@ var ShareProjectModal = () => {
47998
47909
  withCloseButton: true,
47999
47910
  ButtonIcon: /*#__PURE__*/(0,jsx_runtime_.jsx)(SvgIcon.SvgIcon, {
48000
47911
  size: 18,
48001
- SvgElement: flag/* default */.A
47912
+ SvgElement: flag
48002
47913
  }),
48003
47914
  buttons: null,
48004
47915
  closeIcon: icons_close["default"],
@@ -52321,6 +52232,7 @@ var toPixels = (value, parentSize, fallback) => {
52321
52232
  var useResizableSeparator = _ref => {
52322
52233
  var {
52323
52234
  handleDirection,
52235
+ separatorLabel,
52324
52236
  defaultWidth,
52325
52237
  defaultHeight,
52326
52238
  minWidth,
@@ -52471,7 +52383,7 @@ var useResizableSeparator = _ref => {
52471
52383
  var separatorProps = {
52472
52384
  role: "separator",
52473
52385
  tabIndex: 0,
52474
- "aria-label": "Resize panels",
52386
+ "aria-label": separatorLabel !== null && separatorLabel !== void 0 ? separatorLabel : "Resize panels",
52475
52387
  "aria-orientation": isVerticalHandle ? "vertical" : "horizontal",
52476
52388
  "aria-valuemin": 0,
52477
52389
  "aria-valuemax": 100,
@@ -52498,7 +52410,7 @@ var jsx_runtime_ = __webpack_require__(71178);
52498
52410
  ;// ./src/utils/ResizableWithHandle.js
52499
52411
 
52500
52412
 
52501
- var _excluded = ["children", "defaultWidth", "defaultHeight", "handleDirection", "handleClassName", "width", "onWidthChange"];
52413
+ var _excluded = ["children", "defaultWidth", "defaultHeight", "handleDirection", "handleClassName", "separatorLabel", "width", "onWidthChange"];
52502
52414
 
52503
52415
 
52504
52416
 
@@ -52510,6 +52422,8 @@ var ResizableWithHandle = props => {
52510
52422
  defaultHeight,
52511
52423
  handleDirection,
52512
52424
  handleClassName,
52425
+ // Two identically named separators are indistinguishable to a screen reader.
52426
+ separatorLabel,
52513
52427
  // Optional controlled width: when `width` is provided the consumer owns it
52514
52428
  // and receives drag/keyboard changes via `onWidthChange`. Destructured out
52515
52429
  // so they never leak onto <Resizable> through ...rest.
@@ -52524,6 +52438,7 @@ var ResizableWithHandle = props => {
52524
52438
  separatorProps
52525
52439
  } = useResizableSeparator({
52526
52440
  handleDirection,
52441
+ separatorLabel,
52527
52442
  defaultWidth,
52528
52443
  defaultHeight,
52529
52444
  // min/max bounds are also forwarded to <Resizable> via ...rest for drag.
@@ -62828,7 +62743,7 @@ __webpack_require__.r(__webpack_exports__);
62828
62743
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
62829
62744
  /* harmony export */ });
62830
62745
  // extracted by mini-css-extract-plugin
62831
- /* 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"});
62746
+ /* 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"});
62832
62747
 
62833
62748
  /***/ }),
62834
62749
 
@@ -63151,7 +63066,7 @@ __webpack_require__.r(__webpack_exports__);
63151
63066
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
63152
63067
  /* harmony export */ });
63153
63068
  // extracted by mini-css-extract-plugin
63154
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"shareButtonWrapper":"styles-module__shareButtonWrapper--wEN8e"});
63069
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"shareButtonWrapper":"styles-module__shareButtonWrapper--wEN8e","unavailableReason":"styles-module__unavailableReason--YCH7g"});
63155
63070
 
63156
63071
  /***/ }),
63157
63072
 
@@ -78220,18 +78135,21 @@ const SvgIcon_1 = __webpack_require__(82917);
78220
78135
  const CommitHistoryMenu_1 = __webpack_require__(46175);
78221
78136
  const Tooltip_1 = __importDefault(__webpack_require__(26982));
78222
78137
  const useHover_1 = __webpack_require__(78556);
78138
+ const NO_COMMITS_MESSAGE = "Nothing here yet! Once you save your work, versions will appear here so you can restore them.";
78139
+ const UNAVAILABLE_REASON_ID = "history-button-unavailable-reason";
78223
78140
  const HistoryButton = ({ className }) => {
78224
78141
  const project = (0, stores_1.useAppSelector)((state) => state.editor.project);
78225
78142
  const commits = (0, stores_1.useAppSelector)((state) => state.editor.commits);
78226
78143
  const ref = (0, react_1.useRef)(null);
78227
78144
  const { hovered, hoverProps } = (0, useHover_1.useHover)();
78228
78145
  const [isContextOpen, setIsContextOpen] = (0, react_1.useState)(false);
78146
+ const hasCommits = !!commits?.length;
78229
78147
  const handleClick = () => {
78230
78148
  setIsContextOpen((prev) => !prev);
78231
78149
  };
78232
- 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, {
78150
+ 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, {
78233
78151
  [styles_module_scss_1.default.historyActive]: isContextOpen,
78234
- }), 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 })] }));
78152
+ }), 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 })] }));
78235
78153
  };
78236
78154
  exports["default"] = HistoryButton;
78237
78155
 
@@ -78363,7 +78281,7 @@ const ScrollableTabBar = ({ children, tabsKey, overlayContent, showNavigationCon
78363
78281
  });
78364
78282
  };
78365
78283
  const hasNavigationControls = showNavigationControls && scrollState.hasOverflow;
78366
- return ((0, jsx_runtime_1.jsxs)("div", { className: `tabContainer ${styles_module_scss_1.default.tabContainer} ${hasNavigationControls ? styles_module_scss_1.default.hasNavigationControls : ""}`, children: [hasNavigationControls && ((0, jsx_runtime_1.jsx)(Button_1.default, { className: `${styles_module_scss_1.default.tabScrollButton} ${styles_module_scss_1.default.tabScrollButtonLeft}`, label: "Scroll tabs left", disabled: !scrollState.canScrollLeft, onClickHandler: () => scrollTabs("left"), ButtonIcon: () => (0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: 16, SvgElement: arrow_right_svg_1.default }) })), (0, jsx_runtime_1.jsx)("div", { ref: scrollWrapperRef, className: styles_module_scss_1.default.scrollWrapper, onScroll: updateScrollState, children: children }), hasNavigationControls && ((0, jsx_runtime_1.jsx)(Button_1.default, { className: `${styles_module_scss_1.default.tabScrollButton} ${styles_module_scss_1.default.tabScrollButtonRight}`, label: "Scroll tabs right", disabled: !scrollState.canScrollRight, onClickHandler: () => scrollTabs("right"), ButtonIcon: () => (0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: 16, SvgElement: arrow_right_svg_1.default }) })), overlayContent && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.overlayContent, children: overlayContent }))] }));
78284
+ return ((0, jsx_runtime_1.jsxs)("div", { className: `tabContainer ${styles_module_scss_1.default.tabContainer} ${hasNavigationControls ? styles_module_scss_1.default.hasNavigationControls : ""}`, children: [hasNavigationControls && ((0, jsx_runtime_1.jsx)(Button_1.default, { className: `${styles_module_scss_1.default.tabScrollButton} ${styles_module_scss_1.default.tabScrollButtonLeft}`, label: "Scroll tabs left", disabled: !scrollState.canScrollLeft, onClickHandler: () => scrollTabs("left"), ButtonIcon: () => (0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: 16, SvgElement: arrow_right_svg_1.default }) })), (0, jsx_runtime_1.jsx)("div", { ref: scrollWrapperRef, className: styles_module_scss_1.default.scrollWrapper, "data-tab-scroller": "", onScroll: updateScrollState, children: children }), hasNavigationControls && ((0, jsx_runtime_1.jsx)(Button_1.default, { className: `${styles_module_scss_1.default.tabScrollButton} ${styles_module_scss_1.default.tabScrollButtonRight}`, label: "Scroll tabs right", disabled: !scrollState.canScrollRight, onClickHandler: () => scrollTabs("right"), ButtonIcon: () => (0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { size: 16, SvgElement: arrow_right_svg_1.default }) })), overlayContent && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.overlayContent, children: overlayContent }))] }));
78367
78285
  };
78368
78286
  exports["default"] = ScrollableTabBar;
78369
78287
 
@@ -78443,7 +78361,11 @@ const EditorInput = () => {
78443
78361
  if (!project || !project.components) {
78444
78362
  return null;
78445
78363
  }
78446
- return ((0, jsx_runtime_1.jsxs)(dnd_1.DragDropContext, { onDragStart: (input) => onDragStart(input), onDragEnd: (result) => onDragEnd(result), children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.tabbedPanel, children: (0, jsx_runtime_1.jsxs)(react_tabs_1.Tabs, { selectedIndex: fileTabFocusIndex, onSelect: selectFileTab, children: [(0, jsx_runtime_1.jsx)(ScrollableTabBar_1.default, { tabsKey: openedFiles.map((file) => file.id).join(","), overlayContent: isMobile ? (0, jsx_runtime_1.jsx)(RunnerControls_1.default, {}) : null, showNavigationControls: !isMobile, children: (0, jsx_runtime_1.jsx)(DroppableTabList_1.default, { index: 0, children: openedFiles.map((file, fileIndex) => ((0, jsx_runtime_1.jsxs)(DraggableTab_1.default, { draggableId: `file-${file.id}`, fileIndex: fileIndex, onTabClick: selectFileTab, onMouseEnter: showTabTooltip(file.path), onMouseLeave: hideTabTooltip, "aria-label": file.fullName, children: [(0, jsx_runtime_1.jsxs)(Text_1.Text, { size: 12, weight: "medium", className: "tabText", ref: tabRefs.current[projectFiles.findIndex((projectFile) => projectFile.id === file.id)], children: [(0, jsx_runtime_1.jsx)(FileIcon_1.default, { ext: file.extension }), (0, projectHelpers_1.truncateFileName)(file.fullName)] }), (0, projectHelpers_1.isFileClosable)(file.fullName, defaultFileName) && ((0, jsx_runtime_1.jsx)(Button_1.default, { className: styles_module_scss_1.default.closeBtn, label: `Close ${file.fullName}`, onClickHandler: (e) => closeFileTab(e, file), ButtonIcon: () => (0, jsx_runtime_1.jsx)(CloseIcon_1.default, { scaleFactor: 0.85 }) }))] }, file.id))) }) }), openedFiles.map((file) => ((0, jsx_runtime_1.jsxs)(react_tabs_1.TabPanel, { children: [(0, jsx_runtime_1.jsx)(ReadOnlyBanner_1.default, {}), (0, jsx_runtime_1.jsx)(EditorPanel_1.default, { file: file }, file.id)] }, file.id)))] }) }), tabTooltip && ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { className: styles_module_scss_1.default.tabTooltip, message: tabTooltip.message, position: "bottom", size: "fit", strategy: "fixed", visible: true, style: {
78364
+ return ((0, jsx_runtime_1.jsxs)(dnd_1.DragDropContext, { onDragStart: (input) => onDragStart(input), onDragEnd: (result) => onDragEnd(result), children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.tabbedPanel, children: (0, jsx_runtime_1.jsxs)(react_tabs_1.Tabs, { selectedIndex: fileTabFocusIndex, onSelect: selectFileTab, children: [(0, jsx_runtime_1.jsx)(ScrollableTabBar_1.default, { tabsKey: openedFiles.map((file) => file.id).join(","), overlayContent: isMobile ? (0, jsx_runtime_1.jsx)(RunnerControls_1.default, {}) : null, showNavigationControls: !isMobile, children: (0, jsx_runtime_1.jsx)(DroppableTabList_1.default, { index: 0, children: openedFiles.map((file, fileIndex) => ((0, jsx_runtime_1.jsxs)(DraggableTab_1.default, { draggableId: `file-${file.id}`, fileIndex: fileIndex, onTabClick: selectFileTab, onMouseEnter: showTabTooltip(file.path), onMouseLeave: hideTabTooltip, onCloseTab: (0, projectHelpers_1.isFileClosable)(file.fullName, defaultFileName)
78365
+ ? (e) => closeFileTab(e, file)
78366
+ : undefined, "aria-label": file.fullName, children: [(0, jsx_runtime_1.jsxs)(Text_1.Text, { size: 12, weight: "medium", className: "tabText", ref: tabRefs.current[projectFiles.findIndex((projectFile) => projectFile.id === file.id)], children: [(0, jsx_runtime_1.jsx)(FileIcon_1.default, { ext: file.extension }), (0, projectHelpers_1.truncateFileName)(file.fullName)] }), (0, projectHelpers_1.isFileClosable)(file.fullName, defaultFileName) && ((0, jsx_runtime_1.jsx)(Button_1.default, { className: styles_module_scss_1.default.closeBtn, label: `Close ${file.fullName}`,
78367
+ // react-tabs' roving tabindex covers only the tabs.
78368
+ tabIndex: fileIndex === fileTabFocusIndex ? 0 : -1, onClickHandler: (e) => closeFileTab(e, file), ButtonIcon: () => (0, jsx_runtime_1.jsx)(CloseIcon_1.default, { scaleFactor: 0.85 }) }))] }, file.id))) }) }), openedFiles.map((file) => ((0, jsx_runtime_1.jsxs)(react_tabs_1.TabPanel, { children: [(0, jsx_runtime_1.jsx)(ReadOnlyBanner_1.default, {}), (0, jsx_runtime_1.jsx)(EditorPanel_1.default, { file: file }, file.id)] }, file.id)))] }) }), tabTooltip && ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { className: styles_module_scss_1.default.tabTooltip, message: tabTooltip.message, position: "bottom", size: "fit", strategy: "fixed", visible: true, style: {
78447
78369
  top: tabTooltip.top,
78448
78370
  left: tabTooltip.left,
78449
78371
  transform: "translateX(-50%)",
@@ -78650,6 +78572,20 @@ exports.useFileTabRefs = void 0;
78650
78572
  const react_1 = __importStar(__webpack_require__(13327));
78651
78573
  const EditorTypes_1 = __webpack_require__(42108);
78652
78574
  const useTabFocusRestore_1 = __webpack_require__(2582);
78575
+ // scrollIntoView() would move the focus start point into the editor (2.4.3).
78576
+ const scrollTabBarTo = (tab) => {
78577
+ const scroller = tab?.closest("[data-tab-scroller]");
78578
+ if (!tab || !scroller)
78579
+ return;
78580
+ const tabBox = tab.getBoundingClientRect();
78581
+ const scrollerBox = scroller.getBoundingClientRect();
78582
+ if (tabBox.left < scrollerBox.left) {
78583
+ scroller.scrollLeft -= scrollerBox.left - tabBox.left;
78584
+ }
78585
+ else if (tabBox.right > scrollerBox.right) {
78586
+ scroller.scrollLeft += tabBox.right - scrollerBox.right;
78587
+ }
78588
+ };
78653
78589
  const useFileTabRefs = (projectFiles, unifiedTabs, focussedFileIndex) => {
78654
78590
  const tabRefs = (0, react_1.useRef)(projectFiles.map(() => (0, react_1.createRef)()));
78655
78591
  const [numberOfFileRefs, setNumberOfFileRefs] = (0, react_1.useState)(tabRefs.current.length);
@@ -78672,7 +78608,7 @@ const useFileTabRefs = (projectFiles, unifiedTabs, focussedFileIndex) => {
78672
78608
  const componentIndex = projectFiles.findIndex((file) => file.id === fileId);
78673
78609
  const fileRef = tabRefs.current[componentIndex];
78674
78610
  if (fileRef && fileRef.current) {
78675
- fileRef.current.parentElement?.scrollIntoView();
78611
+ scrollTabBarTo(fileRef.current.parentElement);
78676
78612
  }
78677
78613
  }, [focussedFileIndex, unifiedTabs, numberOfFileRefs, projectFiles]);
78678
78614
  return tabRefs;
@@ -80788,7 +80724,7 @@ const OutputStack = ({ renderOutput, outputMeta, panelOrder, }) => {
80788
80724
  const readOnly = (0, stores_1.useAppSelector)((state) => state.editor.readOnly);
80789
80725
  const isPreviewMode = (0, stores_1.useAppSelector)((state) => state.editor.isOutputOnly);
80790
80726
  const [topKind, bottomKind] = panelOrder;
80791
- return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.outputStackContainer, children: [(0, jsx_runtime_1.jsx)(OutputTabPanel_1.OutputTabPanel, { title: outputMeta[topKind].label, icon: outputMeta[topKind].icon, readOnly: readOnly, extraTabContent: outputMeta[topKind].extraHeaderContent, tabPanelClassName: topKind === EditorTypes_1.OutputType.VISUAL ? styles_module_scss_1.default.visualPanePadding : undefined, children: renderOutput(topKind) }), !isPreviewMode && ((0, jsx_runtime_1.jsx)(ResizableWithHandle_1.default, { "data-testid": "proj-console-container", handleDirection: "top", defaultHeight: "50%", className: styles_module_scss_1.default.resizeContainer, handleClassName: styles_module_scss_1.default.resizeHandleContainer, children: (0, jsx_runtime_1.jsx)(OutputTabPanel_1.OutputTabPanel, { title: outputMeta[bottomKind].label, icon: outputMeta[bottomKind].icon, readOnly: readOnly, extraTabContent: outputMeta[bottomKind].extraHeaderContent, tabPanelClassName: bottomKind === EditorTypes_1.OutputType.VISUAL
80727
+ return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.outputStackContainer, children: [(0, jsx_runtime_1.jsx)(OutputTabPanel_1.OutputTabPanel, { title: outputMeta[topKind].label, icon: outputMeta[topKind].icon, readOnly: readOnly, extraTabContent: outputMeta[topKind].extraHeaderContent, tabPanelClassName: topKind === EditorTypes_1.OutputType.VISUAL ? styles_module_scss_1.default.visualPanePadding : undefined, children: renderOutput(topKind) }), !isPreviewMode && ((0, jsx_runtime_1.jsx)(ResizableWithHandle_1.default, { "data-testid": "proj-console-container", handleDirection: "top", separatorLabel: `Resize the ${outputMeta[topKind].label} and ${outputMeta[bottomKind].label} panels`, defaultHeight: "50%", className: styles_module_scss_1.default.resizeContainer, handleClassName: styles_module_scss_1.default.resizeHandleContainer, children: (0, jsx_runtime_1.jsx)(OutputTabPanel_1.OutputTabPanel, { title: outputMeta[bottomKind].label, icon: outputMeta[bottomKind].icon, readOnly: readOnly, extraTabContent: outputMeta[bottomKind].extraHeaderContent, tabPanelClassName: bottomKind === EditorTypes_1.OutputType.VISUAL
80792
80728
  ? styles_module_scss_1.default.visualPanePadding
80793
80729
  : undefined, children: renderOutput(bottomKind) }) }))] }));
80794
80730
  };
@@ -82320,7 +82256,11 @@ const react_tabs_1 = __webpack_require__(60627);
82320
82256
  const dnd_1 = __webpack_require__(44754);
82321
82257
  __webpack_require__(44221);
82322
82258
  const DraggableTabWrapper = ({ draggableId, index, isDragDisabled = false, children, ...otherProps }) => {
82323
- return ((0, jsx_runtime_1.jsx)(dnd_1.Draggable, { draggableId: draggableId, index: index, isDragDisabled: isDragDisabled, children: (provided) => ((0, jsx_runtime_1.jsx)("div", { className: "draggable-tab", ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, style: provided.draggableProps.style, children: (0, jsx_runtime_1.jsx)(react_tabs_1.Tab, { ...otherProps, children: children }) })) }));
82259
+ return ((0, jsx_runtime_1.jsx)(dnd_1.Draggable, { draggableId: draggableId, index: index, isDragDisabled: isDragDisabled, children: (provided) => {
82260
+ // The handle's own role/tabIndex would come between tablist and tab.
82261
+ const { role, tabIndex, ...dragHandleProps } = provided.dragHandleProps ?? {};
82262
+ return ((0, jsx_runtime_1.jsx)("div", { className: "draggable-tab", role: "presentation", ref: provided.innerRef, ...provided.draggableProps, style: provided.draggableProps.style, children: (0, jsx_runtime_1.jsx)(react_tabs_1.Tab, { ...otherProps, ...dragHandleProps, children: children }) }));
82263
+ } }));
82324
82264
  };
82325
82265
  DraggableTabWrapper.tabsRole = "Tab";
82326
82266
  exports["default"] = DraggableTabWrapper;
@@ -83971,7 +83911,7 @@ const SidebarBar = (props) => {
83971
83911
  const { menuOptions, openPanels = [], toggleOption } = props;
83972
83912
  const topMenuOptions = menuOptions.filter((menuOption) => menuOption.position === "top");
83973
83913
  const bottomMenuOptions = menuOptions.filter((menuOption) => menuOption.position === "bottom");
83974
- return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.bar, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.optionsTop, children: topMenuOptions.map((menuOption, i) => ((0, jsx_runtime_1.jsx)(SidebarBarOption_1.default, { Icon: menuOption.icon, title: menuOption.title, isActive: openPanels.includes(menuOption.name), toggleOption: toggleOption, name: menuOption.name, action: menuOption.action }, i))) }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.optionsBottom, children: bottomMenuOptions.map((menuOption, i) => ((0, jsx_runtime_1.jsx)(SidebarBarOption_1.default, { Icon: menuOption.icon, title: menuOption.title, isActive: openPanels.includes(menuOption.name), toggleOption: toggleOption, name: menuOption.name, buttonText: menuOption.buttonText, isUser: menuOption.name === "user" }, i))) })] }));
83914
+ return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.bar, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.optionsTop, children: topMenuOptions.map((menuOption, i) => ((0, jsx_runtime_1.jsx)(SidebarBarOption_1.default, { Icon: menuOption.icon, title: menuOption.title, isActive: openPanels.includes(menuOption.name), toggleOption: toggleOption, name: menuOption.name, hasPanel: !!menuOption.panel, action: menuOption.action }, i))) }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.optionsBottom, children: bottomMenuOptions.map((menuOption, i) => ((0, jsx_runtime_1.jsx)(SidebarBarOption_1.default, { Icon: menuOption.icon, title: menuOption.title, isActive: openPanels.includes(menuOption.name), toggleOption: toggleOption, name: menuOption.name, hasPanel: !!menuOption.panel, buttonText: menuOption.buttonText, isUser: menuOption.name === "user" }, i))) })] }));
83975
83915
  };
83976
83916
  exports["default"] = SidebarBar;
83977
83917
 
@@ -84008,7 +83948,11 @@ const backgroundColors = [
84008
83948
  "FCE688",
84009
83949
  ];
84010
83950
  const SidebarBarOption = (props) => {
84011
- const { Icon, isActive, name, title, toggleOption, buttonText, isUser, action, } = props;
83951
+ const { Icon, isActive, name, title, toggleOption, buttonText, hasPanel, isUser, action, } = props;
83952
+ // Home and the profile open no panel, so they are not toggles.
83953
+ const panelLabel = hasPanel
83954
+ ? `${isActive ? "Close" : "Open"} the ${title} panel`
83955
+ : undefined;
84012
83956
  const { hovered, hoverProps } = (0, useHover_1.useHover)();
84013
83957
  const userId = (0, stores_1.useAppSelector)((state) => state.user.userId);
84014
83958
  const isFacilitator = (0, stores_1.useAppSelector)((state) => state.user.isFacilitator);
@@ -84038,9 +83982,9 @@ const SidebarBarOption = (props) => {
84038
83982
  setIsMenuOpen(false);
84039
83983
  };
84040
83984
  const tooltip = ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { message: title ?? "", visible: hovered && !!title, size: "fit", className: styles_module_scss_1.default.optionTooltip }));
84041
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!!avatarSrc && isUser ? ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.optionTooltipWrapper, ...hoverProps, children: [(0, jsx_runtime_1.jsx)("img", { ref: buttonRef, onClick: onClickHandler, className: (0, classnames_1.default)(styles_module_scss_1.default.option, styles_module_scss_1.default.userOption), src: avatarSrc, alt: "User profile avatar" }), tooltip] })) : ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.optionTooltipWrapper, ...hoverProps, children: [(0, jsx_runtime_1.jsx)(Button_1.default, { buttonRef: buttonRef, className: (0, classnames_1.default)(styles_module_scss_1.default.option, isActive && styles_module_scss_1.default.selected, isUser && styles_module_scss_1.default.userOption), style: avatarStyle, ButtonIcon: Icon, buttonText: buttonText, onClickHandler: onClickHandler, label: isUser
83985
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!!avatarSrc && isUser ? ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.optionTooltipWrapper, ...hoverProps, children: [(0, jsx_runtime_1.jsx)("img", { ref: buttonRef, onClick: onClickHandler, className: (0, classnames_1.default)(styles_module_scss_1.default.option, styles_module_scss_1.default.userOption), src: avatarSrc, alt: "User profile avatar" }), tooltip] })) : ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.optionTooltipWrapper, ...hoverProps, children: [(0, jsx_runtime_1.jsx)(Button_1.default, { buttonRef: buttonRef, className: (0, classnames_1.default)(styles_module_scss_1.default.option, isActive && styles_module_scss_1.default.selected, isUser && styles_module_scss_1.default.userOption), style: avatarStyle, ButtonIcon: Icon, buttonText: buttonText, onClickHandler: onClickHandler, ariaExpanded: hasPanel ? !!isActive : undefined, label: isUser
84042
83986
  ? `Profile image placeholder displaying the user’s initials`
84043
- : title }), tooltip] })), isUser && ((0, jsx_runtime_1.jsx)(UserMenu_1.default, { anchorRef: buttonRef, opened: isMenuOpen, onClose: handleClose }))] }));
83987
+ : panelLabel ?? title }), tooltip] })), isUser && ((0, jsx_runtime_1.jsx)(UserMenu_1.default, { anchorRef: buttonRef, opened: isMenuOpen, onClose: handleClose }))] }));
84044
83988
  };
84045
83989
  exports["default"] = SidebarBarOption;
84046
83990
 
@@ -84093,7 +84037,7 @@ const SidebarPanelsColumn = ({ panels, expanded = false, }) => {
84093
84037
  manuallyResizedRef.current = true;
84094
84038
  setWidth(next);
84095
84039
  }, []);
84096
- return ((0, jsx_runtime_1.jsxs)(ResizableWithHandle_1.default, { "data-testid": "sidebar__panels-column", className: styles_module_scss_1.default.panelsColumn, defaultWidth: typeof width === "number" ? `${width}px` : width, defaultHeight: "100%", handleDirection: "right", minWidth: "250px", maxWidth: maxWidth, width: width, onWidthChange: handleWidthChange, children: [panels.slice(0, -1).map((panel, index) => ((0, jsx_runtime_1.jsx)(ResizableWithHandle_1.default, { className: styles_module_scss_1.default.panelsColumnTop, defaultWidth: "100%", defaultHeight: "35%", handleDirection: "bottom", minHeight: "150px", maxHeight: "75%", children: panel }, index))), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.panelsColumnFill, children: panels[panels.length - 1] })] }));
84040
+ return ((0, jsx_runtime_1.jsxs)(ResizableWithHandle_1.default, { "data-testid": "sidebar__panels-column", className: styles_module_scss_1.default.panelsColumn, defaultWidth: typeof width === "number" ? `${width}px` : width, defaultHeight: "100%", handleDirection: "right", separatorLabel: "Resize the side panels", minWidth: "250px", maxWidth: maxWidth, width: width, onWidthChange: handleWidthChange, children: [panels.slice(0, -1).map((panel, index) => ((0, jsx_runtime_1.jsx)(ResizableWithHandle_1.default, { className: styles_module_scss_1.default.panelsColumnTop, defaultWidth: "100%", defaultHeight: "35%", handleDirection: "bottom", separatorLabel: "Resize the stacked side panels", minHeight: "150px", maxHeight: "75%", children: panel }, index))), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.panelsColumnFill, children: panels[panels.length - 1] })] }));
84097
84041
  };
84098
84042
  exports["default"] = SidebarPanelsColumn;
84099
84043
 
@@ -84356,10 +84300,9 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
84356
84300
  exports.ModalTypeToComponentMap = void 0;
84357
84301
  const jsx_runtime_1 = __webpack_require__(71178);
84358
84302
  const types_1 = __webpack_require__(92932);
84359
- const ShareProjectModal_1 = __importDefault(__webpack_require__(38876));
84303
+ const ShareProjectModal_1 = __importDefault(__webpack_require__(24658));
84360
84304
  const ProjectHistoryModal_1 = __importDefault(__webpack_require__(39345));
84361
84305
  const RemoveItemModal_1 = __importDefault(__webpack_require__(68544));
84362
- const SaveProjectReminderModal_1 = __importDefault(__webpack_require__(23765));
84363
84306
  const UploadSizeLimitModal_1 = __importDefault(__webpack_require__(66156));
84364
84307
  const UploadFilesModal_1 = __importDefault(__webpack_require__(9825));
84365
84308
  const RemixProjectModal_1 = __importDefault(__webpack_require__(14472));
@@ -84368,7 +84311,6 @@ exports.ModalTypeToComponentMap = {
84368
84311
  [types_1.ModalType.SHARE_PROJECT]: (0, jsx_runtime_1.jsx)(ShareProjectModal_1.default, {}),
84369
84312
  [types_1.ModalType.REMOVE_ITEM]: (0, jsx_runtime_1.jsx)(RemoveItemModal_1.default, {}),
84370
84313
  [types_1.ModalType.RESTORE_VERSION]: (0, jsx_runtime_1.jsx)(ProjectHistoryModal_1.default, {}),
84371
- [types_1.ModalType.SAVE_PROJECT_REMINDER]: (0, jsx_runtime_1.jsx)(SaveProjectReminderModal_1.default, {}),
84372
84314
  [types_1.ModalType.UPLOAD_SIZE_LIMIT]: (0, jsx_runtime_1.jsx)(UploadSizeLimitModal_1.default, {}),
84373
84315
  [types_1.ModalType.UPLOAD_FILES]: (0, jsx_runtime_1.jsx)(UploadFilesModal_1.default, {}),
84374
84316
  [types_1.ModalType.REMIX_PROJECT]: (0, jsx_runtime_1.jsx)(RemixProjectModal_1.default, {}),
@@ -84423,7 +84365,7 @@ const ProjectBar = ({ nameEditable = true, }) => {
84423
84365
  if (loading !== types_1.LoadingState.SUCCESS) {
84424
84366
  return null;
84425
84367
  }
84426
- return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.header, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsx)(gwc_logo_svg_1.default, { className: styles_module_scss_1.default.gwcLogo, role: "img", "aria-labelledby": "GWC Logo" }), (0, jsx_runtime_1.jsx)(text_jam_logo_svg_1.default, { className: styles_module_scss_1.default.textJamLogo, role: "img", "aria-labelledby": "TextJam logo" })] }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsx)(ProjectName_1.default, { editable: nameEditable, showLabel: true }), (0, jsx_runtime_1.jsx)(HistoryButton_1.default, { className: styles_module_scss_1.default.btnSvg }), (0, jsx_runtime_1.jsx)(SaveButton_1.default, { className: styles_module_scss_1.default.headerBtn })] }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsx)(RunBar_1.default, {}), (0, jsx_runtime_1.jsx)(DownloadButton_1.default, { className: styles_module_scss_1.default.btnSvg }), (0, jsx_runtime_1.jsx)(ShareButton_1.default, { className: styles_module_scss_1.default.btnSvg })] })] }));
84368
+ return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.header, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsx)(gwc_logo_svg_1.default, { className: styles_module_scss_1.default.gwcLogo, role: "img", "aria-label": "Girls Who Code" }), (0, jsx_runtime_1.jsx)(text_jam_logo_svg_1.default, { className: styles_module_scss_1.default.textJamLogo, role: "img", "aria-label": "TextJam" })] }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsx)(ProjectName_1.default, { editable: nameEditable, showLabel: true }), (0, jsx_runtime_1.jsx)(HistoryButton_1.default, { className: styles_module_scss_1.default.btnSvg }), (0, jsx_runtime_1.jsx)(SaveButton_1.default, { className: styles_module_scss_1.default.headerBtn })] }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsx)(RunBar_1.default, {}), (0, jsx_runtime_1.jsx)(DownloadButton_1.default, { className: styles_module_scss_1.default.btnSvg }), (0, jsx_runtime_1.jsx)(ShareButton_1.default, { className: styles_module_scss_1.default.btnSvg })] })] }));
84427
84369
  };
84428
84370
  exports["default"] = ProjectBar;
84429
84371
 
@@ -84489,7 +84431,7 @@ const SharedProjectBar = () => {
84489
84431
  },
84490
84432
  }));
84491
84433
  };
84492
- return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.header, styles_module_scss_1.default.sharedProject), children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsx)(gwc_logo_svg_1.default, { className: styles_module_scss_1.default.gwcLogo }), (0, jsx_runtime_1.jsx)(text_jam_logo_svg_1.default, { className: styles_module_scss_1.default.textJamLogo })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, styles_module_scss_1.default.projectName), children: (0, jsx_runtime_1.jsx)(SharedProjectName_1.default, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [isCodeVisible && userId && ((0, jsx_runtime_1.jsx)(Button_1.default, { ButtonIcon: remixButtonIcon, buttonText: remixButtonText, className: styles_module_scss_1.default.headerBtn, variant: "secondary", onClickHandler: handleOpenRemixModal, disabled: isSaving })), (0, jsx_runtime_1.jsx)(RunBar_1.default, {})] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, styles_module_scss_1.default.tooltipAnchor), ...hoverProps, children: [(0, jsx_runtime_1.jsx)(Button_1.default, { className: (0, classnames_1.default)(styles_module_scss_1.default.linkButton, styles_module_scss_1.default.btnSvg), variant: "tertiary", ButtonIcon: () => (0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { SvgElement: link_svg_1.default, size: 24 }), onClickHandler: handleOpenShareModal }), (0, jsx_runtime_1.jsx)(Tooltip_1.default, { message: "Share this project", visible: hovered, position: "bottom", size: "fit" })] }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.wrapper, children: (0, jsx_runtime_1.jsx)(ViewSwitcher_1.ViewSwitcher, {}) })] }));
84434
+ return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.header, styles_module_scss_1.default.sharedProject), children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsx)(gwc_logo_svg_1.default, { className: styles_module_scss_1.default.gwcLogo, role: "img", "aria-label": "Girls Who Code" }), (0, jsx_runtime_1.jsx)(text_jam_logo_svg_1.default, { className: styles_module_scss_1.default.textJamLogo, role: "img", "aria-label": "TextJam" })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, styles_module_scss_1.default.projectName), children: (0, jsx_runtime_1.jsx)(SharedProjectName_1.default, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [isCodeVisible && userId && ((0, jsx_runtime_1.jsx)(Button_1.default, { ButtonIcon: remixButtonIcon, buttonText: remixButtonText, className: styles_module_scss_1.default.headerBtn, variant: "secondary", onClickHandler: handleOpenRemixModal, disabled: isSaving })), (0, jsx_runtime_1.jsx)(RunBar_1.default, {})] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, styles_module_scss_1.default.tooltipAnchor), ...hoverProps, children: [(0, jsx_runtime_1.jsx)(Button_1.default, { className: (0, classnames_1.default)(styles_module_scss_1.default.linkButton, styles_module_scss_1.default.btnSvg), variant: "tertiary", ButtonIcon: () => (0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { SvgElement: link_svg_1.default, size: 24 }), onClickHandler: handleOpenShareModal }), (0, jsx_runtime_1.jsx)(Tooltip_1.default, { message: "Share this project", visible: hovered, position: "bottom", size: "fit" })] }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.wrapper, children: (0, jsx_runtime_1.jsx)(ViewSwitcher_1.ViewSwitcher, {}) })] }));
84493
84435
  };
84494
84436
  exports.SharedProjectBar = SharedProjectBar;
84495
84437
 
@@ -84625,6 +84567,8 @@ const stores_1 = __webpack_require__(32132);
84625
84567
  const useHover_1 = __webpack_require__(78556);
84626
84568
  const styles_module_scss_1 = __importDefault(__webpack_require__(68776));
84627
84569
  const SvgIcon_1 = __webpack_require__(82917);
84570
+ const NO_SHARE_LINKS_MESSAGE = "To share your project, please save it first.";
84571
+ const UNAVAILABLE_REASON_ID = "share-button-unavailable-reason";
84628
84572
  const ShareButton = (props) => {
84629
84573
  const dispatch = (0, react_redux_1.useDispatch)();
84630
84574
  const shareLinks = (0, stores_1.useAppSelector)((state) => state.editor.shareLinks);
@@ -84641,7 +84585,7 @@ const ShareButton = (props) => {
84641
84585
  }, [dispatch, shareLinks]);
84642
84586
  const canShare = Boolean(shareLinks);
84643
84587
  const { hovered, hoverProps } = (0, useHover_1.useHover)();
84644
- 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 })] }));
84588
+ 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 })] }));
84645
84589
  };
84646
84590
  exports["default"] = ShareButton;
84647
84591
 
@@ -87807,7 +87751,6 @@ var ModalType;
87807
87751
  ModalType["SHARE_PROJECT"] = "shareProject";
87808
87752
  ModalType["REMOVE_ITEM"] = "removeItem";
87809
87753
  ModalType["RESTORE_VERSION"] = "restoreVersion";
87810
- ModalType["SAVE_PROJECT_REMINDER"] = "saveProjectReminder";
87811
87754
  ModalType["UPLOAD_SIZE_LIMIT"] = "uploadSizeLimit";
87812
87755
  ModalType["UPLOAD_FILES"] = "uploadFiles";
87813
87756
  ModalType["REMIX_PROJECT"] = "remixProject";
package/dist/style.css CHANGED
@@ -1,5 +1,5 @@
1
1
  @import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Roboto+Mono:wght@400;500&display=swap);
2
- :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}
2
+ :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}
3
3
  :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}
4
4
  .react-tabs {
5
5
  -webkit-tap-highlight-color: transparent;
@@ -682,8 +682,8 @@
682
682
  .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}
683
683
  :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}}
684
684
  :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}
685
- .styles-module__shareButtonWrapper--wEN8e{position:relative}
686
- :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}
685
+ .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}
686
+ :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}
687
687
  :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))}
688
688
  .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}
689
689
  :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}
@@ -696,13 +696,13 @@
696
696
  :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}
697
697
  :root{--rpf-white: #ffffff}.styles-module__arrowIcon--YOZDc{margin-left:calc(.25rem*var(--scale-factor, 1))}.styles-module__buttonActive--q-jy7{background-color:rgba(0,0,0,0);border:1px solid #33625e}
698
698
  .styles-module__curriculumPanel--UARP0{padding:0px}.styles-module__panelContent--eZsVv{padding:0px;border-radius:calc(.5rem*var(--scale-factor, 1))}
699
- :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}.draggable-tab{user-select:none}.draggable-tab:focus-visible{outline:none}.--light .react-tabs__tab:focus-visible,.--dark .react-tabs__tab:focus-visible,.--light .draggable-tab:focus-visible .react-tabs__tab,.--dark .draggable-tab:focus-visible .react-tabs__tab{outline:2px auto Highlight;outline:2px auto -webkit-focus-ring-color;outline-offset:-1px}.droppable-tab-list{display:flex;inline-size:100%}
699
+ :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}.draggable-tab{user-select:none}.--light .react-tabs__tab:focus-visible,.--dark .react-tabs__tab:focus-visible{outline:2px auto Highlight;outline:2px auto -webkit-focus-ring-color;outline-offset:-1px}.droppable-tab-list{display:flex;inline-size:100%}
700
700
  :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}:root,:host{--font-size-0-5: 0.5rem;--font-size-0-75: 0.75rem;--font-size-1: 1rem;--font-size-1-5: 1.25rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--font-size-5: 3rem;--font-size-6: 3.5rem;--font-size-7: 4rem;--font-size-8: 4.5rem;--font-size-9: 5rem}:root,:host{--font-weight-regular: 400;--font-weight-bold: 700}:root,:host{--line-height-0-75: 0.75rem;--line-height-1: 1rem;--line-height-1-5: 1.5rem;--line-height-2: 2rem;--line-height-2-5: 2.5rem;--line-height-3: 3rem;--line-height-3-5: 3.5rem;--line-height-4: 4rem;--line-height-4-5: 4.5rem;--line-height-5: 5rem;--line-height-5-5: 5.5rem;--line-height-6: 6rem;--line-height-6-5: 6.5rem}.editor-wrapper{overflow:auto;scrollbar-width:thin;block-size:100%}.editor{display:flex;flex-flow:column;flex:1;overflow:hidden;block-size:calc(100% - 3rem*var(--scale-factor, 1))}.editor .cm-editor{flex:1;overflow:hidden}.editor .cm-editor:focus{outline:none}.editor .cm-editor .cm-scroller{overflow:auto;scrollbar-width:thin;overscroll-behavior-x:none;font-family:var(--wc-font-family-monospace);z-index:100}.editor .cm-editor .cm-scroller .cm-content{flex:1;padding-block-start:calc(.5rem*var(--scale-factor, 1));margin-inline-end:calc(.5rem*var(--scale-factor, 1))}.editor--small{font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1))}.editor--medium{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.editor--large{font-size:calc(2rem*var(--scale-factor, 1));line-height:calc(2.5rem*var(--scale-factor, 1))}.rpf-alert{margin:0}
701
701
  :root{--rpf-white: #ffffff}.styles-module__editorStatistic--EyK0S{display:flex;justify-content:space-between;align-items:center;inline-size:100%;border-block-start:1px solid #e5e5e5;padding:calc(.625rem*var(--scale-factor, 1)) calc(.75rem*var(--scale-factor, 1));font-weight:400;font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1))}.styles-module__editorStatistic--EyK0S .styles-module__contentType--Sb4eE{text-transform:uppercase}
702
702
  .styles-module__previewContainer--gHB-N{block-size:100%;display:flex;align-items:center;justify-content:center}
703
703
  :root{--rpf-white: #ffffff}.styles-module__tabContainer--4HWO\+{display:flex;align-items:stretch}.styles-module__scrollWrapper--xi36s{position:relative;flex:1;min-inline-size:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-color:HSL(0, 0%, 14%, 30%) rgba(0,0,0,0);scrollbar-width:none;-ms-overflow-style:none}.styles-module__scrollWrapper--xi36s::-webkit-scrollbar{block-size:0;transition:height .2s ease}.styles-module__scrollWrapper--xi36s:hover{scrollbar-width:thin}.styles-module__scrollWrapper--xi36s:hover::-webkit-scrollbar{block-size:calc(.25rem*var(--scale-factor, 1))}.styles-module__tabScrollButton--uVTTR{flex:0 0 32px;inline-size:32px;min-inline-size:32px;block-size:100%;padding:0;border:0;border-radius:0;background-color:#e5f6f1;display:flex;align-items:center;justify-content:center}.styles-module__tabScrollButton--uVTTR:hover,.styles-module__tabScrollButton--uVTTR:focus,.styles-module__tabScrollButton--uVTTR:active,.styles-module__tabScrollButton--uVTTR:disabled{background-color:#e5f6f1}.styles-module__tabScrollButton--uVTTR:disabled svg path{stroke:#cbcbcb}.styles-module__tabScrollButtonLeft--qLxhp{border-inline-end:1px solid #e5e5e5;border-start-start-radius:calc(.5rem*var(--scale-factor, 1))}.styles-module__tabScrollButtonLeft--qLxhp svg{transform:rotate(180deg)}.styles-module__tabScrollButtonRight--VbQha{border-inline-start:1px solid #e5e5e5;border-start-end-radius:calc(.5rem*var(--scale-factor, 1))}.styles-module__hasNavigationControls--3adJi .react-tabs__tab:last-child{border-inline-end:0}.styles-module__overlayContent--7CQ\+-{position:absolute;inset-block:0;inset-inline-start:0;z-index:1;display:flex;align-items:center}
704
704
  :root{--rpf-white: #ffffff}.styles-module__readOnlyContainer--GooG6{display:flex;justify-content:flex-end;margin:8px 4px 4px 4px}.styles-module__readOnlyContainerLeft--D6yHv{justify-content:flex-start}.styles-module__readOnlyBanner--b4PPC{background-color:#e5e5e5;padding:4px 8px;border-radius:12px;font-weight:400;font-size:calc(.5rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));display:flex;gap:4px;align-items:center;color:#69746d}
705
- :root{--rpf-white: #ffffff}.styles-module__tabbedPanel--Sovmr{display:flex;flex-direction:column;block-size:100%;inline-size:100%}.styles-module__tabbedPanel--Sovmr .styles-module__viewOnlyBanner--vSOaw{font-weight:700;padding:var(--space-0-5) var(--space-1);border-block-end:1px solid var(--editor-color-outline)}.styles-module__tabbedPanel--Sovmr .styles-module__closeBtn--g8-AM{block-size:100%;padding:0;padding-inline-start:calc(1rem*var(--scale-factor, 1));background-color:rgba(0,0,0,0)}.styles-module__tabbedPanel--Sovmr .styles-module__closeBtn--g8-AM:focus-visible{border:0}.styles-module__tabTooltip--DO-Hr{min-inline-size:auto;inline-size:max-content;max-inline-size:min(90vw,32rem);margin-block-start:0}.tabContainer{border-block-end:1px solid #e5e5e5;background-color:#e5f6f1;position:relative;block-size:calc(2.625rem*var(--scale-factor, 1));overflow:hidden}.tabText{display:flex;align-items:center;block-size:fit-content;inline-size:fit-content;margin:0;gap:calc(.5rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));white-space:nowrap}.react-tabs{flex:1;display:flex;flex-flow:column;overflow:hidden;position:relative;border-radius:calc(.5rem*var(--scale-factor, 1))}.react-tabs__tab{border:none;background-color:rgba(0,0,0,0);padding:0 calc(1rem*var(--scale-factor, 1));margin:0;inset-block-start:0;inset-block-end:0;min-block-size:calc(2.625rem*var(--scale-factor, 1));display:flex;align-items:center;justify-content:center;font-weight:700;color:#33625e;border-inline-end:1px solid #e5e5e5;flex:0 0 auto}.react-tabs__tab--selected{border-radius:0;background-color:#fff}.react-tabs__tab:focus{box-shadow:none;border-color:#e5e5e5}.react-tabs__tab:focus-visible{outline-offset:-3px}.react-tabs__tab:focus:after{display:none}.react-tabs__tab-list{border-block-end:none;box-sizing:border-box;display:inline-flex;align-items:center;flex-wrap:nowrap;margin:0;min-inline-size:100%}.react-tabs__tab-panel--selected{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:#fff}
705
+ :root{--rpf-white: #ffffff}.styles-module__tabbedPanel--Sovmr{display:flex;flex-direction:column;block-size:100%;inline-size:100%}.styles-module__tabbedPanel--Sovmr .styles-module__viewOnlyBanner--vSOaw{font-weight:700;padding:var(--space-0-5) var(--space-1);border-block-end:1px solid var(--editor-color-outline)}.styles-module__tabbedPanel--Sovmr .styles-module__closeBtn--g8-AM{block-size:100%;padding:0;padding-inline-start:calc(1rem*var(--scale-factor, 1));background-color:rgba(0,0,0,0)}.styles-module__tabbedPanel--Sovmr .styles-module__closeBtn--g8-AM:focus-visible{border:0;outline:none}.styles-module__tabbedPanel--Sovmr .styles-module__closeBtn--g8-AM:focus-visible svg{outline:2px auto Highlight;outline:2px auto -webkit-focus-ring-color;outline-offset:3px}.styles-module__tabTooltip--DO-Hr{min-inline-size:auto;inline-size:max-content;max-inline-size:min(90vw,32rem);margin-block-start:0}.tabContainer{border-block-end:1px solid #e5e5e5;background-color:#e5f6f1;position:relative;block-size:calc(2.625rem*var(--scale-factor, 1));overflow:hidden}.tabText{display:flex;align-items:center;block-size:fit-content;inline-size:fit-content;margin:0;gap:calc(.5rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));white-space:nowrap}.react-tabs{flex:1;display:flex;flex-flow:column;overflow:hidden;position:relative;border-radius:calc(.5rem*var(--scale-factor, 1))}.react-tabs__tab{border:none;background-color:rgba(0,0,0,0);padding:0 calc(1rem*var(--scale-factor, 1));margin:0;inset-block-start:0;inset-block-end:0;min-block-size:calc(2.625rem*var(--scale-factor, 1));display:flex;align-items:center;justify-content:center;font-weight:700;color:#33625e;border-inline-end:1px solid #e5e5e5;flex:0 0 auto}.react-tabs__tab--selected{border-radius:0;background-color:#fff}.react-tabs__tab:focus{box-shadow:none;border-color:#e5e5e5}.react-tabs__tab:focus-visible{outline-offset:-3px}.react-tabs__tab:focus:after{display:none}.react-tabs__tab-list{border-block-end:none;box-sizing:border-box;display:inline-flex;align-items:center;flex-wrap:nowrap;margin:0;min-inline-size:100%}.react-tabs__tab-panel--selected{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:#fff}
706
706
  :root{--rpf-white: #ffffff}.styles-module__proj--ZFm0o{display:flex;flex-flow:column;overflow:hidden;block-size:100%}.styles-module__projContainer--foKo4{display:flex;flex-direction:row;overflow:clip;overflow-clip-margin:1.25rem;margin:0 8px 6px 0px;block-size:100%;min-block-size:0}.styles-module__projContainer--foKo4 .styles-module__projectWrapper--Yq8Yr{container-type:inline-size;display:flex;flex-direction:column;flex:1 1 auto;overflow:clip;overflow-clip-margin:1.25rem;min-block-size:0;min-inline-size:0}.styles-module__projContainer--foKo4 .styles-module__projEditorWrapper--SISJR{display:flex;flex:0 1 auto;flex-flow:column;grid-gap:calc(.625rem*var(--scale-factor, 1));overflow:clip;overflow-clip-margin:1.25rem;block-size:100%;inline-size:100%;min-block-size:0;min-inline-size:0}@container (min-width: 720px){.styles-module__projContainer--foKo4 .styles-module__projEditorWrapper--SISJR{flex-flow:row}.styles-module__projContainer--foKo4 .styles-module__projEditorContainer--jWAlR{max-block-size:100% !important}}.styles-module__projContainer--foKo4 .styles-module__projEditorContainer--jWAlR{display:flex;box-sizing:border-box;background-color:#fff;min-block-size:30%;max-block-size:70%;border-radius:8px;box-shadow:0px 4px 20px 0px rgba(0,0,0,.15)}.styles-module__projContainer--foKo4 .styles-module__projEditorContainer--jWAlR .styles-module__react-tabs__tab-panel--selected--RwR-m{overflow-y:hidden}.styles-module__projContainer--foKo4 .styles-module__projEditorContainer--jWAlR .styles-module__react-tabs__tab-list--gM7uT{flex:1}.styles-module__projContainer--foKo4 .styles-module__projEditorContainer--jWAlR .styles-module__react-tabs__tab-container--ycENl .styles-module__btn--run--u9TgZ,.styles-module__projContainer--foKo4 .styles-module__projEditorContainer--jWAlR .styles-module__react-tabs__tab-container--ycENl .styles-module__btn--stop--gJCsY{margin-block-start:0;margin-block-end:0}
707
707
  :root{--rpf-white: #ffffff}.styles-module__viewSwitcher--h0ODR{display:flex}.styles-module__viewSwitcherBtn--v6-ir{inline-size:calc(2.75rem*var(--scale-factor, 1));block-size:calc(2.75rem*var(--scale-factor, 1));cursor:pointer;transition:background-color .15s ease}.styles-module__viewSwitcherBtnWrapper--OarYg{position:relative;display:flex}.styles-module__viewSwitcherBtnWrapper--OarYg:first-child .styles-module__viewSwitcherBtn--v6-ir{border-radius:calc(.75rem*var(--scale-factor, 1)) 0 0 calc(.75rem*var(--scale-factor, 1))}.styles-module__viewSwitcherBtnWrapper--OarYg:last-child .styles-module__viewSwitcherBtn--v6-ir{border-radius:0 calc(.75rem*var(--scale-factor, 1)) calc(.75rem*var(--scale-factor, 1)) 0}.styles-module__viewSwitcherBtnActive--m2JP-{background-color:#fff}
708
708
  :root{--rpf-white: #ffffff}.styles-module__container--uYbdi{color:#e0201c;padding:calc(.75rem*var(--scale-factor, 1)) calc(1.25rem*var(--scale-factor, 1));display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1));flex:0 0 auto}.styles-module__message--hNGZt{padding:0;margin:0;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:18px;font-family:"Roboto Mono",source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.styles-module__infoBox--Ti35B{inline-size:100%;overflow-wrap:break-word;padding:calc(.5rem*var(--scale-factor, 1));background-color:#ffd5ce;color:#520e0e;display:flex;flex-direction:row;align-items:start;justify-content:flex-start;border:1px solid #e0201c;border-radius:calc(.5rem*var(--scale-factor, 1));gap:calc(.25rem*var(--scale-factor, 1))}.styles-module__infoBox--Ti35B svg{color:#e0201c}.styles-module__infoText--jXz2P{display:flex;flex-direction:column;align-items:flex-start;gap:calc(.3125rem*var(--scale-factor, 1))}.styles-module__notFoundContainer--YfNdr{inline-size:100%;block-size:100%;display:flex;flex-direction:column;align-items:center;gap:calc(2rem*var(--scale-factor, 1));padding:calc(2rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1));overflow:scroll;justify-content:space-evenly}.styles-module__notFoundText--q6EKC{display:flex;flex-direction:column;align-items:center;gap:calc(1rem*var(--scale-factor, 1))}
@@ -715,13 +715,12 @@
715
715
  :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))}
716
716
  :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}
717
717
  :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}
718
- :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}
719
718
  :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))}
720
719
  :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}
721
720
  :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))}
722
721
  :root{--rpf-white: #ffffff}.styles-module__content--Xo0FC{inline-size:454px;block-size:214px;gap:0px}.styles-module__body--t9rtp{align-items:center;text-align:center}.styles-module__buttonsContainer--JGhSm{justify-content:right;margin-block-start:calc(1rem*var(--scale-factor, 1))}@media(max-width: 720px){.styles-module__buttonsContainer--JGhSm{flex-direction:row}}.styles-module__headerText--pmvJm{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--3TJZO{color:#a88f00}.styles-module__description--uzzI\+{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));margin:0;color:#242424;white-space:pre-line}
723
722
  :root,:host{--border-radius: var(--space-1);--border-radius-sm: var(--space-0-5);--border-width-sm: 1px;--border-width-md: 2px;--border-width-lg: 3px;--alert-border-width: var(--border-width-md);--fieldset-border-width: var(--border-width-md);--input-border-width: var(--border-width-md);--table-border-width: var(--border-width-sm)}:root,:host{--font-size-0-5: 0.5rem;--font-size-0-75: 0.75rem;--font-size-1: 1rem;--font-size-1-5: 1.25rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--font-size-5: 3rem;--font-size-6: 3.5rem;--font-size-7: 4rem;--font-size-8: 4.5rem;--font-size-9: 5rem}:root,:host{--font-weight-regular: 400;--font-weight-bold: 700}:root,:host{--line-height-0-75: 0.75rem;--line-height-1: 1rem;--line-height-1-5: 1.5rem;--line-height-2: 2rem;--line-height-2-5: 2.5rem;--line-height-3: 3rem;--line-height-3-5: 3.5rem;--line-height-4: 4rem;--line-height-4-5: 4.5rem;--line-height-5: 5rem;--line-height-5-5: 5.5rem;--line-height-6: 6rem;--line-height-6-5: 6.5rem}:root,:host{--space-0-125: 0.0625rem;--space-0-25: 0.125rem;--space-0-5: 0.25rem;--space-1: 0.5rem;--space-1-5: 0.75rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-7: 3.5rem;--space-8: 4rem;--space-9: 4.5rem;--space-10: 5rem}:root,:host{--rpf-shadow-top: 0px -12px 24px 0px rgba(0, 0, 0, 0.04);--rpf-shadow-centre: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);--rpf-shadow-bottom: 0px 12px 24px 0px rgba(0, 0, 0, 0.04)}:root,:host{--rpf-alert-error-highlight: hsla(0, 88%, 99%, 1);--rpf-alert-error: hsla(0, 88%, 33%, 1);--rpf-alert-information-highlight: hsla(225, 64%, 99%, 1);--rpf-alert-information: hsla(225, 64%, 33%, 1);--rpf-alert-success-highlight: hsla(136, 90%, 99%, 1);--rpf-alert-success: hsla(136, 90%, 20%, 1);--rpf-alert-warning-highlight: hsla(26, 70%, 99%, 1);--rpf-alert-warning: hsla(26, 70%, 29%, 1)}:root,:host{--rpf-brand-black: hsla(60, 4%, 11%, 1);--rpf-brand-leaf: hsla(123, 43%, 48%, 1);--rpf-brand-raspberry: hsla(342, 71%, 47%, 1);--rpf-raspberry-50: hsla(338, 57%, 97%, 1);--rpf-raspberry-100: hsla(342, 62%, 96%, 1);--rpf-raspberry-200: hsla(344, 73%, 93%, 1);--rpf-raspberry-400: hsla(341, 63%, 84%, 1);--rpf-raspberry-500: hsla(343, 62%, 68%, 1);--rpf-raspberry-600: hsla(343, 64%, 58%, 1);--rpf-raspberry-800: hsla(342, 71%, 47%, 1);--rpf-raspberry-900: hsla(340, 78%, 36%, 1)}:root,:host{--rpf-red-100: hsla(4, 89%, 96%, 1);--rpf-red-200: hsla(1, 87%, 91%, 1);--rpf-red-400: hsla(1, 87%, 82%, 1);--rpf-red-600: hsla(1, 87%, 72%, 1);--rpf-red-800: hsla(1, 87%, 63%, 1);--rpf-red-900: hsla(1, 52%, 50%, 1);--rpf-green-100: hsla(125, 41%, 95%, 1);--rpf-green-200: hsla(122, 39%, 87%, 1);--rpf-green-400: hsla(123, 40%, 74%, 1);--rpf-green-600: hsla(123, 40%, 61%, 1);--rpf-green-800: hsla(123, 43%, 48%, 1);--rpf-green-900: hsla(123, 43%, 34%, 1);--rpf-teal-100: hsla(176, 55%, 94%, 1);--rpf-teal-200: hsla(174, 55%, 85%, 1);--rpf-teal-400: hsla(174, 55%, 70%, 1);--rpf-teal-600: hsla(174, 56%, 56%, 1);--rpf-teal-800: hsla(174, 81%, 41%, 1);--rpf-teal-900: hsla(174, 81%, 27%, 1);--rpf-teal-950: hsla(174, 80%, 20%, 1);--rpf-orange-100: hsla(31, 100%, 95%, 1);--rpf-orange-200: hsla(32, 100%, 88%, 1);--rpf-orange-400: hsla(31, 100%, 77%, 1);--rpf-orange-600: hsla(31, 99%, 65%, 1);--rpf-orange-800: hsla(31, 99%, 54%, 1);--rpf-orange-900: hsla(31, 85%, 35%, 1);--rpf-yellow-100: hsla(51, 100%, 95%, 1);--rpf-yellow-200: hsla(52, 100%, 87%, 1);--rpf-yellow-400: hsla(51, 100%, 75%, 1);--rpf-yellow-600: hsla(52, 100%, 63%, 1);--rpf-yellow-800: hsla(52, 100%, 50%, 1);--rpf-yellow-900: hsla(52, 100%, 26%, 1);--rpf-purple-100: hsla(282, 36%, 95%, 1);--rpf-purple-200: hsla(279, 38%, 87%, 1);--rpf-purple-400: hsla(279, 38%, 73%, 1);--rpf-purple-600: hsla(279, 37%, 60%, 1);--rpf-purple-800: hsla(279, 43%, 47%, 1);--rpf-purple-900: hsla(280, 43%, 37%, 1);--rpf-navy-100: hsla(235, 38%, 94%, 1);--rpf-navy-200: hsla(234, 38%, 84%, 1);--rpf-navy-400: hsla(235, 38%, 69%, 1);--rpf-navy-600: hsla(235, 38%, 53%, 1);--rpf-navy-800: hsla(235, 63%, 37%, 1);--rpf-navy-900: hsla(234, 63%, 30%, 1);--rpf-blue-100: hsla(203, 86%, 95%, 1);--rpf-blue-200: hsla(204, 88%, 87%, 1);--rpf-blue-400: hsla(204, 88%, 74%, 1);--rpf-blue-600: hsla(204, 89%, 60%, 1);--rpf-blue-800: hsla(204, 100%, 47%, 1);--rpf-blue-900: hsla(204, 99%, 37%, 1)}:root,:host{--rpf-white: hsla(0, 0%, 100%, 1);--rpf-off-white: hsla(225, 25%, 97%, 1);--rpf-grey-50: hsla(210, 8%, 95%, 1);--rpf-grey-100: hsla(228, 10%, 90%, 1);--rpf-grey-150: hsla(223, 9%, 85%, 1);--rpf-grey-200: hsla(228, 10%, 80%, 1);--rpf-grey-300: hsla(229, 9%, 75%, 1);--rpf-grey-400: hsla(229, 8%, 61%, 1);--rpf-grey-500: hsla(229, 9%, 42%, 1);--rpf-grey-600: hsla(228, 9%, 32%, 1);--rpf-grey-700: hsla(228, 9%, 22%, 1);--rpf-grey-800: hsla(232, 9%, 18%, 1);--rpf-grey-850: hsla(228, 9%, 15%, 1);--rpf-grey-900: hsla(228, 9%, 10%, 1);--rpf-grey-950: hsla(228, 8%, 5%, 1);--rpf-black: hsla(0, 0%, 0%, 1)}:root,:host{--rpf-text-primary: hsla(0, 0%, 13%, 1);--rpf-text-primary-darkmode: var(--rpf-white);--rpf-text-secondary: hsla(200, 9%, 33%, 1);--rpf-text-secondary-darkmode: hsla(0, 0%, 80%, 1);--rpf-link-text: var(--rpf-navy-800)}:root,:host{--rpf-input-background-color: var(--rpf-white);--rpf-input-background-color-disabled: var(--rpf-grey-50);--rpf-input-background-color-readonly: var(--rpf-grey-50);--rpf-input-color-error: var(--rpf-alert-error);--rpf-input-color: var(--rpf-text-primary);--rpf-input-outline-color: var(--rpf-blue-800)}:root,:host{--rpf-overlay: hsla(0, 0%, 0%, 0.5)}:root,:host{--rpf-alert-body-font-size: var(--font-size-1);--rpf-alert-body-line-height: var(--font-size-1-5);--rpf-alert-title-font-size: var(--font-size-1);--rpf-alert-title-line-height: var(--font-size-1-5);--rpf-alert-information-background-color: var(--rpf-alert-information-highlight);--rpf-alert-information-accent-color: var(--rpf-alert-information);--rpf-alert-information-icon: "info";--rpf-alert-error-background-color: var(--rpf-alert-error-highlight);--rpf-alert-error-accent-color: var(--rpf-alert-error);--rpf-alert-error-icon: "error_outline";--rpf-alert-warning-background-color: var(--rpf-alert-warning-highlight);--rpf-alert-warning-accent-color: var(--rpf-alert-warning);--rpf-alert-warning-icon: "warning_amber";--rpf-alert-success-background-color: var(--rpf-alert-success-highlight);--rpf-alert-success-accent-color: var(--rpf-alert-success);--rpf-alert-success-icon: "check_circle"}.rpf-alert{align-items:center;background-color:var(--rpf-alert-background-color);border-color:var(--rpf-alert-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--alert-border-width);color:var(--rpf-text-primary);display:flex;flex-direction:column;margin-block-end:var(--space-2);position:relative;text-align:center}.rpf-alert__header{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--space-1);align-items:center;justify-content:space-between;min-block-size:var(--space-6);inline-size:100%;padding-inline:var(--space-2) var(--space-1)}.rpf-alert__icon{color:var(--rpf-alert-color);font-size:var(--font-size-2)}.rpf-alert__body{align-self:stretch;display:flex;flex-direction:column;font-size:var(--rpf-alert-body-font-size);font-weight:var(--font-weight-regular);gap:var(--space-2);line-height:var(--rpf-alert-body-line-height);padding-block-end:var(--space-2);padding-inline:var(--space-2);text-align:start}.rpf-alert__body *{margin:0;padding:0}.rpf-alert__title{font-size:var(--rpf-alert-title-font-size);font-weight:var(--font-weight-bold);inline-size:100%;line-height:var(--rpf-alert-title-line-height);margin-block:var(--space-2);margin-inline:0;text-align:start}.rpf-alert__actions{display:flex;flex-direction:row;gap:var(--space-2)}.rpf-alert__close{background:none;border:none;color:inherit;cursor:pointer;font-size:var(--font-size-2);margin-inline-start:auto;inset-inline-end:var(--space-0-5);inset-block-start:var(--space-0-5)}.rpf-alert__close .rpf-button__icon{color:var(--rpf-text-primary)}.rpf-alert--hidden{display:none}.rpf-alert--error{--rpf-alert-background-color: var(--rpf-alert-error-background-color);--rpf-alert-color: var(--rpf-alert-error-accent-color)}.rpf-alert--error .rpf-alert__icon::after{content:var(--rpf-alert-error-icon)}.rpf-alert--information{--rpf-alert-background-color: var(--rpf-alert-information-background-color);--rpf-alert-color: var(--rpf-alert-information-accent-color)}.rpf-alert--information .rpf-alert__icon::after{content:var(--rpf-alert-information-icon)}.rpf-alert--warning{--rpf-alert-background-color: var(--rpf-alert-warning-background-color);--rpf-alert-color: var(--rpf-alert-warning-accent-color)}.rpf-alert--warning .rpf-alert__icon::after{content:var(--rpf-alert-warning-icon)}.rpf-alert--success{--rpf-alert-background-color: var(--rpf-alert-success-background-color);--rpf-alert-color: var(--rpf-alert-success-accent-color)}.rpf-alert--success .rpf-alert__icon::after{content:var(--rpf-alert-success-icon)}.rpf-accordion{--background-color: var(--rpf-white);--border-color: var(--rpf-grey-50);--border-width: var(--border-width-sm);--text-color: var(--rpf-text-primary);--icon-color: var(--rpf-navy-800);background:var(--background-color);border-block-start:var(--border-width) solid var(--border-color)}.rpf-accordion:last-of-type{border-block-end:var(--border-width) solid var(--border-color)}.rpf-accordion__container{border-block-start:var(--border-width) solid var(--border-color)}.rpf-accordion__container:first-of-type{border-block-start:none}.rpf-accordion__text{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);color:var(--text-color);margin:0;padding-block-end:var(--space-2);padding-block-start:var(--space-1);padding-inline:var(--space-2)}.rpf-accordion__title{font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);align-items:center;color:var(--text-color);cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding-block:var(--space-2);padding-inline:var(--space-2)}.rpf-accordion__title::marker{display:none}.rpf-accordion__title:focus-visible{outline:var(--border-width-lg) solid var(--rpf-brand-raspberry)}.rpf-accordion__icon{background:rgba(0,0,0,0);display:block;block-size:var(--space-0-25);margin-block-start:0;margin-inline-start:var(--space-2);position:relative;inline-size:var(--space-2)}.rpf-accordion__icon::before,.rpf-accordion__icon::after{background:var(--icon-color);border-radius:var(--border-radius);content:"";block-size:var(--space-0-25);position:absolute;transition:all .3s;inline-size:var(--space-2)}.rpf-accordion__icon::before{transform:rotate(90deg)}.rpf-accordion[open] .rpf-accordion__icon::before,.rpf-accordion__container[open] .rpf-accordion__icon::before{transform:rotate(180deg)}:root,:host{--min-target-size: 44px;--sm-target-size: 32px;--lg-target-size: 48px}.rpf-button{--rpf-button-background-color: var(--rpf-navy-800);--rpf-button-background-color-hover: var(--rpf-navy-900);--rpf-button-background-color-active: var(--rpf-navy-600);--rpf-button-background-color-disabled: var(--rpf-grey-600);--rpf-button-text-color: var(--rpf-white);--rpf-button-border-color: var(--rpf-button-background-color);--rpf-button-border-color-hover: var(--rpf-button-background-color-hover);--rpf-button-border-color-active: var(--rpf-button-background-color-active);--rpf-button-border-color-disabled: var(--rpf-button-background-color-disabled);--rpf-button-danger-background-color: var(--rpf-alert-error);--rpf-button-danger-background-color-hover: var(--rpf-alert-error);--rpf-button-danger-background-color-active: var(--rpf-red-900);--rpf-button-danger-background-color-disabled: var(--rpf-grey-600);--rpf-button-danger-text-color: var(--rpf-white);--rpf-button-danger-border-color: var(--rpf-button-danger-background-color);--rpf-button-danger-border-color-hover: var(--rpf-button-danger-background-color-hover);--rpf-button-danger-border-color-active: var(--rpf-button-danger-background-color-active);--rpf-button-danger-border-color-disabled: var(--rpf-button-danger-background-color-disabled);--rpf-button-border-radius: var(--border-radius);--rpf-button-border-width: var(--border-width-md);--rpf-button-lg-height: var(--lg-target-size);--rpf-button-sm-height: var(--sm-target-size);--rpf-button-min-target-size: var(--min-target-size);all:unset;align-items:center;box-sizing:border-box;color:var(--rpf-button-text-color);cursor:pointer;display:flex;font-size:var(--font-size-1-5);font-weight:var(--font-weight-bold);gap:var(--space-1);min-block-size:var(--rpf-button-lg-height);padding:var(--space-1) var(--space-2);position:relative;text-align:center;text-decoration:none;transform:scale(1);inline-size:fit-content}.rpf-button::before{background-color:var(--rpf-button-background-color);border-color:var(--rpf-button-border-color);border-radius:var(--rpf-button-border-radius);border-style:solid;border-width:var(--rpf-button-border-width);content:"";display:block;inset:0;position:absolute;z-index:-1}.rpf-button:hover::before{background-color:var(--rpf-button-background-color-hover);border-color:var(--rpf-button-border-color-hover)}.rpf-button:active::before{background-color:var(--rpf-button-background-color-active);border-color:var(--rpf-button-border-color-active)}.rpf-button:focus-visible::before{outline:var(--border-width-md) solid var(--rpf-button-background-color);outline-offset:3px}.rpf-button:disabled,.rpf-button--disabled{cursor:default}.rpf-button:disabled::before,.rpf-button:disabled:hover::before,.rpf-button--disabled::before,.rpf-button--disabled:hover::before{border-color:var(--rpf-button-border-color-disabled);background-color:var(--rpf-button-background-color-disabled)}.rpf-button--secondary{color:var(--rpf-button-background-color)}.rpf-button--secondary::before{background-color:var(--rpf-button-text-color)}.rpf-button--secondary:hover{color:var(--rpf-button-background-color-hover)}.rpf-button--secondary:hover::before{background-color:var(--rpf-button-text-color);border-color:var(--rpf-button-border-color-hover)}.rpf-button--secondary:active{color:var(--rpf-button-background-color-active)}.rpf-button--secondary:active::before{background-color:var(--rpf-button-text-color);border-color:var(--rpf-button-border-color-active)}.rpf-button--secondary:disabled,.rpf-button--secondary.rpf-button--disabled{color:var(--rpf-button-background-color-disabled)}.rpf-button--secondary:disabled:hover::before,.rpf-button--secondary:disabled:before,.rpf-button--secondary.rpf-button--disabled:hover::before,.rpf-button--secondary.rpf-button--disabled:before{background-color:var(--rpf-button-text-color);border-color:var(--rpf-button-border-color-disabled)}.rpf-button--secondary.rpf-button--danger{color:var(--rpf-button-danger-background-color)}.rpf-button--secondary.rpf-button--danger::before{background-color:var(--rpf-button-danger-text-color)}.rpf-button--secondary.rpf-button--danger:hover{color:var(--rpf-button-danger-background-color-hover)}.rpf-button--secondary.rpf-button--danger:hover::before{background-color:var(--rpf-button-danger-text-color);border-color:var(--rpf-button-danger-border-color-hover)}.rpf-button--secondary.rpf-button--danger:active{color:var(--rpf-button-danger-background-color-active)}.rpf-button--secondary.rpf-button--danger:active::before{background-color:var(--rpf-button-danger-text-color);border-color:var(--rpf-button-danger-border-color-active)}.rpf-button--secondary.rpf-button--danger:disabled,.rpf-button--secondary.rpf-button--danger.rpf-button--disabled{color:var(--rpf-button-danger-background-color-disabled)}.rpf-button--secondary.rpf-button--danger:disabled:hover::before,.rpf-button--secondary.rpf-button--danger:disabled:before,.rpf-button--secondary.rpf-button--danger.rpf-button--disabled:hover::before,.rpf-button--secondary.rpf-button--danger.rpf-button--disabled:before{background-color:var(--rpf-button-danger-text-color);border-color:var(--rpf-button-danger-border-color-disabled)}.rpf-button--tertiary{color:var(--rpf-button-background-color)}.rpf-button--tertiary::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--tertiary:hover{color:var(--rpf-button-background-color-hover)}.rpf-button--tertiary:hover::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--tertiary:active{color:var(--rpf-button-background-color-active)}.rpf-button--tertiary:active::before{background-color:rgba(0,0,0,0)}.rpf-button--tertiary:disabled,.rpf-button--tertiary.rpf-button--disabled{color:var(--rpf-button-background-color-disabled)}.rpf-button--tertiary:disabled::before,.rpf-button--tertiary:disabled:hover::before,.rpf-button--tertiary.rpf-button--disabled::before,.rpf-button--tertiary.rpf-button--disabled:hover::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--tertiary.rpf-button--danger{color:var(--rpf-button-danger-background-color)}.rpf-button--tertiary.rpf-button--danger::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--tertiary.rpf-button--danger:hover{color:var(--rpf-button-danger-background-color-hover)}.rpf-button--tertiary.rpf-button--danger:hover::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--tertiary.rpf-button--danger:active{color:var(--rpf-button-danger-background-color-active)}.rpf-button--tertiary.rpf-button--danger:active::before{background-color:rgba(0,0,0,0)}.rpf-button--tertiary.rpf-button--danger:disabled,.rpf-button--tertiary.rpf-button--danger.rpf-button--disabled{color:var(--rpf-button-danger-background-color-disabled)}.rpf-button--tertiary.rpf-button--danger:disabled::before,.rpf-button--tertiary.rpf-button--danger:disabled:hover::before,.rpf-button--tertiary.rpf-button--danger.rpf-button--disabled::before,.rpf-button--tertiary.rpf-button--danger.rpf-button--disabled:hover::before{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.rpf-button--danger{color:var(--rpf-button-danger-text-color)}.rpf-button--danger::before{background-color:var(--rpf-button-danger-background-color);border-color:var(--rpf-button-danger-border-color)}.rpf-button--danger:hover::before{background-color:var(--rpf-button-danger-background-color-hover);border-color:var(--rpf-button-danger-border-color-hover)}.rpf-button--danger:active::before{background-color:var(--rpf-button-danger-background-color-active);border-color:var(--rpf-button-danger-border-color-active)}.rpf-button--danger:focus-visible::before{outline:var(--border-width-md) solid var(--rpf-button-danger-background-color)}.rpf-button--icon-only{block-size:var(--rpf-button-lg-height);line-height:var(--rpf-button-lg-height);padding:0;text-align:center;inline-size:var(--rpf-button-lg-height)}.rpf-button--icon-only .rpf-button__icon{margin:0 auto}.rpf-button--sm{font-size:var(--font-size-1);min-block-size:var(--rpf-button-min-target-size);padding:var(--space-1) var(--space-1)}.rpf-button--sm::before{inset:calc((var(--rpf-button-min-target-size) - var(--rpf-button-sm-height))/2) 0}.rpf-button--sm.rpf-button--icon-only{block-size:var(--rpf-button-min-target-size);line-height:var(--rpf-button-min-target-size);padding:0;inline-size:var(--rpf-button-min-target-size)}.rpf-button--sm.rpf-button--icon-only::before{inset:calc((var(--rpf-button-min-target-size) - var(--rpf-button-sm-height))/2)}.rpf-button--sm .material-symbols-sharp{font-size:20px;font-variation-settings:"OPSZ" 20}.rpf-button--full-width{justify-content:center;inline-size:100%}:root,:host{--color-progress-bar-complete: var(--rpf-navy-800);--color-progress-bar-incomplete: var(--rpf-grey-150);--rpf-progress-bar-background-color: var(--color-progress-bar-incomplete);--rpf-progress-bar-accent-color: var(--color-progress-bar-complete);--rpf-progress-bar-block-size: var(--space-1);--rpf-progress-bar-border-radius: var(--space-1);--rpf-progress-bar-gap: var(--space-3);--rpf-progress-bar-font-size: var(--font-size-1);--rpf-progress-bar-font-weight: var(--font-weight-regular);--rpf-progress-bar-complete-color: var(--rpf-alert-success);--rpf-progress-bar-complete-icon: url('data:image/svg+xml,<svg height="24" viewBox="0 -960 960 960" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m424-296 282-282-56-56-226 226-114-114-56 56zm56 216q-83 0-156-31.5t-127-85.5q-54-54-85.5-127t-31.5-156q0-83 31.5-156t85.5-127q54-54 127-85.5t156-31.5q83 0 156 31.5t127 85.5q54 54 85.5 127t31.5 156q0 83-31.5 156t-85.5 127q-54 54-127 85.5t-156 31.5z"/></svg>')}.rpf-progress-bar__label{font-size:var(--rpf-progress-bar-font-size);line-height:1.5em;font-weight:var(--rpf-progress-bar-font-weight);align-items:center;display:grid;gap:var(--rpf-progress-bar-gap);grid-template-columns:max-content 1fr}.rpf-progress-bar__bar{background:var(--rpf-progress-bar-background-color);block-size:var(--rpf-progress-bar-block-size);border-radius:var(--rpf-progress-bar-border-radius);inline-size:100%;border:none}.rpf-progress-bar__bar::-webkit-progress-bar{background:var(--rpf-progress-bar-background-color);border-radius:var(--rpf-progress-bar-border-radius)}.rpf-progress-bar__bar::-webkit-progress-value{background:var(--rpf-progress-bar-accent-color);border-radius:var(--rpf-progress-bar-border-radius)}.rpf-progress-bar__bar::-moz-progress-bar{background:var(--rpf-progress-bar-accent-color);border-radius:var(--rpf-progress-bar-border-radius)}.rpf-progress-bar--complete{--rpf-progress-bar-accent-color: var(--rpf-progress-bar-complete-color)}.rpf-progress-bar--complete .rpf-progress-bar__label span{display:flex}.rpf-progress-bar--complete .rpf-progress-bar__label span::before{content:"";display:inline-block;block-size:1.5em;aspect-ratio:1/1;margin-inline-end:var(--space-1);vertical-align:middle;background-color:var(--rpf-progress-bar-complete-color);mask-image:var(--rpf-progress-bar-complete-icon);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:var(--rpf-progress-bar-complete-icon);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.rpf-squiggle-heading::after,.rpf-squiggle{--rpf-squiggle-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%22%20viewBox%3D%220%200%2029%2013%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M3%2011c7%200%207-8%2014-8%208%200%208%208%2015%208%22%20style%3D%22fill%3Anone%3Bfill-rule%3Anonzero%3Bstroke%3Awhite%3Bstroke-width%3A4px%22%20transform%3D%22translate%28-3%29%22%2F%3E%3C%2Fsvg%3E");--rpf-squiggle-end-cap-l-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%22%20viewBox%3D%220%200%202%2013%22%3E%3Ccircle%20cx%3D%220%22%20cy%3D%2211%22%20r%3D%222%22%20style%3D%22fill%3Awhite%22%2F%3E%3C%2Fsvg%3E");--rpf-squiggle-end-cap-r-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%22%20viewBox%3D%220%200%202%2013%22%3E%3Ccircle%20cx%3D%222%22%20cy%3D%2211%22%20r%3D%222%22%20style%3D%22fill%3Awhite%22%2F%3E%3C%2Fsvg%3E");background-color:var(--rpf-squiggle-color, var(--rpf-brand-raspberry));border:2px solid rgba(0,0,0,0);border-block:none;block-size:13px;mask-clip:content-box,border-box,border-box;mask-image:var(--rpf-squiggle-mask),var(--rpf-squiggle-end-cap-l-mask),var(--rpf-squiggle-end-cap-r-mask);mask-origin:content-box,border-box,border-box;mask-position:top left,top right,top left;mask-repeat:round,no-repeat,no-repeat;mask-size:29px 13px,2px 13px,2px 13px;-webkit-mask-clip:content-box,border-box,border-box;-webkit-mask-image:var(--rpf-squiggle-mask),var(--rpf-squiggle-end-cap-l-mask),var(--rpf-squiggle-end-cap-r-mask);-webkit-mask-origin:content-box,border-box,border-box;-webkit-mask-position:top left,top right,top left;-webkit-mask-repeat:round,no-repeat,no-repeat;-webkit-mask-size:29px 13px,2px 13px,2px 13px}.rpf-squiggle-heading{display:inline-block;position:relative;padding-block-end:calc(13px + var(--space-1))}.rpf-squiggle-heading::after{content:"";display:block;position:absolute;inset-inline:0;margin-block-start:var(--space-1)}.rpf-tag{--tag-color: var(--rpf-text-primary);--tag-color-secondary: color-mix(in srgb, var(--tag-color), white 95%);--tag-text-color: var(--rpf-white);--tag-text-color-secondary: var(--tag-color);align-items:center;border:solid 1px var(--tag-color);background-color:var(--tag-color);border-radius:2rem;color:var(--tag-text-color);display:flex;font-weight:var(--font-weight-bold);gap:var(--space-0-5);line-height:1.5rem;padding:var(--space-0-5) var(--space-1);inline-size:max-content}.rpf-tag--information{background-color:var(--rpf-alert-information);border-color:var(--rpf-alert-information)}.rpf-tag--success{background-color:var(--rpf-alert-success);border-color:var(--rpf-alert-success)}.rpf-tag--warning{background-color:var(--rpf-alert-warning);border-color:var(--rpf-alert-warning)}.rpf-tag--error{background-color:var(--rpf-alert-error);border-color:var(--rpf-alert-error)}.rpf-tag--secondary{background-color:var(--tag-color-secondary);color:var(--tag-text-color-secondary)}.rpf-tag--secondary.rpf-tag--information{border-color:var(--rpf-alert-information);color:var(--rpf-alert-information)}.rpf-tag--secondary.rpf-tag--success{border-color:var(--rpf-alert-success);color:var(--rpf-alert-success)}.rpf-tag--secondary.rpf-tag--warning{border-color:var(--rpf-alert-warning);color:var(--rpf-alert-warning)}.rpf-tag--secondary.rpf-tag--error{border-color:var(--rpf-alert-error);color:var(--rpf-alert-error)}:root,:host{--rpf-menu-item-text-color: var(--rpf-text-primary);--rpf-menu-item-text-color-danger: var(--rpf-alert-error);--rpf-menu-item-background-color: transparent;--rpf-menu-item-background-color-hover: var(--rpf-grey-50);--rpf-menu-item-background-color-active: var(--rpf-grey-100);--rpf-menu-item-focus: var(--rpf-raspberry-800)}.rpf-menu__item{list-style:none;margin:0;padding:0;color:var(--rpf-menu-item-text-color)}.rpf-menu__item button,.rpf-menu__item a{border:none;margin:0;box-sizing:border-box;background-color:rgba(0,0,0,0);user-select:none;text-decoration:none;cursor:pointer;font-family:inherit;text-align:start;min-inline-size:7.5rem;inline-size:100%;display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--space-1);font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);color:inherit;padding:var(--space-1-5) var(--space-1)}.rpf-menu__item button:hover,.rpf-menu__item a:hover{background-color:var(--rpf-menu-item-background-color-hover)}.rpf-menu__item button:active,.rpf-menu__item a:active{background-color:var(--rpf-menu-item-background-color-active)}.rpf-menu__item button:focus-visible,.rpf-menu__item a:focus-visible{outline:2px solid var(--rpf-menu-item-focus)}.rpf-menu__item--danger{color:var(--rpf-menu-item-text-color-danger)}:root,:host{--rpf-menu-title-color: var(--rpf-text-secondary)}.rpf-menu__title{list-style:none;margin:0;padding:0;color:var(--rpf-menu-title-color);font-size:var(--font-size-1);font-weight:var(--font-weight-bold);line-height:var(--line-height-1-5);margin-block:var(--space-0-25);border-block-end:1px solid var(--rpf-menu-divider-color)}.rpf-menu__title span{display:inline-block;margin-inline:var(--space-1);margin-block-end:var(--space-0-5)}:root,:host{--rpf-menu-background-color: var(--rpf-white);--rpf-menu-border-color: var(--rpf-grey-50);--rpf-menu-divider-color: var(--rpf-grey-100)}.rpf-menu{margin:0;display:inline-flex;flex-direction:column;padding:var(--space-1-5);gap:var(--space-0-5);border-radius:var(--space-1);border:2px solid var(--rpf-menu-border-color);background:var(--rpf-menu-background-color);box-shadow:var(--rpf-shadow-centre);list-style:none}.rpf-menu hr{inline-size:100%;border:none;border-block-start:1px solid var(--rpf-menu-divider-color);margin-block:var(--space-0-25)}:root,:host{--link-color: var(--rpf-link-text);--link-color-active: var(--rpf-navy-600);--link-color-hover: var(--link-color)}.rpf-link{border-radius:var(--border-radius);color:var(--link-color);cursor:pointer;font-weight:var(--font-weight-bold);max-inline-size:fit-content}.rpf-link:active{color:var(--link-color-active)}.rpf-link:hover{color:var(--link-color-hover)}.rpf-link:focus-visible{outline:3px solid var(--link-color)}.rpf-link--block{align-items:center;display:flex;min-block-size:var(--min-target-size)}.rpf-link--external{display:inline-flex;text-decoration:none}.rpf-link--external span{text-decoration:underline}.rpf-link--external::after{content:"";display:inline-flex;font-family:"Material Symbols Sharp",sans-serif;padding-inline-end:var(--space-0-5);padding-inline-start:var(--space-0-25)}.rpf-burger-menu{--rpf-burger-menu-background-color: var(--rpf-brand-black);--rpf-burger-menu-thickness: 3px;--rpf-burger-menu-inline-size: var(--space-3);--rpf-burger-menu-border-radius: 0;--rpf-burger-animation-speed: 150ms}.rpf-burger-menu__button{align-items:center;background:rgba(0,0,0,0);block-size:var(--min-target-size);border:none;cursor:pointer;display:flex;flex-direction:column;inline-size:var(--min-target-size);justify-content:center;padding-block:0;padding-inline:0;position:relative}.rpf-burger-menu__button:focus-visible{border-radius:var(--border-radius-sm);outline:var(--border-width-md) solid var(--rpf-burger-menu-background-color);outline-offset:3px}.rpf-burger-menu__icon,.rpf-burger-menu__icon::before{background:var(--rpf-burger-menu-background-color);border-radius:var(--rpf-burger-menu-border-radius);display:block;block-size:var(--rpf-burger-menu-thickness);margin-block-start:calc(var(--rpf-burger-menu-thickness)*1.5);inline-size:var(--rpf-burger-menu-inline-size);transition:opacity var(--rpf-burger-animation-speed) cubic-bezier(0, -0.55, 0.265, 1.55) 0ms,transform var(--rpf-burger-animation-speed) cubic-bezier(0, 0, 0.58, 1) 50ms,margin-inline-start var(--rpf-burger-animation-speed) cubic-bezier(0, 0, 0.58, 1) 50ms;will-change:opacity,transform,margin-inline-start}.rpf-burger-menu__icon:first-child{margin-block-start:0;transform-origin:top left}.rpf-burger-menu__icon:last-child{transform-origin:bottom left}.rpf-burger-menu__icon:nth-child(2)::before{content:"";margin-block-start:0}.open .rpf-burger-menu__icon{opacity:1}.open .rpf-burger-menu__icon:first-child,.open .rpf-burger-menu__icon:last-child{opacity:0}.open .rpf-burger-menu__icon:nth-child(2){transform:rotate(45deg)}.open .rpf-burger-menu__icon:nth-child(2)::before{transform:rotate(-90deg)}@media(prefers-reduced-motion: reduce){.rpf-burger-menu__icon:first-child,.rpf-burger-menu__icon:last-child,.rpf-burger-menu__icon:nth-child(2),.rpf-burger-menu__icon:nth-child(2)::before{transition:none}}:root,:host{--rpf-modal-background-color: var(--rpf-white);--rpf-modal-border-color: var(--rpf-grey-150);--rpf-modal-max-block-size: calc(100vh - 2 * var(--space-10));--rpf-modal-mobile-max-block-size: calc(100dvh - 2 * var(--space-2));--rpf-modal-max-inline-size: calc(100vw - 2 * var(--space-10));--rpf-modal-mobile-max-inline-size: calc(100vw - 2 * var(--space-2));--rpf-modal-border-radius: var(--space-1);--rpf-modal-content-padding: var(--space-3);--rpf-modal-backdrop-color: var(--rpf-overlay);--rpf-modal-buttons-flex-direction: row-reverse;--rpf-modal-buttons-justify-content: flex-start}.rpf-modal{background-color:var(--rpf-modal-background-color);border:none;border-radius:var(--rpf-modal-border-radius);margin-inline:auto;min-inline-size:15rem;inline-size:100%;padding:0;max-inline-size:var(--rpf-modal-mobile-max-inline-size);max-block-size:var(--rpf-modal-mobile-max-block-size)}@media(min-width: 30rem){.rpf-modal{max-inline-size:var(--rpf-modal-max-inline-size);max-block-size:var(--rpf-modal-max-block-size)}}.rpf-modal__wrapper{display:grid;grid-template-rows:auto minmax(0, 1fr) auto;block-size:100%;max-block-size:inherit;overflow:hidden}.rpf-modal__header{display:flex;align-items:center;align-self:stretch;border-block-end:1px solid var(--rpf-modal-border-color);gap:var(--space-1);padding:var(--space-1);padding-inline-start:var(--space-2)}.rpf-modal__title{font-size:var(--font-size-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-2);flex:1 0 0;margin:0}.rpf-modal__content{overflow-y:auto;align-items:center;border-block-end:1px solid var(--rpf-modal-border-color);display:flex;flex-direction:column;padding:var(--rpf-modal-content-padding)}.rpf-modal__buttons{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.rpf-modal__buttons .rpf-button{justify-content:center;inline-size:100%}@media(width > 34rem){.rpf-modal__buttons{flex-direction:var(--rpf-modal-buttons-flex-direction);gap:var(--space-2);justify-content:var(--rpf-modal-buttons-justify-content)}.rpf-modal__buttons .rpf-button{inline-size:auto}}.rpf-modal::backdrop{background-color:var(--rpf-modal-backdrop-color);backdrop-filter:blur(2px)}:root,:host{--rpf-message-text-color: var(--rpf-alert-error)}.rpf-error-message{all:unset;align-items:center;color:var(--rpf-message-text-color);display:flex;font-weight:var(--font-weight-bold);max-width:50ch;padding-block:var(--space-1)}.rpf-error-message__icon{margin-inline-end:var(--space-1)}.rpf-fieldset{all:unset;background-color:var(--rpf-input-background-color);box-sizing:border-box;display:block;color:var(--rpf-input-color);margin-block-end:var(--space-3);max-inline-size:fit-content}.rpf-fieldset--full-width,.rpf-fieldset--full-width .rpf-fieldset__inputs *{max-inline-size:none}.rpf-fieldset__inputs *:last-child{margin-block-end:0}.rpf-fieldset--error .rpf-input-checkbox,.rpf-fieldset--error .rpf-input-radio{--rpf-input-border-colour: var(--rpf-input-color-error)}.rpf-fieldset--error .rpf-input-checkbox input[type=checkbox]:checked,.rpf-fieldset--error .rpf-input-radio input[type=checkbox]:checked{background-color:var(--rpf-input-color-error)}.rpf-fieldset--error .rpf-input-checkbox input[type=radio]:checked,.rpf-fieldset--error .rpf-input-radio input[type=radio]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(0, 88%, 33%, 1)"/></svg>')}.rpf-input-field{margin-block-end:var(--space-3)}.rpf-input{all:unset;background-color:var(--rpf-input-background-color);border:var(--input-border-width) solid var(--rpf-input-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--rpf-input-color);display:flex;font-size:var(--font-size-1);line-height:var(--line-height-2);padding-block:calc(var(--space-1) - 2px);padding-inline:var(--space-1-5);max-width:50ch;min-width:240px;width:100%}.rpf-input:disabled,.rpf-input--disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input:focus-visible{outline:3px solid var(--rpf-input-outline-color)}.rpf-input--error{border-color:var(--rpf-input-color-error)}.rpf-input--full-width{max-width:none}.rpf-input-checkbox{--rpf-input-checkbox-hit-target: var(--min-target-size);--rpf-input-checkbox-size: var(--space-3);--rpf-input-border-colour: var(--rpf-grey-850);align-items:center;border-radius:var(--space-1);box-sizing:border-box;display:flex;gap:var(--space-1-5);max-width:50ch;min-height:var(--rpf-input-checkbox-hit-target);min-width:240px;padding-block:calc((var(--rpf-input-checkbox-hit-target) - var(--rpf-input-checkbox-size))/2);width:100%}.rpf-input-checkbox input[type=checkbox]{align-self:flex-start;appearance:none;background:var(--rpf-white);border:var(--space-0-25) solid var(--rpf-input-border-colour);border-radius:var(--space-0-5);flex-shrink:0;height:var(--rpf-input-checkbox-size);margin:0;width:var(--rpf-input-checkbox-size)}.rpf-input-checkbox input[type=checkbox]:checked{background:var(--rpf-grey-850);background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.95834 15.0003L3.20834 10.2503L4.39584 9.06283L7.95834 12.6253L15.6042 4.97949L16.7917 6.16699L7.95834 15.0003Z" fill="white"/></svg>')}.rpf-input-checkbox input[type=checkbox]:disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input-checkbox input[type=checkbox]:disabled:checked{background-color:var(--rpf-grey-600)}.rpf-input-checkbox--error input[type=checkbox]{border-color:var(--rpf-input-color-error)}.rpf-input-checkbox--error input[type=checkbox]:checked{background-color:var(--rpf-input-color-error)}.rpf-input-checkbox.rpf-input--full-width{max-width:none}.rpf-input-checkbox:has(>input[type=checkbox]:disabled),.rpf-input-checkbox--disabled{color:var(--rpf-label-text-color-disabled)}.rpf-input-checkbox input[type=checkbox]:focus-visible{outline:3px solid var(--rpf-input-outline-color);outline-offset:0}:root,:host{--rpf-label-hint-color: var(--rpf-text-secondary);--rpf-label-text-color: var(--rpf-text-primary);--rpf-label-text-color-disabled: var(--rpf-grey-500)}.rpf-label{all:unset;color:var(--rpf-label-text-color);display:flex;flex-direction:column;font-weight:var(--font-weight-bold);padding-block-end:var(--space-1);font-size:var(--font-size-1);line-height:var(--line-height-1-5)}.rpf-label__hint{color:var(--rpf-label-hint-color);font-size:var(--font-size-1);font-weight:var(--font-weight-regular)}.rpf-label--disabled{color:var(--rpf-label-text-color-disabled)}.rpf-label--disabled .rpf-label__hint{color:var(--rpf-label-text-color-disabled)}.rpf-input-radio{--rpf-input-radio-hit-target: var(--min-target-size);--rpf-input-radio-size: var(--space-3);--rpf-input-border-colour: var(--rpf-grey-850);align-items:center;border-radius:var(--space-1);box-sizing:border-box;display:flex;gap:var(--space-1-5);max-width:50ch;min-height:var(--rpf-input-radio-hit-target);min-width:240px;padding-block:calc((var(--rpf-input-radio-hit-target) - var(--rpf-input-radio-size))/2);width:100%}.rpf-input-radio input[type=radio]{align-self:flex-start;appearance:none;background:var(--rpf-white);border:var(--space-0-25) solid var(--rpf-input-border-colour);border-radius:var(--rpf-input-radio-size);flex-shrink:0;height:var(--rpf-input-radio-size);margin:0;width:var(--rpf-input-radio-size)}.rpf-input-radio input[type=radio]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(228, 9%, 15%, 1)"/></svg>');background-position:center center;background-repeat:no-repeat}.rpf-input-radio input[type=radio]:disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input-radio input[type=radio]:disabled:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(229, 8%, 61%, 1)"/></svg>')}.rpf-input-radio--error input[type=radio]{border-color:var(--rpf-input-color-error)}.rpf-input-radio--error input[type=radio]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(0, 88%, 33%, 1)"/></svg>')}.rpf-input-radio.rpf-input--full-width{max-width:none}.rpf-input-radio:has(>input[type=radio]:disabled),.rpf-input-radio--disabled{color:var(--rpf-label-text-color-disabled)}.rpf-input-radio input[type=radio]:focus-visible{outline:3px solid var(--rpf-input-outline-color);outline-offset:0}.rpf-input.rpf-input-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'><path fill='%23212121' d='m12 15.375-6-6 1.4-1.4 4.6 4.6 4.6-4.6 1.4 1.4-6 6Z'/></svg>");background-repeat:no-repeat;background-position:center right var(--space-1-5)}html[dir=rtl] .rpf-input.rpf-input-select{background-position:center left var(--space-1-5)}.rpf-input.rpf-input-select:disabled,.rpf-input.rpf-input-select--disabled{background-image:none}.rpf-input.rpf-input-text:read-only,.rpf-input.rpf-input-text--read-only,.rpf-input.rpf-input-text--readonly{border-color:var(--rpf-input-background-color-readonly);background-color:var(--rpf-input-background-color-readonly)}.rpf-input.rpf-input-textarea{resize:vertical;min-height:120px;height:auto;max-height:240px;overflow:auto;white-space:pre-wrap}.rpf-input.rpf-input-textarea:read-only,.rpf-input.rpf-input-textarea--read-only,.rpf-input.rpf-input-textarea--readonly{border-color:var(--rpf-input-background-color-readonly);background-color:var(--rpf-input-background-color-readonly)}.rpf-input-search-container{display:flex;max-width:50ch;min-width:240px;width:100%}.rpf-input-search-container input[type=search]::-webkit-search-decoration,.rpf-input-search-container input[type=search]::-webkit-search-cancel-button{appearance:none}.rpf-input-search-container .rpf-input-search{border-end-end-radius:0;border-inline-end:0;border-start-end-radius:0}.rpf-input-search-container .rpf-button{flex-shrink:0;border-end-end-radius:var(--border-radius);border-end-start-radius:0;border-start-end-radius:var(--border-radius);border-start-start-radius:0;box-sizing:border-box;justify-content:center;max-width:var(--space-6)}.rpf-input-search-container .rpf-button::before{border:var(--input-border-width) solid var(--rpf-input-color);border-end-end-radius:var(--border-radius);border-end-start-radius:0;border-start-end-radius:var(--border-radius);border-start-start-radius:0}.rpf-input-search-container .rpf-button:disabled .rpf-button__icon,.rpf-input-search-container .rpf-button--disabled .rpf-button__icon{color:var(--rpf-input-color)}.rpf-input-search-container .rpf-button:disabled::before,.rpf-input-search-container .rpf-button--disabled::before{background-color:var(--rpf-input-background-color-disabled);border-color:var(--rpf-input-background-color-disabled)}.rpf-input-search-container .rpf-button--error::before{border-color:var(--rpf-alert-error)}.rpf-input-search-container .rpf-input-search:focus-visible,.rpf-input-search-container .rpf-button:focus-visible{outline:3px solid var(--rpf-input-outline-color);z-index:1}.rpf-input-search-container .rpf-input-search:focus-visible::before,.rpf-input-search-container .rpf-button:focus-visible::before{outline:0}.rpf-input-password.rpf-input{border-inline-end:0;border-end-start-radius:var(--border-radius);border-end-end-radius:0;border-start-end-radius:0;border-start-start-radius:var(--border-radius);min-block-size:calc(var(--lg-target-size) - var(--input-border-width)*2);min-inline-size:0}.rpf-input-password.rpf-input:disabled,.rpf-input-password.rpf-input--disabled{border-color:var(--rpf-input-background-color-disabled);background-color:var(--rpf-input-background-color-disabled)}.rpf-input-password.rpf-input:read-only,.rpf-input-password.rpf-input--read-only,.rpf-input-password.rpf-input--readonly{border-color:var(--rpf-input-background-color-readonly);background-color:var(--rpf-input-background-color-readonly)}.rpf-input-password[type=password]{font-family:caption;font-size:var(--font-size-2);letter-spacing:var(--space-0-125)}.rpf-input-password--readonly,.rpf-input-password--read-only,.rpf-input-password:read-only{border-radius:var(--border-radius);border-right:none}.rpf-input-password:focus-visible{z-index:1}.rpf-input-password__button{background-color:var(--rpf-input-background-color);border-end-end-radius:var(--border-radius);border-end-start-radius:0;border-start-end-radius:var(--border-radius);border-start-start-radius:0;font-size:var(--font-size-1);justify-content:center;min-block-size:calc(var(--lg-target-size) - var(--input-border-width)*2);min-inline-size:var(--space-9);text-decoration:underline}.rpf-input-password__button::before{border:var(--input-border-width) solid var(--rpf-input-color);border-end-end-radius:var(--border-radius);border-end-start-radius:0;border-start-end-radius:var(--border-radius);border-start-start-radius:0}.rpf-input-password__button--error::before{border:var(--input-border-width) solid var(--rpf-input-color-error)}.rpf-input-password__button:active::before{border-color:rgba(0,0,0,0)}.rpf-input-password__button:focus-visible{outline:3px solid var(--rpf-input-outline-color)}.rpf-input-password__button:focus-visible::before{outline:none}.rpf-input-password__button:active::before,.rpf-input-password__button:hover::before{border:var(--input-border-width) solid var(--rpf-input-color)}.rpf-input-password__container{display:flex;max-width:50ch}.rpf-input-password__container--full-width{max-width:none}.rpf-input-password__container--error{border-color:var(--rpf-input-color-error)}.rpf-input-password__container--readonly button,.rpf-input-password__container--read-only button,.rpf-input-password__container--disabled button{display:none}.rpf-table{border:1px solid var(--rpf-grey-100);border-radius:var(--border-radius);overflow:auto;top:0;width:fit-content}.rpf-table--full-width{width:100%}.rpf-table__table{border-collapse:collapse;width:max-content}.rpf-table__table--full-width{width:100%}.rpf-table__table thead th,.rpf-table__table thead td{position:sticky;top:0;z-index:1}.rpf-table-cell{border-bottom:var(--table-border-width) solid var(--rpf-grey-100)}.rpf-table-cell>*{align-items:center;box-sizing:border-box;display:flex;gap:var(--space-1);line-height:var(--line-height-1-5);padding-block:var(--space-1);padding-inline:var(--space-2)}.rpf-table-cell--header,.rpf-table-cell--sortable-header{background-color:var(--rpf-grey-50)}.rpf-table-cell--header>*,.rpf-table-cell--sortable-header>*{min-height:var(--space-7);min-width:var(--space-7)}.rpf-table-cell--sortable-header .rpf-table-cell__sort-header{display:flex;width:100%;gap:var(--space-1);min-height:var(--min-target-size);align-items:center;border-radius:var(--border-radius)}.rpf-table-cell--sortable-header .rpf-table-cell__sort-header:focus-visible{outline:2px solid var(--rpf-raspberry-800);outline-offset:3px}.rpf-table-cell--sortable-header button{all:unset;cursor:pointer}.rpf-table-cell--sortable-header a{color:inherit;text-decoration:none}.rpf-table-cell--body{background-color:var(--rpf-white)}.rpf-table-cell--body .rpf-table-cell__content{min-height:var(--space-8);min-width:var(--space-8)}.rpf-table-cell--body .rpf-table-cell__content>*{margin-block:auto}.rpf-table-cell--body .rpf-table-cell__content a{color:var(--rpf-brand-500);font-weight:var(--font-weight-bold)}.rpf-table-cell--body .rpf-table-cell__content:has(>.rpf-button){justify-content:end;padding:var(--space-1)}.rpf-table-cell--body .rpf-table-cell__content--truncated{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
724
- :root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, 0.7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;flex:1}.Toastify__toast-icon{margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:rgba(0,0,0,0);outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0)}to{opacity:0;transform:translate3d(2000px, 0, 0)}}@keyframes Toastify__bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0)}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}@keyframes Toastify__bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}@keyframes Toastify__bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{from{transform:translate3d(110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInLeft{from{transform:translate3d(-110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInUp{from{transform:translate3d(0, 110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInDown{from{transform:translate3d(0, -110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(110%, 0, 0)}}@keyframes Toastify__slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-110%, 0, 0)}}@keyframes Toastify__slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 500px, 0)}}@keyframes Toastify__slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -500px, 0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}:where(html.textjam-active) a{border:3px solid rgba(0,0,0,0)}:where(html.textjam-active) a:focus-visible{border:3px solid #cd2356;outline:none}:where(html.textjam-active) button{all:initial;border:3px solid rgba(0,0,0,0);cursor:pointer}:where(html.textjam-active) button:focus-visible{border:3px solid #cd2356;outline:none}:where(html.textjam-active) input{font-family:var(--wc-font-family-sans-serif)}.--light,.--dark{background-color:#e7f8f7;color:#212121;caret-color:#000;color-scheme:light}.--light .pythonrunner-input,.--dark .pythonrunner-input{color:#2467ec}#textjam-editor{display:flex;flex-flow:column;font-family:var(--wc-font-family-sans-serif);background:linear-gradient(135deg, #B9E6EE, #71EBBC, #71EBBC, #B9E6EE);font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1))}html.textjam-active,html.textjam-active body,html.textjam-active #textjam-editor{overflow:auto;block-size:100%;block-size:-moz-available;block-size:-webkit-stretch;block-size:stretch;block-size:100dvh;-ms-overflow-style:none;scrollbar-width:none}html.textjam-active ::-webkit-scrollbar{display:none}.proj-container--mobile{margin:0;gap:0}.editor-shell .proj-container--mobile .react-tabs{border-radius:0}.editor-shell .proj-container--mobile{border-radius:8px}.editor-shell .mobile-nav{display:flex;inline-size:100%}.editor-shell .mobile-nav .react-tabs__tab-list{padding:0}.editor-shell .mobile-nav .react-tabs__tab{flex:1;display:flex;block-size:calc(4rem*var(--scale-factor, 1))}.editor-shell .mobile-nav .react-tabs__tab:last-of-type{border-inline-end:none}.mobile-nav__menu{margin:0;border-radius:0;border:none;display:flex;align-items:center;justify-content:center;inline-size:calc(4rem*var(--scale-factor, 1))}.--dark .proj-container--mobile .runner-controls{border-inline-start:1px solid #4a4d59}.--dark .proj-container--mobile .mobile-nav{background-color:#2a2b32;border-block-start:1px solid #4a4d59}.--dark .proj-container--mobile .mobile-nav__menu{border-inline-end:1px solid #4a4d59}.--light .proj-container--mobile .runner-controls{border-inline-start:1px solid #d5d7dc}.--light .proj-container--mobile .mobile-nav{background-color:#f5f6f9;border-block-start:1px solid #d5d7dc}.--light .proj-container--mobile .mobile-nav__menu{border-inline-end:1px solid #d5d7dc}.editor-shell.--light .mobile-nav,.editor-shell.--dark .mobile-nav{border-block-end:none}.editor-shell.--light .mobile-nav .react-tabs__tab--selected,.editor-shell.--dark .mobile-nav .react-tabs__tab--selected{background-color:inherit}.editor-shell.--light .proj-container--mobile{border:1px solid #d5d7dc}.editor-shell.--dark .proj-container--mobile{border:1px solid #4a4d59}.draggable-tab{user-select:none}.draggable-tab:focus-visible{outline:none}.--light .react-tabs__tab:focus-visible,.--dark .react-tabs__tab:focus-visible,.--light .draggable-tab:focus-visible .react-tabs__tab,.--dark .draggable-tab:focus-visible .react-tabs__tab{outline:2px auto Highlight;outline:2px auto -webkit-focus-ring-color;outline-offset:-1px}.droppable-tab-list{display:flex;inline-size:100%}.resizable-with-handle__handle>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}.modal-overlay{display:flex;align-items:center;justify-content:center;padding:calc(5rem*var(--scale-factor, 1));z-index:1000;position:fixed;inset:0px}@media screen and (max-width: 480px){.modal-overlay{padding:calc(2rem*var(--scale-factor, 1))}}.modal-content{inline-size:560px;max-block-size:100%;border:0;border-radius:10px;display:flex;flex-direction:column}.modal-content label,.modal-content legend{font-weight:700}.modal-content input[type=text]{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));inline-size:100%;box-sizing:border-box;border:2px solid rgba(0,0,0,0);border-radius:12px;padding:calc(.5rem*var(--scale-factor, 1));display:block}.modal-content:focus-visible{border:3px solid #cd2356;outline:none}.modal-content__header{display:flex;align-items:center;min-block-size:fit-content;padding:calc(1rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1))}.modal-content__header button{margin-inline-start:auto;block-size:fit-content}.modal-content__heading{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1));margin-block:calc(.5rem*var(--scale-factor, 1));margin-inline:calc(.5rem*var(--scale-factor, 1)) 0}.modal-content__body{padding:calc(1.5rem*var(--scale-factor, 1));display:flex;flex-direction:column;row-gap:calc(.5rem*var(--scale-factor, 1));overflow-y:auto}.modal-content__subheading{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));margin:0;font-weight:700}.modal-content__text{margin:0;line-height:1.4}.modal-content__help-text{margin:calc(.25rem*var(--scale-factor, 1)) 0;font-weight:400}.modal-content__inputs{display:flex;flex-direction:column;gap:calc(2rem*var(--scale-factor, 1))}.modal-content__input-section{display:flex;flex-direction:column;gap:calc(.5rem*var(--scale-factor, 1))}.modal-content__buttons{padding:calc(1rem*var(--scale-factor, 1));display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:calc(1rem*var(--scale-factor, 1));justify-content:flex-start}@media screen and (max-width: 480px){.modal-content__buttons{display:flex;flex-direction:column}}.modal-content__buttons button,.modal-content__buttons a{margin:0}.modal-content__buttons button span,.modal-content__buttons a span{inline-size:100%}@media screen and (max-width: 480px){.modal-content__buttons button,.modal-content__buttons a{inline-size:100%}}.modal-content__links{text-align:center;margin-block:calc(.5rem*var(--scale-factor, 1)) calc(.25rem*var(--scale-factor, 1));margin-inline:0}.modal-content__links button{text-decoration:underline}.--light .modal-overlay,.--dark .modal-overlay{background-color:rgba(67,69,76,.5)}.--light .modal-overlay input,.--dark .modal-overlay input{border:2px solid #e3e4e8}.--light .modal-overlay input:focus-visible,.--dark .modal-overlay input:focus-visible{border:2px solid var(--rpf-input-active-border);outline:none}.--light .modal-content,.--dark .modal-content{background-color:#fff}.--light .modal-content__header,.--dark .modal-content__header{border-block-end:1px solid #d5d7dc}.--light .modal-content__help-text,.--dark .modal-content__help-text{color:#4d575b}.--light .modal-content__buttons,.--dark .modal-content__buttons{border-block-start:1px solid #d5d7dc}:root,:host{--font-size-0-5: 0.5rem;--font-size-0-75: 0.75rem;--font-size-1: 1rem;--font-size-1-5: 1.25rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--font-size-5: 3rem;--font-size-6: 3.5rem;--font-size-7: 4rem;--font-size-8: 4.5rem;--font-size-9: 5rem}:root,:host{--font-weight-regular: 400;--font-weight-bold: 700}:root,:host{--line-height-0-75: 0.75rem;--line-height-1: 1rem;--line-height-1-5: 1.5rem;--line-height-2: 2rem;--line-height-2-5: 2.5rem;--line-height-3: 3rem;--line-height-3-5: 3.5rem;--line-height-4: 4rem;--line-height-4-5: 4.5rem;--line-height-5: 5rem;--line-height-5-5: 5.5rem;--line-height-6: 6rem;--line-height-6-5: 6.5rem}.editor-wrapper{overflow:auto;scrollbar-width:thin;block-size:100%}.editor{display:flex;flex-flow:column;flex:1;overflow:hidden;block-size:calc(100% - 3rem*var(--scale-factor, 1))}.editor .cm-editor{flex:1;overflow:hidden}.editor .cm-editor:focus{outline:none}.editor .cm-editor .cm-scroller{overflow:auto;scrollbar-width:thin;overscroll-behavior-x:none;font-family:var(--wc-font-family-monospace);z-index:100}.editor .cm-editor .cm-scroller .cm-content{flex:1;padding-block-start:calc(.5rem*var(--scale-factor, 1));margin-inline-end:calc(.5rem*var(--scale-factor, 1))}.editor--small{font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1))}.editor--medium{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.editor--large{font-size:calc(2rem*var(--scale-factor, 1));line-height:calc(2.5rem*var(--scale-factor, 1))}.rpf-alert{margin:0}.settings-panel{display:flex;flex-direction:column;gap:calc(1.25rem*var(--scale-factor, 1));padding:calc(.25rem*var(--scale-factor, 1))}.settings-panel .select-buttons__legend{font-size:calc(1.25rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700}.settings-panel .select-buttons__options{flex-direction:column}.select-buttons{border:none;margin:0;padding:0}.select-buttons__legend{padding:0;margin-block-end:calc(1rem*var(--scale-factor, 1))}.select-buttons__options{display:flex;inline-size:100%;gap:calc(1rem*var(--scale-factor, 1));flex-wrap:wrap}.select-buttons__option{flex:1}.select-buttons__button{opacity:0;position:absolute}.select-buttons__label{display:flex;align-items:center;padding:calc(.75rem*var(--scale-factor, 1));gap:calc(.75rem*var(--scale-factor, 1));border-radius:8px;position:relative;box-sizing:border-box;font-weight:700;cursor:pointer}.select-buttons__tick{display:flex;align-items:center;margin-inline-start:auto;visibility:hidden}.select-buttons__tick--selected{visibility:visible}.select-buttons__tick--selected svg rect{fill:var(--editor-color-theme)}.select-buttons__tick--selected svg path{fill:var(--rpf-select-buttons-tick-color)}.--dark .select-buttons__label,.--light .select-buttons__label{border:2px solid #d5d7dc}.--dark .select-buttons__label--selected,.--light .select-buttons__label--selected{border:2px solid #212121}.select-buttons__button:focus-visible+.select-buttons__label{outline:3px solid #cd2356}.mobile-project-bar{background-color:#fff;border-block-start:1px solid #d5d7dc;display:flex;justify-content:space-between;padding:calc(.5rem*var(--scale-factor, 1));gap:var(--space-1)}.mobile-project-bar__name{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));font-weight:700;margin:auto 0}.--dark .mobile-project-bar{background-color:#2a2b32;border-block-start:1px solid #4a4d59}.--dark .mobile-project-bar__name{color:#fff}.--light .mobile-project-bar{background-color:#fff;border-block-start:1px solid #d5d7dc}.--light .mobile-project-bar__name{color:#4d575b}.rpf-button--primary * svg{fill:var(--rpf-button-primary-text-color)}.rpf-button--tertiary * svg{fill:var(--rpf-button-secondary-text-color) !important}.rpf-button{flex-direction:row-reverse}.rpf-button--fit{inline-size:fit-content}.rpf-button.rpf-button--fill{justify-content:center;inline-size:100%;box-sizing:border-box}.rpf-button--secondary{justify-content:center;align-items:center}.rpf-button--secondary * svg{fill:#4d575b}.--light * .rpf-button--secondary span,.--dark * .rpf-button--secondary span{color:#212121}.--light * .rpf-button--secondary::before,.--dark * .rpf-button--secondary::before{background-color:#fff}.--light * .rpf-button--secondary:hover,.--dark * .rpf-button--secondary:hover{border-color:#89ddd5}.--light * .rpf-button--secondary:hover::before,.--dark * .rpf-button--secondary:hover::before{background-color:#e7f8f7}.--light * .rpf-button--secondary:active::before,.--dark * .rpf-button--secondary:active::before{background-color:#dcf5f3}.--light * .rpf-button--secondary:disabled,.--dark * .rpf-button--secondary:disabled{border-color:#d5d7dc;background-color:inherit}.--light * .rpf-button--secondary:disabled::before,.--dark * .rpf-button--secondary:disabled::before{background-color:inherit}.--light * .rpf-button--secondary:disabled span,.--dark * .rpf-button--secondary:disabled span{color:#d5d7dc}.--light * .rpf-button--tertiary,.--dark * .rpf-button--tertiary{color:#212121;border:none}.--light * .rpf-button--tertiary::before,.--dark * .rpf-button--tertiary::before{background-color:#fff}.--light * .rpf-button--tertiary:hover::before,.--dark * .rpf-button--tertiary:hover::before{background-color:#e7f8f7}.--light * .rpf-button--tertiary:active::before,.--dark * .rpf-button--tertiary:active::before{background-color:#dcf5f3}.--light * .rpf-button--tertiary:disabled,.--dark * .rpf-button--tertiary:disabled{background-color:inherit}.--light * .rpf-button--tertiary:disabled::before,.--dark * .rpf-button--tertiary:disabled::before{background-color:inherit}.--light * .rpf-button--tertiary:disabled span,.--dark * .rpf-button--tertiary:disabled span{color:#d5d7dc}.rpf-button__icon{display:flex}.save-status{align-items:center;display:flex;gap:var(--space-1);justify-content:flex-end;margin-block:0;padding-inline:var(--space-2)}.save-status--mobile{margin:unset;padding-inline:0;gap:var(--space-0-5)}.save-status--mobile .save-status__text{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1))}.save-status--mobile .save-status__icon{inline-size:16px;block-size:16px}.save-status--mobile .save-status__icon svg{width:100%;height:100%}.save-status__icon{display:flex}:host{font-size:1.6rem}:where(html.textjam-active) code{font-family:var(--wc-font-family-monospace)}.editor-shell{--wc-font-family-sans-serif: var( --editor-font-family-sans-serif, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif );--wc-font-family-monospace: var( --editor-font-family-monospace, Roboto Mono, source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace );background:var(--editor-secondary-theme, transparent);font-family:var(--wc-font-family-sans-serif);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-flow:column;block-size:100%;hyphens:auto;hyphenate-limit-chars:10 4 4}.editor-shell .proj{min-block-size:100%}.editor-shell code,.editor-shell var,.editor-shell kbd,.editor-shell samp,.editor-shell tt,.editor-shell dir,.editor-shell listing,.editor-shell plaintext,.editor-shell xmp,.editor-shell abbr,.editor-shell acronym,.editor-shell blockquote,.editor-shell q{hyphens:none}:where(html.textjam-active) button{all:initial;font-size:inherit}:where(html.textjam-active) button:focus-visible{outline:2px solid #000}.select-buttons__tick--selected svg path{fill:var(--editor-color-layer-2)}.--light,.--dark{--editor-color-layer-1: #e7f8f7;--editor-color-layer-2: #ffffff;--editor-color-outline: #d5d7dc;--editor-color-theme: #232d9a;--editor-color-theme-secondary: #0e857a;--editor-color-theme-tertiary: #e7f8f7;--editor-color-text-secondary: #4d575b;--editor-color-tab-background: #f5f6f9}
723
+ :root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, 0.7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;flex:1}.Toastify__toast-icon{margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:rgba(0,0,0,0);outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0)}to{opacity:0;transform:translate3d(2000px, 0, 0)}}@keyframes Toastify__bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0)}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}@keyframes Toastify__bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}@keyframes Toastify__bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{from{transform:translate3d(110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInLeft{from{transform:translate3d(-110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInUp{from{transform:translate3d(0, 110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInDown{from{transform:translate3d(0, -110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(110%, 0, 0)}}@keyframes Toastify__slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-110%, 0, 0)}}@keyframes Toastify__slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 500px, 0)}}@keyframes Toastify__slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -500px, 0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--rpf-white: #ffffff}:export{grey-rpi-grey-15:#d5d7dc;grey-rpi-grey-40:#9497a4;grey-rpi-grey-5:#f1f2f3;grey-rpi-grey-70:#4a4d59;grey-rpf-white:#fff}:where(html.textjam-active) a{border:3px solid rgba(0,0,0,0)}:where(html.textjam-active) a:focus-visible{border:3px solid #cd2356;outline:none}:where(html.textjam-active) button{all:initial;border:3px solid rgba(0,0,0,0);cursor:pointer}:where(html.textjam-active) button:focus-visible{border:3px solid #cd2356;outline:none}:where(html.textjam-active) input{font-family:var(--wc-font-family-sans-serif)}.--light,.--dark{background-color:#e7f8f7;color:#212121;caret-color:#000;color-scheme:light}.--light .pythonrunner-input,.--dark .pythonrunner-input{color:#2467ec}#textjam-editor{display:flex;flex-flow:column;font-family:var(--wc-font-family-sans-serif);background:linear-gradient(135deg, #B9E6EE, #71EBBC, #71EBBC, #B9E6EE);font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1))}html.textjam-active,html.textjam-active body,html.textjam-active #textjam-editor{overflow:auto;block-size:100%;block-size:-moz-available;block-size:-webkit-stretch;block-size:stretch;block-size:100dvh;-ms-overflow-style:none;scrollbar-width:none}html.textjam-active ::-webkit-scrollbar{display:none}.proj-container--mobile{margin:0;gap:0}.editor-shell .proj-container--mobile .react-tabs{border-radius:0}.editor-shell .proj-container--mobile{border-radius:8px}.editor-shell .mobile-nav{display:flex;inline-size:100%}.editor-shell .mobile-nav .react-tabs__tab-list{padding:0}.editor-shell .mobile-nav .react-tabs__tab{flex:1;display:flex;block-size:calc(4rem*var(--scale-factor, 1))}.editor-shell .mobile-nav .react-tabs__tab:last-of-type{border-inline-end:none}.mobile-nav__menu{margin:0;border-radius:0;border:none;display:flex;align-items:center;justify-content:center;inline-size:calc(4rem*var(--scale-factor, 1))}.--dark .proj-container--mobile .runner-controls{border-inline-start:1px solid #4a4d59}.--dark .proj-container--mobile .mobile-nav{background-color:#2a2b32;border-block-start:1px solid #4a4d59}.--dark .proj-container--mobile .mobile-nav__menu{border-inline-end:1px solid #4a4d59}.--light .proj-container--mobile .runner-controls{border-inline-start:1px solid #d5d7dc}.--light .proj-container--mobile .mobile-nav{background-color:#f5f6f9;border-block-start:1px solid #d5d7dc}.--light .proj-container--mobile .mobile-nav__menu{border-inline-end:1px solid #d5d7dc}.editor-shell.--light .mobile-nav,.editor-shell.--dark .mobile-nav{border-block-end:none}.editor-shell.--light .mobile-nav .react-tabs__tab--selected,.editor-shell.--dark .mobile-nav .react-tabs__tab--selected{background-color:inherit}.editor-shell.--light .proj-container--mobile{border:1px solid #d5d7dc}.editor-shell.--dark .proj-container--mobile{border:1px solid #4a4d59}.draggable-tab{user-select:none}.--light .react-tabs__tab:focus-visible,.--dark .react-tabs__tab:focus-visible{outline:2px auto Highlight;outline:2px auto -webkit-focus-ring-color;outline-offset:-1px}.droppable-tab-list{display:flex;inline-size:100%}.resizable-with-handle__handle>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}.modal-overlay{display:flex;align-items:center;justify-content:center;padding:calc(5rem*var(--scale-factor, 1));z-index:1000;position:fixed;inset:0px}@media screen and (max-width: 480px){.modal-overlay{padding:calc(2rem*var(--scale-factor, 1))}}.modal-content{inline-size:560px;max-block-size:100%;border:0;border-radius:10px;display:flex;flex-direction:column}.modal-content label,.modal-content legend{font-weight:700}.modal-content input[type=text]{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));inline-size:100%;box-sizing:border-box;border:2px solid rgba(0,0,0,0);border-radius:12px;padding:calc(.5rem*var(--scale-factor, 1));display:block}.modal-content:focus-visible{border:3px solid #cd2356;outline:none}.modal-content__header{display:flex;align-items:center;min-block-size:fit-content;padding:calc(1rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1))}.modal-content__header button{margin-inline-start:auto;block-size:fit-content}.modal-content__heading{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1));margin-block:calc(.5rem*var(--scale-factor, 1));margin-inline:calc(.5rem*var(--scale-factor, 1)) 0}.modal-content__body{padding:calc(1.5rem*var(--scale-factor, 1));display:flex;flex-direction:column;row-gap:calc(.5rem*var(--scale-factor, 1));overflow-y:auto}.modal-content__subheading{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));margin:0;font-weight:700}.modal-content__text{margin:0;line-height:1.4}.modal-content__help-text{margin:calc(.25rem*var(--scale-factor, 1)) 0;font-weight:400}.modal-content__inputs{display:flex;flex-direction:column;gap:calc(2rem*var(--scale-factor, 1))}.modal-content__input-section{display:flex;flex-direction:column;gap:calc(.5rem*var(--scale-factor, 1))}.modal-content__buttons{padding:calc(1rem*var(--scale-factor, 1));display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:calc(1rem*var(--scale-factor, 1));justify-content:flex-start}@media screen and (max-width: 480px){.modal-content__buttons{display:flex;flex-direction:column}}.modal-content__buttons button,.modal-content__buttons a{margin:0}.modal-content__buttons button span,.modal-content__buttons a span{inline-size:100%}@media screen and (max-width: 480px){.modal-content__buttons button,.modal-content__buttons a{inline-size:100%}}.modal-content__links{text-align:center;margin-block:calc(.5rem*var(--scale-factor, 1)) calc(.25rem*var(--scale-factor, 1));margin-inline:0}.modal-content__links button{text-decoration:underline}.--light .modal-overlay,.--dark .modal-overlay{background-color:rgba(67,69,76,.5)}.--light .modal-overlay input,.--dark .modal-overlay input{border:2px solid #e3e4e8}.--light .modal-overlay input:focus-visible,.--dark .modal-overlay input:focus-visible{border:2px solid var(--rpf-input-active-border);outline:none}.--light .modal-content,.--dark .modal-content{background-color:#fff}.--light .modal-content__header,.--dark .modal-content__header{border-block-end:1px solid #d5d7dc}.--light .modal-content__help-text,.--dark .modal-content__help-text{color:#4d575b}.--light .modal-content__buttons,.--dark .modal-content__buttons{border-block-start:1px solid #d5d7dc}:root,:host{--font-size-0-5: 0.5rem;--font-size-0-75: 0.75rem;--font-size-1: 1rem;--font-size-1-5: 1.25rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--font-size-5: 3rem;--font-size-6: 3.5rem;--font-size-7: 4rem;--font-size-8: 4.5rem;--font-size-9: 5rem}:root,:host{--font-weight-regular: 400;--font-weight-bold: 700}:root,:host{--line-height-0-75: 0.75rem;--line-height-1: 1rem;--line-height-1-5: 1.5rem;--line-height-2: 2rem;--line-height-2-5: 2.5rem;--line-height-3: 3rem;--line-height-3-5: 3.5rem;--line-height-4: 4rem;--line-height-4-5: 4.5rem;--line-height-5: 5rem;--line-height-5-5: 5.5rem;--line-height-6: 6rem;--line-height-6-5: 6.5rem}.editor-wrapper{overflow:auto;scrollbar-width:thin;block-size:100%}.editor{display:flex;flex-flow:column;flex:1;overflow:hidden;block-size:calc(100% - 3rem*var(--scale-factor, 1))}.editor .cm-editor{flex:1;overflow:hidden}.editor .cm-editor:focus{outline:none}.editor .cm-editor .cm-scroller{overflow:auto;scrollbar-width:thin;overscroll-behavior-x:none;font-family:var(--wc-font-family-monospace);z-index:100}.editor .cm-editor .cm-scroller .cm-content{flex:1;padding-block-start:calc(.5rem*var(--scale-factor, 1));margin-inline-end:calc(.5rem*var(--scale-factor, 1))}.editor--small{font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1))}.editor--medium{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.editor--large{font-size:calc(2rem*var(--scale-factor, 1));line-height:calc(2.5rem*var(--scale-factor, 1))}.rpf-alert{margin:0}.settings-panel{display:flex;flex-direction:column;gap:calc(1.25rem*var(--scale-factor, 1));padding:calc(.25rem*var(--scale-factor, 1))}.settings-panel .select-buttons__legend{font-size:calc(1.25rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));font-weight:700}.settings-panel .select-buttons__options{flex-direction:column}.select-buttons{border:none;margin:0;padding:0}.select-buttons__legend{padding:0;margin-block-end:calc(1rem*var(--scale-factor, 1))}.select-buttons__options{display:flex;inline-size:100%;gap:calc(1rem*var(--scale-factor, 1));flex-wrap:wrap}.select-buttons__option{flex:1}.select-buttons__button{opacity:0;position:absolute}.select-buttons__label{display:flex;align-items:center;padding:calc(.75rem*var(--scale-factor, 1));gap:calc(.75rem*var(--scale-factor, 1));border-radius:8px;position:relative;box-sizing:border-box;font-weight:700;cursor:pointer}.select-buttons__tick{display:flex;align-items:center;margin-inline-start:auto;visibility:hidden}.select-buttons__tick--selected{visibility:visible}.select-buttons__tick--selected svg rect{fill:var(--editor-color-theme)}.select-buttons__tick--selected svg path{fill:var(--rpf-select-buttons-tick-color)}.--dark .select-buttons__label,.--light .select-buttons__label{border:2px solid #d5d7dc}.--dark .select-buttons__label--selected,.--light .select-buttons__label--selected{border:2px solid #212121}.select-buttons__button:focus-visible+.select-buttons__label{outline:3px solid #cd2356}.mobile-project-bar{background-color:#fff;border-block-start:1px solid #d5d7dc;display:flex;justify-content:space-between;padding:calc(.5rem*var(--scale-factor, 1));gap:var(--space-1)}.mobile-project-bar__name{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));font-weight:700;margin:auto 0}.--dark .mobile-project-bar{background-color:#2a2b32;border-block-start:1px solid #4a4d59}.--dark .mobile-project-bar__name{color:#fff}.--light .mobile-project-bar{background-color:#fff;border-block-start:1px solid #d5d7dc}.--light .mobile-project-bar__name{color:#4d575b}.rpf-button--primary * svg{fill:var(--rpf-button-primary-text-color)}.rpf-button--tertiary * svg{fill:var(--rpf-button-secondary-text-color) !important}.rpf-button{flex-direction:row-reverse}.rpf-button--fit{inline-size:fit-content}.rpf-button.rpf-button--fill{justify-content:center;inline-size:100%;box-sizing:border-box}.rpf-button--secondary{justify-content:center;align-items:center}.rpf-button--secondary * svg{fill:#4d575b}.--light * .rpf-button--secondary span,.--dark * .rpf-button--secondary span{color:#212121}.--light * .rpf-button--secondary::before,.--dark * .rpf-button--secondary::before{background-color:#fff}.--light * .rpf-button--secondary:hover,.--dark * .rpf-button--secondary:hover{border-color:#89ddd5}.--light * .rpf-button--secondary:hover::before,.--dark * .rpf-button--secondary:hover::before{background-color:#e7f8f7}.--light * .rpf-button--secondary:active::before,.--dark * .rpf-button--secondary:active::before{background-color:#dcf5f3}.--light * .rpf-button--secondary:disabled,.--dark * .rpf-button--secondary:disabled{border-color:#d5d7dc;background-color:inherit}.--light * .rpf-button--secondary:disabled::before,.--dark * .rpf-button--secondary:disabled::before{background-color:inherit}.--light * .rpf-button--secondary:disabled span,.--dark * .rpf-button--secondary:disabled span{color:#d5d7dc}.--light * .rpf-button--tertiary,.--dark * .rpf-button--tertiary{color:#212121;border:none}.--light * .rpf-button--tertiary::before,.--dark * .rpf-button--tertiary::before{background-color:#fff}.--light * .rpf-button--tertiary:hover::before,.--dark * .rpf-button--tertiary:hover::before{background-color:#e7f8f7}.--light * .rpf-button--tertiary:active::before,.--dark * .rpf-button--tertiary:active::before{background-color:#dcf5f3}.--light * .rpf-button--tertiary:disabled,.--dark * .rpf-button--tertiary:disabled{background-color:inherit}.--light * .rpf-button--tertiary:disabled::before,.--dark * .rpf-button--tertiary:disabled::before{background-color:inherit}.--light * .rpf-button--tertiary:disabled span,.--dark * .rpf-button--tertiary:disabled span{color:#d5d7dc}.rpf-button__icon{display:flex}.save-status{align-items:center;display:flex;gap:var(--space-1);justify-content:flex-end;margin-block:0;padding-inline:var(--space-2)}.save-status--mobile{margin:unset;padding-inline:0;gap:var(--space-0-5)}.save-status--mobile .save-status__text{font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1))}.save-status--mobile .save-status__icon{inline-size:16px;block-size:16px}.save-status--mobile .save-status__icon svg{width:100%;height:100%}.save-status__icon{display:flex}:host{font-size:1.6rem}:where(html.textjam-active) code{font-family:var(--wc-font-family-monospace)}.editor-shell{--wc-font-family-sans-serif: var( --editor-font-family-sans-serif, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif );--wc-font-family-monospace: var( --editor-font-family-monospace, Roboto Mono, source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace );background:var(--editor-secondary-theme, transparent);font-family:var(--wc-font-family-sans-serif);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-flow:column;block-size:100%;hyphens:auto;hyphenate-limit-chars:10 4 4}.editor-shell .proj{min-block-size:100%}.editor-shell code,.editor-shell var,.editor-shell kbd,.editor-shell samp,.editor-shell tt,.editor-shell dir,.editor-shell listing,.editor-shell plaintext,.editor-shell xmp,.editor-shell abbr,.editor-shell acronym,.editor-shell blockquote,.editor-shell q{hyphens:none}:where(html.textjam-active) button{all:initial;font-size:inherit}:where(html.textjam-active) button:focus-visible{outline:2px solid #000}.select-buttons__tick--selected svg path{fill:var(--editor-color-layer-2)}.--light,.--dark{--editor-color-layer-1: #e7f8f7;--editor-color-layer-2: #ffffff;--editor-color-outline: #d5d7dc;--editor-color-theme: #232d9a;--editor-color-theme-secondary: #0e857a;--editor-color-theme-tertiary: #e7f8f7;--editor-color-text-secondary: #4d575b;--editor-color-tab-background: #f5f6f9}
725
724
  :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}html.textjam-active{min-block-size:100dvh;margin:0;--editor-font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;--editor-font-family-monospace: Roboto Mono, source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;-ms-overflow-style:none;scrollbar-width:none;--toastify-font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;--toastify-color-success: #C5FFE8;--toastify-color-error: #FFD5CE;--toastify-color-info: #B9E6EE;--toastify-toast-bd-radius: 4px;--toastify-toast-width: 410px;--toastify-z-index: 750}html.textjam-active *,html.textjam-active *::before,html.textjam-active *::after{box-sizing:border-box}html.textjam-active body{margin:0;font-family:var(--editor-font-family-sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.textjam-active ::-webkit-scrollbar{display:none}html.textjam-active code{font-family:var(--editor-font-family-monospace)}#textjam-editor{min-block-size:100dvh;display:flex;flex-direction:column;block-size:100dvh;margin:0}.--light,.editor-shell.--light,.editor-shell.--dark{--editor-color-layer-1: #e7f8f7;--editor-color-layer-2: #000000;--editor-color-outline: #d5d7dc;--editor-color-theme: #14bdac;--editor-color-theme-secondary: #0e857a;--editor-color-theme-tertiary: #e7f8f7;--editor-color-text-secondary: #4d575b;--rpf-files-list-item-active: #dcf5f3;--rpf-files-list-item-hover: #e7f8f7;--rpf-tab-border-bottom-selected: var(--rpf-teal-900);--sidebar-border: var(--rpf-grey-150);--sidebar-background: var(--rpf-white);--sidebar-background-selected: var(--rpf-off-white);--sidebar-panel-background: var(--rpf-white);--sidebar-option-hover: var(--rpf-grey-100);--sidebar-option-selected-icon: var(--rpf-black);--sidebar-option-selected-border: var(--editor-color-theme);--sidebar-option-selected-background: var(--editor-color-theme-tertiary)}.btn,.rpf-button{--rpf-button-primary-background-color: var(--rpf-teal-800);--rpf-button-primary-background-color-focus: var(--rpf-teal-800);--rpf-button-primary-background-color-hover: var(--rpf-teal-900);--rpf-button-primary-background-color-active: var(--rpf-teal-600);--rpf-button-primary-background-color-disabled: var(--rpf-teal-200);--rpf-button-primary-color-disabled: var(--rpf-grey-600);--rpf-button-primary-text-color: var(--rpf-black);--rpf-button-secondary-background-color: var(--rpf-teal-800);--rpf-button-secondary-background-color-focus: $rpf-brand-raspberry;--rpf-button-secondary-background-color-hover: var(--rpf-teal-100);--rpf-button-secondary-border-color-hover: var(--rpf-teal-900);--rpf-button-secondary-background-color-active: var(--rpf-teal-900);--rpf-button-secondary-background-color-disabled: var( --rpf-grey-50 );--rpf-button-secondary-text-color: var(--rpf-black);--rpf-button-tertiary-text-color-hover: var(--rpf-grey-600)}.btn .rpf-button--secondary,.rpf-button .rpf-button--secondary{border-color:var(--rpf-teal-800)}.select-buttons__tick--selected{--rpf-select-buttons-tick-color: var(--rpf-black)}.modal-overlay{--rpf-input-active-border: var(--editor-color-theme)}
726
725
  :root{--rpf-white: #ffffff}.styles-module__loadingPage--r5PoP{margin:0px;padding:0px;background-color:#e5f6f1;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:"Roboto Flex";font-weight:600;text-align:center;color:#33625e;font-size:calc(1.25rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1))}.styles-module__loadingContainerAnimation--FNE3T{height:calc(4rem*var(--scale-factor, 1));margin-bottom:calc(1.875rem*var(--scale-factor, 1))}.styles-module__loadingContainerSubtext--1xp7T{margin-top:calc(.5rem*var(--scale-factor, 1));font-weight:400;font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1))}.styles-module__dots--wWdo2{display:inline-block;margin-left:.1em}.styles-module__dot--RwqoT{opacity:0;display:inline-block;animation:styles-module__dot1--hGBky 6s infinite linear}.styles-module__dot2--hoNk-{animation-name:styles-module__dot2--hoNk-}.styles-module__dot3---5q-W{animation-name:styles-module__dot3---5q-W}@keyframes styles-module__dot1--hGBky{0%{opacity:0}5%{opacity:1}80%{opacity:1}83.333%{opacity:0}100%{opacity:0}}@keyframes styles-module__dot2--hoNk-{0%{opacity:0}16.666%{opacity:0}21%{opacity:1}62%{opacity:1}66.666%{opacity:0}100%{opacity:0}}@keyframes styles-module__dot3---5q-W{0%{opacity:0}33.333%{opacity:0}37%{opacity:1}46%{opacity:1}50%{opacity:0}100%{opacity:0}}@media(prefers-reduced-motion: reduce){.styles-module__dot--RwqoT{animation:none;opacity:1}}
727
726
  :root{--rpf-white: #ffffff}.styles-module__savingButtonContent--C4GUu{display:flex;flex-direction:row;align-items:center;gap:calc(.5rem*var(--scale-factor, 1))}.styles-module__saveIcon--DLnC8{color:#33625e}.styles-module__statusMessage--zC6D4{position:absolute;clip-path:inset(50%);overflow:hidden;block-size:1px;inline-size:1px;white-space:nowrap}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "gwchq-textjam",
3
3
  "description": "Embeddable React editor used in Raspberry Pi text-based projects.",
4
- "version": "0.5.12",
4
+ "version": "0.5.14",
5
5
  "license": "Apache-2.0",
6
6
  "homepage": "https://github.com/GirlsFirst/gwchq-textjam",
7
7
  "author": "Girls Who Code HQ",