diff --git a/2282.617ec24f.iframe.bundle.js b/2282.617ec24f.iframe.bundle.js
deleted file mode 100644
index 6f4f56c9..00000000
--- a/2282.617ec24f.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunkfranklin_sites=self.webpackChunkfranklin_sites||[]).push([[2282],{"./src/svg/times.svg":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var _path,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");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)}__webpack_exports__.A=function SvgTimes(props){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 352 512"},props),_path||(_path=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"m243 256 100-100c12-12 12-32 0-45l-22-22a31 31 0 0 0-45 0L176 189 76 89a31 31 0 0 0-45 0L9 111a31 31 0 0 0 0 45l100 100L9 356a31 31 0 0 0 0 45l22 22c13 12 33 12 45 0l100-100 100 100c12 12 32 12 45 0l22-22c12-13 12-33 0-45z"})))}},"./src/components/sliding-panel.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{A:function(){return src_components_sliding_panel}});__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js");var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),timing_functions_es=__webpack_require__("./node_modules/timing-functions/dist/timing-functions.es.mjs"),components_button=__webpack_require__("./src/components/button.tsx"),times=__webpack_require__("./src/svg/times.svg"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),sliding_panel=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[14].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/styles/components/sliding-panel.scss"),sliding_panel_default=__webpack_require__.n(sliding_panel),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(sliding_panel_default(),options),sliding_panel_default()&&sliding_panel_default().locals&&sliding_panel_default().locals;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const _excluded=["children","onClose","position","size","title","arrowX","className","pathname"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){_defineProperty(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function _defineProperty(e,r,t){return(r=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==typeof i?i:i+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const focusable='button:not([disabled]), [href]:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled])';var src_components_sliding_panel=_ref=>{let{children:children,onClose:onClose,position:position,size:size="medium",title:title,arrowX:arrowX,className:className,pathname:pathname}=_ref,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)o=s[r],t.includes(o)||{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}(_ref,_excluded);const node=(0,react.useRef)(null),onCloseRef=(0,react.useRef)(onClose);onCloseRef.current=onClose,(0,react.useEffect)((()=>{var _node$current;const previousActiveElement=document.activeElement;let mutationObs=null;const focusTarget=null===(_node$current=node.current)||void 0===_node$current?void 0:_node$current.querySelector(focusable);var _mutationObs2;focusTarget?focusTarget.focus():(mutationObs=new MutationObserver((()=>{var _node$current2;const focusTarget=null===(_node$current2=node.current)||void 0===_node$current2?void 0:_node$current2.querySelector(focusable);var _mutationObs;focusTarget&&(focusTarget.focus(),null===(_mutationObs=mutationObs)||void 0===_mutationObs||_mutationObs.disconnect())})),node.current&&(null===(_mutationObs2=mutationObs)||void 0===_mutationObs2||_mutationObs2.observe(node.current,{childList:!0,subtree:!0})));return()=>{var _mutationObs3;previousActiveElement&&document.contains(previousActiveElement)&&(null==previousActiveElement||previousActiveElement.focus()),null===(_mutationObs3=mutationObs)||void 0===_mutationObs3||_mutationObs3.disconnect()}}),[]),(0,react.useEffect)((()=>(onCloseRef.current=onClose,()=>{onCloseRef.current=void 0})),[onClose]),(0,react.useEffect)((()=>{const handleClickOutside=e=>{for(const panel of document.querySelectorAll(".sliding-panel"))if(panel.contains(e.target))return;(0,timing_functions_es.Gt)().then((()=>{var _onCloseRef$current;null===(_onCloseRef$current=onCloseRef.current)||void 0===_onCloseRef$current||_onCloseRef$current.call(onCloseRef,"outside")}))};return document.addEventListener("click",handleClickOutside,!0),()=>{document.removeEventListener("click",handleClickOutside,!0)}}),[]);const firstTime=(0,react.useRef)(!0);return(0,react.useEffect)((()=>{var _onCloseRef$current2;firstTime.current?firstTime.current=!1:null===(_onCloseRef$current2=onCloseRef.current)||void 0===_onCloseRef$current2||_onCloseRef$current2.call(onCloseRef,"navigation")}),[pathname]),(0,react.useEffect)((()=>{const listener=event=>{var _onCloseRef$current3;"Escape"===event.key&&(null===(_onCloseRef$current3=onCloseRef.current)||void 0===_onCloseRef$current3||_onCloseRef$current3.call(onCloseRef,"escape"))};return document.addEventListener("keydown",listener,{passive:!0}),()=>{document.removeEventListener("keydown",listener)}}),[]),(0,react_dom.createPortal)((0,jsx_runtime.jsxs)("aside",_objectSpread(_objectSpread({"data-testid":"sliding-panel",className:classnames_default()("sliding-panel",`sliding-panel--${position}`,`sliding-panel--${position}--${size}`,Number.isFinite(arrowX)&&`sliding-panel--${position}--below-header`,className),ref:node},props),{},{children:[title&&(0,jsx_runtime.jsxs)("div",{className:"sliding-panel__header",children:[title&&(0,jsx_runtime.jsx)("span",{className:"small sliding-panel__header__title",children:title}),(0,jsx_runtime.jsx)(components_button.A,{variant:"tertiary",onClick:()=>{var _onCloseRef$current4;return null===(_onCloseRef$current4=onCloseRef.current)||void 0===_onCloseRef$current4?void 0:_onCloseRef$current4.call(onCloseRef,"x-button")},className:"sliding-panel__header__buttons",title:"Close panel",children:(0,jsx_runtime.jsx)(times.A,{})}),Number.isFinite(arrowX)&&(0,jsx_runtime.jsx)("div",{className:"sliding-panel__header__arrow",style:{left:arrowX}})]}),(0,jsx_runtime.jsx)("div",{className:"sliding-panel__content",children:children})]})),document.body)};try{slidingpanel.displayName="slidingpanel",slidingpanel.__docgenInfo={description:"",displayName:"slidingpanel",props:{onClose:{defaultValue:null,description:"What happens when close is triggered. Responsability of the user of the compoent",name:"onClose",required:!1,type:{name:'((reason: "navigation" | "outside" | "x-button" | "escape") => void)'}},size:{defaultValue:{value:"medium"},description:"Size of the panel once opened",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:'"full-screen"'}]}},title:{defaultValue:null,description:"Title of the panel",name:"title",required:!1,type:{name:"ReactNode"}},pathname:{defaultValue:null,description:"Pathname of current location. When this changes the panel is closed.",name:"pathname",required:!0,type:{name:"string"}},position:{defaultValue:null,description:"Where the sliding panel should appear",name:"position",required:!0,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"top"'},{value:'"bottom"'}]}},arrowX:{defaultValue:null,description:"Horizontal position of the arrow if the panel appears below the page header.\nAlso works as a flag to display the arrow and display below the header",name:"arrowX",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sliding-panel.tsx#slidingpanel"]={docgenInfo:slidingpanel.__docgenInfo,name:"slidingpanel",path:"src/components/sliding-panel.tsx#slidingpanel"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[14].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/styles/components/sliding-panel.scss":function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,":root{--fr--color-sapphire-blue: #014371;--fr--color-sea-blue: #00639a;--fr--color-vivid-cerulean: #00a6d5;--fr--color-medium-turquoise: #46d6fa;--fr--color-gainsborough: #d2dce3;--fr--color-yankees-blue: #161d39;--fr--color-independence: #4e5a71;--fr--color-weldon-blue: #8194a1;--fr--color-pastel-blue: #abc7d6;--fr--color-platinum: #e4e8eb;--fr--color-sky-white: #fbfeff;--fr--color-reviewed: #c39b00;--fr--color-unreviewed: #c0c0c0;--fr--color-reference-proteome: #9d4a4d;--fr--color-uniprotkb: var(--fr--color-sea-blue);--fr--color-uniref: #f2994c;--fr--color-uniparc: #88c19d;--fr--color-proteomes: #e56358;--fr--color-peptide-search: #a748bd;--fr--color-id-mapping: #357b92;--fr--color-blast: #00a6d5;--fr--color-align: #b8ce48;--fr--color-help-green: #28aa50;--fr--color-warning: #ffcc33;--fr--color-failure: #f36968;--fr--color-success: #108f3b;--fr--color-info: #79cbf8;--fr--color-coyote-brown: #966336;--fr--color-outer-space: #374343;--fr--color-bronze: #a65708;--fr--color-link: var(--fr--color-sapphire-blue);--fr--color-selected: var(--fr--color-gainsborough);--fr--color-hover: oklch(from var(--fr--color-platinum) calc(l + 5%) c h);--fr--color-hover: #f5f9fc}:root{--fr--color-sapphire-blue: #014371;--fr--color-sea-blue: #00639a;--fr--color-vivid-cerulean: #00a6d5;--fr--color-medium-turquoise: #46d6fa;--fr--color-gainsborough: #d2dce3;--fr--color-yankees-blue: #161d39;--fr--color-independence: #4e5a71;--fr--color-weldon-blue: #8194a1;--fr--color-pastel-blue: #abc7d6;--fr--color-platinum: #e4e8eb;--fr--color-sky-white: #fbfeff;--fr--color-reviewed: #c39b00;--fr--color-unreviewed: #c0c0c0;--fr--color-reference-proteome: #9d4a4d;--fr--color-uniprotkb: var(--fr--color-sea-blue);--fr--color-uniref: #f2994c;--fr--color-uniparc: #88c19d;--fr--color-proteomes: #e56358;--fr--color-peptide-search: #a748bd;--fr--color-id-mapping: #357b92;--fr--color-blast: #00a6d5;--fr--color-align: #b8ce48;--fr--color-help-green: #28aa50;--fr--color-warning: #ffcc33;--fr--color-failure: #f36968;--fr--color-success: #108f3b;--fr--color-info: #79cbf8;--fr--color-coyote-brown: #966336;--fr--color-outer-space: #374343;--fr--color-bronze: #a65708;--fr--color-link: var(--fr--color-sapphire-blue);--fr--color-selected: var(--fr--color-gainsborough);--fr--color-hover: oklch(from var(--fr--color-platinum) calc(l + 5%) c h);--fr--color-hover: #f5f9fc}@keyframes slide-in-top{from{opacity:0;margin-top:-65rem}}@keyframes slide-in-right{from{opacity:0;margin-right:-65rem}}@keyframes slide-in-bottom{from{opacity:0;margin-bottom:-65rem}}@keyframes slide-in-left{from{opacity:0;margin-left:-65rem}}.sliding-panel{box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);background-color:#fbfeff;border-radius:.2rem;padding:0;position:fixed;display:flex;flex-direction:column;z-index:2147483641;opacity:1;margin:0;animation-duration:500ms;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-fill-mode:backwards}.sliding-panel__header{background-color:#4e5a71;padding:.5rem 1rem;color:#fbfeff;--main-button-color: currentColor;display:flex;justify-content:space-between;align-items:center}.sliding-panel__header__title{margin-bottom:0}.sliding-panel__header button{margin:0}.sliding-panel__header__arrow{position:fixed;top:var(--top-header-margin);margin-top:-1rem;margin-left:-1rem;border-left:1rem solid rgba(0,0,0,0);border-right:1rem solid rgba(0,0,0,0);border-bottom:1rem solid #4e5a71}.sliding-panel__content{padding:1rem;overflow-y:auto;flex:1}.sliding-panel__button-row{position:sticky;display:flex;justify-content:flex-end;padding:.5rem 0;bottom:0}.sliding-panel--top,.sliding-panel--bottom{width:100vw;left:0}.sliding-panel--top--small,.sliding-panel--bottom--small{height:20vh}.sliding-panel--top--medium,.sliding-panel--bottom--medium{height:40vh}.sliding-panel--top--large,.sliding-panel--bottom--large{height:60vh}.sliding-panel--top--full-screen,.sliding-panel--bottom--full-screen{height:100vh}.sliding-panel--top{top:0;animation-name:slide-in-top}.sliding-panel--bottom{bottom:0;animation-name:slide-in-bottom}.sliding-panel--left,.sliding-panel--right{height:100vh;top:0}.sliding-panel--left--below-header,.sliding-panel--right--below-header{top:0;margin-top:var(--top-header-margin);height:calc(100vh - var(--top-header-margin))}.sliding-panel--left--small,.sliding-panel--right--small{width:100vw}@media(min-width: 640px){.sliding-panel--left--small,.sliding-panel--right--small{width:min(max(30vw,22rem),40vw)}}.sliding-panel--left--medium,.sliding-panel--right--medium{width:100vw}@media(min-width: 640px){.sliding-panel--left--medium,.sliding-panel--right--medium{width:min(max(40vw,55rem),90vw)}}.sliding-panel--left--large,.sliding-panel--right--large{width:100vw}@media(min-width: 640px){.sliding-panel--left--large,.sliding-panel--right--large{width:min(max(60vw,77rem),95vw)}}.sliding-panel--left--full-screen,.sliding-panel--right--full-screen{width:100vw}.sliding-panel--left{left:0;animation-name:slide-in-left}.sliding-panel--right{right:0;animation-name:slide-in-right}","",{version:3,sources:["webpack://./src/styles/_colours.scss","webpack://./src/styles/components/sliding-panel.scss","webpack://./src/styles/_mixins.scss","webpack://./src/styles/common/_z-index.scss","webpack://./src/styles/_settings.scss"],names:[],mappings:"AAyDA,MAEE,kCAAA,CACA,6BAAA,CACA,mCAAA,CACA,qCAAA,CACA,iCAAA,CAGA,iCAAA,CACA,iCAAA,CACA,gCAAA,CACA,gCAAA,CACA,6BAAA,CACA,8BAAA,CAGA,6BAAA,CACA,+BAAA,CACA,uCAAA,CAGA,gDAAA,CACA,2BAAA,CACA,4BAAA,CACA,8BAAA,CAGA,mCAAA,CACA,+BAAA,CACA,0BAAA,CACA,0BAAA,CAGA,+BAAA,CAGA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,yBAAA,CAGA,iCAAA,CACA,gCAAA,CACA,2BAAA,CAGA,gDAAA,CACA,mDAAA,CACA,yEAAA,CAEA,0BAAA,CApDF,MAEE,kCAAA,CACA,6BAAA,CACA,mCAAA,CACA,qCAAA,CACA,iCAAA,CAGA,iCAAA,CACA,iCAAA,CACA,gCAAA,CACA,gCAAA,CACA,6BAAA,CACA,8BAAA,CAGA,6BAAA,CACA,+BAAA,CACA,uCAAA,CAGA,gDAAA,CACA,2BAAA,CACA,4BAAA,CACA,8BAAA,CAGA,mCAAA,CACA,+BAAA,CACA,0BAAA,CACA,0BAAA,CAGA,+BAAA,CAGA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,yBAAA,CAGA,iCAAA,CACA,gCAAA,CACA,2BAAA,CAGA,gDAAA,CACA,mDAAA,CACA,yEAAA,CAEA,0BAAA,CCpGF,wBACE,KACE,SAAA,CACA,iBAAA,CAAA,CAIJ,0BACE,KACE,SAAA,CACA,mBAAA,CAAA,CAGJ,2BACE,KACE,SAAA,CACA,oBAAA,CAAA,CAGJ,yBACE,KACE,SAAA,CACA,kBAAA,CAAA,CAIJ,eCjBE,qDAAA,CDmBA,wBDjBiB,CCkBjB,mBAAA,CACA,SAAA,CACA,cAAA,CACA,YAAA,CACA,qBAAA,CACA,kBEvCgB,CFwChB,SAAA,CACA,QAAA,CAGA,wBAAA,CACA,2BAAA,CACA,qCAAA,CACA,6BAAA,CAEA,uBACE,wBDtCkB,CCuClB,kBAAA,CACA,aDpCe,CCqCf,iCAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CAEA,8BACE,eAAA,CAGF,8BACE,QAAA,CAGF,8BACE,cAAA,CACA,4BAAA,CACA,gBAAA,CACA,iBAAA,CACA,oCAAA,CACA,qCAAA,CACA,gCAAA,CAIJ,wBACE,YGKa,CHJb,eAAA,CACA,MAAA,CAGF,2BACE,eAAA,CACA,YAAA,CACA,wBAAA,CACA,eAAA,CACA,QAAA,CAGF,2CAEE,WAAA,CACA,MAAA,CAGF,yDAEE,WAAA,CAEF,2DAEE,WAAA,CAEF,yDAEE,WAAA,CAEF,qEAEE,YAAA,CAGF,oBACE,KAAA,CACA,2BAAA,CAGF,uBACE,QAAA,CACA,8BAAA,CAGF,2CAEE,YAAA,CACA,KAAA,CAGF,uEAEE,KAAA,CACA,mCAAA,CACA,6CAAA,CAGF,yDAEE,WAAA,CCxHA,yBDsHF,yDAKI,+BAAA,CAAA,CAIJ,2DAEE,WAAA,CCjIA,yBD+HF,2DAMI,+BAAA,CAAA,CAIJ,yDAEE,WAAA,CC3IA,yBDyIF,yDAKI,+BAAA,CAAA,CAIJ,qEAEE,WAAA,CAGF,qBACE,MAAA,CACA,4BAAA,CAGF,sBACE,OAAA,CACA,6BAAA",sourcesContent:["/* \n** @name Colours\n** @template  ./app/html/colours.html\n** @text-only\n*/\n@import './settings';\n\n// PRIMARY COLOURS\n$colour-sapphire-blue: #014371;\n$colour-sea-blue: #00639a;\n$colour-vivid-cerulean: #00a6d5;\n$colour-medium-turquoise: #46d6fa;\n$colour-gainsborough: #d2dce3;\n\n// GREYSCALE\n$colour-yankees-blue: #161d39;\n$colour-independence: #4e5a71;\n$colour-weldon-blue: #8194a1;\n$colour-pastel-blue: #abc7d6;\n$colour-platinum: #e4e8eb;\n$colour-sky-white: #fbfeff;\n\n// CURATION\n$colour-reviewed: #c39b00;\n$colour-unreviewed: #c0c0c0;\n$colour-reference-proteome: #9d4a4d;\n\n// NAMESPACES\n$colour-uniref: #f2994c;\n$colour-uniparc: #88c19d;\n$colour-proteomes: #e56358;\n\n// TOOLS\n$colour-peptide-search: #a748bd;\n$colour-id-mapping: #357b92;\n$colour-blast: #00a6d5;\n$colour-align: #b8ce48;\n\n// HELP\n$colour-help-green: #28aa50;\n\n// MESSAGE COLOURS\n$colour-warning: #ffcc33;\n$colour-failure: #f36968;\n$colour-success: #108f3b;\n$colour-info: #79cbf8;\n\n// DATA VISUALISATION\n$colour-coyote-brown: #966336;\n$colour-outer-space: #374343;\n$colour-bronze: #a65708;\n\n// COLOUR VARIABLES\n$colour-link: $colour-sapphire-blue;\n$colour-selected: $colour-gainsborough;\n$colour-hover: lighten($colour-platinum, 5%);\n\n:root {\n  // PRIMARY COLOURS\n  --fr--color-sapphire-blue: #014371;\n  --fr--color-sea-blue: #00639a;\n  --fr--color-vivid-cerulean: #00a6d5;\n  --fr--color-medium-turquoise: #46d6fa;\n  --fr--color-gainsborough: #d2dce3;\n\n  // GREYSCALE\n  --fr--color-yankees-blue: #161d39;\n  --fr--color-independence: #4e5a71;\n  --fr--color-weldon-blue: #8194a1;\n  --fr--color-pastel-blue: #abc7d6;\n  --fr--color-platinum: #e4e8eb;\n  --fr--color-sky-white: #fbfeff;\n\n  // CURATION\n  --fr--color-reviewed: #c39b00;\n  --fr--color-unreviewed: #c0c0c0;\n  --fr--color-reference-proteome: #9d4a4d;\n\n  // NAMESPACES\n  --fr--color-uniprotkb: var(--fr--color-sea-blue);\n  --fr--color-uniref: #f2994c;\n  --fr--color-uniparc: #88c19d;\n  --fr--color-proteomes: #e56358;\n\n  // TOOLS\n  --fr--color-peptide-search: #a748bd;\n  --fr--color-id-mapping: #357b92;\n  --fr--color-blast: #00a6d5;\n  --fr--color-align: #b8ce48;\n\n  // HELP\n  --fr--color-help-green: #28aa50;\n\n  // MESSAGE COLOURS\n  --fr--color-warning: #ffcc33;\n  --fr--color-failure: #f36968;\n  --fr--color-success: #108f3b;\n  --fr--color-info: #79cbf8;\n\n  // DATA VISUALISATION\n  --fr--color-coyote-brown: #966336;\n  --fr--color-outer-space: #374343;\n  --fr--color-bronze: #a65708;\n\n  // COLOUR VARIABLES\n  --fr--color-link: var(--fr--color-sapphire-blue);\n  --fr--color-selected: var(--fr--color-gainsborough);\n  --fr--color-hover: oklch(from var(--fr--color-platinum) calc(l + 5%) c h);\n  // Static fallback in case color function are not supported\n  --fr--color-hover: #f5f9fc;\n}\n","@use 'sass:math';\n\n@import '../settings';\n@import '../colours';\n@import '../mixins';\n@import '../common/z-index';\n\n$arrow-size: 1rem;\n\n@keyframes slide-in-top {\n  from {\n    opacity: 0;\n    margin-top: -65rem;\n  }\n}\n\n@keyframes slide-in-right {\n  from {\n    opacity: 0;\n    margin-right: -65rem;\n  }\n}\n@keyframes slide-in-bottom {\n  from {\n    opacity: 0;\n    margin-bottom: -65rem;\n  }\n}\n@keyframes slide-in-left {\n  from {\n    opacity: 0;\n    margin-left: -65rem;\n  }\n}\n\n.sliding-panel {\n  @include box-shadow(0.125rem);\n  background-color: $colour-sky-white;\n  border-radius: 0.2rem;\n  padding: 0;\n  position: fixed;\n  display: flex;\n  flex-direction: column;\n  z-index: $z-index-highest;\n  opacity: 1;\n  margin: 0;\n\n  // animation on mount\n  animation-duration: 500ms;\n  animation-iteration-count: 1;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: backwards;\n\n  &__header {\n    background-color: $colour-independence;\n    padding: math.div($global-padding, 2) $global-padding;\n    color: $colour-sky-white;\n    --main-button-color: currentColor;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    &__title {\n      margin-bottom: 0;\n    }\n\n    button {\n      margin: 0;\n    }\n\n    &__arrow {\n      position: fixed;\n      top: var(--top-header-margin);\n      margin-top: -$arrow-size;\n      margin-left: -$arrow-size;\n      border-left: $arrow-size solid transparent;\n      border-right: $arrow-size solid transparent;\n      border-bottom: $arrow-size solid $colour-independence;\n    }\n  }\n\n  &__content {\n    padding: $global-padding;\n    overflow-y: auto;\n    flex: 1;\n  }\n\n  &__button-row {\n    position: sticky;\n    display: flex;\n    justify-content: flex-end;\n    padding: math.div($global-padding, 2) 0;\n    bottom: 0;\n  }\n\n  &--top,\n  &--bottom {\n    width: 100vw;\n    left: 0;\n  }\n\n  &--top--small,\n  &--bottom--small {\n    height: 20vh;\n  }\n  &--top--medium,\n  &--bottom--medium {\n    height: 40vh;\n  }\n  &--top--large,\n  &--bottom--large {\n    height: 60vh;\n  }\n  &--top--full-screen,\n  &--bottom--full-screen {\n    height: 100vh;\n  }\n\n  &--top {\n    top: 0;\n    animation-name: slide-in-top;\n  }\n\n  &--bottom {\n    bottom: 0;\n    animation-name: slide-in-bottom;\n  }\n\n  &--left,\n  &--right {\n    height: 100vh;\n    top: 0;\n  }\n\n  &--left--below-header,\n  &--right--below-header {\n    top: 0;\n    margin-top: var(--top-header-margin);\n    height: calc(100vh - var(--top-header-margin));\n  }\n\n  &--left--small,\n  &--right--small {\n    width: 100vw;\n\n    @include fs-breakpoints('medium') {\n      width: min(max(30vw, 22rem), calc(40vw));\n    }\n  }\n\n  &--left--medium,\n  &--right--medium {\n    width: 100vw;\n\n    @include fs-breakpoints('medium') {\n      // Values are eyeballed to fit the Query builder\n      width: min(max(40vw, 55rem), calc(90vw));\n    }\n  }\n\n  &--left--large,\n  &--right--large {\n    width: 100vw;\n\n    @include fs-breakpoints('medium') {\n      width: min(max(60vw, 77rem), calc(95vw));\n    }\n  }\n\n  &--left--full-screen,\n  &--right--full-screen {\n    width: 100vw;\n  }\n\n  &--left {\n    left: 0;\n    animation-name: slide-in-left;\n  }\n\n  &--right {\n    right: 0;\n    animation-name: slide-in-right;\n  }\n}\n","@use 'sass:math';\n\n@import './settings';\n@import './colours';\n@import './franklin-settings';\n\n@mixin columns($base-class, $number) {\n  .#{$base-class}--columns {\n    column-count: $number;\n    column-width: percentage(math.div(1, $number));\n\n    & > * {\n      break-inside: avoid;\n    }\n  }\n}\n\n@mixin box-shadow($spread: 0.125rem) {\n  box-shadow: 0 0.125rem 0.25rem $spread rgba($colour-yankees-blue, 0.2);\n}\n\n@mixin fs-breakpoints($size) {\n  @if map-has-key($fs-breakpoint-values, $size) {\n    @media #{inspect(map-get($fs-breakpoint-values, $size))} {\n      @content;\n    }\n  }\n}\n\n@mixin ellipsis() {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n","$z-index-low: 2000;\n$z-index-medium: 5000;\n$z-index-high: 9000;\n//previous: $z-index-highest: 10000; current: max possible z-index\n$z-index-highest: 2147483641;\n","//  Foundation for Sites Settings\n//  -----------------------------\n//\n//  Table of Contents:\n//\n//   1. Global\n//   2. Breakpoints\n//   3. The Grid\n//   4. Base Typography\n//   5. Typography Helpers\n//   6. Abide\n//   7. Accordion\n//   8. Accordion Menu\n//   9. Badge\n//  10. Breadcrumbs\n//  11. Button\n//  12. Button Group\n//  13. Callout\n//  14. Card\n//  15. Close Button\n//  16. Drilldown\n//  17. Dropdown\n//  18. Dropdown Menu\n//  19. Flexbox Utilities\n//  20. Forms\n//  21. Label\n//  22. Media Object\n//  23. Menu\n//  24. Meter\n//  25. Off-canvas\n//  26. Orbit\n//  27. Pagination\n//  28. Progress Bar\n//  29. Prototype Arrow\n//  30. Prototype Border-Box\n//  31. Prototype Border-None\n//  32. Prototype Bordered\n//  33. Prototype Display\n//  34. Prototype Font-Styling\n//  35. Prototype List-Style-Type\n//  36. Prototype Overflow\n//  37. Prototype Position\n//  38. Prototype Rounded\n//  39. Prototype Separator\n//  40. Prototype Shadow\n//  41. Prototype Sizing\n//  42. Prototype Spacing\n//  43. Prototype Text-Decoration\n//  44. Prototype Text-Transformation\n//  45. Prototype Text-Utilities\n//  46. Responsive Embed\n//  47. Reveal\n//  48. Slider\n//  49. Switch\n//  50. Table\n//  51. Tabs\n//  52. Thumbnail\n//  53. Title Bar\n//  54. Tooltip\n//  55. Top Bar\n//  56. Xy Grid\n\n@import 'foundation-sites/scss/util/util';\n\n// 1. Global\n// ---------\n\n$global-font-size: 100%;\n$global-width: rem-calc(1200);\n$global-lineheight: 1.5;\n$foundation-palette: (\n  primary: #1779ba,\n  secondary: #ffffff,\n  success: #3adb76,\n  warning: #ffae00,\n  alert: #cc4b37,\n);\n$light-gray: #e6e6e6;\n$medium-gray: #cacaca;\n$dark-gray: #8a8a8a;\n$black: #0a0a0a;\n$white: #fefefe;\n$body-background: $white;\n$body-font-color: $black;\n$body-font-family: Lato, Helvetica, Roboto, Arial, sans-serif;\n$body-antialiased: true;\n$global-margin: 1rem;\n$global-padding: 1rem;\n$global-position: 1rem;\n$global-weight-normal: normal;\n$global-weight-bold: bold;\n$global-radius: 0;\n$global-menu-padding: 0.7rem 1rem;\n$global-menu-nested-margin: 1rem;\n$global-text-direction: ltr;\n$global-flexbox: true;\n$global-prototype-breakpoints: false;\n$global-button-cursor: auto;\n$global-color-pick-contrast-tolerance: 0;\n$print-transparent-backgrounds: true;\n\n@include add-foundation-colors;\n\n// 2. Breakpoints\n// --------------\n\n$breakpoints: (\n  small: 0,\n  medium: 640px,\n  large: 1024px,\n  xlarge: 1200px,\n  xxlarge: 1440px,\n);\n$print-breakpoint: large;\n$breakpoint-classes: (small medium large);\n\n// 3. The Grid\n// -----------\n\n$grid-row-width: $global-width;\n$grid-column-count: 12;\n$grid-column-gutter: (\n  small: 20px,\n  medium: 30px,\n);\n$grid-column-align-edge: true;\n$grid-column-alias: 'columns';\n$block-grid-max: 8;\n\n// 4. Base Typography\n// ------------------\n\n$header-font-family: $body-font-family;\n$header-font-weight: $global-weight-normal;\n$header-font-style: normal;\n$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;\n$header-color: inherit;\n$header-lineheight: 1.4;\n$header-margin-bottom: 0.5rem;\n$header-styles: (\n  small: (\n    'h1': (\n      'font-size': 24,\n    ),\n    'h2': (\n      'font-size': 20,\n    ),\n    'h3': (\n      'font-size': 19,\n    ),\n    'h4': (\n      'font-size': 18,\n    ),\n    'h5': (\n      'font-size': 17,\n    ),\n    'h6': (\n      'font-size': 16,\n    ),\n  ),\n  medium: (\n    'h1': (\n      'font-size': 48,\n    ),\n    'h2': (\n      'font-size': 40,\n    ),\n    'h3': (\n      'font-size': 31,\n    ),\n    'h4': (\n      'font-size': 25,\n    ),\n    'h5': (\n      'font-size': 20,\n    ),\n    'h6': (\n      'font-size': 16,\n    ),\n  ),\n);\n$header-text-rendering: optimizeLegibility;\n$small-font-size: 80%;\n$header-small-font-color: $black;\n$paragraph-lineheight: 1.6;\n$paragraph-margin-bottom: 1rem;\n$paragraph-text-rendering: optimizeLegibility;\n$code-color: $black;\n$code-font-family: $font-family-monospace;\n$code-font-weight: $global-weight-normal;\n$code-background: $light-gray;\n$code-border: 1px solid $medium-gray;\n$code-padding: rem-calc(2 5 1);\n$anchor-color: $primary-color;\n$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);\n$anchor-text-decoration: none;\n$anchor-text-decoration-hover: none;\n$hr-width: $global-width;\n$hr-border: 1px solid $medium-gray;\n$hr-margin: rem-calc(20) auto;\n$list-lineheight: $paragraph-lineheight;\n$list-margin-bottom: $paragraph-margin-bottom;\n$list-style-type: disc;\n$list-style-position: outside;\n$list-side-margin: 1.25rem;\n$list-nested-side-margin: 1.25rem;\n$defnlist-margin-bottom: 1rem;\n$defnlist-term-weight: $global-weight-bold;\n$defnlist-term-margin-bottom: 0.3rem;\n$blockquote-color: $dark-gray;\n$blockquote-padding: rem-calc(9 20 0 19);\n$blockquote-border: 1px solid $medium-gray;\n$cite-font-size: rem-calc(13);\n$cite-color: $dark-gray;\n$cite-pseudo-content: '\\2014 \\0020';\n$keystroke-font: $font-family-monospace;\n$keystroke-color: $black;\n$keystroke-background: $light-gray;\n$keystroke-padding: rem-calc(2 4 0);\n$keystroke-radius: $global-radius;\n$abbr-underline: 1px dotted $black;\n\n// 5. Typography Helpers\n// ---------------------\n\n$lead-font-size: $global-font-size * 1.25;\n$lead-lineheight: 1.6;\n$subheader-lineheight: 1.4;\n$subheader-color: $dark-gray;\n$subheader-font-weight: $global-weight-normal;\n$subheader-margin-top: 0.2rem;\n$subheader-margin-bottom: 0.5rem;\n$stat-font-size: 2.5rem;\n\n// 6. Abide\n// --------\n\n$abide-inputs: true;\n$abide-labels: true;\n$input-background-invalid: get-color(alert);\n$form-label-color-invalid: get-color(alert);\n$input-error-color: get-color(alert);\n$input-error-font-size: rem-calc(12);\n$input-error-font-weight: $global-weight-bold;\n\n// 7. Accordion\n// ------------\n\n$accordion-background: $white;\n$accordion-plusminus: true;\n$accordion-title-font-size: rem-calc(12);\n$accordion-item-color: $primary-color;\n$accordion-item-background-hover: $light-gray;\n$accordion-item-padding: 1.25rem 1rem;\n$accordion-content-background: $white;\n$accordion-content-border: 1px solid $light-gray;\n$accordion-content-color: $body-font-color;\n$accordion-content-padding: 1rem;\n\n// 8. Accordion Menu\n// -----------------\n\n$accordionmenu-padding: $global-menu-padding;\n$accordionmenu-nested-margin: $global-menu-nested-margin;\n$accordionmenu-submenu-padding: $accordionmenu-padding;\n$accordionmenu-arrows: true;\n$accordionmenu-arrow-color: $primary-color;\n$accordionmenu-item-background: null;\n$accordionmenu-border: null;\n$accordionmenu-submenu-toggle-background: null;\n$accordion-submenu-toggle-border: $accordionmenu-border;\n$accordionmenu-submenu-toggle-width: 40px;\n$accordionmenu-submenu-toggle-height: $accordionmenu-submenu-toggle-width;\n$accordionmenu-arrow-size: 6px;\n\n// 9. Badge\n// --------\n\n$badge-background: $primary-color;\n$badge-color: $white;\n$badge-color-alt: $black;\n$badge-palette: $foundation-palette;\n$badge-padding: 0.3em;\n$badge-minwidth: 2.1em;\n$badge-font-size: 0.6rem;\n\n// 10. Breadcrumbs\n// ---------------\n\n$breadcrumbs-margin: 0 0 $global-margin 0;\n$breadcrumbs-item-font-size: rem-calc(11);\n$breadcrumbs-item-color: $primary-color;\n$breadcrumbs-item-color-current: $black;\n$breadcrumbs-item-color-disabled: $medium-gray;\n$breadcrumbs-item-margin: 0.75rem;\n$breadcrumbs-item-uppercase: true;\n$breadcrumbs-item-separator: true;\n$breadcrumbs-item-separator-item: '/';\n$breadcrumbs-item-separator-item-rtl: '\\\\';\n$breadcrumbs-item-separator-color: $medium-gray;\n\n// 11. Button\n// ----------\n\n$button-font-family: inherit;\n$button-padding: 0.85em 1em;\n$button-margin: 0 0 $global-margin 0;\n$button-fill: solid;\n$button-background: $primary-color;\n$button-background-hover: scale-color($button-background, $lightness: -15%);\n$button-color: $white;\n$button-color-alt: $black;\n$button-radius: $global-radius;\n$button-hollow-border-width: 1px;\n$button-sizes: (\n  tiny: 0.6rem,\n  small: 0.75rem,\n  default: 0.9rem,\n  large: 1.25rem,\n);\n$button-palette: $foundation-palette;\n$button-opacity-disabled: 0.25;\n$button-background-hover-lightness: -20%;\n$button-hollow-hover-lightness: -50%;\n$button-transition: background-color 0.25s ease-out, color 0.25s ease-out;\n$button-responsive-expanded: false;\n\n// 12. Button Group\n// ----------------\n\n$buttongroup-margin: 1rem;\n$buttongroup-spacing: 1px;\n$buttongroup-child-selector: '.button';\n$buttongroup-expand-max: 6;\n$buttongroup-radius-on-each: true;\n\n// 13. Callout\n// -----------\n\n$callout-background: $white;\n$callout-background-fade: 85%;\n$callout-border: 1px solid rgba($black, 0.25);\n$callout-margin: 0 0 1rem 0;\n$callout-padding: 1rem;\n$callout-font-color: $body-font-color;\n$callout-font-color-alt: $body-background;\n$callout-radius: $global-radius;\n$callout-link-tint: 30%;\n\n// 14. Card\n// --------\n\n$card-background: $white;\n$card-font-color: $body-font-color;\n$card-divider-background: $light-gray;\n$card-border: 1px solid $light-gray;\n$card-shadow: none;\n$card-border-radius: $global-radius;\n$card-padding: $global-padding;\n$card-margin-bottom: $global-margin;\n\n// 15. Close Button\n// ----------------\n\n$closebutton-position: right top;\n$closebutton-offset-horizontal: (\n  small: 0.66rem,\n  medium: 1rem,\n);\n$closebutton-offset-vertical: (\n  small: 0.33em,\n  medium: 0.5rem,\n);\n$closebutton-size: (\n  small: 1.5em,\n  medium: 2em,\n);\n$closebutton-lineheight: 1;\n$closebutton-color: $dark-gray;\n$closebutton-color-hover: $black;\n\n// 16. Drilldown\n// -------------\n\n$drilldown-transition: transform 0.15s linear;\n$drilldown-arrows: true;\n$drilldown-padding: $global-menu-padding;\n$drilldown-nested-margin: 0;\n$drilldown-background: $white;\n$drilldown-submenu-padding: $drilldown-padding;\n$drilldown-submenu-background: $white;\n$drilldown-arrow-color: $primary-color;\n$drilldown-arrow-size: 6px;\n\n// 17. Dropdown\n// ------------\n\n$dropdown-padding: 1rem;\n$dropdown-background: $body-background;\n$dropdown-border: 1px solid $medium-gray;\n$dropdown-font-size: 1rem;\n$dropdown-width: 300px;\n$dropdown-radius: $global-radius;\n$dropdown-sizes: (\n  tiny: 100px,\n  small: 200px,\n  large: 400px,\n);\n\n// 18. Dropdown Menu\n// -----------------\n\n$dropdownmenu-arrows: true;\n$dropdownmenu-arrow-color: $anchor-color;\n$dropdownmenu-arrow-size: 6px;\n$dropdownmenu-arrow-padding: 1.5rem;\n$dropdownmenu-min-width: 200px;\n$dropdownmenu-background: $white;\n$dropdownmenu-submenu-background: $dropdownmenu-background;\n$dropdownmenu-padding: $global-menu-padding;\n$dropdownmenu-nested-margin: 0;\n$dropdownmenu-submenu-padding: $dropdownmenu-padding;\n$dropdownmenu-border: 1px solid $medium-gray;\n$dropdown-menu-item-color-active: get-color(primary);\n$dropdown-menu-item-background-active: transparent;\n\n// 19. Flexbox Utilities\n// ---------------------\n\n$flex-source-ordering-count: 6;\n$flexbox-responsive-breakpoints: true;\n\n// 20. Forms\n// ---------\n\n$fieldset-border: 1px solid $medium-gray;\n$fieldset-padding: rem-calc(20);\n$fieldset-margin: rem-calc(18 0);\n$legend-padding: rem-calc(0 3);\n$form-spacing: rem-calc(16);\n$helptext-color: $black;\n$helptext-font-size: rem-calc(13);\n$helptext-font-style: italic;\n$input-prefix-color: $black;\n$input-prefix-background: $light-gray;\n$input-prefix-border: 1px solid $medium-gray;\n$input-prefix-padding: 1rem;\n$form-label-color: $black;\n$form-label-font-size: rem-calc(14);\n$form-label-font-weight: $global-weight-normal;\n$form-label-line-height: 1.8;\n$select-background: $white;\n$select-triangle-color: $dark-gray;\n$select-radius: $global-radius;\n$input-color: $black;\n$input-placeholder-color: $medium-gray;\n$input-font-family: inherit;\n$input-font-size: rem-calc(16);\n$input-font-weight: $global-weight-normal;\n$input-line-height: $global-lineheight;\n$input-background: $white;\n$input-background-focus: $white;\n$input-background-disabled: $light-gray;\n$input-border: 1px solid $medium-gray;\n$input-border-focus: 1px solid $dark-gray;\n$input-padding: $form-spacing * 0.5;\n$input-shadow: inset 0 1px 2px rgba($black, 0.1);\n$input-shadow-focus: 0 0 5px $medium-gray;\n$input-cursor-disabled: not-allowed;\n$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\n$input-number-spinners: true;\n$input-radius: $global-radius;\n$form-button-radius: $global-radius;\n\n// 21. Label\n// ---------\n\n$label-background: $primary-color;\n$label-color: $white;\n$label-color-alt: $black;\n$label-palette: $foundation-palette;\n$label-font-size: 0.8rem;\n$label-padding: 0.33333rem 0.5rem;\n$label-radius: $global-radius;\n\n// 22. Media Object\n// ----------------\n\n$mediaobject-margin-bottom: $global-margin;\n$mediaobject-section-padding: $global-padding;\n$mediaobject-image-width-stacked: 100%;\n\n// 23. Menu\n// --------\n\n$menu-margin: 0;\n$menu-nested-margin: $global-menu-nested-margin;\n$menu-items-padding: $global-menu-padding;\n$menu-simple-margin: 1rem;\n$menu-item-color-active: $white;\n$menu-item-background-active: get-color(primary);\n$menu-icon-spacing: 0.25rem;\n$menu-item-background-hover: $light-gray;\n$menu-state-back-compat: true;\n$menu-centered-back-compat: true;\n$menu-icons-back-compat: true;\n\n// 24. Meter\n// ---------\n\n$meter-height: 1rem;\n$meter-radius: $global-radius;\n$meter-background: $medium-gray;\n$meter-fill-good: $success-color;\n$meter-fill-medium: $warning-color;\n$meter-fill-bad: $alert-color;\n\n// 25. Off-canvas\n// --------------\n\n$offcanvas-sizes: (\n  small: 250px,\n);\n$offcanvas-vertical-sizes: (\n  small: 250px,\n);\n$offcanvas-background: $light-gray;\n$offcanvas-shadow: 0 0 10px rgba($black, 0.7);\n$offcanvas-inner-shadow-size: 20px;\n$offcanvas-inner-shadow-color: rgba($black, 0.25);\n$offcanvas-overlay-zindex: 11;\n$offcanvas-push-zindex: 12;\n$offcanvas-overlap-zindex: 13;\n$offcanvas-reveal-zindex: 12;\n$offcanvas-transition-length: 0.5s;\n$offcanvas-transition-timing: ease;\n$offcanvas-fixed-reveal: true;\n$offcanvas-exit-background: rgba($white, 0.25);\n$maincontent-class: 'off-canvas-content';\n\n// 26. Orbit\n// ---------\n\n$orbit-bullet-background: $medium-gray;\n$orbit-bullet-background-active: $dark-gray;\n$orbit-bullet-diameter: 1.2rem;\n$orbit-bullet-margin: 0.1rem;\n$orbit-bullet-margin-top: 0.8rem;\n$orbit-bullet-margin-bottom: 0.8rem;\n$orbit-caption-background: rgba($black, 0.5);\n$orbit-caption-padding: 1rem;\n$orbit-control-background-hover: rgba($black, 0.5);\n$orbit-control-padding: 1rem;\n$orbit-control-zindex: 10;\n\n// 27. Pagination\n// --------------\n\n$pagination-font-size: rem-calc(14);\n$pagination-margin-bottom: $global-margin;\n$pagination-item-color: $black;\n$pagination-item-padding: rem-calc(3 10);\n$pagination-item-spacing: rem-calc(1);\n$pagination-radius: $global-radius;\n$pagination-item-background-hover: $light-gray;\n$pagination-item-background-current: $primary-color;\n$pagination-item-color-current: $white;\n$pagination-item-color-disabled: $medium-gray;\n$pagination-ellipsis-color: $black;\n$pagination-mobile-items: false;\n$pagination-mobile-current-item: false;\n$pagination-arrows: true;\n\n// 28. Progress Bar\n// ----------------\n\n$progress-height: 1rem;\n$progress-background: $medium-gray;\n$progress-margin-bottom: $global-margin;\n$progress-meter-background: $primary-color;\n$progress-radius: $global-radius;\n\n// 29. Prototype Arrow\n// -------------------\n\n$prototype-arrow-directions: (down, up, right, left);\n$prototype-arrow-size: 0.4375rem;\n$prototype-arrow-color: $black;\n\n// 30. Prototype Border-Box\n// ------------------------\n\n$prototype-border-box-breakpoints: $global-prototype-breakpoints;\n\n// 31. Prototype Border-None\n// -------------------------\n\n$prototype-border-none-breakpoints: $global-prototype-breakpoints;\n\n// 32. Prototype Bordered\n// ----------------------\n\n$prototype-bordered-breakpoints: $global-prototype-breakpoints;\n$prototype-border-width: rem-calc(1);\n$prototype-border-type: solid;\n$prototype-border-color: $medium-gray;\n\n// 33. Prototype Display\n// ---------------------\n\n$prototype-display-breakpoints: $global-prototype-breakpoints;\n$prototype-display: (inline, inline-block, block, table, table-cell);\n\n// 34. Prototype Font-Styling\n// --------------------------\n\n$prototype-font-breakpoints: $global-prototype-breakpoints;\n$prototype-wide-letter-spacing: rem-calc(4);\n$prototype-font-normal: $global-weight-normal;\n$prototype-font-bold: $global-weight-bold;\n\n// 35. Prototype List-Style-Type\n// -----------------------------\n\n$prototype-list-breakpoints: $global-prototype-breakpoints;\n$prototype-style-type-unordered: (disc, circle, square);\n$prototype-style-type-ordered: (\n  decimal,\n  lower-alpha,\n  lower-latin,\n  lower-roman,\n  upper-alpha,\n  upper-latin,\n  upper-roman\n);\n\n// 36. Prototype Overflow\n// ----------------------\n\n$prototype-overflow-breakpoints: $global-prototype-breakpoints;\n$prototype-overflow: (visible, hidden, scroll);\n\n// 37. Prototype Position\n// ----------------------\n\n$prototype-position-breakpoints: $global-prototype-breakpoints;\n$prototype-position: (static, relative, absolute, fixed);\n$prototype-position-z-index: 975;\n\n// 38. Prototype Rounded\n// ---------------------\n\n$prototype-rounded-breakpoints: $global-prototype-breakpoints;\n$prototype-border-radius: rem-calc(3);\n\n// 39. Prototype Separator\n// -----------------------\n\n$prototype-separator-breakpoints: $global-prototype-breakpoints;\n$prototype-separator-align: center;\n$prototype-separator-height: rem-calc(2);\n$prototype-separator-width: 3rem;\n$prototype-separator-background: $primary-color;\n$prototype-separator-margin-top: $global-margin;\n\n// 40. Prototype Shadow\n// --------------------\n\n$prototype-shadow-breakpoints: $global-prototype-breakpoints;\n$prototype-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),\n  0 2px 10px 0 rgba(0, 0, 0, 0.12);\n\n// 41. Prototype Sizing\n// --------------------\n\n$prototype-sizing-breakpoints: $global-prototype-breakpoints;\n$prototype-sizing: (width, height);\n$prototype-sizes: (\n  25: 25%,\n  50: 50%,\n  75: 75%,\n  100: 100%,\n);\n\n// 42. Prototype Spacing\n// ---------------------\n\n$prototype-spacing-breakpoints: $global-prototype-breakpoints;\n$prototype-spacers-count: 3;\n\n// 43. Prototype Text-Decoration\n// -----------------------------\n\n$prototype-decoration-breakpoints: $global-prototype-breakpoints;\n$prototype-text-decoration: (overline, underline, line-through);\n\n// 44. Prototype Text-Transformation\n// ---------------------------------\n\n$prototype-transformation-breakpoints: $global-prototype-breakpoints;\n$prototype-text-transformation: (lowercase, uppercase, capitalize);\n\n// 45. Prototype Text-Utilities\n// ----------------------------\n\n$prototype-utilities-breakpoints: $global-prototype-breakpoints;\n$prototype-text-overflow: ellipsis;\n\n// 46. Responsive Embed\n// --------------------\n\n$responsive-embed-margin-bottom: rem-calc(16);\n$responsive-embed-ratios: (\n  default: 4 by 3,\n  widescreen: 16 by 9,\n);\n\n// 47. Reveal\n// ----------\n\n$reveal-background: $white;\n$reveal-width: 600px;\n$reveal-max-width: $global-width;\n$reveal-padding: $global-padding;\n$reveal-border: 1px solid $medium-gray;\n$reveal-radius: $global-radius;\n$reveal-zindex: 1005;\n$reveal-overlay-background: rgba($black, 0.45);\n\n// 48. Slider\n// ----------\n\n$slider-width-vertical: 0.5rem;\n$slider-transition: all 0.2s ease-in-out;\n$slider-height: 0.5rem;\n$slider-background: $light-gray;\n$slider-fill-background: $medium-gray;\n$slider-handle-height: 1.4rem;\n$slider-handle-width: 1.4rem;\n$slider-handle-background: $primary-color;\n$slider-opacity-disabled: 0.25;\n$slider-radius: $global-radius;\n\n// 49. Switch\n// ----------\n\n$switch-background: $medium-gray;\n$switch-background-active: $primary-color;\n$switch-height: 2rem;\n$switch-height-tiny: 1.5rem;\n$switch-height-small: 1.75rem;\n$switch-height-large: 2.5rem;\n$switch-radius: $global-radius;\n$switch-margin: $global-margin;\n$switch-paddle-background: $white;\n$switch-paddle-offset: 0.25rem;\n$switch-paddle-radius: $global-radius;\n$switch-paddle-transition: all 0.25s ease-out;\n\n// 50. Table\n// ---------\n\n$table-background: $white;\n$table-color-scale: 5%;\n$table-border: 1px solid smart-scale($table-background, $table-color-scale);\n$table-padding: rem-calc(8 10 10);\n$table-hover-scale: 2%;\n$table-row-hover: darken($table-background, $table-hover-scale);\n$table-row-stripe-hover: darken(\n  $table-background,\n  $table-color-scale + $table-hover-scale\n);\n$table-is-striped: true;\n$table-striped-background: smart-scale($table-background, $table-color-scale);\n$table-stripe: even;\n$table-head-background: smart-scale(\n  $table-background,\n  $table-color-scale * 0.5\n);\n$table-head-row-hover: darken($table-head-background, $table-hover-scale);\n$table-foot-background: smart-scale($table-background, $table-color-scale);\n$table-foot-row-hover: darken($table-foot-background, $table-hover-scale);\n$table-head-font-color: $body-font-color;\n$table-foot-font-color: $body-font-color;\n$show-header-for-stacked: false;\n$table-stack-breakpoint: medium;\n\n// 51. Tabs\n// --------\n\n$tab-margin: 0;\n$tab-background: $white;\n$tab-color: $primary-color;\n$tab-background-active: $light-gray;\n$tab-active-color: $primary-color;\n$tab-item-font-size: rem-calc(12);\n$tab-item-background-hover: $white;\n$tab-item-padding: 1.25rem 1.5rem;\n$tab-expand-max: 6;\n$tab-content-background: $white;\n$tab-content-border: $light-gray;\n$tab-content-color: $body-font-color;\n$tab-content-padding: 1rem;\n\n// 52. Thumbnail\n// -------------\n\n$thumbnail-border: solid 4px $white;\n$thumbnail-margin-bottom: $global-margin;\n$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2);\n$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);\n$thumbnail-transition: box-shadow 200ms ease-out;\n$thumbnail-radius: $global-radius;\n\n// 53. Title Bar\n// -------------\n\n$titlebar-background: $black;\n$titlebar-color: $white;\n$titlebar-padding: 0.5rem;\n$titlebar-text-font-weight: bold;\n$titlebar-icon-color: $white;\n$titlebar-icon-color-hover: $medium-gray;\n$titlebar-icon-spacing: 0.25rem;\n\n// 54. Tooltip\n// -----------\n\n$has-tip-cursor: help;\n$has-tip-font-weight: $global-weight-bold;\n$has-tip-border-bottom: dotted 1px $dark-gray;\n$tooltip-background-color: $black;\n$tooltip-color: $white;\n$tooltip-padding: 0.75rem;\n$tooltip-max-width: 10rem;\n$tooltip-font-size: $small-font-size;\n$tooltip-pip-width: 0.75rem;\n$tooltip-pip-height: $tooltip-pip-width * 0.866;\n$tooltip-radius: $global-radius;\n\n// 55. Top Bar\n// -----------\n\n$topbar-padding: 0.5rem;\n$topbar-background: $light-gray;\n$topbar-submenu-background: $topbar-background;\n$topbar-title-spacing: 0.5rem 1rem 0.5rem 0;\n$topbar-input-width: 200px;\n$topbar-unstack-breakpoint: medium;\n\n// 56. Xy Grid\n// -----------\n\n$xy-grid: true;\n$grid-container: $global-width;\n$grid-columns: 12;\n$grid-margin-gutters: (\n  small: 20px,\n  medium: 30px,\n);\n$grid-padding-gutters: $grid-margin-gutters;\n$grid-container-padding: $grid-padding-gutters;\n$grid-container-max: $global-width;\n$xy-block-grid-max: 8;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___}}]);
\ No newline at end of file
diff --git a/2282.617ec24f.iframe.bundle.js.br b/2282.617ec24f.iframe.bundle.js.br
deleted file mode 100644
index e298e479..00000000
Binary files a/2282.617ec24f.iframe.bundle.js.br and /dev/null differ
diff --git a/2282.617ec24f.iframe.bundle.js.gz b/2282.617ec24f.iframe.bundle.js.gz
deleted file mode 100644
index 14614d4e..00000000
Binary files a/2282.617ec24f.iframe.bundle.js.gz and /dev/null differ
diff --git a/2282.b1dbe990.iframe.bundle.js b/2282.b1dbe990.iframe.bundle.js
new file mode 100644
index 00000000..962880a8
--- /dev/null
+++ b/2282.b1dbe990.iframe.bundle.js
@@ -0,0 +1 @@
+(self.webpackChunkfranklin_sites=self.webpackChunkfranklin_sites||[]).push([[2282],{"./src/svg/times.svg":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var _path,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");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)}__webpack_exports__.A=function SvgTimes(props){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 352 512"},props),_path||(_path=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"m243 256 100-100c12-12 12-32 0-45l-22-22a31 31 0 0 0-45 0L176 189 76 89a31 31 0 0 0-45 0L9 111a31 31 0 0 0 0 45l100 100L9 356a31 31 0 0 0 0 45l22 22c13 12 33 12 45 0l100-100 100 100c12 12 32 12 45 0l22-22c12-13 12-33 0-45z"})))}},"./src/components/sliding-panel.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{A:function(){return src_components_sliding_panel}});__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js");var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),timing_functions_es=__webpack_require__("./node_modules/timing-functions/dist/timing-functions.es.mjs"),components_button=__webpack_require__("./src/components/button.tsx"),times=__webpack_require__("./src/svg/times.svg"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),sliding_panel=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[14].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/styles/components/sliding-panel.scss"),sliding_panel_default=__webpack_require__.n(sliding_panel),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(sliding_panel_default(),options),sliding_panel_default()&&sliding_panel_default().locals&&sliding_panel_default().locals;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const _excluded=["children","onClose","position","size","title","arrowX","className","pathname"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){_defineProperty(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function _defineProperty(e,r,t){return(r=function _toPropertyKey(t){var i=function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==typeof i?i:i+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const focusable='button:not([disabled]), [href]:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled])';var src_components_sliding_panel=_ref=>{let{children:children,onClose:onClose,position:position,size:size="medium",title:title,arrowX:arrowX,className:className,pathname:pathname}=_ref,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)o=s[r],t.includes(o)||{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}(_ref,_excluded);const node=(0,react.useRef)(null),onCloseRef=(0,react.useRef)(onClose);onCloseRef.current=onClose,(0,react.useEffect)((()=>{var _node$current;const previousActiveElement=document.activeElement;let mutationObs=null;const focusTarget=null===(_node$current=node.current)||void 0===_node$current?void 0:_node$current.querySelector(focusable);var _mutationObs2;focusTarget?focusTarget.focus():(mutationObs=new MutationObserver((()=>{var _node$current2;const focusTarget=null===(_node$current2=node.current)||void 0===_node$current2?void 0:_node$current2.querySelector(focusable);var _mutationObs;focusTarget&&(focusTarget.focus(),null===(_mutationObs=mutationObs)||void 0===_mutationObs||_mutationObs.disconnect())})),node.current&&(null===(_mutationObs2=mutationObs)||void 0===_mutationObs2||_mutationObs2.observe(node.current,{childList:!0,subtree:!0})));return()=>{var _mutationObs3;previousActiveElement&&document.contains(previousActiveElement)&&(null==previousActiveElement||previousActiveElement.focus()),null===(_mutationObs3=mutationObs)||void 0===_mutationObs3||_mutationObs3.disconnect()}}),[]),(0,react.useEffect)((()=>(onCloseRef.current=onClose,()=>{onCloseRef.current=void 0})),[onClose]),(0,react.useEffect)((()=>{const handleClickOutside=e=>{for(const panel of document.querySelectorAll(".sliding-panel"))if(panel.contains(e.target))return;(0,timing_functions_es.Gt)().then((()=>{var _onCloseRef$current;null===(_onCloseRef$current=onCloseRef.current)||void 0===_onCloseRef$current||_onCloseRef$current.call(onCloseRef,"outside")}))};return document.addEventListener("click",handleClickOutside,!0),()=>{document.removeEventListener("click",handleClickOutside,!0)}}),[]);const pathnameRef=(0,react.useRef)(pathname);return(0,react.useEffect)((()=>{var _onCloseRef$current2;pathnameRef.current!==pathname&&(null===(_onCloseRef$current2=onCloseRef.current)||void 0===_onCloseRef$current2||_onCloseRef$current2.call(onCloseRef,"navigation"))}),[pathname]),(0,react.useEffect)((()=>{const listener=event=>{var _onCloseRef$current3;"Escape"===event.key&&(null===(_onCloseRef$current3=onCloseRef.current)||void 0===_onCloseRef$current3||_onCloseRef$current3.call(onCloseRef,"escape"))};return document.addEventListener("keydown",listener,{passive:!0}),()=>{document.removeEventListener("keydown",listener)}}),[]),(0,react_dom.createPortal)((0,jsx_runtime.jsxs)("aside",_objectSpread(_objectSpread({"data-testid":"sliding-panel",className:classnames_default()("sliding-panel",`sliding-panel--${position}`,`sliding-panel--${position}--${size}`,Number.isFinite(arrowX)&&`sliding-panel--${position}--below-header`,className),ref:node},props),{},{children:[title&&(0,jsx_runtime.jsxs)("div",{className:"sliding-panel__header",children:[title&&(0,jsx_runtime.jsx)("span",{className:"small sliding-panel__header__title",children:title}),(0,jsx_runtime.jsx)(components_button.A,{variant:"tertiary",onClick:()=>{var _onCloseRef$current4;return null===(_onCloseRef$current4=onCloseRef.current)||void 0===_onCloseRef$current4?void 0:_onCloseRef$current4.call(onCloseRef,"x-button")},className:"sliding-panel__header__buttons",title:"Close panel",children:(0,jsx_runtime.jsx)(times.A,{})}),Number.isFinite(arrowX)&&(0,jsx_runtime.jsx)("div",{className:"sliding-panel__header__arrow",style:{left:arrowX}})]}),(0,jsx_runtime.jsx)("div",{className:"sliding-panel__content",children:children})]})),document.body)};try{slidingpanel.displayName="slidingpanel",slidingpanel.__docgenInfo={description:"",displayName:"slidingpanel",props:{onClose:{defaultValue:null,description:"What happens when close is triggered. Responsability of the user of the compoent",name:"onClose",required:!1,type:{name:'((reason: "navigation" | "outside" | "x-button" | "escape") => void)'}},size:{defaultValue:{value:"medium"},description:"Size of the panel once opened",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:'"full-screen"'}]}},title:{defaultValue:null,description:"Title of the panel",name:"title",required:!1,type:{name:"ReactNode"}},pathname:{defaultValue:null,description:"Pathname of current location. When this changes the panel is closed.",name:"pathname",required:!0,type:{name:"string"}},position:{defaultValue:null,description:"Where the sliding panel should appear",name:"position",required:!0,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"top"'},{value:'"bottom"'}]}},arrowX:{defaultValue:null,description:"Horizontal position of the arrow if the panel appears below the page header.\nAlso works as a flag to display the arrow and display below the header",name:"arrowX",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sliding-panel.tsx#slidingpanel"]={docgenInfo:slidingpanel.__docgenInfo,name:"slidingpanel",path:"src/components/sliding-panel.tsx#slidingpanel"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[14].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/styles/components/sliding-panel.scss":function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,":root{--fr--color-sapphire-blue: #014371;--fr--color-sea-blue: #00639a;--fr--color-vivid-cerulean: #00a6d5;--fr--color-medium-turquoise: #46d6fa;--fr--color-gainsborough: #d2dce3;--fr--color-yankees-blue: #161d39;--fr--color-independence: #4e5a71;--fr--color-weldon-blue: #8194a1;--fr--color-pastel-blue: #abc7d6;--fr--color-platinum: #e4e8eb;--fr--color-sky-white: #fbfeff;--fr--color-reviewed: #c39b00;--fr--color-unreviewed: #c0c0c0;--fr--color-reference-proteome: #9d4a4d;--fr--color-uniprotkb: var(--fr--color-sea-blue);--fr--color-uniref: #f2994c;--fr--color-uniparc: #88c19d;--fr--color-proteomes: #e56358;--fr--color-peptide-search: #a748bd;--fr--color-id-mapping: #357b92;--fr--color-blast: #00a6d5;--fr--color-align: #b8ce48;--fr--color-help-green: #28aa50;--fr--color-warning: #ffcc33;--fr--color-failure: #f36968;--fr--color-success: #108f3b;--fr--color-info: #79cbf8;--fr--color-coyote-brown: #966336;--fr--color-outer-space: #374343;--fr--color-bronze: #a65708;--fr--color-link: var(--fr--color-sapphire-blue);--fr--color-selected: var(--fr--color-gainsborough);--fr--color-hover: oklch(from var(--fr--color-platinum) calc(l + 5%) c h);--fr--color-hover: #f5f9fc}:root{--fr--color-sapphire-blue: #014371;--fr--color-sea-blue: #00639a;--fr--color-vivid-cerulean: #00a6d5;--fr--color-medium-turquoise: #46d6fa;--fr--color-gainsborough: #d2dce3;--fr--color-yankees-blue: #161d39;--fr--color-independence: #4e5a71;--fr--color-weldon-blue: #8194a1;--fr--color-pastel-blue: #abc7d6;--fr--color-platinum: #e4e8eb;--fr--color-sky-white: #fbfeff;--fr--color-reviewed: #c39b00;--fr--color-unreviewed: #c0c0c0;--fr--color-reference-proteome: #9d4a4d;--fr--color-uniprotkb: var(--fr--color-sea-blue);--fr--color-uniref: #f2994c;--fr--color-uniparc: #88c19d;--fr--color-proteomes: #e56358;--fr--color-peptide-search: #a748bd;--fr--color-id-mapping: #357b92;--fr--color-blast: #00a6d5;--fr--color-align: #b8ce48;--fr--color-help-green: #28aa50;--fr--color-warning: #ffcc33;--fr--color-failure: #f36968;--fr--color-success: #108f3b;--fr--color-info: #79cbf8;--fr--color-coyote-brown: #966336;--fr--color-outer-space: #374343;--fr--color-bronze: #a65708;--fr--color-link: var(--fr--color-sapphire-blue);--fr--color-selected: var(--fr--color-gainsborough);--fr--color-hover: oklch(from var(--fr--color-platinum) calc(l + 5%) c h);--fr--color-hover: #f5f9fc}@keyframes slide-in-top{from{opacity:0;margin-top:-65rem}}@keyframes slide-in-right{from{opacity:0;margin-right:-65rem}}@keyframes slide-in-bottom{from{opacity:0;margin-bottom:-65rem}}@keyframes slide-in-left{from{opacity:0;margin-left:-65rem}}.sliding-panel{box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);background-color:#fbfeff;border-radius:.2rem;padding:0;position:fixed;display:flex;flex-direction:column;z-index:2147483641;opacity:1;margin:0;animation-duration:500ms;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-fill-mode:backwards}.sliding-panel__header{background-color:#4e5a71;padding:.5rem 1rem;color:#fbfeff;--main-button-color: currentColor;display:flex;justify-content:space-between;align-items:center}.sliding-panel__header__title{margin-bottom:0}.sliding-panel__header button{margin:0}.sliding-panel__header__arrow{position:fixed;top:var(--top-header-margin);margin-top:-1rem;margin-left:-1rem;border-left:1rem solid rgba(0,0,0,0);border-right:1rem solid rgba(0,0,0,0);border-bottom:1rem solid #4e5a71}.sliding-panel__content{padding:1rem;overflow-y:auto;flex:1}.sliding-panel__button-row{position:sticky;display:flex;justify-content:flex-end;padding:.5rem 0;bottom:0}.sliding-panel--top,.sliding-panel--bottom{width:100vw;left:0}.sliding-panel--top--small,.sliding-panel--bottom--small{height:20vh}.sliding-panel--top--medium,.sliding-panel--bottom--medium{height:40vh}.sliding-panel--top--large,.sliding-panel--bottom--large{height:60vh}.sliding-panel--top--full-screen,.sliding-panel--bottom--full-screen{height:100vh}.sliding-panel--top{top:0;animation-name:slide-in-top}.sliding-panel--bottom{bottom:0;animation-name:slide-in-bottom}.sliding-panel--left,.sliding-panel--right{height:100vh;top:0}.sliding-panel--left--below-header,.sliding-panel--right--below-header{top:0;margin-top:var(--top-header-margin);height:calc(100vh - var(--top-header-margin))}.sliding-panel--left--small,.sliding-panel--right--small{width:100vw}@media(min-width: 640px){.sliding-panel--left--small,.sliding-panel--right--small{width:min(max(30vw,22rem),40vw)}}.sliding-panel--left--medium,.sliding-panel--right--medium{width:100vw}@media(min-width: 640px){.sliding-panel--left--medium,.sliding-panel--right--medium{width:min(max(40vw,55rem),90vw)}}.sliding-panel--left--large,.sliding-panel--right--large{width:100vw}@media(min-width: 640px){.sliding-panel--left--large,.sliding-panel--right--large{width:min(max(60vw,77rem),95vw)}}.sliding-panel--left--full-screen,.sliding-panel--right--full-screen{width:100vw}.sliding-panel--left{left:0;animation-name:slide-in-left}.sliding-panel--right{right:0;animation-name:slide-in-right}","",{version:3,sources:["webpack://./src/styles/_colours.scss","webpack://./src/styles/components/sliding-panel.scss","webpack://./src/styles/_mixins.scss","webpack://./src/styles/common/_z-index.scss","webpack://./src/styles/_settings.scss"],names:[],mappings:"AAyDA,MAEE,kCAAA,CACA,6BAAA,CACA,mCAAA,CACA,qCAAA,CACA,iCAAA,CAGA,iCAAA,CACA,iCAAA,CACA,gCAAA,CACA,gCAAA,CACA,6BAAA,CACA,8BAAA,CAGA,6BAAA,CACA,+BAAA,CACA,uCAAA,CAGA,gDAAA,CACA,2BAAA,CACA,4BAAA,CACA,8BAAA,CAGA,mCAAA,CACA,+BAAA,CACA,0BAAA,CACA,0BAAA,CAGA,+BAAA,CAGA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,yBAAA,CAGA,iCAAA,CACA,gCAAA,CACA,2BAAA,CAGA,gDAAA,CACA,mDAAA,CACA,yEAAA,CAEA,0BAAA,CApDF,MAEE,kCAAA,CACA,6BAAA,CACA,mCAAA,CACA,qCAAA,CACA,iCAAA,CAGA,iCAAA,CACA,iCAAA,CACA,gCAAA,CACA,gCAAA,CACA,6BAAA,CACA,8BAAA,CAGA,6BAAA,CACA,+BAAA,CACA,uCAAA,CAGA,gDAAA,CACA,2BAAA,CACA,4BAAA,CACA,8BAAA,CAGA,mCAAA,CACA,+BAAA,CACA,0BAAA,CACA,0BAAA,CAGA,+BAAA,CAGA,4BAAA,CACA,4BAAA,CACA,4BAAA,CACA,yBAAA,CAGA,iCAAA,CACA,gCAAA,CACA,2BAAA,CAGA,gDAAA,CACA,mDAAA,CACA,yEAAA,CAEA,0BAAA,CCpGF,wBACE,KACE,SAAA,CACA,iBAAA,CAAA,CAIJ,0BACE,KACE,SAAA,CACA,mBAAA,CAAA,CAGJ,2BACE,KACE,SAAA,CACA,oBAAA,CAAA,CAGJ,yBACE,KACE,SAAA,CACA,kBAAA,CAAA,CAIJ,eCjBE,qDAAA,CDmBA,wBDjBiB,CCkBjB,mBAAA,CACA,SAAA,CACA,cAAA,CACA,YAAA,CACA,qBAAA,CACA,kBEvCgB,CFwChB,SAAA,CACA,QAAA,CAGA,wBAAA,CACA,2BAAA,CACA,qCAAA,CACA,6BAAA,CAEA,uBACE,wBDtCkB,CCuClB,kBAAA,CACA,aDpCe,CCqCf,iCAAA,CACA,YAAA,CACA,6BAAA,CACA,kBAAA,CAEA,8BACE,eAAA,CAGF,8BACE,QAAA,CAGF,8BACE,cAAA,CACA,4BAAA,CACA,gBAAA,CACA,iBAAA,CACA,oCAAA,CACA,qCAAA,CACA,gCAAA,CAIJ,wBACE,YGKa,CHJb,eAAA,CACA,MAAA,CAGF,2BACE,eAAA,CACA,YAAA,CACA,wBAAA,CACA,eAAA,CACA,QAAA,CAGF,2CAEE,WAAA,CACA,MAAA,CAGF,yDAEE,WAAA,CAEF,2DAEE,WAAA,CAEF,yDAEE,WAAA,CAEF,qEAEE,YAAA,CAGF,oBACE,KAAA,CACA,2BAAA,CAGF,uBACE,QAAA,CACA,8BAAA,CAGF,2CAEE,YAAA,CACA,KAAA,CAGF,uEAEE,KAAA,CACA,mCAAA,CACA,6CAAA,CAGF,yDAEE,WAAA,CCxHA,yBDsHF,yDAKI,+BAAA,CAAA,CAIJ,2DAEE,WAAA,CCjIA,yBD+HF,2DAMI,+BAAA,CAAA,CAIJ,yDAEE,WAAA,CC3IA,yBDyIF,yDAKI,+BAAA,CAAA,CAIJ,qEAEE,WAAA,CAGF,qBACE,MAAA,CACA,4BAAA,CAGF,sBACE,OAAA,CACA,6BAAA",sourcesContent:["/* \n** @name Colours\n** @template  ./app/html/colours.html\n** @text-only\n*/\n@import './settings';\n\n// PRIMARY COLOURS\n$colour-sapphire-blue: #014371;\n$colour-sea-blue: #00639a;\n$colour-vivid-cerulean: #00a6d5;\n$colour-medium-turquoise: #46d6fa;\n$colour-gainsborough: #d2dce3;\n\n// GREYSCALE\n$colour-yankees-blue: #161d39;\n$colour-independence: #4e5a71;\n$colour-weldon-blue: #8194a1;\n$colour-pastel-blue: #abc7d6;\n$colour-platinum: #e4e8eb;\n$colour-sky-white: #fbfeff;\n\n// CURATION\n$colour-reviewed: #c39b00;\n$colour-unreviewed: #c0c0c0;\n$colour-reference-proteome: #9d4a4d;\n\n// NAMESPACES\n$colour-uniref: #f2994c;\n$colour-uniparc: #88c19d;\n$colour-proteomes: #e56358;\n\n// TOOLS\n$colour-peptide-search: #a748bd;\n$colour-id-mapping: #357b92;\n$colour-blast: #00a6d5;\n$colour-align: #b8ce48;\n\n// HELP\n$colour-help-green: #28aa50;\n\n// MESSAGE COLOURS\n$colour-warning: #ffcc33;\n$colour-failure: #f36968;\n$colour-success: #108f3b;\n$colour-info: #79cbf8;\n\n// DATA VISUALISATION\n$colour-coyote-brown: #966336;\n$colour-outer-space: #374343;\n$colour-bronze: #a65708;\n\n// COLOUR VARIABLES\n$colour-link: $colour-sapphire-blue;\n$colour-selected: $colour-gainsborough;\n$colour-hover: lighten($colour-platinum, 5%);\n\n:root {\n  // PRIMARY COLOURS\n  --fr--color-sapphire-blue: #014371;\n  --fr--color-sea-blue: #00639a;\n  --fr--color-vivid-cerulean: #00a6d5;\n  --fr--color-medium-turquoise: #46d6fa;\n  --fr--color-gainsborough: #d2dce3;\n\n  // GREYSCALE\n  --fr--color-yankees-blue: #161d39;\n  --fr--color-independence: #4e5a71;\n  --fr--color-weldon-blue: #8194a1;\n  --fr--color-pastel-blue: #abc7d6;\n  --fr--color-platinum: #e4e8eb;\n  --fr--color-sky-white: #fbfeff;\n\n  // CURATION\n  --fr--color-reviewed: #c39b00;\n  --fr--color-unreviewed: #c0c0c0;\n  --fr--color-reference-proteome: #9d4a4d;\n\n  // NAMESPACES\n  --fr--color-uniprotkb: var(--fr--color-sea-blue);\n  --fr--color-uniref: #f2994c;\n  --fr--color-uniparc: #88c19d;\n  --fr--color-proteomes: #e56358;\n\n  // TOOLS\n  --fr--color-peptide-search: #a748bd;\n  --fr--color-id-mapping: #357b92;\n  --fr--color-blast: #00a6d5;\n  --fr--color-align: #b8ce48;\n\n  // HELP\n  --fr--color-help-green: #28aa50;\n\n  // MESSAGE COLOURS\n  --fr--color-warning: #ffcc33;\n  --fr--color-failure: #f36968;\n  --fr--color-success: #108f3b;\n  --fr--color-info: #79cbf8;\n\n  // DATA VISUALISATION\n  --fr--color-coyote-brown: #966336;\n  --fr--color-outer-space: #374343;\n  --fr--color-bronze: #a65708;\n\n  // COLOUR VARIABLES\n  --fr--color-link: var(--fr--color-sapphire-blue);\n  --fr--color-selected: var(--fr--color-gainsborough);\n  --fr--color-hover: oklch(from var(--fr--color-platinum) calc(l + 5%) c h);\n  // Static fallback in case color function are not supported\n  --fr--color-hover: #f5f9fc;\n}\n","@use 'sass:math';\n\n@import '../settings';\n@import '../colours';\n@import '../mixins';\n@import '../common/z-index';\n\n$arrow-size: 1rem;\n\n@keyframes slide-in-top {\n  from {\n    opacity: 0;\n    margin-top: -65rem;\n  }\n}\n\n@keyframes slide-in-right {\n  from {\n    opacity: 0;\n    margin-right: -65rem;\n  }\n}\n@keyframes slide-in-bottom {\n  from {\n    opacity: 0;\n    margin-bottom: -65rem;\n  }\n}\n@keyframes slide-in-left {\n  from {\n    opacity: 0;\n    margin-left: -65rem;\n  }\n}\n\n.sliding-panel {\n  @include box-shadow(0.125rem);\n  background-color: $colour-sky-white;\n  border-radius: 0.2rem;\n  padding: 0;\n  position: fixed;\n  display: flex;\n  flex-direction: column;\n  z-index: $z-index-highest;\n  opacity: 1;\n  margin: 0;\n\n  // animation on mount\n  animation-duration: 500ms;\n  animation-iteration-count: 1;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: backwards;\n\n  &__header {\n    background-color: $colour-independence;\n    padding: math.div($global-padding, 2) $global-padding;\n    color: $colour-sky-white;\n    --main-button-color: currentColor;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    &__title {\n      margin-bottom: 0;\n    }\n\n    button {\n      margin: 0;\n    }\n\n    &__arrow {\n      position: fixed;\n      top: var(--top-header-margin);\n      margin-top: -$arrow-size;\n      margin-left: -$arrow-size;\n      border-left: $arrow-size solid transparent;\n      border-right: $arrow-size solid transparent;\n      border-bottom: $arrow-size solid $colour-independence;\n    }\n  }\n\n  &__content {\n    padding: $global-padding;\n    overflow-y: auto;\n    flex: 1;\n  }\n\n  &__button-row {\n    position: sticky;\n    display: flex;\n    justify-content: flex-end;\n    padding: math.div($global-padding, 2) 0;\n    bottom: 0;\n  }\n\n  &--top,\n  &--bottom {\n    width: 100vw;\n    left: 0;\n  }\n\n  &--top--small,\n  &--bottom--small {\n    height: 20vh;\n  }\n  &--top--medium,\n  &--bottom--medium {\n    height: 40vh;\n  }\n  &--top--large,\n  &--bottom--large {\n    height: 60vh;\n  }\n  &--top--full-screen,\n  &--bottom--full-screen {\n    height: 100vh;\n  }\n\n  &--top {\n    top: 0;\n    animation-name: slide-in-top;\n  }\n\n  &--bottom {\n    bottom: 0;\n    animation-name: slide-in-bottom;\n  }\n\n  &--left,\n  &--right {\n    height: 100vh;\n    top: 0;\n  }\n\n  &--left--below-header,\n  &--right--below-header {\n    top: 0;\n    margin-top: var(--top-header-margin);\n    height: calc(100vh - var(--top-header-margin));\n  }\n\n  &--left--small,\n  &--right--small {\n    width: 100vw;\n\n    @include fs-breakpoints('medium') {\n      width: min(max(30vw, 22rem), calc(40vw));\n    }\n  }\n\n  &--left--medium,\n  &--right--medium {\n    width: 100vw;\n\n    @include fs-breakpoints('medium') {\n      // Values are eyeballed to fit the Query builder\n      width: min(max(40vw, 55rem), calc(90vw));\n    }\n  }\n\n  &--left--large,\n  &--right--large {\n    width: 100vw;\n\n    @include fs-breakpoints('medium') {\n      width: min(max(60vw, 77rem), calc(95vw));\n    }\n  }\n\n  &--left--full-screen,\n  &--right--full-screen {\n    width: 100vw;\n  }\n\n  &--left {\n    left: 0;\n    animation-name: slide-in-left;\n  }\n\n  &--right {\n    right: 0;\n    animation-name: slide-in-right;\n  }\n}\n","@use 'sass:math';\n\n@import './settings';\n@import './colours';\n@import './franklin-settings';\n\n@mixin columns($base-class, $number) {\n  .#{$base-class}--columns {\n    column-count: $number;\n    column-width: percentage(math.div(1, $number));\n\n    & > * {\n      break-inside: avoid;\n    }\n  }\n}\n\n@mixin box-shadow($spread: 0.125rem) {\n  box-shadow: 0 0.125rem 0.25rem $spread rgba($colour-yankees-blue, 0.2);\n}\n\n@mixin fs-breakpoints($size) {\n  @if map-has-key($fs-breakpoint-values, $size) {\n    @media #{inspect(map-get($fs-breakpoint-values, $size))} {\n      @content;\n    }\n  }\n}\n\n@mixin ellipsis() {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n","$z-index-low: 2000;\n$z-index-medium: 5000;\n$z-index-high: 9000;\n//previous: $z-index-highest: 10000; current: max possible z-index\n$z-index-highest: 2147483641;\n","//  Foundation for Sites Settings\n//  -----------------------------\n//\n//  Table of Contents:\n//\n//   1. Global\n//   2. Breakpoints\n//   3. The Grid\n//   4. Base Typography\n//   5. Typography Helpers\n//   6. Abide\n//   7. Accordion\n//   8. Accordion Menu\n//   9. Badge\n//  10. Breadcrumbs\n//  11. Button\n//  12. Button Group\n//  13. Callout\n//  14. Card\n//  15. Close Button\n//  16. Drilldown\n//  17. Dropdown\n//  18. Dropdown Menu\n//  19. Flexbox Utilities\n//  20. Forms\n//  21. Label\n//  22. Media Object\n//  23. Menu\n//  24. Meter\n//  25. Off-canvas\n//  26. Orbit\n//  27. Pagination\n//  28. Progress Bar\n//  29. Prototype Arrow\n//  30. Prototype Border-Box\n//  31. Prototype Border-None\n//  32. Prototype Bordered\n//  33. Prototype Display\n//  34. Prototype Font-Styling\n//  35. Prototype List-Style-Type\n//  36. Prototype Overflow\n//  37. Prototype Position\n//  38. Prototype Rounded\n//  39. Prototype Separator\n//  40. Prototype Shadow\n//  41. Prototype Sizing\n//  42. Prototype Spacing\n//  43. Prototype Text-Decoration\n//  44. Prototype Text-Transformation\n//  45. Prototype Text-Utilities\n//  46. Responsive Embed\n//  47. Reveal\n//  48. Slider\n//  49. Switch\n//  50. Table\n//  51. Tabs\n//  52. Thumbnail\n//  53. Title Bar\n//  54. Tooltip\n//  55. Top Bar\n//  56. Xy Grid\n\n@import 'foundation-sites/scss/util/util';\n\n// 1. Global\n// ---------\n\n$global-font-size: 100%;\n$global-width: rem-calc(1200);\n$global-lineheight: 1.5;\n$foundation-palette: (\n  primary: #1779ba,\n  secondary: #ffffff,\n  success: #3adb76,\n  warning: #ffae00,\n  alert: #cc4b37,\n);\n$light-gray: #e6e6e6;\n$medium-gray: #cacaca;\n$dark-gray: #8a8a8a;\n$black: #0a0a0a;\n$white: #fefefe;\n$body-background: $white;\n$body-font-color: $black;\n$body-font-family: Lato, Helvetica, Roboto, Arial, sans-serif;\n$body-antialiased: true;\n$global-margin: 1rem;\n$global-padding: 1rem;\n$global-position: 1rem;\n$global-weight-normal: normal;\n$global-weight-bold: bold;\n$global-radius: 0;\n$global-menu-padding: 0.7rem 1rem;\n$global-menu-nested-margin: 1rem;\n$global-text-direction: ltr;\n$global-flexbox: true;\n$global-prototype-breakpoints: false;\n$global-button-cursor: auto;\n$global-color-pick-contrast-tolerance: 0;\n$print-transparent-backgrounds: true;\n\n@include add-foundation-colors;\n\n// 2. Breakpoints\n// --------------\n\n$breakpoints: (\n  small: 0,\n  medium: 640px,\n  large: 1024px,\n  xlarge: 1200px,\n  xxlarge: 1440px,\n);\n$print-breakpoint: large;\n$breakpoint-classes: (small medium large);\n\n// 3. The Grid\n// -----------\n\n$grid-row-width: $global-width;\n$grid-column-count: 12;\n$grid-column-gutter: (\n  small: 20px,\n  medium: 30px,\n);\n$grid-column-align-edge: true;\n$grid-column-alias: 'columns';\n$block-grid-max: 8;\n\n// 4. Base Typography\n// ------------------\n\n$header-font-family: $body-font-family;\n$header-font-weight: $global-weight-normal;\n$header-font-style: normal;\n$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;\n$header-color: inherit;\n$header-lineheight: 1.4;\n$header-margin-bottom: 0.5rem;\n$header-styles: (\n  small: (\n    'h1': (\n      'font-size': 24,\n    ),\n    'h2': (\n      'font-size': 20,\n    ),\n    'h3': (\n      'font-size': 19,\n    ),\n    'h4': (\n      'font-size': 18,\n    ),\n    'h5': (\n      'font-size': 17,\n    ),\n    'h6': (\n      'font-size': 16,\n    ),\n  ),\n  medium: (\n    'h1': (\n      'font-size': 48,\n    ),\n    'h2': (\n      'font-size': 40,\n    ),\n    'h3': (\n      'font-size': 31,\n    ),\n    'h4': (\n      'font-size': 25,\n    ),\n    'h5': (\n      'font-size': 20,\n    ),\n    'h6': (\n      'font-size': 16,\n    ),\n  ),\n);\n$header-text-rendering: optimizeLegibility;\n$small-font-size: 80%;\n$header-small-font-color: $black;\n$paragraph-lineheight: 1.6;\n$paragraph-margin-bottom: 1rem;\n$paragraph-text-rendering: optimizeLegibility;\n$code-color: $black;\n$code-font-family: $font-family-monospace;\n$code-font-weight: $global-weight-normal;\n$code-background: $light-gray;\n$code-border: 1px solid $medium-gray;\n$code-padding: rem-calc(2 5 1);\n$anchor-color: $primary-color;\n$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);\n$anchor-text-decoration: none;\n$anchor-text-decoration-hover: none;\n$hr-width: $global-width;\n$hr-border: 1px solid $medium-gray;\n$hr-margin: rem-calc(20) auto;\n$list-lineheight: $paragraph-lineheight;\n$list-margin-bottom: $paragraph-margin-bottom;\n$list-style-type: disc;\n$list-style-position: outside;\n$list-side-margin: 1.25rem;\n$list-nested-side-margin: 1.25rem;\n$defnlist-margin-bottom: 1rem;\n$defnlist-term-weight: $global-weight-bold;\n$defnlist-term-margin-bottom: 0.3rem;\n$blockquote-color: $dark-gray;\n$blockquote-padding: rem-calc(9 20 0 19);\n$blockquote-border: 1px solid $medium-gray;\n$cite-font-size: rem-calc(13);\n$cite-color: $dark-gray;\n$cite-pseudo-content: '\\2014 \\0020';\n$keystroke-font: $font-family-monospace;\n$keystroke-color: $black;\n$keystroke-background: $light-gray;\n$keystroke-padding: rem-calc(2 4 0);\n$keystroke-radius: $global-radius;\n$abbr-underline: 1px dotted $black;\n\n// 5. Typography Helpers\n// ---------------------\n\n$lead-font-size: $global-font-size * 1.25;\n$lead-lineheight: 1.6;\n$subheader-lineheight: 1.4;\n$subheader-color: $dark-gray;\n$subheader-font-weight: $global-weight-normal;\n$subheader-margin-top: 0.2rem;\n$subheader-margin-bottom: 0.5rem;\n$stat-font-size: 2.5rem;\n\n// 6. Abide\n// --------\n\n$abide-inputs: true;\n$abide-labels: true;\n$input-background-invalid: get-color(alert);\n$form-label-color-invalid: get-color(alert);\n$input-error-color: get-color(alert);\n$input-error-font-size: rem-calc(12);\n$input-error-font-weight: $global-weight-bold;\n\n// 7. Accordion\n// ------------\n\n$accordion-background: $white;\n$accordion-plusminus: true;\n$accordion-title-font-size: rem-calc(12);\n$accordion-item-color: $primary-color;\n$accordion-item-background-hover: $light-gray;\n$accordion-item-padding: 1.25rem 1rem;\n$accordion-content-background: $white;\n$accordion-content-border: 1px solid $light-gray;\n$accordion-content-color: $body-font-color;\n$accordion-content-padding: 1rem;\n\n// 8. Accordion Menu\n// -----------------\n\n$accordionmenu-padding: $global-menu-padding;\n$accordionmenu-nested-margin: $global-menu-nested-margin;\n$accordionmenu-submenu-padding: $accordionmenu-padding;\n$accordionmenu-arrows: true;\n$accordionmenu-arrow-color: $primary-color;\n$accordionmenu-item-background: null;\n$accordionmenu-border: null;\n$accordionmenu-submenu-toggle-background: null;\n$accordion-submenu-toggle-border: $accordionmenu-border;\n$accordionmenu-submenu-toggle-width: 40px;\n$accordionmenu-submenu-toggle-height: $accordionmenu-submenu-toggle-width;\n$accordionmenu-arrow-size: 6px;\n\n// 9. Badge\n// --------\n\n$badge-background: $primary-color;\n$badge-color: $white;\n$badge-color-alt: $black;\n$badge-palette: $foundation-palette;\n$badge-padding: 0.3em;\n$badge-minwidth: 2.1em;\n$badge-font-size: 0.6rem;\n\n// 10. Breadcrumbs\n// ---------------\n\n$breadcrumbs-margin: 0 0 $global-margin 0;\n$breadcrumbs-item-font-size: rem-calc(11);\n$breadcrumbs-item-color: $primary-color;\n$breadcrumbs-item-color-current: $black;\n$breadcrumbs-item-color-disabled: $medium-gray;\n$breadcrumbs-item-margin: 0.75rem;\n$breadcrumbs-item-uppercase: true;\n$breadcrumbs-item-separator: true;\n$breadcrumbs-item-separator-item: '/';\n$breadcrumbs-item-separator-item-rtl: '\\\\';\n$breadcrumbs-item-separator-color: $medium-gray;\n\n// 11. Button\n// ----------\n\n$button-font-family: inherit;\n$button-padding: 0.85em 1em;\n$button-margin: 0 0 $global-margin 0;\n$button-fill: solid;\n$button-background: $primary-color;\n$button-background-hover: scale-color($button-background, $lightness: -15%);\n$button-color: $white;\n$button-color-alt: $black;\n$button-radius: $global-radius;\n$button-hollow-border-width: 1px;\n$button-sizes: (\n  tiny: 0.6rem,\n  small: 0.75rem,\n  default: 0.9rem,\n  large: 1.25rem,\n);\n$button-palette: $foundation-palette;\n$button-opacity-disabled: 0.25;\n$button-background-hover-lightness: -20%;\n$button-hollow-hover-lightness: -50%;\n$button-transition: background-color 0.25s ease-out, color 0.25s ease-out;\n$button-responsive-expanded: false;\n\n// 12. Button Group\n// ----------------\n\n$buttongroup-margin: 1rem;\n$buttongroup-spacing: 1px;\n$buttongroup-child-selector: '.button';\n$buttongroup-expand-max: 6;\n$buttongroup-radius-on-each: true;\n\n// 13. Callout\n// -----------\n\n$callout-background: $white;\n$callout-background-fade: 85%;\n$callout-border: 1px solid rgba($black, 0.25);\n$callout-margin: 0 0 1rem 0;\n$callout-padding: 1rem;\n$callout-font-color: $body-font-color;\n$callout-font-color-alt: $body-background;\n$callout-radius: $global-radius;\n$callout-link-tint: 30%;\n\n// 14. Card\n// --------\n\n$card-background: $white;\n$card-font-color: $body-font-color;\n$card-divider-background: $light-gray;\n$card-border: 1px solid $light-gray;\n$card-shadow: none;\n$card-border-radius: $global-radius;\n$card-padding: $global-padding;\n$card-margin-bottom: $global-margin;\n\n// 15. Close Button\n// ----------------\n\n$closebutton-position: right top;\n$closebutton-offset-horizontal: (\n  small: 0.66rem,\n  medium: 1rem,\n);\n$closebutton-offset-vertical: (\n  small: 0.33em,\n  medium: 0.5rem,\n);\n$closebutton-size: (\n  small: 1.5em,\n  medium: 2em,\n);\n$closebutton-lineheight: 1;\n$closebutton-color: $dark-gray;\n$closebutton-color-hover: $black;\n\n// 16. Drilldown\n// -------------\n\n$drilldown-transition: transform 0.15s linear;\n$drilldown-arrows: true;\n$drilldown-padding: $global-menu-padding;\n$drilldown-nested-margin: 0;\n$drilldown-background: $white;\n$drilldown-submenu-padding: $drilldown-padding;\n$drilldown-submenu-background: $white;\n$drilldown-arrow-color: $primary-color;\n$drilldown-arrow-size: 6px;\n\n// 17. Dropdown\n// ------------\n\n$dropdown-padding: 1rem;\n$dropdown-background: $body-background;\n$dropdown-border: 1px solid $medium-gray;\n$dropdown-font-size: 1rem;\n$dropdown-width: 300px;\n$dropdown-radius: $global-radius;\n$dropdown-sizes: (\n  tiny: 100px,\n  small: 200px,\n  large: 400px,\n);\n\n// 18. Dropdown Menu\n// -----------------\n\n$dropdownmenu-arrows: true;\n$dropdownmenu-arrow-color: $anchor-color;\n$dropdownmenu-arrow-size: 6px;\n$dropdownmenu-arrow-padding: 1.5rem;\n$dropdownmenu-min-width: 200px;\n$dropdownmenu-background: $white;\n$dropdownmenu-submenu-background: $dropdownmenu-background;\n$dropdownmenu-padding: $global-menu-padding;\n$dropdownmenu-nested-margin: 0;\n$dropdownmenu-submenu-padding: $dropdownmenu-padding;\n$dropdownmenu-border: 1px solid $medium-gray;\n$dropdown-menu-item-color-active: get-color(primary);\n$dropdown-menu-item-background-active: transparent;\n\n// 19. Flexbox Utilities\n// ---------------------\n\n$flex-source-ordering-count: 6;\n$flexbox-responsive-breakpoints: true;\n\n// 20. Forms\n// ---------\n\n$fieldset-border: 1px solid $medium-gray;\n$fieldset-padding: rem-calc(20);\n$fieldset-margin: rem-calc(18 0);\n$legend-padding: rem-calc(0 3);\n$form-spacing: rem-calc(16);\n$helptext-color: $black;\n$helptext-font-size: rem-calc(13);\n$helptext-font-style: italic;\n$input-prefix-color: $black;\n$input-prefix-background: $light-gray;\n$input-prefix-border: 1px solid $medium-gray;\n$input-prefix-padding: 1rem;\n$form-label-color: $black;\n$form-label-font-size: rem-calc(14);\n$form-label-font-weight: $global-weight-normal;\n$form-label-line-height: 1.8;\n$select-background: $white;\n$select-triangle-color: $dark-gray;\n$select-radius: $global-radius;\n$input-color: $black;\n$input-placeholder-color: $medium-gray;\n$input-font-family: inherit;\n$input-font-size: rem-calc(16);\n$input-font-weight: $global-weight-normal;\n$input-line-height: $global-lineheight;\n$input-background: $white;\n$input-background-focus: $white;\n$input-background-disabled: $light-gray;\n$input-border: 1px solid $medium-gray;\n$input-border-focus: 1px solid $dark-gray;\n$input-padding: $form-spacing * 0.5;\n$input-shadow: inset 0 1px 2px rgba($black, 0.1);\n$input-shadow-focus: 0 0 5px $medium-gray;\n$input-cursor-disabled: not-allowed;\n$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\n$input-number-spinners: true;\n$input-radius: $global-radius;\n$form-button-radius: $global-radius;\n\n// 21. Label\n// ---------\n\n$label-background: $primary-color;\n$label-color: $white;\n$label-color-alt: $black;\n$label-palette: $foundation-palette;\n$label-font-size: 0.8rem;\n$label-padding: 0.33333rem 0.5rem;\n$label-radius: $global-radius;\n\n// 22. Media Object\n// ----------------\n\n$mediaobject-margin-bottom: $global-margin;\n$mediaobject-section-padding: $global-padding;\n$mediaobject-image-width-stacked: 100%;\n\n// 23. Menu\n// --------\n\n$menu-margin: 0;\n$menu-nested-margin: $global-menu-nested-margin;\n$menu-items-padding: $global-menu-padding;\n$menu-simple-margin: 1rem;\n$menu-item-color-active: $white;\n$menu-item-background-active: get-color(primary);\n$menu-icon-spacing: 0.25rem;\n$menu-item-background-hover: $light-gray;\n$menu-state-back-compat: true;\n$menu-centered-back-compat: true;\n$menu-icons-back-compat: true;\n\n// 24. Meter\n// ---------\n\n$meter-height: 1rem;\n$meter-radius: $global-radius;\n$meter-background: $medium-gray;\n$meter-fill-good: $success-color;\n$meter-fill-medium: $warning-color;\n$meter-fill-bad: $alert-color;\n\n// 25. Off-canvas\n// --------------\n\n$offcanvas-sizes: (\n  small: 250px,\n);\n$offcanvas-vertical-sizes: (\n  small: 250px,\n);\n$offcanvas-background: $light-gray;\n$offcanvas-shadow: 0 0 10px rgba($black, 0.7);\n$offcanvas-inner-shadow-size: 20px;\n$offcanvas-inner-shadow-color: rgba($black, 0.25);\n$offcanvas-overlay-zindex: 11;\n$offcanvas-push-zindex: 12;\n$offcanvas-overlap-zindex: 13;\n$offcanvas-reveal-zindex: 12;\n$offcanvas-transition-length: 0.5s;\n$offcanvas-transition-timing: ease;\n$offcanvas-fixed-reveal: true;\n$offcanvas-exit-background: rgba($white, 0.25);\n$maincontent-class: 'off-canvas-content';\n\n// 26. Orbit\n// ---------\n\n$orbit-bullet-background: $medium-gray;\n$orbit-bullet-background-active: $dark-gray;\n$orbit-bullet-diameter: 1.2rem;\n$orbit-bullet-margin: 0.1rem;\n$orbit-bullet-margin-top: 0.8rem;\n$orbit-bullet-margin-bottom: 0.8rem;\n$orbit-caption-background: rgba($black, 0.5);\n$orbit-caption-padding: 1rem;\n$orbit-control-background-hover: rgba($black, 0.5);\n$orbit-control-padding: 1rem;\n$orbit-control-zindex: 10;\n\n// 27. Pagination\n// --------------\n\n$pagination-font-size: rem-calc(14);\n$pagination-margin-bottom: $global-margin;\n$pagination-item-color: $black;\n$pagination-item-padding: rem-calc(3 10);\n$pagination-item-spacing: rem-calc(1);\n$pagination-radius: $global-radius;\n$pagination-item-background-hover: $light-gray;\n$pagination-item-background-current: $primary-color;\n$pagination-item-color-current: $white;\n$pagination-item-color-disabled: $medium-gray;\n$pagination-ellipsis-color: $black;\n$pagination-mobile-items: false;\n$pagination-mobile-current-item: false;\n$pagination-arrows: true;\n\n// 28. Progress Bar\n// ----------------\n\n$progress-height: 1rem;\n$progress-background: $medium-gray;\n$progress-margin-bottom: $global-margin;\n$progress-meter-background: $primary-color;\n$progress-radius: $global-radius;\n\n// 29. Prototype Arrow\n// -------------------\n\n$prototype-arrow-directions: (down, up, right, left);\n$prototype-arrow-size: 0.4375rem;\n$prototype-arrow-color: $black;\n\n// 30. Prototype Border-Box\n// ------------------------\n\n$prototype-border-box-breakpoints: $global-prototype-breakpoints;\n\n// 31. Prototype Border-None\n// -------------------------\n\n$prototype-border-none-breakpoints: $global-prototype-breakpoints;\n\n// 32. Prototype Bordered\n// ----------------------\n\n$prototype-bordered-breakpoints: $global-prototype-breakpoints;\n$prototype-border-width: rem-calc(1);\n$prototype-border-type: solid;\n$prototype-border-color: $medium-gray;\n\n// 33. Prototype Display\n// ---------------------\n\n$prototype-display-breakpoints: $global-prototype-breakpoints;\n$prototype-display: (inline, inline-block, block, table, table-cell);\n\n// 34. Prototype Font-Styling\n// --------------------------\n\n$prototype-font-breakpoints: $global-prototype-breakpoints;\n$prototype-wide-letter-spacing: rem-calc(4);\n$prototype-font-normal: $global-weight-normal;\n$prototype-font-bold: $global-weight-bold;\n\n// 35. Prototype List-Style-Type\n// -----------------------------\n\n$prototype-list-breakpoints: $global-prototype-breakpoints;\n$prototype-style-type-unordered: (disc, circle, square);\n$prototype-style-type-ordered: (\n  decimal,\n  lower-alpha,\n  lower-latin,\n  lower-roman,\n  upper-alpha,\n  upper-latin,\n  upper-roman\n);\n\n// 36. Prototype Overflow\n// ----------------------\n\n$prototype-overflow-breakpoints: $global-prototype-breakpoints;\n$prototype-overflow: (visible, hidden, scroll);\n\n// 37. Prototype Position\n// ----------------------\n\n$prototype-position-breakpoints: $global-prototype-breakpoints;\n$prototype-position: (static, relative, absolute, fixed);\n$prototype-position-z-index: 975;\n\n// 38. Prototype Rounded\n// ---------------------\n\n$prototype-rounded-breakpoints: $global-prototype-breakpoints;\n$prototype-border-radius: rem-calc(3);\n\n// 39. Prototype Separator\n// -----------------------\n\n$prototype-separator-breakpoints: $global-prototype-breakpoints;\n$prototype-separator-align: center;\n$prototype-separator-height: rem-calc(2);\n$prototype-separator-width: 3rem;\n$prototype-separator-background: $primary-color;\n$prototype-separator-margin-top: $global-margin;\n\n// 40. Prototype Shadow\n// --------------------\n\n$prototype-shadow-breakpoints: $global-prototype-breakpoints;\n$prototype-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),\n  0 2px 10px 0 rgba(0, 0, 0, 0.12);\n\n// 41. Prototype Sizing\n// --------------------\n\n$prototype-sizing-breakpoints: $global-prototype-breakpoints;\n$prototype-sizing: (width, height);\n$prototype-sizes: (\n  25: 25%,\n  50: 50%,\n  75: 75%,\n  100: 100%,\n);\n\n// 42. Prototype Spacing\n// ---------------------\n\n$prototype-spacing-breakpoints: $global-prototype-breakpoints;\n$prototype-spacers-count: 3;\n\n// 43. Prototype Text-Decoration\n// -----------------------------\n\n$prototype-decoration-breakpoints: $global-prototype-breakpoints;\n$prototype-text-decoration: (overline, underline, line-through);\n\n// 44. Prototype Text-Transformation\n// ---------------------------------\n\n$prototype-transformation-breakpoints: $global-prototype-breakpoints;\n$prototype-text-transformation: (lowercase, uppercase, capitalize);\n\n// 45. Prototype Text-Utilities\n// ----------------------------\n\n$prototype-utilities-breakpoints: $global-prototype-breakpoints;\n$prototype-text-overflow: ellipsis;\n\n// 46. Responsive Embed\n// --------------------\n\n$responsive-embed-margin-bottom: rem-calc(16);\n$responsive-embed-ratios: (\n  default: 4 by 3,\n  widescreen: 16 by 9,\n);\n\n// 47. Reveal\n// ----------\n\n$reveal-background: $white;\n$reveal-width: 600px;\n$reveal-max-width: $global-width;\n$reveal-padding: $global-padding;\n$reveal-border: 1px solid $medium-gray;\n$reveal-radius: $global-radius;\n$reveal-zindex: 1005;\n$reveal-overlay-background: rgba($black, 0.45);\n\n// 48. Slider\n// ----------\n\n$slider-width-vertical: 0.5rem;\n$slider-transition: all 0.2s ease-in-out;\n$slider-height: 0.5rem;\n$slider-background: $light-gray;\n$slider-fill-background: $medium-gray;\n$slider-handle-height: 1.4rem;\n$slider-handle-width: 1.4rem;\n$slider-handle-background: $primary-color;\n$slider-opacity-disabled: 0.25;\n$slider-radius: $global-radius;\n\n// 49. Switch\n// ----------\n\n$switch-background: $medium-gray;\n$switch-background-active: $primary-color;\n$switch-height: 2rem;\n$switch-height-tiny: 1.5rem;\n$switch-height-small: 1.75rem;\n$switch-height-large: 2.5rem;\n$switch-radius: $global-radius;\n$switch-margin: $global-margin;\n$switch-paddle-background: $white;\n$switch-paddle-offset: 0.25rem;\n$switch-paddle-radius: $global-radius;\n$switch-paddle-transition: all 0.25s ease-out;\n\n// 50. Table\n// ---------\n\n$table-background: $white;\n$table-color-scale: 5%;\n$table-border: 1px solid smart-scale($table-background, $table-color-scale);\n$table-padding: rem-calc(8 10 10);\n$table-hover-scale: 2%;\n$table-row-hover: darken($table-background, $table-hover-scale);\n$table-row-stripe-hover: darken(\n  $table-background,\n  $table-color-scale + $table-hover-scale\n);\n$table-is-striped: true;\n$table-striped-background: smart-scale($table-background, $table-color-scale);\n$table-stripe: even;\n$table-head-background: smart-scale(\n  $table-background,\n  $table-color-scale * 0.5\n);\n$table-head-row-hover: darken($table-head-background, $table-hover-scale);\n$table-foot-background: smart-scale($table-background, $table-color-scale);\n$table-foot-row-hover: darken($table-foot-background, $table-hover-scale);\n$table-head-font-color: $body-font-color;\n$table-foot-font-color: $body-font-color;\n$show-header-for-stacked: false;\n$table-stack-breakpoint: medium;\n\n// 51. Tabs\n// --------\n\n$tab-margin: 0;\n$tab-background: $white;\n$tab-color: $primary-color;\n$tab-background-active: $light-gray;\n$tab-active-color: $primary-color;\n$tab-item-font-size: rem-calc(12);\n$tab-item-background-hover: $white;\n$tab-item-padding: 1.25rem 1.5rem;\n$tab-expand-max: 6;\n$tab-content-background: $white;\n$tab-content-border: $light-gray;\n$tab-content-color: $body-font-color;\n$tab-content-padding: 1rem;\n\n// 52. Thumbnail\n// -------------\n\n$thumbnail-border: solid 4px $white;\n$thumbnail-margin-bottom: $global-margin;\n$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2);\n$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);\n$thumbnail-transition: box-shadow 200ms ease-out;\n$thumbnail-radius: $global-radius;\n\n// 53. Title Bar\n// -------------\n\n$titlebar-background: $black;\n$titlebar-color: $white;\n$titlebar-padding: 0.5rem;\n$titlebar-text-font-weight: bold;\n$titlebar-icon-color: $white;\n$titlebar-icon-color-hover: $medium-gray;\n$titlebar-icon-spacing: 0.25rem;\n\n// 54. Tooltip\n// -----------\n\n$has-tip-cursor: help;\n$has-tip-font-weight: $global-weight-bold;\n$has-tip-border-bottom: dotted 1px $dark-gray;\n$tooltip-background-color: $black;\n$tooltip-color: $white;\n$tooltip-padding: 0.75rem;\n$tooltip-max-width: 10rem;\n$tooltip-font-size: $small-font-size;\n$tooltip-pip-width: 0.75rem;\n$tooltip-pip-height: $tooltip-pip-width * 0.866;\n$tooltip-radius: $global-radius;\n\n// 55. Top Bar\n// -----------\n\n$topbar-padding: 0.5rem;\n$topbar-background: $light-gray;\n$topbar-submenu-background: $topbar-background;\n$topbar-title-spacing: 0.5rem 1rem 0.5rem 0;\n$topbar-input-width: 200px;\n$topbar-unstack-breakpoint: medium;\n\n// 56. Xy Grid\n// -----------\n\n$xy-grid: true;\n$grid-container: $global-width;\n$grid-columns: 12;\n$grid-margin-gutters: (\n  small: 20px,\n  medium: 30px,\n);\n$grid-padding-gutters: $grid-margin-gutters;\n$grid-container-padding: $grid-padding-gutters;\n$grid-container-max: $global-width;\n$xy-block-grid-max: 8;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___}}]);
\ No newline at end of file
diff --git a/2282.b1dbe990.iframe.bundle.js.br b/2282.b1dbe990.iframe.bundle.js.br
new file mode 100644
index 00000000..bc1eaff2
Binary files /dev/null and b/2282.b1dbe990.iframe.bundle.js.br differ
diff --git a/2282.b1dbe990.iframe.bundle.js.gz b/2282.b1dbe990.iframe.bundle.js.gz
new file mode 100644
index 00000000..aa094eac
Binary files /dev/null and b/2282.b1dbe990.iframe.bundle.js.gz differ
diff --git a/iframe.html b/iframe.html
index 15d91f45..03b4b269 100644
--- a/iframe.html
+++ b/iframe.html
@@ -504,7 +504,7 @@
             window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.43dd4130.iframe.bundle.js';
+      import './runtime~main.2a43d4f6.iframe.bundle.js';
       
       import './8865.ad22a860.iframe.bundle.js';
       
diff --git a/iframe.html.br b/iframe.html.br
index 337bc5c8..6a1e06d9 100644
Binary files a/iframe.html.br and b/iframe.html.br differ
diff --git a/iframe.html.gz b/iframe.html.gz
index 38baca4a..0c29a3b8 100644
Binary files a/iframe.html.gz and b/iframe.html.gz differ
diff --git a/project.json b/project.json
index be1bb072..40200e58 100644
--- a/project.json
+++ b/project.json
@@ -1 +1 @@
-{"generatedAt":1736324702714,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/dom":"10.4.0","@testing-library/jest-dom":"6.5.0","@testing-library/react":"16.0.1","@types/jest":"29.5.13","babel-jest":"29.7.0","eslint-plugin-jest":"27.6.3","jest":"29.7.0","jest-coverage-ratchet":"0.2.3","jest-css-modules-transform":"4.4.2","jest-environment-jsdom":"29.7.0","jest-silent-reporter":"0.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.3.2","storybookVersionSpecifier":"8.3.2","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"8.3.2"},"@storybook/addon-knobs":{"version":"8.0.1"},"@storybook/blocks":{"version":"8.3.2"},"@storybook/react":{"version":"8.3.2"},"@storybook/react-webpack5":{"version":"8.3.2"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.3.2"}},"addons":{"@storybook/addon-essentials":{"version":"8.3.2"},"@storybook/addon-webpack5-compiler-babel":{"version":"3.0.3"}}}
+{"generatedAt":1736325408101,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/dom":"10.4.0","@testing-library/jest-dom":"6.5.0","@testing-library/react":"16.0.1","@types/jest":"29.5.13","babel-jest":"29.7.0","eslint-plugin-jest":"27.6.3","jest":"29.7.0","jest-coverage-ratchet":"0.2.3","jest-css-modules-transform":"4.4.2","jest-environment-jsdom":"29.7.0","jest-silent-reporter":"0.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.3.2","storybookVersionSpecifier":"8.3.2","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"8.3.2"},"@storybook/addon-knobs":{"version":"8.0.1"},"@storybook/blocks":{"version":"8.3.2"},"@storybook/react":{"version":"8.3.2"},"@storybook/react-webpack5":{"version":"8.3.2"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.3.2"}},"addons":{"@storybook/addon-essentials":{"version":"8.3.2"},"@storybook/addon-webpack5-compiler-babel":{"version":"3.0.3"}}}
diff --git a/project.json.br b/project.json.br
index af125076..77708954 100644
Binary files a/project.json.br and b/project.json.br differ
diff --git a/project.json.gz b/project.json.gz
index fe91c88b..de343733 100644
Binary files a/project.json.gz and b/project.json.gz differ
diff --git a/runtime~main.43dd4130.iframe.bundle.js b/runtime~main.2a43d4f6.iframe.bundle.js
similarity index 99%
rename from runtime~main.43dd4130.iframe.bundle.js
rename to runtime~main.2a43d4f6.iframe.bundle.js
index 5a25ffff..5e90047b 100644
--- a/runtime~main.43dd4130.iframe.bundle.js
+++ b/runtime~main.2a43d4f6.iframe.bundle.js
@@ -1 +1 @@
-!function(){"use strict";var deferred,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=function(result,chunkIds,fn,priority){if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((function(key){return __webpack_require__.O[key](chunkIds[j])}))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,{a:getter}),getter},__webpack_require__.d=function(exports,definition){for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=function(chunkId){return Promise.all(Object.keys(__webpack_require__.f).reduce((function(promises,key){return __webpack_require__.f[key](chunkId,promises),promises}),[]))},__webpack_require__.u=function(chunkId){return({116:"HeroHeader-stories",132:"Typography-stories",315:"Autocomplete-stories",633:"Card-stories",675:"AccordionSearch-stories",695:"SlidingPanel-stories",937:"DataTable-stories",1247:"Accordion-stories",1295:"DecoratedListItem-stories",1363:"BytesNumber-stories",1995:"CodeBlock-stories",2449:"EllipsisReveal-stories",2523:"Tabs-stories",2759:"DataList-stories",3818:"Buttons-stories",3951:"Tile-stories",4204:"Chips-stories",4212:"SequenceSubmission-stories",4248:"Dropdown-stories",4258:"Modal-stories",5257:"SearchInput-stories",5512:"Sequence-stories",5575:"InfoList-stories",5586:"SlidingPanelInSlidingPanel-stories",5707:"Window-stories",6359:"Grid-stories",6481:"Doughnut-stories",6542:"LongNumber-stories",6761:"SlidingPanelsWithArrow-stories",7135:"Icons-stories",7182:"Loader-stories",7198:"ExternalLink-stories",7308:"Message-stories",7323:"TreeSelect-stories",7670:"Colours-stories",7675:"ExpandableList-stories",7886:"DropdownControlled-stories",7893:"HistogramFilter-stories",8368:"PageIntro-stories",8384:"Header-stories",8503:"Histogram-stories",8793:"Bubble-stories",8804:"HeroContainer-stories",9148:"MainSearch-stories",9220:"EvidenceTag-stories"}[chunkId]||chunkId)+"."+{98:"48ca9bcd",116:"afe7a850",132:"470a29e1",315:"ef31e962",633:"75147512",675:"c81241a0",695:"49633e3d",810:"70c456ba",902:"2ad1de51",935:"be732c7d",937:"e4c54542",1247:"f6a0ff1c",1288:"d535f62f",1295:"20bb4370",1363:"66459164",1501:"29451a74",1749:"0249d676",1995:"32c96e23",2282:"617ec24f",2449:"60e565f6",2523:"47168752",2759:"3482348f",3795:"bd65a57b",3818:"419d2578",3951:"56d6d377",4204:"dc8b06e1",4212:"b6739d98",4248:"846caf4d",4258:"8ac44498",4915:"8dfc8fa6",5230:"a82fb65d",5257:"35f3623c",5512:"073f3c52",5529:"00864437",5567:"8180c8b9",5575:"3f4152ad",5586:"2a1e3d99",5670:"bd7bfe43",5707:"dd137b83",6014:"24335f70",6025:"2f4fa8a6",6359:"e9c8f323",6481:"186787ab",6542:"1294e792",6615:"d79a80a9",6713:"32f30db4",6761:"a11da7d3",6918:"a9ed06c5",6925:"ffae9672",6987:"a7fdcc7a",7104:"96c1b1f2",7122:"8be1d2fd",7135:"deaeae21",7160:"9a7a0c01",7182:"c1179667",7198:"827f0f84",7227:"578ecd4d",7308:"1fc1667f",7323:"a6b5cfc6",7364:"3d6d8c1b",7670:"c3820181",7675:"2a40f77e",7794:"76f9884f",7819:"3872746d",7886:"368cc8d9",7893:"b59aec60",7948:"58f5419b",8368:"5110978a",8384:"13030d5f",8503:"baa6835b",8735:"f5464f61",8793:"87fb0c29",8804:"ffbde082",9148:"2a2f2bcb",9220:"78ce4aa2",9797:"89d62dc7"}[chunkId]+".iframe.bundle.js"},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=function(obj,prop){return Object.prototype.hasOwnProperty.call(obj,prop)},inProgress={},__webpack_require__.l=function(url,done,key,chunkId){if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="franklin-sites:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","franklin-sites:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=function(prev,event){script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((function(fn){return fn(event)})),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=function(module){return module.paths=[],module.children||(module.children=[]),module},__webpack_require__.p="",function(){var installedChunks={5354:0};__webpack_require__.f.j=function(chunkId,promises){var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(5354!=chunkId){var promise=new Promise((function(resolve,reject){installedChunkData=installedChunks[chunkId]=[resolve,reject]}));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(function(event){if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=function(chunkId){return 0===installedChunks[chunkId]};var webpackJsonpCallback=function(parentChunkLoadingFunction,data){var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some((function(id){return 0!==installedChunks[id]}))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkfranklin_sites=self.webpackChunkfranklin_sites||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))}(),__webpack_require__.nc=void 0}();
\ No newline at end of file
+!function(){"use strict";var deferred,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=function(result,chunkIds,fn,priority){if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((function(key){return __webpack_require__.O[key](chunkIds[j])}))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,{a:getter}),getter},__webpack_require__.d=function(exports,definition){for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=function(chunkId){return Promise.all(Object.keys(__webpack_require__.f).reduce((function(promises,key){return __webpack_require__.f[key](chunkId,promises),promises}),[]))},__webpack_require__.u=function(chunkId){return({116:"HeroHeader-stories",132:"Typography-stories",315:"Autocomplete-stories",633:"Card-stories",675:"AccordionSearch-stories",695:"SlidingPanel-stories",937:"DataTable-stories",1247:"Accordion-stories",1295:"DecoratedListItem-stories",1363:"BytesNumber-stories",1995:"CodeBlock-stories",2449:"EllipsisReveal-stories",2523:"Tabs-stories",2759:"DataList-stories",3818:"Buttons-stories",3951:"Tile-stories",4204:"Chips-stories",4212:"SequenceSubmission-stories",4248:"Dropdown-stories",4258:"Modal-stories",5257:"SearchInput-stories",5512:"Sequence-stories",5575:"InfoList-stories",5586:"SlidingPanelInSlidingPanel-stories",5707:"Window-stories",6359:"Grid-stories",6481:"Doughnut-stories",6542:"LongNumber-stories",6761:"SlidingPanelsWithArrow-stories",7135:"Icons-stories",7182:"Loader-stories",7198:"ExternalLink-stories",7308:"Message-stories",7323:"TreeSelect-stories",7670:"Colours-stories",7675:"ExpandableList-stories",7886:"DropdownControlled-stories",7893:"HistogramFilter-stories",8368:"PageIntro-stories",8384:"Header-stories",8503:"Histogram-stories",8793:"Bubble-stories",8804:"HeroContainer-stories",9148:"MainSearch-stories",9220:"EvidenceTag-stories"}[chunkId]||chunkId)+"."+{98:"48ca9bcd",116:"afe7a850",132:"470a29e1",315:"ef31e962",633:"75147512",675:"c81241a0",695:"49633e3d",810:"70c456ba",902:"2ad1de51",935:"be732c7d",937:"e4c54542",1247:"f6a0ff1c",1288:"d535f62f",1295:"20bb4370",1363:"66459164",1501:"29451a74",1749:"0249d676",1995:"32c96e23",2282:"b1dbe990",2449:"60e565f6",2523:"47168752",2759:"3482348f",3795:"bd65a57b",3818:"419d2578",3951:"56d6d377",4204:"dc8b06e1",4212:"b6739d98",4248:"846caf4d",4258:"8ac44498",4915:"8dfc8fa6",5230:"a82fb65d",5257:"35f3623c",5512:"073f3c52",5529:"00864437",5567:"8180c8b9",5575:"3f4152ad",5586:"2a1e3d99",5670:"bd7bfe43",5707:"dd137b83",6014:"24335f70",6025:"2f4fa8a6",6359:"e9c8f323",6481:"186787ab",6542:"1294e792",6615:"d79a80a9",6713:"32f30db4",6761:"a11da7d3",6918:"a9ed06c5",6925:"ffae9672",6987:"a7fdcc7a",7104:"96c1b1f2",7122:"8be1d2fd",7135:"deaeae21",7160:"9a7a0c01",7182:"c1179667",7198:"827f0f84",7227:"578ecd4d",7308:"1fc1667f",7323:"a6b5cfc6",7364:"3d6d8c1b",7670:"c3820181",7675:"2a40f77e",7794:"76f9884f",7819:"3872746d",7886:"368cc8d9",7893:"b59aec60",7948:"58f5419b",8368:"5110978a",8384:"13030d5f",8503:"baa6835b",8735:"f5464f61",8793:"87fb0c29",8804:"ffbde082",9148:"2a2f2bcb",9220:"78ce4aa2",9797:"89d62dc7"}[chunkId]+".iframe.bundle.js"},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=function(obj,prop){return Object.prototype.hasOwnProperty.call(obj,prop)},inProgress={},__webpack_require__.l=function(url,done,key,chunkId){if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="franklin-sites:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","franklin-sites:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=function(prev,event){script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((function(fn){return fn(event)})),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=function(module){return module.paths=[],module.children||(module.children=[]),module},__webpack_require__.p="",function(){var installedChunks={5354:0};__webpack_require__.f.j=function(chunkId,promises){var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(5354!=chunkId){var promise=new Promise((function(resolve,reject){installedChunkData=installedChunks[chunkId]=[resolve,reject]}));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(function(event){if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=function(chunkId){return 0===installedChunks[chunkId]};var webpackJsonpCallback=function(parentChunkLoadingFunction,data){var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some((function(id){return 0!==installedChunks[id]}))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkfranklin_sites=self.webpackChunkfranklin_sites||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))}(),__webpack_require__.nc=void 0}();
\ No newline at end of file
diff --git a/runtime~main.2a43d4f6.iframe.bundle.js.br b/runtime~main.2a43d4f6.iframe.bundle.js.br
new file mode 100644
index 00000000..a569b255
Binary files /dev/null and b/runtime~main.2a43d4f6.iframe.bundle.js.br differ
diff --git a/runtime~main.2a43d4f6.iframe.bundle.js.gz b/runtime~main.2a43d4f6.iframe.bundle.js.gz
new file mode 100644
index 00000000..22afe3fa
Binary files /dev/null and b/runtime~main.2a43d4f6.iframe.bundle.js.gz differ
diff --git a/runtime~main.43dd4130.iframe.bundle.js.br b/runtime~main.43dd4130.iframe.bundle.js.br
deleted file mode 100644
index 4bdc252e..00000000
Binary files a/runtime~main.43dd4130.iframe.bundle.js.br and /dev/null differ
diff --git a/runtime~main.43dd4130.iframe.bundle.js.gz b/runtime~main.43dd4130.iframe.bundle.js.gz
deleted file mode 100644
index 093eea0d..00000000
Binary files a/runtime~main.43dd4130.iframe.bundle.js.gz and /dev/null differ