diff --git a/iframe.html b/iframe.html index 0269e77f..80f15deb 100644 --- a/iframe.html +++ b/iframe.html @@ -135,4 +135,4 @@ - window['FEATURES'] = {"postcss":true}; \ No newline at end of file + window['FEATURES'] = {"postcss":true}; \ No newline at end of file diff --git a/iframe.html.br b/iframe.html.br index c16a9f65..a2387a5a 100644 Binary files a/iframe.html.br and b/iframe.html.br differ diff --git a/iframe.html.gz b/iframe.html.gz index c5465539..779c48ff 100644 Binary files a/iframe.html.gz and b/iframe.html.gz differ diff --git a/main.447c7fd2.iframe.bundle.js b/main.447c7fd2.iframe.bundle.js new file mode 100644 index 00000000..5fd20713 --- /dev/null +++ b/main.447c7fd2.iframe.bundle.js @@ -0,0 +1,2 @@ +(self.webpackChunkfranklin_sites=self.webpackChunkfranklin_sites||[]).push([[179],{4982:function(module){"use strict";module.exports='# Colours\n\n### Primary palette\n\n
\n
\n
\n
\n
\n\n### Grey Palette\n\n
\n
\n
\n
\n
\n
\n\n### Curation palette\n\n
\n
\n\n### Namespace palette\n\n
\n
\n
\n\n### Help palette\n\n
\n\n### Tools palette\n\n
\n
\n
\n
\n\n### Messages\n\n
\n
\n
\n
\n\n### Data visualisation\n\n
\n
\n\n### Variables\n\n- `$colour-link`: the colour of something clickable\n- `$colour-selected`: the colour of something "active" or "selected"\n- `$colour-hover`: the colour of something selectable on mouse hover\n'},56379:function(module){"use strict";module.exports='# Typography\n\n
\n\n## Heading\n\n

This is a default level 1 heading

\n\n

This is a default level 2 heading

\n\n

This is a default level 3 heading

\n\n

This is a default level 4 heading

\n\n
This is a default level 5 heading
\n\n
\n\n## Size overrides\n\nNote that these are overrides, and should be considered as last resort\n\nThis is \'x-huge\' text\n\nThis is a \'huge\' text\n\nThis is a \'big\' text\n\nThis is a \'medium\' text\n\nThis is a \'tiny\' text\n\n
\n\n## Paragraphs\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut\nlabore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco\nlaboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in\nvoluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat\ncupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n\n
\n\n## Small text\n\nI am small.\n\n
\n\n## Links\n\n[click me](https://www.uniprot.org)\n\n
\n\n## Lists\n\n### Unordered\n\n- One\n- Two\n- Three\n\n### Ordered\n\n1. One\n2. Two\n3. Three\n\n### No bullet\n\n\n'},38011:function(module,__unused_webpack_exports,__webpack_require__){"use strict";module=__webpack_require__.nmd(module),(0,__webpack_require__(3012).configure)([__webpack_require__(88911)],module,!1)},55346:function(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__){"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject);__webpack_require__(97973),__webpack_require__(17921),__webpack_require__(27670),__webpack_require__(34422),__webpack_require__(9810),__webpack_require__(73873);var client_api=__webpack_require__(11526),esm=__webpack_require__(23827),client=(__webpack_require__(67294),__webpack_require__(3012)),dist=__webpack_require__(12720),dist_react=__webpack_require__(83111),franklin_theme=(0,__webpack_require__(37716).Ue)({base:"light",colorPrimary:"#93d4ee",colorSecondary:"#006e9a",appBg:"white",appContentBg:"#f1f1f1",appBorderColor:"grey",appBorderRadius:4,fontBase:'Lato, "Open Sans", sans-serif',fontCode:"monospace",textColor:"black",textInverseColor:"rgba(255,255,255,1)",barTextColor:"#fefefe",barSelectedColor:"#f0f0f0",barBg:"#006e9a",inputBg:"white",inputBorder:"silver",inputTextColor:"black",inputBorderRadius:4,brandTitle:"Franklin",brandUrl:"https://ebi-uniprot.github.io/franklin-sites",brandImage:"https://raw.githubusercontent.com/ebi-uniprot/franklin-sites/main/assets/franklin_logo.svg"}),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),styles=__webpack_require__(30323),styles_default=__webpack_require__.n(styles),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()(styles_default(),options),styles_default()&&styles_default().locals&&styles_default().locals;var jsx_runtime=__webpack_require__(85893);function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}(0,client.addDecorator)(dist.cw),(0,client.addDecorator)((0,dist_react.ZP)()),(0,client.addDecorator)((function(storyFn){return(0,jsx_runtime.jsx)("div",{style:{padding:"2rem 10rem"},children:storyFn()})})),(0,client.addParameters)({docs:{theme:franklin_theme}}),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":case"argTypes":return esm.logger.warn("Invalid args/argTypes in config, ignoring.",JSON.stringify(value));case"decorators":return value.forEach((function(decorator){return(0,client_api.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,client_api.HZ)(loader,!1)}));case"parameters":return(0,client_api.h1)(function _objectSpread(target){for(var i=1;i) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/autocomplete-item.tsx#autocompleteitem"]={docgenInfo:autocompleteitem.__docgenInfo,name:"autocompleteitem",path:"src/components/autocomplete-item.tsx#autocompleteitem"})}catch(__react_docgen_typescript_loader_error){}var search_input=__webpack_require__(20703),utils=__webpack_require__(31365),injectStylesIntoStyleTag=(__webpack_require__(39521),__webpack_require__(93379)),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_autocomplete=__webpack_require__(4293),autocomplete_default=__webpack_require__.n(components_autocomplete),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()(autocomplete_default(),options),autocomplete_default()&&autocomplete_default().locals&&autocomplete_default().locals;var _excluded=["data","onSelect","onChange","onDropdownChange","clearOnSelect","placeholder","filter","value","minCharsToShowDropdown","isLoading","autoFocus","className"],filterOptions=function filterOptions(items,query){return items.filter((function(item){var _item$tags;return(0,utils.uf)(item.pathLabel,query)>=0||(null===(_item$tags=item.tags)||void 0===_item$tags?void 0:_item$tags.some((function(tag){return(0,utils.uf)(tag,query)>=0})))}))},shouldShowDropdown=function shouldShowDropdown(textInputValue,data,selected,filter,minCharsToShowDropdown){var trimmed=textInputValue.trim(),showDropdown=!1;trimmed&&!selected&&trimmed.length>=minCharsToShowDropdown&&(showDropdown=(filter?filterOptions(data,trimmed):data).length>0);return showDropdown},Autocomplete=function Autocomplete(_ref){var data=_ref.data,onSelect=_ref.onSelect,onChange=_ref.onChange,onDropdownChange=_ref.onDropdownChange,_ref$clearOnSelect=_ref.clearOnSelect,clearOnSelect=void 0!==_ref$clearOnSelect&&_ref$clearOnSelect,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"":_ref$placeholder,_ref$filter=_ref.filter,filter=void 0===_ref$filter||_ref$filter,_ref$value=_ref.value,value=void 0===_ref$value?"":_ref$value,_ref$minCharsToShowDr=_ref.minCharsToShowDropdown,minCharsToShowDropdown=void 0===_ref$minCharsToShowDr?0:_ref$minCharsToShowDr,_ref$isLoading=_ref.isLoading,isLoading=void 0!==_ref$isLoading&&_ref$isLoading,_ref$autoFocus=_ref.autoFocus,autoFocus=void 0!==_ref$autoFocus&&_ref$autoFocus,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded),_useState=(0,react.useState)(value),_useState2=(0,slicedToArray.Z)(_useState,2),textInputValue=_useState2[0],setTextInputValue=_useState2[1],_useState3=(0,react.useState)(-1),_useState4=(0,slicedToArray.Z)(_useState3,2),hoverIndex=_useState4[0],setHoverIndex=_useState4[1],_useState5=(0,react.useState)(!1),_useState6=(0,slicedToArray.Z)(_useState5,2),selected=_useState6[0],setSelected=_useState6[1];(0,react.useEffect)((function(){setTextInputValue(value)}),[value]),(0,react.useEffect)((function(){return function(){null==onDropdownChange||onDropdownChange(!1)}}),[onDropdownChange]);var handleInputChange=(0,react.useCallback)((function(event){var textInputValue=event.target.value,showDropdown=shouldShowDropdown(textInputValue,data,!1,filter,minCharsToShowDropdown);null==onDropdownChange||onDropdownChange(showDropdown),setTextInputValue(textInputValue),setSelected(!1),null==onChange||onChange(textInputValue),showDropdown&&setHoverIndex(0)}),[data,filter,minCharsToShowDropdown,onChange,onDropdownChange]),handleNodeSelect=(0,react.useCallback)((function(selected){var textInputValue="string"==typeof selected?selected:null==selected?void 0:selected.pathLabel;setTextInputValue(clearOnSelect?"":textInputValue),setHoverIndex(-1),setSelected(!0),null==onDropdownChange||onDropdownChange(!1),onSelect(selected)}),[clearOnSelect,onSelect,onDropdownChange]),handleOnKeyDown=(0,react.useCallback)((function(event){if("ArrowUp"===event.key)event.preventDefault(),setHoverIndex(hoverIndex<=0?-1:hoverIndex-1);else if("ArrowDown"===event.key){event.preventDefault();var options=filter?filterOptions(data,textInputValue):data;setHoverIndex(Math.min(options.length-1,hoverIndex+1))}else if("Escape"===event.key)event.preventDefault(),setHoverIndex(-1),setSelected(!0);else if("Enter"===event.key)if(event.preventDefault(),hoverIndex>=0){var _options=filter?filterOptions(data,textInputValue):data;handleNodeSelect(_options[hoverIndex])}else handleNodeSelect(textInputValue)}),[data,filter,handleNodeSelect,hoverIndex,textInputValue]),showDropdown=shouldShowDropdown(textInputValue,data,selected,filter,minCharsToShowDropdown),nodes=[];return showDropdown&&(nodes=(filter?filterOptions(data,textInputValue):data).map((function(item,index){return(0,jsx_runtime.jsx)(autocomplete_item,{item:item,active:hoverIndex===index,substringToHighlight:textInputValue,handleOnClick:handleNodeSelect},item.id)}))),(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()("autocomplete-container",className)},props,{children:[(0,jsx_runtime.jsx)(search_input.Z,{value:textInputValue,onChange:handleInputChange,onKeyDown:handleOnKeyDown,placeholder:placeholder,isLoading:isLoading,autoFocus:autoFocus}),(0,jsx_runtime.jsx)("div",{className:classnames_default()("autocomplete-menu",{"dropdown-menu-open":showDropdown}),children:(0,jsx_runtime.jsx)("div",{className:"dropdown-menu__panel",children:nodes.length?(0,jsx_runtime.jsx)("ul",{children:nodes}):null})})]}))};Autocomplete.displayName="Autocomplete";var src_components_autocomplete=Autocomplete;try{autocomplete.displayName="autocomplete",autocomplete.__docgenInfo={description:"",displayName:"autocomplete",props:{defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:"enum",value:[{value:'"yes"'},{value:'"no"'}]}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:"enum",value:[{value:'"on"'},{value:'"off"'}]}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'},{value:'"numeric"'},{value:'"decimal"'}]}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:"enum",value:[{value:'"list"'},{value:'"none"'},{value:'"inline"'},{value:'"both"'}]}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"none"'},{value:'"copy"'},{value:'"execute"'},{value:'"move"'},{value:'"popup"'}]}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"additions"'},{value:'"additions removals"'},{value:'"additions text"'},{value:'"all"'},{value:'"removals"'},{value:'"removals additions"'},{value:'"removals text"'},{value:'"text additions"'},{value:'"text removals"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"ascending"'},{value:'"descending"'},{value:'"other"'}]}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"AutocompleteItemType[]"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!0,type:{name:"(selected: string | AutocompleteItemType) => void"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((textInput: string) => void)"}},onDropdownChange:{defaultValue:null,description:"",name:"onDropdownChange",required:!1,type:{name:"((dropdownShown: boolean) => void)"}},clearOnSelect:{defaultValue:{value:"false"},description:"",name:"clearOnSelect",required:!1,type:{name:"boolean"}},filter:{defaultValue:{value:"true"},description:"",name:"filter",required:!1,type:{name:"boolean"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"string"}},minCharsToShowDropdown:{defaultValue:{value:"0"},description:"",name:"minCharsToShowDropdown",required:!1,type:{name:"number"}},isLoading:{defaultValue:{value:"false"},description:"",name:"isLoading",required:!1,type:{name:"boolean"}},autoFocus:{defaultValue:{value:"false"},description:"",name:"autoFocus",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/autocomplete.tsx#autocomplete"]={docgenInfo:autocomplete.__docgenInfo,name:"autocomplete",path:"src/components/autocomplete.tsx#autocomplete"})}catch(__react_docgen_typescript_loader_error){}},74690:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return src_components_bubble}});var objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(19601),__webpack_require__(68650),__webpack_require__(10245),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_bubble=__webpack_require__(75765),bubble_default=__webpack_require__.n(components_bubble),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()(bubble_default(),options),bubble_default()&&bubble_default().locals&&bubble_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["children","size","className"],Bubble=function Bubble(_ref){var displayValue,children=_ref.children,_ref$size=_ref.size,size=void 0===_ref$size?"medium":_ref$size,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return void 0!==children&&Number.isFinite(children)&&(displayValue=Math.round(10*children)/10),void 0!==children&&children>99&&(displayValue="99+"),(0,jsx_runtime.jsx)("span",Object.assign({className:classnames_default()(className,"bubble--"+size)},props,{children:displayValue}))};Bubble.displayName="Bubble";var src_components_bubble=Bubble;try{bubble.displayName="bubble",bubble.__docgenInfo={description:"",displayName:"bubble",props:{children:{defaultValue:null,description:"The number to display",name:"children",required:!1,type:{name:"number"}},size:{defaultValue:{value:"medium"},description:"The bubble size (default is medium)",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:"enum",value:[{value:'"yes"'},{value:'"no"'}]}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:"enum",value:[{value:'"on"'},{value:'"off"'}]}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'},{value:'"numeric"'},{value:'"decimal"'}]}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:"enum",value:[{value:'"list"'},{value:'"none"'},{value:'"inline"'},{value:'"both"'}]}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"none"'},{value:'"copy"'},{value:'"execute"'},{value:'"move"'},{value:'"popup"'}]}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"additions"'},{value:'"additions removals"'},{value:'"additions text"'},{value:'"all"'},{value:'"removals"'},{value:'"removals additions"'},{value:'"removals text"'},{value:'"text additions"'},{value:'"text removals"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"ascending"'},{value:'"descending"'},{value:'"other"'}]}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/bubble.tsx#bubble"]={docgenInfo:bubble.__docgenInfo,name:"bubble",path:"src/components/bubble.tsx#bubble"})}catch(__react_docgen_typescript_loader_error){}},19210:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{z:function(){return Button},Z:function(){return components_button}});var objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(67294)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),_buttons=__webpack_require__(78659),_buttons_default=__webpack_require__.n(_buttons),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()(_buttons_default(),options),_buttons_default()&&_buttons_default().locals&&_buttons_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["element","className","variant","children"],Button=(0,react.forwardRef)((function(_ref,ref){var _ref$element=_ref.element,element=void 0===_ref$element?"button":_ref$element,className=_ref.className,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"primary":_ref$variant,children=_ref.children,props=(0,objectWithoutProperties.Z)(_ref,_excluded);"button"===element&&(props.type=props.type||"button");var Element=element;return(0,jsx_runtime.jsx)(Element,Object.assign({className:classnames_default()("button",variant,{disabled:props.disabled},className),ref:ref},props,{children:children}))})),components_button=Button;try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/components/button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}try{button.displayName="button",button.__docgenInfo={description:"",displayName:"button",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button.tsx#button"]={docgenInfo:button.__docgenInfo,name:"button",path:"src/components/button.tsx#button"})}catch(__react_docgen_typescript_loader_error){}},58193:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return src_components_card}});var objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(19601),__webpack_require__(99217),__webpack_require__(62174),__webpack_require__(84865),__webpack_require__(70731),__webpack_require__(67294)),react_router_dom=__webpack_require__(73727),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_card=__webpack_require__(85671),card_default=__webpack_require__.n(components_card),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()(card_default(),options),card_default()&&card_default().locals&&card_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["header","headerSeparator","children","links","className"],CardAction=function CardAction(_ref){var name=_ref.name,link=_ref.link,color=_ref.color;return(0,jsx_runtime.jsx)(react_router_dom.OL,{to:link,className:"card-action",activeClassName:"card-action--active",style:color?{borderBottom:"0.125rem solid "+color}:void 0,children:name})};CardAction.displayName="CardAction";var src_components_card=(0,react.forwardRef)((function(_ref2,ref){var header=_ref2.header,_ref2$headerSeparator=_ref2.headerSeparator,headerSeparator=void 0===_ref2$headerSeparator||_ref2$headerSeparator,children=_ref2.children,links=_ref2.links,className=_ref2.className,props=(0,objectWithoutProperties.Z)(_ref2,_excluded);return(0,jsx_runtime.jsxs)("section",Object.assign({className:classnames_default()(className,"card"),ref:ref},props,{children:[(0,jsx_runtime.jsxs)("div",{className:"card__container",children:[header&&(0,jsx_runtime.jsx)("div",{className:classnames_default()("card__header",{"card__header--with-separator":headerSeparator}),children:header}),children&&(0,jsx_runtime.jsx)("div",{className:"card__content",children:children})]}),null!=links&&links.length?(0,jsx_runtime.jsx)("div",{className:"card__actions",children:links.map((function(link,index){return(0,jsx_runtime.jsx)(CardAction,Object.assign({},link),link.key||("string"==typeof link.name?link.name:index)||index)}))}):void 0]}))}));try{card.displayName="card",card.__docgenInfo={description:"",displayName:"card",props:{header:{defaultValue:null,description:"The card header (should include the wanted heading level)",name:"header",required:!1,type:{name:"ReactNode"}},headerSeparator:{defaultValue:{value:"true"},description:"Does the card header need a separator? Defaults to true",name:"headerSeparator",required:!1,type:{name:"boolean"}},links:{defaultValue:null,description:"Links to be displayed at the bottom of the card",name:"links",required:!1,type:{name:"CardActionProps[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/card.tsx#card"]={docgenInfo:card.__docgenInfo,name:"card",path:"src/components/card.tsx#card"})}catch(__react_docgen_typescript_loader_error){}},28566:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return src_components_data_loader}});var slicedToArray=__webpack_require__(34699),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(67294)),components_button=__webpack_require__(19210),loader=__webpack_require__(15410),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),data_loader=__webpack_require__(27045),data_loader_default=__webpack_require__.n(data_loader),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()(data_loader_default(),options),data_loader_default()&&data_loader_default().locals&&data_loader_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["onLoadMoreItems","hasMoreData","loaderComponent","data","clickToLoad"];function withDataLoader(BaseComponent){return function Wrapper(_ref){var onLoadMoreItems=_ref.onLoadMoreItems,hasMoreData=_ref.hasMoreData,_ref$loaderComponent=_ref.loaderComponent,loaderComponent=void 0===_ref$loaderComponent?(0,jsx_runtime.jsx)(loader.Z,{}):_ref$loaderComponent,data=_ref.data,_ref$clickToLoad=_ref.clickToLoad,clickToLoad=void 0!==_ref$clickToLoad&&_ref$clickToLoad,props=(0,objectWithoutProperties.Z)(_ref,_excluded),onLoadMoreItemsRef=(0,react.useRef)(onLoadMoreItems);onLoadMoreItemsRef.current=onLoadMoreItems;var _useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),loading=_useState2[0],setLoading=_useState2[1],sentinelRef=(0,react.useRef)(null),handleAskForMoreData=(0,react.useCallback)((function(){setLoading(!0),onLoadMoreItemsRef.current&&onLoadMoreItemsRef.current()}),[]),observerCallbackRef=(0,react.useRef)();observerCallbackRef.current=function(_ref2){_ref2.isIntersecting&&!loading&&hasMoreData&&handleAskForMoreData()};var observer=(0,react.useMemo)((function(){if("IntersectionObserver"in window&&!clickToLoad)return new window.IntersectionObserver((function(_ref3){var entry=(0,slicedToArray.Z)(_ref3,1)[0];observerCallbackRef.current&&observerCallbackRef.current(entry)}))}),[clickToLoad]);(0,react.useEffect)((function(){if(sentinelRef.current&&observer&&!loading){var element=sentinelRef.current;return observer.observe(element),function(){return observer.unobserve(element)}}}),[observer,loading]);var length=null==data?void 0:data.length;(0,react.useEffect)((function(){setLoading(!1)}),[length]);var sentinelContent=loaderComponent;"IntersectionObserver"in window&&!clickToLoad||loading||(sentinelContent=(0,jsx_runtime.jsx)(components_button.Z,{variant:"secondary",onClick:handleAskForMoreData,"data-testid":"click-to-load-more",children:"string"==typeof clickToLoad&&clickToLoad||"Load more data"}));var baseComponentProps=Object.assign({},props,{data:data});return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(BaseComponent,Object.assign({},baseComponentProps)),(0,jsx_runtime.jsx)("div",{className:"data-loader__loading",ref:sentinelRef,children:hasMoreData&&sentinelContent})]})}}var src_components_data_loader=withDataLoader;try{withDataLoader.displayName="withDataLoader",withDataLoader.__docgenInfo={description:"",displayName:"withDataLoader",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/data-loader.tsx#withDataLoader"]={docgenInfo:withDataLoader.__docgenInfo,name:"withDataLoader",path:"src/components/data-loader.tsx#withDataLoader"})}catch(__react_docgen_typescript_loader_error){}},47005:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return src_components_decorated_list_item}});var objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),react_router_dom=__webpack_require__(73727),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),decorated_list_item=__webpack_require__(24603),decorated_list_item_default=__webpack_require__.n(decorated_list_item),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()(decorated_list_item_default(),options),decorated_list_item_default()&&decorated_list_item_default().locals&&decorated_list_item_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["title","children","to","highlight","compact","hideTitle","inline","className","altStyle"],DecoratedListItem=function DecoratedListItem(_ref){var title=_ref.title,children=_ref.children,to=_ref.to,highlight=_ref.highlight,compact=_ref.compact,hideTitle=_ref.hideTitle,inline=_ref.inline,className=_ref.className,altStyle=_ref.altStyle,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()(className,"decorated-list-item",{"decorated-list-item--compact":compact,"decorated-list-item--no-title":hideTitle,"decorated-list-item--inline":inline,"decorated-list-item--alt-style":altStyle,"decorated-list-item--has-link":to})},props,{children:[to&&(0,jsx_runtime.jsx)(react_router_dom.rU,{"data-testid":"background-link",to:to,className:"decorated-list-item__link","aria-hidden":"true",tabIndex:-1}),title&&(0,jsx_runtime.jsx)("div",{className:"decorated-list-item__title tiny",children:title}),(0,jsx_runtime.jsx)("div",{className:"decorated-list-item__content",children:highlight?(0,jsx_runtime.jsx)("strong",{children:children}):children})]}))};DecoratedListItem.displayName="DecoratedListItem";var src_components_decorated_list_item=DecoratedListItem;try{decoratedlistitem.displayName="decoratedlistitem",decoratedlistitem.__docgenInfo={description:"",displayName:"decoratedlistitem",props:{title:{defaultValue:null,description:"Title",name:"title",required:!1,type:{name:"ReactNode"}},highlight:{defaultValue:null,description:"Make this item visually stand-out",name:"highlight",required:!1,type:{name:"boolean"}},to:{defaultValue:null,description:"Target/link of the list item when clicking on it",name:"to",required:!1,type:{name:"LocationDescriptor | ((location: Location) => LocationDescriptor)"}},compact:{defaultValue:null,description:"Compact style",name:"compact",required:!1,type:{name:"boolean"}},hideTitle:{defaultValue:null,description:"Hide the title",name:"hideTitle",required:!1,type:{name:"boolean"}},inline:{defaultValue:null,description:"Attempts to keep the element horizontally aligned with its siblings",name:"inline",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"Optional CSS classnames to be passed down from the parent component",name:"className",required:!1,type:{name:"string"}},altStyle:{defaultValue:null,description:"Switches to an alternative style for the decorative line",name:"altStyle",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/decorated-list-item.tsx#decoratedlistitem"]={docgenInfo:decoratedlistitem.__docgenInfo,name:"decoratedlistitem",path:"src/components/decorated-list-item.tsx#decoratedlistitem"})}catch(__react_docgen_typescript_loader_error){}},64424:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{F4:function(){return ControlledDropdown},Lt:function(){return Dropdown}});var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(34699),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(81253),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(67294)),classnames__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(94184),classnames__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__),_button__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(19210),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__(39521),__webpack_require__(85893)),_excluded=["children","label","className","openOnHover"],_excluded2=["visibleElement","expanded","children","className","aria-haspopup"],_excluded3=["visibleElement","propChangeToClose"],DropdownButton=function DropdownButton(_ref){var children=_ref.children,label=_ref.label,className=_ref.className,_ref$openOnHover=_ref.openOnHover,openOnHover=void 0!==_ref$openOnHover&&_ref$openOnHover,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_6__.Z)(_ref,_excluded),_useState=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState,2),showMenu=_useState2[0],setShowMenu=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState3,2),size=_useState4[0],setSize=_useState4[1],ref=(0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null),dropdownRef=(0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null),childType=typeof children;(0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((function(){if(showMenu){var listener=function listener(event){var _ref$current,_ref$current$parentEl,_dropdownRef$current;!ref.current||null!==(_ref$current=ref.current)&&void 0!==_ref$current&&null!==(_ref$current$parentEl=_ref$current.parentElement)&&void 0!==_ref$current$parentEl&&_ref$current$parentEl.contains(event.target)||"function"===childType&&null!==(_dropdownRef$current=dropdownRef.current)&&void 0!==_dropdownRef$current&&_dropdownRef$current.contains(event.target)||setShowMenu(!1)};return window.document.addEventListener("mouseup",listener),window.document.addEventListener("touchend",listener),function(){window.document.removeEventListener("mouseup",listener),window.document.removeEventListener("touchend",listener)}}}),[showMenu,childType]),(0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((function(){ref.current&&showMenu&&setSize(ref.current.getBoundingClientRect())}),[showMenu]);var style=(0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)((function(){if(size){var availableHeight=window.innerHeight-size.bottom;return{top:size.height,maxHeight:availableHeight}}}),[size]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div",{className:"dropdown-container",onPointerEnter:openOnHover?function(){return setShowMenu(!0)}:void 0,onPointerLeave:openOnHover?function(){return setShowMenu(!1)}:void 0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_button__WEBPACK_IMPORTED_MODULE_8__.Z,Object.assign({className:classnames__WEBPACK_IMPORTED_MODULE_3___default()("dropdown",className),onClick:function onClick(){return setShowMenu((function(showMenu){return!showMenu}))},ref:ref},props,{children:label})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_3___default()("dropdown-menu",{"dropdown-menu-open":showMenu}),ref:dropdownRef,style:style,children:showMenu&&("function"==typeof children?children(setShowMenu):children)})]})};DropdownButton.displayName="DropdownButton";var ControlledDropdown=(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function(_ref2,ref){var visibleElement=_ref2.visibleElement,expanded=_ref2.expanded,children=_ref2.children,className=_ref2.className,ariaHaspopup=_ref2["aria-haspopup"],props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_6__.Z)(_ref2,_excluded2);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div",Object.assign({className:classnames__WEBPACK_IMPORTED_MODULE_3___default()(className,"dropdown")},props,{"aria-expanded":expanded,"aria-haspopup":ariaHaspopup||!0,ref:ref,children:[visibleElement,expanded&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div",{className:"dropdown__content",children:children})]}))})),Dropdown=function Dropdown(_ref3){var visibleElement=_ref3.visibleElement,propChangeToClose=_ref3.propChangeToClose,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_6__.Z)(_ref3,_excluded3),_useState5=(0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(!1),_useState6=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState5,2),expanded=_useState6[0],setExpanded=_useState6[1],ref=(0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);(0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((function(){setExpanded(!1)}),[propChangeToClose]),(0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((function(){if(expanded){var listener=function listener(event){var _ref$current2;!ref.current||event.target&&null!==(_ref$current2=ref.current)&&void 0!==_ref$current2&&_ref$current2.contains(event.target)||setExpanded(!1)};return window.document.addEventListener("mouseup",listener,{passive:!0}),window.document.addEventListener("touchend",listener,{passive:!0}),function(){window.document.removeEventListener("mouseup",listener),window.document.removeEventListener("touchend",listener)}}}),[expanded]);var handleClick=(0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((function(){return setExpanded((function(expanded){return!expanded}))}),[]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(ControlledDropdown,Object.assign({visibleElement:(0,react__WEBPACK_IMPORTED_MODULE_2__.cloneElement)(visibleElement,{onClick:handleClick})},props,{expanded:expanded,ref:ref}))};Dropdown.displayName="Dropdown",__webpack_exports__.ZP=DropdownButton;try{ControlledDropdown.displayName="ControlledDropdown",ControlledDropdown.__docgenInfo={description:"",displayName:"ControlledDropdown",props:{visibleElement:{defaultValue:null,description:"Element always visible used to open and close the dropdown",name:"visibleElement",required:!0,type:{name:"ReactElement>"}},expanded:{defaultValue:null,description:"Whether the dropdown is open or closed",name:"expanded",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dropdown-button.tsx#ControlledDropdown"]={docgenInfo:ControlledDropdown.__docgenInfo,name:"ControlledDropdown",path:"src/components/dropdown-button.tsx#ControlledDropdown"})}catch(__react_docgen_typescript_loader_error){}try{Dropdown.displayName="Dropdown",Dropdown.__docgenInfo={description:"",displayName:"Dropdown",props:{visibleElement:{defaultValue:null,description:"Element always visible used to open and close the dropdown",name:"visibleElement",required:!0,type:{name:"ReactElement>"}},propChangeToClose:{defaultValue:null,description:"Prop that, when it changes, will cause the dropdown to close",name:"propChangeToClose",required:!1,type:{name:"unknown"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dropdown-button.tsx#Dropdown"]={docgenInfo:Dropdown.__docgenInfo,name:"Dropdown",path:"src/components/dropdown-button.tsx#Dropdown"})}catch(__react_docgen_typescript_loader_error){}try{dropdownbutton.displayName="dropdownbutton",dropdownbutton.__docgenInfo={description:"",displayName:"dropdownbutton",props:{children:{defaultValue:null,description:"Content revealed on click.",name:"children",required:!0,type:{name:"ReactNode | ((showMenu: Dispatch>) => ReactNode)"}},label:{defaultValue:null,description:"Label to be display by the button",name:"label",required:!0,type:{name:"ReactNode"}},openOnHover:{defaultValue:{value:"false"},description:"Open on pointer over (useful for dropdowns in header)",name:"openOnHover",required:!1,type:{name:"boolean"}},element:{defaultValue:null,description:"The element to use as a button",name:"element",required:!1,type:{name:'"button" | "a" | FunctionComponent<{}> | ComponentClass<{}, any>'}},disabled:{defaultValue:null,description:"Flag to disable the button",name:"disabled",required:!1,type:{name:"boolean"}},type:{defaultValue:null,description:"Type to pass to the underlying ",name:"type",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"submit"'},{value:'"reset"'}]}},variant:{defaultValue:null,description:"Variant of the button",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},className:{defaultValue:null,description:"Classnames to be added to the button",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dropdown-button.tsx#dropdownbutton"]={docgenInfo:dropdownbutton.__docgenInfo,name:"dropdownbutton",path:"src/components/dropdown-button.tsx#dropdownbutton"})}catch(__react_docgen_typescript_loader_error){}},81458:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{ZP:function(){return src_components_expandable_list}});var slicedToArray=__webpack_require__(34699),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(88674),__webpack_require__(19601),__webpack_require__(27670),__webpack_require__(84865),__webpack_require__(52552),__webpack_require__(70731),__webpack_require__(67294)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),components_button=__webpack_require__(19210),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),expandable_list=__webpack_require__(97161),expandable_list_default=__webpack_require__.n(expandable_list),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()(expandable_list_default(),options),expandable_list_default()&&expandable_list_default().locals&&expandable_list_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["children","numberCollapsedItems","descriptionString","showBullets","extraActions","displayNumberOfHiddenItems","className"],ExpandableMessage=function ExpandableMessage(_ref){var _ref$descriptionStrin=_ref.descriptionString,descriptionString=void 0===_ref$descriptionStrin?"items":_ref$descriptionStrin,expanded=_ref.expanded,setExpanded=_ref.setExpanded,showHideWording=_ref.showHideWording,nHiddenItems=_ref.nHiddenItems,message=(showHideWording?"Hide":"Less")+" "+descriptionString;return expanded||(message=void 0===nHiddenItems?showHideWording?"Show":"More":showHideWording?"Show "+nHiddenItems:nHiddenItems+" more",message+=" "+descriptionString),(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",className:"expandable-list__action",onClick:function onClick(){return setExpanded(!expanded)},"data-testid":"expandable-message",children:message})};ExpandableMessage.displayName="ExpandableMessage";var ExpandableList=function ExpandableList(_ref2){var c=_ref2.children,_ref2$numberCollapsed=_ref2.numberCollapsedItems,numberCollapsedItems=void 0===_ref2$numberCollapsed?5:_ref2$numberCollapsed,_ref2$descriptionStri=_ref2.descriptionString,descriptionString=void 0===_ref2$descriptionStri?"items":_ref2$descriptionStri,showBullets=_ref2.showBullets,extraActions=_ref2.extraActions,displayNumberOfHiddenItems=_ref2.displayNumberOfHiddenItems,className=_ref2.className,props=(0,objectWithoutProperties.Z)(_ref2,_excluded),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),expanded=_useState2[0],setExpanded=_useState2[1],children=react.Children.toArray(c).filter(Boolean);if(!children.length)return null;var enoughChildren=children.length>numberCollapsedItems+1,itemNodes=react.Children.map(children.slice(0,expanded||!enoughChildren?children.length:numberCollapsedItems),(function(child,index){var key=index;return"object"==typeof child&&"key"in child&&child.key&&(key=child.key),(0,jsx_runtime.jsx)("li",{children:child},key)})),actions=null;return(enoughChildren||extraActions)&&(actions=(0,jsx_runtime.jsxs)("li",{children:[enoughChildren&&(0,jsx_runtime.jsx)(ExpandableMessage,{expanded:expanded,setExpanded:setExpanded,descriptionString:descriptionString||"items",showHideWording:0===numberCollapsedItems,nHiddenItems:displayNumberOfHiddenItems?children.length-numberCollapsedItems:void 0}),extraActions]})),(0,jsx_runtime.jsxs)("ul",Object.assign({className:classnames_default()(className,"expandable-list",{"no-bullet":!showBullets})},props,{children:[itemNodes,actions]}))};ExpandableList.displayName="ExpandableList";var src_components_expandable_list=ExpandableList;try{ExpandableMessage.displayName="ExpandableMessage",ExpandableMessage.__docgenInfo={description:"",displayName:"ExpandableMessage",props:{expanded:{defaultValue:null,description:"",name:"expanded",required:!1,type:{name:"boolean"}},setExpanded:{defaultValue:null,description:"",name:"setExpanded",required:!0,type:{name:"(expanded: boolean) => unknown"}},descriptionString:{defaultValue:{value:"items"},description:"",name:"descriptionString",required:!1,type:{name:"string"}},showHideWording:{defaultValue:null,description:"",name:"showHideWording",required:!1,type:{name:"boolean"}},nHiddenItems:{defaultValue:null,description:"",name:"nHiddenItems",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/expandable-list.tsx#ExpandableMessage"]={docgenInfo:ExpandableMessage.__docgenInfo,name:"ExpandableMessage",path:"src/components/expandable-list.tsx#ExpandableMessage"})}catch(__react_docgen_typescript_loader_error){}try{ExpandableList.displayName="ExpandableList",ExpandableList.__docgenInfo={description:"",displayName:"ExpandableList",props:{children:{defaultValue:null,description:"Children as an array of react elements, items of the list",name:"children",required:!1,type:{name:"ReactNode"}},numberCollapsedItems:{defaultValue:{value:"5"},description:"Threshold from which to start hiding items of the list",name:"numberCollapsedItems",required:!1,type:{name:"number"}},descriptionString:{defaultValue:{value:"items"},description:"Description of the items to put in text of the open/close button",name:"descriptionString",required:!1,type:{name:"string"}},showBullets:{defaultValue:null,description:"Wether to show or hide the visual bullet points",name:"showBullets",required:!1,type:{name:"boolean"}},extraActions:{defaultValue:null,description:"Extra element to place alongside the open/close button",name:"extraActions",required:!1,type:{name:"ReactNode"}},displayNumberOfHiddenItems:{defaultValue:null,description:"Wether to display or not the number of hidden elements",name:"displayNumberOfHiddenItems",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"Classnames to be added to the list container",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/expandable-list.tsx#ExpandableList"]={docgenInfo:ExpandableList.__docgenInfo,name:"ExpandableList",path:"src/components/expandable-list.tsx#ExpandableList"})}catch(__react_docgen_typescript_loader_error){}try{expandablelist.displayName="expandablelist",expandablelist.__docgenInfo={description:"",displayName:"expandablelist",props:{children:{defaultValue:null,description:"Children as an array of react elements, items of the list",name:"children",required:!1,type:{name:"ReactNode"}},numberCollapsedItems:{defaultValue:{value:"5"},description:"Threshold from which to start hiding items of the list",name:"numberCollapsedItems",required:!1,type:{name:"number"}},descriptionString:{defaultValue:{value:"items"},description:"Description of the items to put in text of the open/close button",name:"descriptionString",required:!1,type:{name:"string"}},showBullets:{defaultValue:null,description:"Wether to show or hide the visual bullet points",name:"showBullets",required:!1,type:{name:"boolean"}},extraActions:{defaultValue:null,description:"Extra element to place alongside the open/close button",name:"extraActions",required:!1,type:{name:"ReactNode"}},displayNumberOfHiddenItems:{defaultValue:null,description:"Wether to display or not the number of hidden elements",name:"displayNumberOfHiddenItems",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"Classnames to be added to the list container",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/expandable-list.tsx#expandablelist"]={docgenInfo:expandablelist.__docgenInfo,name:"expandablelist",path:"src/components/expandable-list.tsx#expandablelist"})}catch(__react_docgen_typescript_loader_error){}},38893:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return src_components_external_link}});var objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),utils=__webpack_require__(31365),external_link=__webpack_require__(3426),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_external_link=__webpack_require__(37360),external_link_default=__webpack_require__.n(components_external_link),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()(external_link_default(),options),external_link_default()&&external_link_default().locals&&external_link_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["children","url","tidyUrl","newTab","className","rel","noIcon"],src_components_external_link=function ExternalLink(_ref){var children=_ref.children,url=_ref.url,_ref$tidyUrl=_ref.tidyUrl,tidyUrl=void 0!==_ref$tidyUrl&&_ref$tidyUrl,_ref$newTab=_ref.newTab,newTab=void 0===_ref$newTab||_ref$newTab,className=_ref.className,rel=_ref.rel,_ref$noIcon=_ref.noIcon,noIcon=void 0!==_ref$noIcon&&_ref$noIcon,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return url?(0,jsx_runtime.jsxs)("a",Object.assign({},props,{className:classnames_default()("external-link",className),rel:classnames_default()("noopener",rel),href:url},newTab?{target:"_blank"}:{},{children:[children||(tidyUrl?(0,utils.HA)(url):url),!noIcon&&(0,jsx_runtime.jsx)(external_link.Z,{"data-testid":"external-link-icon",width:12.5})]})):(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:children})};try{externallink.displayName="externallink",externallink.__docgenInfo={description:"",displayName:"externallink",props:{url:{defaultValue:null,description:"The location that is visted when clicked",name:"url",required:!0,type:{name:"string | null"}},newTab:{defaultValue:{value:"true"},description:"Decides if a new browser tab should be opened or not, defaults to true",name:"newTab",required:!1,type:{name:"boolean"}},tidyUrl:{defaultValue:{value:"false"},description:"",name:"tidyUrl",required:!1,type:{name:"boolean"}},noIcon:{defaultValue:{value:"false"},description:"",name:"noIcon",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/external-link.tsx#externallink"]={docgenInfo:externallink.__docgenInfo,name:"externallink",path:"src/components/external-link.tsx#externallink"})}catch(__react_docgen_typescript_loader_error){}},20563:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return src_components_histogram}});__webpack_require__(74916),__webpack_require__(41817),__webpack_require__(52552),__webpack_require__(99217),__webpack_require__(73494),__webpack_require__(22560),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559);var toConsumableArray=__webpack_require__(87329),slicedToArray=__webpack_require__(34699),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(33948),__webpack_require__(19601),__webpack_require__(7609),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(46627),__webpack_require__(84865),__webpack_require__(70731),__webpack_require__(67294)),d3=__webpack_require__(69882),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),useSize=__webpack_require__(66303),jsx_runtime=__webpack_require__(85893),XAxis=function XAxis(_ref){var min=_ref.min,max=_ref.max,interval=_ref.interval,yPos=_ref.yPos,label=_ref.label,d3Container=(0,react.useRef)(null),_useSize=(0,useSize.Z)(d3Container),size=(0,slicedToArray.Z)(_useSize,1)[0];(0,react.useEffect)((function(){if(null!=size&&size.width&&d3Container.current){var scale=(0,d3.BYU)().domain([min,max]).range([0,size.width]),axis=(0,d3.LLu)(scale).tickValues((0,d3.w6H)(min,max+interval,interval)).tickPadding(6);axis.tickSize(0);var svg=(0,d3.Ys)(d3Container.current);svg.selectAll("*").remove(),svg.append("g").call(axis),svg.append("text").attr("transform","translate("+size.width/2+", 40)").style("text-anchor","middle").text(label)}}),[interval,label,max,min,null==size?void 0:size.width]);var style=(0,react.useMemo)((function(){return{top:yPos}}),[yPos]);return(0,jsx_runtime.jsx)("svg",{style:style,width:"100%",height:80,ref:d3Container})};XAxis.displayName="XAxis";var histogram_x_axis=XAxis;try{histogramxaxis.displayName="histogramxaxis",histogramxaxis.__docgenInfo={description:"",displayName:"histogramxaxis",props:{min:{defaultValue:null,description:"The start point of the axis",name:"min",required:!0,type:{name:"number"}},max:{defaultValue:null,description:"The end point of the axis",name:"max",required:!0,type:{name:"number"}},interval:{defaultValue:null,description:"Interval size between each tick",name:"interval",required:!0,type:{name:"number"}},yPos:{defaultValue:null,description:"The top offset to vertically shift the axis",name:"yPos",required:!0,type:{name:"number"}},label:{defaultValue:null,description:"Label to appear under the axis",name:"label",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/histogram-x-axis.tsx#histogramxaxis"]={docgenInfo:histogramxaxis.__docgenInfo,name:"histogramxaxis",path:"src/components/histogram-x-axis.tsx#histogramxaxis"})}catch(__react_docgen_typescript_loader_error){}var YAxis=function YAxis(_ref){var scale=_ref.scale,height=_ref.height,label=_ref.label,d3Container=(0,react.useRef)(null);return(0,react.useEffect)((function(){if(d3Container.current){var axis=(0,d3.y4O)(scale).tickPadding(6);axis.tickSize(0);var svg=(0,d3.Ys)(d3Container.current);svg.selectAll("*").remove(),svg.append("g").attr("transform","translate(50, 0)").call(axis),svg.append("text").attr("transform","rotate(-90)").attr("y",20).attr("x",-height/2).style("text-anchor","middle").text(label)}}),[height,label,scale]),(0,jsx_runtime.jsx)("svg",{width:80,height:height,ref:d3Container,className:"y-axis"})};YAxis.displayName="YAxis";var histogram_y_axis=YAxis;try{histogramyaxis.displayName="histogramyaxis",histogramyaxis.__docgenInfo={description:"",displayName:"histogramyaxis",props:{scale:{defaultValue:null,description:"D3 scale function",name:"scale",required:!0,type:{name:"ScaleLinear"}},height:{defaultValue:null,description:"The height of axis component",name:"height",required:!0,type:{name:"number"}},label:{defaultValue:null,description:"Label to appear to the left of the axis",name:"label",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/histogram-y-axis.tsx#histogramyaxis"]={docgenInfo:histogramyaxis.__docgenInfo,name:"histogramyaxis",path:"src/components/histogram-y-axis.tsx#histogramyaxis"})}catch(__react_docgen_typescript_loader_error){}var injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_histogram=__webpack_require__(31375),histogram_default=__webpack_require__.n(components_histogram),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()(histogram_default(),options),histogram_default()&&histogram_default().locals&&histogram_default().locals;var _excluded=["selectedRange","values","unfilteredValues","nBins","min","max","height","binSize","xLabel","yLabel","unfilteredValuesShadow","className","children"];function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1)&&console.warn('Loader\'s "progress" prop needs to be within [0, 1], it is now "'+progress+'"'),p=progress),(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()("loader-container",className)},props,{children:[(0,jsx_runtime.jsx)(protein.Z,{className:"loader",width:"100",height:"100"}),p&&(0,jsx_runtime.jsx)("span",{className:"loader-container__progress",children:(0,jsx_runtime.jsxs)("progress",{title:"Progress: "+Math.floor(100*p)+"%",value:p,children:[Math.floor(100*p),"%"]})})]}))};Loader.displayName="Loader";var src_components_loader=Loader;try{loader.displayName="loader",loader.__docgenInfo={description:"",displayName:"loader",props:{progress:{defaultValue:null,description:"",name:"progress",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/loader.tsx#loader"]={docgenInfo:loader.__docgenInfo,name:"loader",path:"src/components/loader.tsx#loader"})}catch(__react_docgen_typescript_loader_error){}},86416:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return src_components_main_search}});var objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(84865),__webpack_require__(97973),__webpack_require__(70731),__webpack_require__(85827),__webpack_require__(19601),__webpack_require__(67294)),dropdown_button=__webpack_require__(64424),components_button=__webpack_require__(19210),colours=__webpack_require__(65241),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),main_search=__webpack_require__(69236),main_search_default=__webpack_require__.n(main_search),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()(main_search_default(),options),main_search_default()&&main_search_default().locals&&main_search_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["searchTerm","namespaces","onTextChange","onSubmit","onNamespaceChange","selectedNamespace","secondaryButtons"],MainSearch=function MainSearch(_ref){var searchTerm=_ref.searchTerm,_ref$namespaces=_ref.namespaces,namespaces=void 0===_ref$namespaces?{}:_ref$namespaces,onTextChange=_ref.onTextChange,onSubmit=_ref.onSubmit,onNamespaceChange=_ref.onNamespaceChange,selectedNamespace=_ref.selectedNamespace,secondaryButtons=_ref.secondaryButtons,props=(0,objectWithoutProperties.Z)(_ref,_excluded),style=(0,react.useMemo)((function(){return{"--main-button-color":colours[selectedNamespace]||colours.seaBlue}}),[selectedNamespace]),inputStyle=(0,react.useMemo)((function(){var count=secondaryButtons&&function countCharacters(items){return items.reduce((function(prev,curr){return prev+curr.length}),0)}(secondaryButtons.map((function(_ref2){return _ref2.label})));return count?{"--input-padding":count+"ch"}:void 0}),[secondaryButtons]);return(0,jsx_runtime.jsxs)("form",{onSubmit:onSubmit,"aria-label":"Main search",className:"main-search",children:[Object.keys(namespaces).length>0&&onNamespaceChange&&(0,jsx_runtime.jsx)(dropdown_button.Lt,{visibleElement:(0,jsx_runtime.jsx)(components_button.Z,{variant:"primary",style:style,children:namespaces[selectedNamespace||Object.keys(namespaces)[0]]}),propChangeToClose:selectedNamespace,children:(0,jsx_runtime.jsx)("ul",{className:"no-bullet",children:Object.keys(namespaces).map((function(key){return(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",onClick:function onClick(){onNamespaceChange(key)},children:namespaces[key]})},key)}))})}),(0,jsx_runtime.jsxs)("div",{className:"main-search__input-container",children:[(0,jsx_runtime.jsx)("input",Object.assign({type:"search","aria-label":"Text query"+(selectedNamespace?" in "+selectedNamespace:""),onChange:function onChange(e){return onTextChange(e.target.value)},value:searchTerm,style:inputStyle},props)),secondaryButtons&&(0,jsx_runtime.jsx)("div",{className:"main-search__secondary-container",children:secondaryButtons.map((function(_ref3,index){var label=_ref3.label,action=_ref3.action;return(0,jsx_runtime.jsxs)(react.Fragment,{children:[index>0&&(0,jsx_runtime.jsx)("small",{children:" | "}),(0,jsx_runtime.jsx)("button",{type:"button",onClick:action,className:"main-search--secondary",children:(0,jsx_runtime.jsx)("small",{children:label})},label)]},index)}))})]}),(0,jsx_runtime.jsx)(components_button.Z,{type:"submit",children:"Search"})]})};MainSearch.displayName="MainSearch";var src_components_main_search=MainSearch;try{mainsearch.displayName="mainsearch",mainsearch.__docgenInfo={description:"",displayName:"mainsearch",props:{onSubmit:{defaultValue:null,description:"Action performed upon search submission",name:"onSubmit",required:!1,type:{name:"((e: SyntheticEvent) => void) & FormEventHandler"}},onTextChange:{defaultValue:null,description:"What happens when text is typed in the search box",name:"onTextChange",required:!0,type:{name:"(selectedValue: string) => void"}},searchTerm:{defaultValue:null,description:"The search term",name:"searchTerm",required:!1,type:{name:"string"}},namespaces:{defaultValue:{value:"{}"},description:"An object representing the different namespace options",name:"namespaces",required:!1,type:{name:"Record"}},onNamespaceChange:{defaultValue:null,description:"What happens when a namespace is changed in the dropdown",name:"onNamespaceChange",required:!1,type:{name:"((namespace: string) => void)"}},selectedNamespace:{defaultValue:null,description:"The selected namespace in the dropdown",name:"selectedNamespace",required:!1,type:{name:"string"}},secondaryButtons:{defaultValue:null,description:"A list of objects representing secondary buttons and their actions",name:"secondaryButtons",required:!1,type:{name:"{ label: string; action: () => void; }[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/main-search.tsx#mainsearch"]={docgenInfo:mainsearch.__docgenInfo,name:"mainsearch",path:"src/components/main-search.tsx#mainsearch"})}catch(__react_docgen_typescript_loader_error){}},91317:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return src_components_message}});var objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),information=__webpack_require__(96502),warning_triangle=__webpack_require__(53038),error=__webpack_require__(92652),success=__webpack_require__(36544),times=__webpack_require__(74070),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_message=__webpack_require__(15022),message_default=__webpack_require__.n(components_message),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()(message_default(),options),message_default()&&message_default().locals&&message_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["children","level","heading","subtitle","onDismiss","noIcon","noShadow","className"],Message=function Message(_ref){var children=_ref.children,_ref$level=_ref.level,level=void 0===_ref$level?"info":_ref$level,heading=_ref.heading,subtitle=_ref.subtitle,onDismiss=_ref.onDismiss,noIcon=_ref.noIcon,noShadow=_ref.noShadow,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded),maybeIcon=null,iconAlign=heading?"message--icon-align-center":"message--icon-align-top";return noIcon||(maybeIcon=(0,jsx_runtime.jsx)(information.Z,{width:"1.125em",height:"1.125em",className:iconAlign}),"warning"===level?maybeIcon=(0,jsx_runtime.jsx)(warning_triangle.Z,{width:"1.125em",height:"1.125em",className:iconAlign}):"failure"===level?maybeIcon=(0,jsx_runtime.jsx)(error.Z,{width:"1.125em",height:"1.125em",className:iconAlign}):"success"===level&&(maybeIcon=(0,jsx_runtime.jsx)(success.Z,{width:"1.125em",height:"1.125em",className:iconAlign}))),(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()(className,"message","message--"+level,{"message--no-shadow":noShadow}),role:"status"},props,{children:[(0,jsx_runtime.jsx)("div",{className:"message__side-border"}),maybeIcon,heading?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{className:classnames_default()("message__title",{"message__title--no-icon":noIcon}),children:heading}),(0,jsx_runtime.jsx)("div",{className:"message__text",children:children})]}):(0,jsx_runtime.jsx)("div",{className:"message__title",children:children}),onDismiss&&(0,jsx_runtime.jsx)("button",{type:"button",className:"message__dismiss",onClick:onDismiss,children:(0,jsx_runtime.jsx)(times.Z,{width:"10",height:"10"})}),subtitle&&(0,jsx_runtime.jsx)("div",{className:"message__subtitle",children:subtitle})]}))};Message.displayName="Message";var src_components_message=Message;try{message.displayName="message",message.__docgenInfo={description:"",displayName:"message",props:{level:{defaultValue:{value:"info"},description:"The message level: 'warning', 'failure', 'success', 'info' (default)",name:"level",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"failure"'},{value:'"success"'},{value:'"info"'}]}},heading:{defaultValue:null,description:"The title of the message",name:"heading",required:!1,type:{name:"ReactNode"}},subtitle:{defaultValue:null,description:"The content to appear underneath of the main message",name:"subtitle",required:!1,type:{name:"ReactNode"}},onDismiss:{defaultValue:null,description:"Whether the message can be closed or not",name:"onDismiss",required:!1,type:{name:"((event: MouseEvent) => void)"}},noIcon:{defaultValue:null,description:"To hide the default message icon",name:"noIcon",required:!1,type:{name:"boolean"}},noShadow:{defaultValue:null,description:"To hide the default box shadow",name:"noShadow",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/message.tsx#message"]={docgenInfo:message.__docgenInfo,name:"message",path:"src/components/message.tsx#message"})}catch(__react_docgen_typescript_loader_error){}},20703:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return src_components_search_input}});var objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(67294)),spinner=__webpack_require__(43653),times=__webpack_require__(74070),search=__webpack_require__(30601),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),search_input=__webpack_require__(39650),search_input_default=__webpack_require__.n(search_input),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()(search_input_default(),options),search_input_default()&&search_input_default().locals&&search_input_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["value","onChange","onKeyDown","placeholder","isLoading"],SearchInput=function SearchInput(_ref){var icon,value=_ref.value,onChange=_ref.onChange,onKeyDown=_ref.onKeyDown,placeholder=_ref.placeholder,_ref$isLoading=_ref.isLoading,isLoading=void 0!==_ref$isLoading&&_ref$isLoading,props=(0,objectWithoutProperties.Z)(_ref,_excluded),inputRef=(0,react.useRef)(null),handleSuffixInteraction=function handleSuffixInteraction(){var _inputRef$current;null==inputRef||null===(_inputRef$current=inputRef.current)||void 0===_inputRef$current||_inputRef$current.focus(),value&&!isLoading&&(null==onChange||onChange({target:{value:""}}))};return icon=isLoading?(0,jsx_runtime.jsx)(spinner.Z,{width:14,height:14}):value?(0,jsx_runtime.jsx)(times.Z,{width:14,height:14}):(0,jsx_runtime.jsx)(search.Z,{width:14,height:14}),(0,jsx_runtime.jsxs)("span",{className:"search-input",children:[(0,jsx_runtime.jsx)("input",Object.assign({"data-testid":"search-input",type:"search",value:value,onChange:onChange,onKeyDown:onKeyDown,placeholder:placeholder,ref:inputRef},props)),(0,jsx_runtime.jsx)("span",{"data-testid":"search-input-suffix",role:"presentation",className:"search-input__suffix",onKeyPress:handleSuffixInteraction,onClick:handleSuffixInteraction,children:icon})]})};SearchInput.displayName="SearchInput";var src_components_search_input=SearchInput;try{searchinput.displayName="searchinput",searchinput.__docgenInfo={description:"",displayName:"searchinput",props:{value:{defaultValue:null,description:"The value to display in the text input.",name:"value",required:!1,type:{name:"string | (string & readonly string[])"}},onChange:{defaultValue:null,description:"Value change callback for the text input component.",name:"onChange",required:!1,type:{name:"ChangeEventHandler"}},onKeyDown:{defaultValue:null,description:"Key pressed callback for the text input component.",name:"onKeyDown",required:!1,type:{name:"(((event: KeyboardEvent) => void) & KeyboardEventHandler)"}},placeholder:{defaultValue:null,description:"Text to place in the text input component in the absence of value.",name:"placeholder",required:!1,type:{name:"string"}},isLoading:{defaultValue:{value:"false"},description:"Text to place in the text input component in the absence of value.",name:"isLoading",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/search-input.tsx#searchinput"]={docgenInfo:searchinput.__docgenInfo,name:"searchinput",path:"src/components/search-input.tsx#searchinput"})}catch(__react_docgen_typescript_loader_error){}},2771:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(89893),__webpack_require__(52552);var _utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(31365),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(85893);__webpack_exports__.Z=function SubstringHighlight(_ref){var string=_ref.children,substring=_ref.substring;if(!string||!substring)return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:string});var trimmed=substring.trim(),i=(0,_utils__WEBPACK_IMPORTED_MODULE_3__.uf)(string,trimmed);if(i<0)return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:string});var prestring=string.slice(0,i),highlight=string.slice(i,i+trimmed.length),poststring=string.slice(i+trimmed.length);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[prestring,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("mark",{children:highlight}),poststring]})};try{substringhighlight.displayName="substringhighlight",substringhighlight.__docgenInfo={description:"",displayName:"substringhighlight",props:{substring:{defaultValue:null,description:"",name:"substring",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/substring-highlight.tsx#substringhighlight"]={docgenInfo:substringhighlight.__docgenInfo,name:"substringhighlight",path:"src/components/substring-highlight.tsx#substringhighlight"})}catch(__react_docgen_typescript_loader_error){}},98330:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return window_window}});var classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),objectWithoutProperties=__webpack_require__(81253),times=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(74070)),jsx_runtime=__webpack_require__(85893),_excluded=["iconOnly","text","onClick"],WindowActionButton=function WindowActionButton(_ref){var _cn,icon=_ref.icon,text=_ref.text,onClick=_ref.onClick,_ref$primary=_ref.primary,primary=void 0!==_ref$primary&&_ref$primary,className=_ref.className,iconOnly=icon&&!text;return(0,jsx_runtime.jsxs)("button",{className:classnames_default()("window__action-button",className,(_cn={},_cn["window__action-button--icon-only"]=!!iconOnly,_cn.button=!iconOnly,_cn.secondary=!iconOnly&&!primary,_cn)),onClick:onClick,type:"button",children:[icon&&icon,text&&text]})};WindowActionButton.displayName="WindowActionButton";var DefaultCloseButton=function DefaultCloseButton(_ref2){var _cn2,_ref2$iconOnly=_ref2.iconOnly,iconOnly=void 0!==_ref2$iconOnly&&_ref2$iconOnly,onClick=(_ref2.text,_ref2.onClick),otherProps=(0,objectWithoutProperties.Z)(_ref2,_excluded);return(0,jsx_runtime.jsx)(WindowActionButton,Object.assign({className:classnames_default()("window__default-close-button",(_cn2={},_cn2["window__default-close-button--icon-only"]=!!iconOnly,_cn2)),icon:iconOnly?(0,jsx_runtime.jsx)(times.Z,{width:"10",height:"10"}):null,text:iconOnly?void 0:"Close",primary:!iconOnly,onClick:onClick},otherProps))};DefaultCloseButton.displayName="DefaultCloseButton";try{WindowActionButton.displayName="WindowActionButton",WindowActionButton.__docgenInfo={description:"",displayName:"WindowActionButton",props:{icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},text:{defaultValue:null,description:"",name:"text",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"() => void"}},primary:{defaultValue:{value:"false"},description:"",name:"primary",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/window/window-buttons.tsx#WindowActionButton"]={docgenInfo:WindowActionButton.__docgenInfo,name:"WindowActionButton",path:"src/components/window/window-buttons.tsx#WindowActionButton"})}catch(__react_docgen_typescript_loader_error){}try{DefaultCloseButton.displayName="DefaultCloseButton",DefaultCloseButton.__docgenInfo={description:"",displayName:"DefaultCloseButton",props:{iconOnly:{defaultValue:{value:"false"},description:"",name:"iconOnly",required:!1,type:{name:"boolean"}},text:{defaultValue:null,description:"",name:"text",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/window/window-buttons.tsx#DefaultCloseButton"]={docgenInfo:DefaultCloseButton.__docgenInfo,name:"DefaultCloseButton",path:"src/components/window/window-buttons.tsx#DefaultCloseButton"})}catch(__react_docgen_typescript_loader_error){}var WindowHeader=function WindowHeader(_ref){var title=_ref.title,withCloseButton=_ref.withCloseButton,onWindowClose=_ref.onWindowClose;return(0,jsx_runtime.jsxs)("div",{className:"window__header",children:[(0,jsx_runtime.jsx)("span",{className:"window__header__title",children:title}),withCloseButton&&onWindowClose&&(0,jsx_runtime.jsx)(DefaultCloseButton,{onClick:onWindowClose,iconOnly:!0})]})};WindowHeader.displayName="WindowHeader";var window_header=WindowHeader;try{windowheader.displayName="windowheader",windowheader.__docgenInfo={description:"",displayName:"windowheader",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},withCloseButton:{defaultValue:null,description:"",name:"withCloseButton",required:!1,type:{name:"boolean"}},onWindowClose:{defaultValue:null,description:"",name:"onWindowClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/window/window-header.tsx#windowheader"]={docgenInfo:windowheader.__docgenInfo,name:"windowheader",path:"src/components/window/window-header.tsx#windowheader"})}catch(__react_docgen_typescript_loader_error){}var WindowFooter=function WindowFooter(_ref){var withCloseButton=_ref.withCloseButton,onWindowClose=_ref.onWindowClose,children=_ref.children;return(0,jsx_runtime.jsxs)("div",{className:"window__footer",children:[children,withCloseButton&&onWindowClose&&(0,jsx_runtime.jsx)(DefaultCloseButton,{onClick:onWindowClose,text:"Close"})]})};WindowFooter.displayName="WindowFooter";var window_footer=WindowFooter;try{windowfooter.displayName="windowfooter",windowfooter.__docgenInfo={description:"",displayName:"windowfooter",props:{withCloseButton:{defaultValue:null,description:"",name:"withCloseButton",required:!1,type:{name:"boolean"}},onWindowClose:{defaultValue:null,description:"",name:"onWindowClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/window/window-footer.tsx#windowfooter"]={docgenInfo:windowfooter.__docgenInfo,name:"windowfooter",path:"src/components/window/window-footer.tsx#windowfooter"})}catch(__react_docgen_typescript_loader_error){}var injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_window=__webpack_require__(47888),window_default=__webpack_require__.n(components_window),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()(window_default(),options),window_default()&&window_default().locals&&window_default().locals;var Window=function Window(_ref){var _cn,_ref$width=_ref.width,width=void 0===_ref$width?"50vw":_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?"50vh":_ref$height,title=_ref.title,_ref$withHeaderCloseB=_ref.withHeaderCloseButton,withHeaderCloseButton=void 0!==_ref$withHeaderCloseB&&_ref$withHeaderCloseB,_ref$withFooterCloseB=_ref.withFooterCloseButton,withFooterCloseButton=void 0!==_ref$withFooterCloseB&&_ref$withFooterCloseB,onWindowOpen=_ref.onWindowOpen,onWindowClose=_ref.onWindowClose,actionButtons=_ref.actionButtons,_ref$withShadow=_ref.withShadow,withShadow=void 0!==_ref$withShadow&&_ref$withShadow,className=_ref.className,children=_ref.children,styles={width:width,minHeight:height,top:"calc((80vh - "+height+") / 2)",left:"calc((100vw - "+width+") / 2)"},cssClasses=classnames_default()("window",className,((_cn={})["window--with-shadow"]=!!withShadow,_cn));return null==onWindowOpen||onWindowOpen(),(0,jsx_runtime.jsxs)("div",{className:cssClasses,style:styles,children:[title&&(0,jsx_runtime.jsx)(window_header,{title:title,withCloseButton:withHeaderCloseButton,onWindowClose:onWindowClose}),(0,jsx_runtime.jsx)("div",{className:"window__content",children:children}),(withFooterCloseButton||actionButtons)&&(0,jsx_runtime.jsx)(window_footer,{withCloseButton:withFooterCloseButton,onWindowClose:onWindowClose,children:actionButtons&&actionButtons})]})};Window.displayName="Window";var window_window=Window;try{window.displayName="window",window.__docgenInfo={description:"",displayName:"window",props:{width:{defaultValue:{value:"50vw"},description:"",name:"width",required:!1,type:{name:"string"}},height:{defaultValue:{value:"50vh"},description:"",name:"height",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},withHeaderCloseButton:{defaultValue:{value:"false"},description:"",name:"withHeaderCloseButton",required:!1,type:{name:"boolean"}},withFooterCloseButton:{defaultValue:{value:"false"},description:"",name:"withFooterCloseButton",required:!1,type:{name:"boolean"}},onWindowOpen:{defaultValue:null,description:"",name:"onWindowOpen",required:!1,type:{name:"(() => void)"}},onWindowClose:{defaultValue:null,description:"",name:"onWindowClose",required:!1,type:{name:"(() => void)"}},withShadow:{defaultValue:{value:"false"},description:"",name:"withShadow",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},actionButtons:{defaultValue:null,description:"",name:"actionButtons",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/window/window.tsx#window"]={docgenInfo:window.__docgenInfo,name:"window",path:"src/components/window/window.tsx#window"})}catch(__react_docgen_typescript_loader_error){}},22390:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{zF:function(){return columns},Si:function(){return DataLoaderDecorator},Y_:function(){return DataDecorator}});var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(87329),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(34699),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(81253),react__WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__(19601),__webpack_require__(84865),__webpack_require__(99217),__webpack_require__(34102),__webpack_require__(70731),__webpack_require__(67294)),_mock_data_lipsum__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(78645),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(38893),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(85893),_excluded=["children"],_excluded2=["children"],getIdKey=function getIdKey(datum){return datum.id},columns=[{label:"Column 1",name:"content1",tooltip:"Some content for the tooltip",render:function render(row){return row.content1},sortable:!0,sorted:"descend"},{label:"Column 2",name:"content2",tooltip:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:["Some ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("strong",{children:"richer"})," content for the tooltip with a"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components__WEBPACK_IMPORTED_MODULE_7__.Z,{url:"https://www.uniprot.org",children:"link"})]}),render:function render(row){return row.content2}},{label:"Column 3",name:"content3",tooltip:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:["Some ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("strong",{children:"richer"})," content for the tooltip with a"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a",{href:"https://www.uniprot.org",children:"link"})]}),render:function render(row){return row.content3},sortable:!0},{label:"Column 4",name:"content4",render:function render(row){return row.content4},width:"30vw",sortable:!0},{label:function label(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:["Column 5 ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("small",{children:"FC"})]})},name:"content5",render:function render(row){return row.content5}}],generateData=function generateData(numberElements){return(0,_mock_data_lipsum__WEBPACK_IMPORTED_MODULE_8__.JS)({keys:columns.map((function(column){return column.name})),numberElements:numberElements})},DataLoaderDecorator=function DataLoaderDecorator(_ref){var children=_ref.children,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__.Z)(_ref,_excluded),loadingData=!1,_useState=(0,react__WEBPACK_IMPORTED_MODULE_5__.useState)(generateData(1)),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__.Z)(_useState,2),data=_useState2[0],setData=_useState2[1];var hasMoreData=data.length<50;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",Object.assign({},props,{children:children({data:data,getIdKey:getIdKey,columns:columns,hasMoreData:hasMoreData,onLoadMoreItems:function onLoadMoreItems(){if(loadingData)return null;loadingData=!0;var numberDataPoints=Math.min(6,50-data.length),moreData=generateData(numberDataPoints);return setTimeout((function(){loadingData=!1,setData([].concat((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_11__.Z)(data),(0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_11__.Z)(moreData)))}),750)}})}))};DataLoaderDecorator.displayName="DataLoaderDecorator";var DataDecorator=function DataDecorator(_ref2){var children=_ref2.children,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__.Z)(_ref2,_excluded2);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",Object.assign({},props,{children:children({data:generateData(50),getIdKey:getIdKey,columns:columns})}))};DataDecorator.displayName="DataDecorator";try{DataLoaderDecorator.displayName="DataLoaderDecorator",DataLoaderDecorator.__docgenInfo={description:"",displayName:"DataLoaderDecorator",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/DataDecorator.tsx#DataLoaderDecorator"]={docgenInfo:DataLoaderDecorator.__docgenInfo,name:"DataLoaderDecorator",path:"src/decorators/DataDecorator.tsx#DataLoaderDecorator"})}catch(__react_docgen_typescript_loader_error){}try{DataDecorator.displayName="DataDecorator",DataDecorator.__docgenInfo={description:"",displayName:"DataDecorator",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/DataDecorator.tsx#DataDecorator"]={docgenInfo:DataDecorator.__docgenInfo,name:"DataDecorator",path:"src/decorators/DataDecorator.tsx#DataDecorator"})}catch(__react_docgen_typescript_loader_error){}},9633:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(33948),__webpack_require__(74916),__webpack_require__(41817),__webpack_require__(7609),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(73494),__webpack_require__(22560),__webpack_require__(52552),__webpack_require__(99217),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559);var react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(67294),lodash_es__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(79481),timing_functions__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(53457);function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i input[type="checkbox"]');if(null!=allCheckboxes&&allCheckboxes.length){var checkedCheckboxes=checkboxContainer.querySelectorAll('.checkbox-cell > input[type="checkbox"]:checked');null!=checkedCheckboxes&&checkedCheckboxes.length&&allCheckboxes.length!==checkedCheckboxes.length?(selectAllCheckbox.checked=!0,selectAllCheckbox.indeterminate=!0):(selectAllCheckbox.checked=Boolean(null==checkedCheckboxes?void 0:checkedCheckboxes.length),selectAllCheckbox.indeterminate=!1)}else selectAllCheckbox.checked=!1,selectAllCheckbox.indeterminate=!1}}),0,{leading:!1});__webpack_exports__.ZP=function useDataCheckboxes(onSelectionChange){var privateSelectAllRef=(0,react__WEBPACK_IMPORTED_MODULE_13__.useRef)(null),privateCheckboxContainerRef=(0,react__WEBPACK_IMPORTED_MODULE_13__.useRef)(null),lastTickedRef=(0,react__WEBPACK_IMPORTED_MODULE_13__.useRef)(null);return{selectAllRef:(0,react__WEBPACK_IMPORTED_MODULE_13__.useCallback)((function(selectAll){if(privateSelectAllRef.current=selectAll,selectAll){var listener=function listener(){var _privateCheckboxConta,allCheckboxes=null===(_privateCheckboxConta=privateCheckboxContainerRef.current)||void 0===_privateCheckboxConta?void 0:_privateCheckboxConta.querySelectorAll('.checkbox-cell > input[type="checkbox"]');if(null!=allCheckboxes&&allCheckboxes.length){var shouldBeChecked=selectAll.checked;selectAll.disabled=!0,(0,timing_functions__WEBPACK_IMPORTED_MODULE_14__.Os)().then((function(){var _step,_iterator=_createForOfIteratorHelper(allCheckboxes.values());try{for(_iterator.s();!(_step=_iterator.n()).done;){var checkbox=_step.value;shouldBeChecked!==checkbox.checked&&checkbox.click()}}catch(err){_iterator.e(err)}finally{_iterator.f()}selectAll.disabled=!1}))}};return selectAll.addEventListener("click",listener),function(){selectAll.removeEventListener("click",listener)}}}),[]),checkboxContainerRef:(0,react__WEBPACK_IMPORTED_MODULE_13__.useCallback)((function(checkboxContainer){if(privateCheckboxContainerRef.current=checkboxContainer,onSelectionChange&&checkboxContainer){var listener=function listener(event){var _target$parentElement,target=event.target;if((event instanceof MouseEvent||event instanceof KeyboardEvent)&&target instanceof HTMLElement&&null!==(_target$parentElement=target.parentElement)&&void 0!==_target$parentElement&&_target$parentElement.matches(".checkbox-cell")){var _window$getSelection;if(event.shiftKey)null===(_window$getSelection=window.getSelection())||void 0===_window$getSelection||_window$getSelection.removeAllRanges();if(target instanceof HTMLInputElement){if(event.shiftKey){var checkboxes=Array.from(checkboxContainer.querySelectorAll('.checkbox-cell > input[type="checkbox"]')||[]),firstIndex=Math.max(0,lastTickedRef.current?checkboxes.indexOf(lastTickedRef.current):0),lastIndex=checkboxes.indexOf(target);if(lastIndex1);return mu+sigma*y*Math.sqrt(-2*Math.log(r)/r)}(mu,sigma)}));return void 0!==min||void 0!==max?values.map((function(number){return void 0!==min&&numbermax?max:number})):values},getUniformSample=function getUniformSample(min,max,n){return Array.from({length:n},(function(){return Math.random()*(max-min)+min}))}},46900:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{B:function(){return treeData},d:function(){return flattenedPaths}});var _utils__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(31365),treeData=[{label:"Item 1",id:"item_1",items:[{label:"Item 1a",id:"item_1a"},{label:"Item 1b",id:"item_1b",items:[{label:"Item 1b A",id:"item_1b_A"},{label:"Item 1b B",id:"item_1b_B"}],tags:["tag2","tag3"]}]},{label:"Some Item 2",id:"item_2"},{label:"Another reaaaaalllllyyyyy looooooong Item 3",id:"item_3",items:[{label:"Item 3a (single child, open by default)",id:"item_3a",items:[{label:"Item 3a A",id:"item_3a_A"},{label:"Item 3a B",id:"item_3a_B"}]}]}],flatPaths=(0,_utils__WEBPACK_IMPORTED_MODULE_0__.qf)(treeData),flattenedPaths=(0,_utils__WEBPACK_IMPORTED_MODULE_0__.I9)(flatPaths)},31365:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{uf:function(){return getLastIndexOfSubstringIgnoreCase},qf:function(){return getNodePaths},I9:function(){return prepareTreeDataForAutocomplete},zD:function(){return getSingleChildren},HN:function(){return formatLargeNumber},S5:function(){return formatBytesNumber},HA:function(){return tidyUrlString}});__webpack_require__(41817),__webpack_require__(52552),__webpack_require__(99217),__webpack_require__(73494),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559);var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__(34699),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__(87329),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__(81253),_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(87757),_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_7__),_excluded=(__webpack_require__(86535),__webpack_require__(99244),__webpack_require__(33948),__webpack_require__(39714),__webpack_require__(26699),__webpack_require__(32023),__webpack_require__(74916),__webpack_require__(15306),__webpack_require__(56977),__webpack_require__(54678),__webpack_require__(9810),__webpack_require__(34102),__webpack_require__(84865),__webpack_require__(87351),__webpack_require__(24290),__webpack_require__(36891),__webpack_require__(22560),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(7609),__webpack_require__(81828),__webpack_require__(87723),__webpack_require__(9647),__webpack_require__(77151),__webpack_require__(36385),__webpack_require__(3220),__webpack_require__(27670),__webpack_require__(90612),["items"]),_marked=_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_7___default().mark(getSingleChildren);function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i2&&void 0!==arguments[2]?arguments[2]:[],nodePaths=[];return items.forEach((function(node){var items=node.items,thisNode=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_36__.Z)(node,_excluded),nodePath=[].concat((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_37__.Z)(path),[thisNode]);if(items){var result=getNodePaths(items,id,nodePath);result.length&&(nodePaths=[].concat((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_37__.Z)(nodePaths),(0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_37__.Z)(result)))}else id&&thisNode.id!==id||(nodePaths=[].concat((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_37__.Z)(nodePaths),[nodePath]))})),nodePaths};function prepareTreeDataForAutocomplete(flattenedTreeData){return flattenedTreeData.map((function(items){var autocompleteItem={id:items[items.length-1].id,pathLabel:items.map((function(item){return item.label})).join(" / "),itemLabel:items[items.length-1].label},tags=items.flatMap((function(item){return item.tags||[]}));return tags.length&&(autocompleteItem.tags=tags),autocompleteItem}))}function getSingleChildren(children){var _iterator,_step,child;return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_7___default().wrap((function getSingleChildren$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(1!==children.length){_context.next=3;break}return _context.next=3,children[0].id;case 3:_iterator=_createForOfIteratorHelper(children),_context.prev=4,_iterator.s();case 6:if((_step=_iterator.n()).done){_context.next=12;break}if(!(child=_step.value).items){_context.next=10;break}return _context.delegateYield(getSingleChildren(child.items),"t0",10);case 10:_context.next=6;break;case 12:_context.next=17;break;case 14:_context.prev=14,_context.t1=_context.catch(4),_iterator.e(_context.t1);case 17:return _context.prev=17,_iterator.f(),_context.finish(17);case 20:case"end":return _context.stop()}}),_marked,null,[[4,14,17,20]])}function formatLargeNumber(x){var string=x.toString();if(string.includes("e"))return string;var _x$toString$split=x.toString().split("."),_x$toString$split2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_38__.Z)(_x$toString$split,2),integer=_x$toString$split2[0],decimal=_x$toString$split2[1];return[integer.replace(/\B(?=(\d{3})+(?!\d))/g,","),decimal].filter((function(el){return void 0!==el})).join(".")}function formatBytesNumber(bytes){var decimals=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,bytesNumber=+bytes;if(!bytesNumber)return"0 Bytes";var positiveDecimals=decimals<0?0:decimals,baseFactor=1024,units=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],unitsIndex=Math.min(Math.floor(Math.log(bytesNumber)/Math.log(baseFactor)),units.length-1),number=(bytesNumber/Math.pow(baseFactor,unitsIndex)).toFixed(positiveDecimals),unit=units[unitsIndex];return formatLargeNumber(parseFloat(number))+" "+unit}var reProtocol=/^(https?:)?(\/\/)?/,reTrailingSlashes=/(\/+$)/,tidyUrlString=function tidyUrlString(url){return url.replace(reProtocol,"").replace(reTrailingSlashes,"")};try{prepareTreeDataForAutocomplete.displayName="prepareTreeDataForAutocomplete",prepareTreeDataForAutocomplete.__docgenInfo={description:"",displayName:"prepareTreeDataForAutocomplete",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/utils.tsx#prepareTreeDataForAutocomplete"]={docgenInfo:prepareTreeDataForAutocomplete.__docgenInfo,name:"prepareTreeDataForAutocomplete",path:"src/utils.tsx#prepareTreeDataForAutocomplete"})}catch(__react_docgen_typescript_loader_error){}try{getSingleChildren.displayName="getSingleChildren",getSingleChildren.__docgenInfo={description:"",displayName:"getSingleChildren",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/utils.tsx#getSingleChildren"]={docgenInfo:getSingleChildren.__docgenInfo,name:"getSingleChildren",path:"src/utils.tsx#getSingleChildren"})}catch(__react_docgen_typescript_loader_error){}try{formatLargeNumber.displayName="formatLargeNumber",formatLargeNumber.__docgenInfo={description:"",displayName:"formatLargeNumber",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/utils.tsx#formatLargeNumber"]={docgenInfo:formatLargeNumber.__docgenInfo,name:"formatLargeNumber",path:"src/utils.tsx#formatLargeNumber"})}catch(__react_docgen_typescript_loader_error){}try{tidyUrlString.displayName="tidyUrlString",tidyUrlString.__docgenInfo={description:"",displayName:"tidyUrlString",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/utils.tsx#tidyUrlString"]={docgenInfo:tidyUrlString.__docgenInfo,name:"tidyUrlString",path:"src/utils.tsx#tidyUrlString"})}catch(__react_docgen_typescript_loader_error){}},15314:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AccordionSearch:function(){return Accordion_stories_AccordionSearch},accordion:function(){return Accordion_stories_accordion},default:function(){return Accordion_stories}});var toConsumableArray=__webpack_require__(87329),slicedToArray=__webpack_require__(34699),react=(__webpack_require__(34102),__webpack_require__(52552),__webpack_require__(67294)),dist=__webpack_require__(13380),addon_knobs_dist=__webpack_require__(95099),objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),bubble=__webpack_require__(74690),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_accordion=__webpack_require__(87556),accordion_default=__webpack_require__.n(components_accordion),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()(accordion_default(),options),accordion_default()&&accordion_default().locals&&accordion_default().locals;var chevron_down=__webpack_require__(43029),chevron_up=__webpack_require__(1960),jsx_runtime=__webpack_require__(85893),_excluded=["accordionTitle","count","children","alwaysOpen","initialOpen","className"],Accordion=function Accordion(_ref){var accordionTitle=_ref.accordionTitle,_ref$count=_ref.count,count=void 0===_ref$count?0:_ref$count,children=_ref.children,alwaysOpen=_ref.alwaysOpen,_ref$initialOpen=_ref.initialOpen,initialOpen=void 0!==_ref$initialOpen&&_ref$initialOpen,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded),_useState=(0,react.useState)(initialOpen),_useState2=(0,slicedToArray.Z)(_useState,2),open=_useState2[0],setOpen=_useState2[1];return(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()(className,"accordion")},props,{children:[(0,jsx_runtime.jsxs)("button",{type:"button",className:"accordion__title",onClick:function toggleOpen(){setOpen((function(open){return!open}))},children:[(0,jsx_runtime.jsx)("span",{children:accordionTitle}),count>0&&(0,jsx_runtime.jsx)(bubble.Z,{size:"small",children:count}),!alwaysOpen&&(open?(0,jsx_runtime.jsx)(chevron_up.Z,{width:16,height:16}):(0,jsx_runtime.jsx)(chevron_down.Z,{width:16,height:16}))]}),(open||alwaysOpen)&&(0,jsx_runtime.jsx)("div",{className:"accordion__content",children:children})]}))};Accordion.displayName="Accordion";var src_components_accordion=Accordion;try{accordion.displayName="accordion",accordion.__docgenInfo={description:"",displayName:"accordion",props:{accordionTitle:{defaultValue:null,description:"The title, works as a trigger to open/close",name:"accordionTitle",required:!0,type:{name:"ReactNode"}},count:{defaultValue:{value:"0"},description:"Number displayed at the right of the accordion. This could, for example, be used to inform\nthe user how many checkboxes have selected in the accodion's hidden content.",name:"count",required:!1,type:{name:"number"}},alwaysOpen:{defaultValue:null,description:"Disable toggling and always open accordion",name:"alwaysOpen",required:!1,type:{name:"boolean"}},initialOpen:{defaultValue:{value:"false"},description:"",name:"initialOpen",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/accordion.tsx#accordion"]={docgenInfo:accordion.__docgenInfo,name:"accordion",path:"src/components/accordion.tsx#accordion"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__(86535),__webpack_require__(99244),__webpack_require__(26699),__webpack_require__(32023),__webpack_require__(33948),__webpack_require__(74916),__webpack_require__(41817),__webpack_require__(24290),__webpack_require__(36891),__webpack_require__(87723),__webpack_require__(9647),__webpack_require__(10760),__webpack_require__(7609),__webpack_require__(22560),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(27670),__webpack_require__(84865),__webpack_require__(89893),__webpack_require__(99217),__webpack_require__(73494),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559);var debounce=__webpack_require__(79481),substring_highlight=__webpack_require__(2771),loader=__webpack_require__(15410),message=__webpack_require__(91317),search_input=__webpack_require__(20703),accordion_search=__webpack_require__(84669),accordion_search_default=__webpack_require__.n(accordion_search),accordion_search_options={};accordion_search_options.styleTagTransform=styleTagTransform_default(),accordion_search_options.setAttributes=setAttributesWithoutAttributes_default(),accordion_search_options.insert=insertBySelector_default().bind(null,"head"),accordion_search_options.domAPI=styleDomAPI_default(),accordion_search_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(accordion_search_default(),accordion_search_options),accordion_search_default()&&accordion_search_default().locals&&accordion_search_default().locals;function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i unknown"}},selected:{defaultValue:null,description:"Array of the selected items' IDs",name:"selected",required:!0,type:{name:"string[]"}},columns:{defaultValue:null,description:"A boolean indicating whether the component should span multiple\ncolumns: 2 columns for medium to 3 columns for large+ screens.",name:"columns",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/accordion-search.tsx#accordionsearch"]={docgenInfo:accordionsearch.__docgenInfo,name:"accordionsearch",path:"src/components/accordion-search.tsx#accordionsearch"})}catch(__react_docgen_typescript_loader_error){}var Accordion_stories={title:"Layout/Accordion",parameters:{purposeFunction:{function:"Show/hide blocks of content",purpose:"Minimise information-overload"}}},Accordion_stories_accordion=function accordion(){return(0,jsx_runtime.jsx)(src_components_accordion,{accordionTitle:(0,addon_knobs_dist.text)("title","Title"),count:(0,addon_knobs_dist.number)("count",0),alwaysOpen:(0,addon_knobs_dist.boolean)("alwaysOpen",!1),initialOpen:(0,addon_knobs_dist.boolean)("initialOpen",!1),children:(0,jsx_runtime.jsx)("div",{children:(0,dist.fH)({count:25,units:"words"})})})};Accordion_stories_accordion.displayName="accordion";var accordionData=[{label:"Data",id:"data",items:[{label:"Gene",id:"gene",items:[{label:"BRCA1",id:"brca1"},{label:"BRCA2",id:"brca2"},{label:"TP53",id:"tp53"}]},{label:"Organelle",id:"organelle",items:[{label:"Ribosome",id:"ribosome"},{label:"Nucleus",id:"nucleus"}]}]},{label:"External links",id:"external-links",items:[{label:"Sequence",id:"sequence",items:[{label:"CCDS",id:"ccds"},{label:"PIR",id:"pir"}]},{label:"3d structure",id:"3d-structure",items:[{label:"AlphaFoldDB",id:"alphafolddb"},{label:"BMRB",id:"bmrb"}]}]}],Accordion_stories_AccordionSearch=function AccordionSearch(){var _useState=(0,react.useState)([]),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1];return(0,jsx_runtime.jsx)(src_components_accordion_search,{placeholder:"Filter",accordionData:accordionData,selected:selected,onSelect:function onSelect(itemId){setSelected((function(selected){var index=selected.indexOf(itemId);return-1===index?[].concat((0,toConsumableArray.Z)(selected),[itemId]):[].concat((0,toConsumableArray.Z)(selected.slice(0,index)),(0,toConsumableArray.Z)(selected.slice(index+1)))}))}})};Accordion_stories_AccordionSearch.displayName="AccordionSearch"},26021:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{autocomplete:function(){return autocomplete},loadingAutocomplete:function(){return loadingAutocomplete}});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85914),_src_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(17118),_src_mock_data_tree_data__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(46900),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893);__webpack_exports__.default={title:"Forms/Autocomplete",parameters:{purposeFunction:{function:"Search through an array to make a selection",purpose:"Allow selection of item from flat data set"}}};var autocomplete=function autocomplete(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.ZP,{data:_src_mock_data_tree_data__WEBPACK_IMPORTED_MODULE_3__.d,onSelect:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onSelect"),placeholder:"Item A",filter:!0})};autocomplete.displayName="autocomplete";var loadingAutocomplete=function loadingAutocomplete(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.ZP,{data:_src_mock_data_tree_data__WEBPACK_IMPORTED_MODULE_3__.d,onSelect:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onSelect"),placeholder:"Item A",filter:!0,isLoading:!0})};loadingAutocomplete.displayName="loadingAutocomplete"},47160:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{bubble:function(){return bubble}});var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(95099),_src_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(74690),_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(65241),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893);__webpack_exports__.default={title:"Visualisation/Bubble",parameters:{purposeFunction:{purpose:"Highlight numbers.",function:"If there is more than 100 items the bubble will show 99+."}}};var bubble=function bubble(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.Z,{size:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.select)("size",["small","medium","large"],"small","Props"),style:{"--main-bubble-color":(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.select)("--main-bubble-color",_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_3__,_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_3__.seaBlue,"Custom Properties")},children:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.number)("children (bubble number value)",20,{min:0,max:200,step:.5},"Props")})};bubble.displayName="bubble"},10208:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Buttons:function(){return Buttons},ButtonGroups:function(){return ButtonGroups},WithIcon:function(){return WithIcon}});var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(95099),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85914),_src_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(19210),_src_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(7134),_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(65241),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(85893);__webpack_exports__.default={title:"Forms/Button",decorators:[(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.withKnobs)()],parameters:{purposeFunction:{purpose:"",function:""}}};var useColor=function useColor(){return(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.select)("--main-button-color",_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_3__,_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_3__.seaBlue,"Custom Properties")},useDisabled=function useDisabled(){return(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("disabled",!1,"Props")},Buttons=function Buttons(){var color=useColor(),disabled=useDisabled();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:{"--main-button-color":color},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Primary"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"secondary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Secondary"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"tertiary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Tertiary"})})]})};Buttons.displayName="Buttons";var ButtonGroups=function ButtonGroups(){var color=useColor(),disabled=useDisabled();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:{"--main-button-color":color},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"button-group",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("button",{className:"button tertiary",type:"button",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"One"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("button",{className:"button tertiary",type:"button",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Two"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("button",{className:"button tertiary",type:"button",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Three"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"button-group",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"One"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Two"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Three"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"button-group",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"secondary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"One"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"secondary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Two"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"secondary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Three"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"button-group",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"tertiary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"One"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"tertiary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Two"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"tertiary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Three"})]})]})};ButtonGroups.displayName="ButtonGroups";var WithIcon=function WithIcon(){var color=useColor(),disabled=useDisabled();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:{"--main-button-color":color},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_5__.Z,{}),"Primary"]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"secondary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_5__.Z,{}),"Secondary"]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"tertiary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_5__.Z,{}),"Tertiary"]})})]})};WithIcon.displayName="WithIcon"},49117:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{bytesNumber:function(){return bytesNumber},default:function(){return BytesNumber_stories}});var dist=__webpack_require__(95099),utils=__webpack_require__(31365),jsx_runtime=__webpack_require__(85893),bytes_number=function BytesNumber(_ref){var children=_ref.children,_ref$decimals=_ref.decimals,decimals=void 0===_ref$decimals?0:_ref$decimals;return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,utils.S5)(children,decimals)})};try{bytesnumber.displayName="bytesnumber",bytesnumber.__docgenInfo={description:"",displayName:"bytesnumber",props:{children:{defaultValue:null,description:"The number to format",name:"children",required:!0,type:{name:"string | number"}},decimals:{defaultValue:{value:"0"},description:"",name:"decimals",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/bytes-number.tsx#bytesnumber"]={docgenInfo:bytesnumber.__docgenInfo,name:"bytesnumber",path:"src/components/bytes-number.tsx#bytesnumber"})}catch(__react_docgen_typescript_loader_error){}var BytesNumber_stories={title:"Visualisation/Bytes number"},bytesNumber=function bytesNumber(){return(0,jsx_runtime.jsx)(bytes_number,{decimals:(0,dist.number)("decimals",0),children:(0,dist.number)("bytes",1024)})};bytesNumber.displayName="bytesNumber"},47653:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Card:function(){return Card}});var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(95099),_src_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(14113),_src_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(58193),_src_mock_data_lipsum__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(78645),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893),links=[{name:"10 Protein Interactions",link:"/red",color:"red"},{name:"9 Pathways",link:"/blue",color:"blue"},{name:"5 Diseases",link:"/diseases",color:"#bada55"},{name:"72 Variants",link:"/burlywood",color:"burlywood"},{key:"swissprot",name:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.Z,{width:"1.5ch"})," Reviewed"]}),link:"/reviewed"}];__webpack_exports__.default={title:"Layout/Card",parameters:{purposeFunction:{function:"Provide a contained section to show content for a given category.",purpose:"Create visually delimited areas to allow for easier scanning of content."}}};var Card=function Card(){var hasHeader=(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("header",!0,"Props"),hasHeaderSeparator=(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("headerSeparator",!0,"Props"),hasCheckbox=(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("checkbox (only if header)",!1,"Props");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_3__.Z,{header:hasHeader?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[hasCheckbox&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("input",{type:"checkbox"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("h2",{children:["Title"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a",{className:"medium",href:"/#",children:"APOE_HUMAN - P02649"})]})]}):void 0,headerSeparator:hasHeaderSeparator,links:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("links",!1,"Props")?links:void 0,children:(0,_src_mock_data_lipsum__WEBPACK_IMPORTED_MODULE_4__.GX)()})};Card.displayName="Card"},31006:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{chips:function(){return chips},default:function(){return Chips_stories},removable:function(){return removable},withClick:function(){return withClick},withKeyPress:function(){return withKeyPress}});var dist=__webpack_require__(95099),esm=__webpack_require__(85914),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(67294)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),times=__webpack_require__(74070),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_chip=__webpack_require__(29893),chip_default=__webpack_require__.n(components_chip),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()(chip_default(),options),chip_default()&&chip_default().locals&&chip_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["children","onRemove","className","disabled","compact","title","onClick","onKeyPress"],Chip=function Chip(_ref){var children=_ref.children,onRemove=_ref.onRemove,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,disabled=_ref.disabled,_ref$compact=_ref.compact,compact=void 0!==_ref$compact&&_ref$compact,onClick=(_ref.title,_ref.onClick),onKeyPress=_ref.onKeyPress,rest=(0,objectWithoutProperties.Z)(_ref,_excluded),onRemoveRef=(0,react.useRef)(onRemove);onRemoveRef.current=onRemove;var handleRemove=(0,react.useCallback)((function(event){var _onRemoveRef$current;event.stopPropagation(),null===(_onRemoveRef$current=onRemoveRef.current)||void 0===_onRemoveRef$current||_onRemoveRef$current.call(onRemoveRef,event)}),[]),props=Object.assign({},rest),element="button";onRemove&&(element="span",(onClick||onKeyPress)&&(props.role="button",props.tabIndex=0));var Element=element;return(0,jsx_runtime.jsxs)(Element,Object.assign({className:classnames_default()("chip",{"chip--disabled":disabled,"chip--compact":compact},className),type:"button"===element?"button":void 0,onKeyPress:onKeyPress,onClick:onClick},props,{children:[children,onRemove&&!disabled&&(0,jsx_runtime.jsx)(times.Z,{"data-testid":"remove-icon",onClick:handleRemove})]}))};Chip.displayName="Chip";var src_components_chip=Chip;try{Chip.displayName="Chip",Chip.__docgenInfo={description:"",displayName:"Chip",props:{children:{defaultValue:null,description:"What is displayed within the chip",name:"children",required:!1,type:{name:"ReactNode"}},onRemove:{defaultValue:null,description:"Call back which, if present, will display a remove icon and is fired when this is clicked",name:"onRemove",required:!1,type:{name:"((event: MouseEvent) => void)"}},disabled:{defaultValue:null,description:"If true will opacify the chip and prevent the remove from being clickable",name:"disabled",required:!1,type:{name:"boolean"}},className:{defaultValue:{value:""},description:"Additional CSS classnames to apply (eg secondary, tertiary)",name:"className",required:!1,type:{name:"string"}},compact:{defaultValue:{value:"false"},description:"Compact styling for chip",name:"compact",required:!1,type:{name:"boolean"}},title:{defaultValue:null,description:"Title to display on mouse over",name:"title",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"click event listener on the component (except on the close button if present)",name:"onClick",required:!1,type:{name:"((() => void) & MouseEventHandler)"}},onKeyPress:{defaultValue:null,description:"key press event listener on the component",name:"onKeyPress",required:!1,type:{name:"((() => void) & KeyboardEventHandler)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/chip.tsx#Chip"]={docgenInfo:Chip.__docgenInfo,name:"Chip",path:"src/components/chip.tsx#Chip"})}catch(__react_docgen_typescript_loader_error){}try{chip.displayName="chip",chip.__docgenInfo={description:"",displayName:"chip",props:{children:{defaultValue:null,description:"What is displayed within the chip",name:"children",required:!1,type:{name:"ReactNode"}},onRemove:{defaultValue:null,description:"Call back which, if present, will display a remove icon and is fired when this is clicked",name:"onRemove",required:!1,type:{name:"((event: MouseEvent) => void)"}},disabled:{defaultValue:null,description:"If true will opacify the chip and prevent the remove from being clickable",name:"disabled",required:!1,type:{name:"boolean"}},className:{defaultValue:{value:""},description:"Additional CSS classnames to apply (eg secondary, tertiary)",name:"className",required:!1,type:{name:"string"}},compact:{defaultValue:{value:"false"},description:"Compact styling for chip",name:"compact",required:!1,type:{name:"boolean"}},title:{defaultValue:null,description:"Title to display on mouse over",name:"title",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"click event listener on the component (except on the close button if present)",name:"onClick",required:!1,type:{name:"((() => void) & MouseEventHandler)"}},onKeyPress:{defaultValue:null,description:"key press event listener on the component",name:"onKeyPress",required:!1,type:{name:"((() => void) & KeyboardEventHandler)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/chip.tsx#chip"]={docgenInfo:chip.__docgenInfo,name:"chip",path:"src/components/chip.tsx#chip"})}catch(__react_docgen_typescript_loader_error){}var colours=__webpack_require__(65241),Chips_stories={title:"Core/Chip",decorators:[(0,dist.withKnobs)()],parameters:{purposeFunction:{function:"Can be used to make selections or trigger actions",purpose:"Display compact discrete information"}}},chips=function chips(){return(0,jsx_runtime.jsx)(src_components_chip,{title:(0,dist.text)("title","this is a chip","Props"),compact:(0,dist.boolean)("compact",!1,"Props"),disabled:(0,dist.boolean)("disabled",!1,"Props"),className:(0,dist.select)("className",["primary","secondary"],"primary","Props"),style:{"--main-chip-color":(0,dist.select)("--main-chip-color",colours,colours.sapphireBlue,"Custom Properties")},children:"Chip content"})};chips.displayName="chips";var withClick=function withClick(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(src_components_chip,{title:"this is a primary chip",onClick:(0,esm.action)("click on primary"),children:"Primary"}),(0,jsx_runtime.jsx)(src_components_chip,{className:"secondary",onClick:(0,esm.action)("click on secondary"),children:"Secondary"})]})},withKeyPress=function withKeyPress(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(src_components_chip,{title:"this is a primary chip",onKeyPress:(0,esm.action)("key press on primary"),children:"Primary"}),(0,jsx_runtime.jsx)(src_components_chip,{className:"secondary",onKeyPress:(0,esm.action)("key press on secondary"),children:"Secondary"})]})},removable=function removable(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(src_components_chip,{onRemove:(0,esm.action)("Remove chip"),children:"Primary"}),(0,jsx_runtime.jsx)(src_components_chip,{onRemove:(0,esm.action)("Remove chip"),className:"secondary",children:"Secondary"})]})}},49383:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{codeBlock:function(){return codeBlock},default:function(){return CodeBlock_stories}});var dist=__webpack_require__(95099),lorem_ipsum_dist=__webpack_require__(13380),objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),code_block=__webpack_require__(86082),code_block_default=__webpack_require__.n(code_block),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()(code_block_default(),options),code_block_default()&&code_block_default().locals&&code_block_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["lightMode","children","className"],CodeBlock=function CodeBlock(_ref){var lightMode=_ref.lightMode,children=_ref.children,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsx)("pre",Object.assign({className:classnames_default()("codeblock",{"codeblock-light":lightMode},className)},props,{children:(0,jsx_runtime.jsx)("code",{children:children})}))};CodeBlock.displayName="CodeBlock";var src_components_code_block=CodeBlock;try{codeblock.displayName="codeblock",codeblock.__docgenInfo={description:"",displayName:"codeblock",props:{lightMode:{defaultValue:null,description:"Activate light mode or defaults to dark mode",name:"lightMode",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/code-block.tsx#codeblock"]={docgenInfo:codeblock.__docgenInfo,name:"codeblock",path:"src/components/code-block.tsx#codeblock"})}catch(__react_docgen_typescript_loader_error){}var CodeBlock_stories={title:"Layout/CodeBlock",parameters:{purposeFunction:{function:"Display of preformatted text/code",purpose:"Provide pre-styled code blocks"}}},li=new lorem_ipsum_dist.Ap({sentencesPerParagraph:{max:1,min:1},wordsPerSentence:{max:12,min:8}}).generateParagraphs(10),codeBlock=function codeBlock(){return(0,jsx_runtime.jsx)(src_components_code_block,{lightMode:(0,dist.boolean)("lightMode",!1),children:li})};codeBlock.displayName="codeBlock"},34016:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{colours:function(){return colours}});var react_markdown__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(59362),rehype_raw__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(94656),_markdown_colours_md__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(4982),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893);__webpack_exports__.default={title:"Core/Colours"};var colours=function colours(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_markdown__WEBPACK_IMPORTED_MODULE_1__.D,{rehypePlugins:[rehype_raw__WEBPACK_IMPORTED_MODULE_2__.Z],children:_markdown_colours_md__WEBPACK_IMPORTED_MODULE_3__})};colours.displayName="colours"},92770:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{dataList:function(){return dataList},dataListLoading:function(){return dataListLoading},dataListWithLoader:function(){return dataListWithLoader},dataListWithLoaderAndCards:function(){return dataListWithLoaderAndCards},default:function(){return DataList_stories}});__webpack_require__(19601),__webpack_require__(40544),__webpack_require__(70731);var esm=__webpack_require__(85914),dist=__webpack_require__(95099),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(84865),__webpack_require__(67294)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),loader=__webpack_require__(15410),useDataCheckboxes=__webpack_require__(9633),data_loader=__webpack_require__(28566),jsx_runtime=__webpack_require__(85893),_excluded=["data","getIdKey","dataRenderer","loading","onSelectionChange","className"],DataListItem=function DataListItem(_ref){var rendered,datum=_ref.datum,id=_ref.id,dataRenderer=_ref.dataRenderer,loading=_ref.loading,firstItem=_ref.firstItem;try{rendered=dataRenderer(datum)}catch(error){if(!loading)throw error;rendered=firstItem&&(0,jsx_runtime.jsx)(loader.Z,{})}return(0,jsx_runtime.jsx)("li",{children:rendered},id)};DataListItem.displayName="DataListItem";var MemoizedDataListItem=(0,react.memo)(DataListItem),DataList=function DataList(_ref2){var data=_ref2.data,getIdKey=_ref2.getIdKey,dataRenderer=_ref2.dataRenderer,_ref2$loading=_ref2.loading,loading=void 0!==_ref2$loading&&_ref2$loading,onSelectionChange=_ref2.onSelectionChange,className=_ref2.className,props=(0,objectWithoutProperties.Z)(_ref2,_excluded),checkboxContainerRef=(0,useDataCheckboxes.ZP)(onSelectionChange).checkboxContainerRef;return(0,jsx_runtime.jsx)("ul",Object.assign({},props,{className:classnames_default()("data-list","no-bullet",className),ref:checkboxContainerRef,children:data.map((function(datum,index){var id=getIdKey(datum,index,data);return(0,jsx_runtime.jsx)(MemoizedDataListItem,{datum:datum,id:id,dataRenderer:dataRenderer,loading:loading,firstItem:0===index},id)}))}))};DataList.displayName="DataList";var DataListWithLoader=function DataListWithLoader(props){return(0,data_loader.Z)(DataList)(props)};try{DataList.displayName="DataList",DataList.__docgenInfo={description:"",displayName:"DataList",props:{data:{defaultValue:null,description:"The data to be displayed",name:"data",required:!0,type:{name:"Datum[]"}},loading:{defaultValue:{value:"false"},description:"Flag saying that data is loading, so we might be showing stale data",name:"loading",required:!1,type:{name:"boolean"}},getIdKey:{defaultValue:null,description:"A function that returns a unique ID for each of the data objects.\nSame function signature as a map function.",name:"getIdKey",required:!0,type:{name:"(datum: Datum, index: number, data: Datum[]) => string"}},onSelectionChange:{defaultValue:null,description:"A callback that is called whenever a user selects or unselects a row.",name:"onSelectionChange",required:!1,type:{name:"((event: MouseEvent | KeyboardEvent) => void)"}},dataRenderer:{defaultValue:null,description:"A renderer function for each item of the list.\nMake sure that it doesn't change unecessarily by wrapping it in useCallback",name:"dataRenderer",required:!0,type:{name:"(datum: Datum) => ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/data-list.tsx#DataList"]={docgenInfo:DataList.__docgenInfo,name:"DataList",path:"src/components/data-list.tsx#DataList"})}catch(__react_docgen_typescript_loader_error){}try{DataListWithLoader.displayName="DataListWithLoader",DataListWithLoader.__docgenInfo={description:"",displayName:"DataListWithLoader",props:{onLoadMoreItems:{defaultValue:null,description:"Callback to request more items if user scrolled to the bottom of the scroll-container or if\nthe scroll-container isn't scrollable yet because not enough items have been loaded yet. If\nnot provided this component will simply pass the data prop to the BaseComponent to be rendered\nwithout observing scroll or triggering more data loading.",name:"onLoadMoreItems",required:!0,type:{name:"() => void"}},hasMoreData:{defaultValue:null,description:"A boolean to indicate that the parent has more items to provide.",name:"hasMoreData",required:!0,type:{name:"boolean"}},loaderComponent:{defaultValue:null,description:"A custom loader component",name:"loaderComponent",required:!1,type:{name:"ReactNode"}},data:{defaultValue:null,description:"Data that is being represented in the wrapped component\nThe data to be displayed",name:"data",required:!0,type:{name:"Datum[]"}},clickToLoad:{defaultValue:null,description:"Use a button to load more data instead of having infinite scrolling.\nIf this prop is a string or a node, it will render this within the button",name:"clickToLoad",required:!1,type:{name:"ReactNode"}},loading:{defaultValue:{value:"false"},description:"Flag saying that data is loading, so we might be showing stale data",name:"loading",required:!1,type:{name:"boolean"}},getIdKey:{defaultValue:null,description:"A function that returns a unique ID for each of the data objects.\nSame function signature as a map function.",name:"getIdKey",required:!0,type:{name:"(datum: Datum, index: number, data: Datum[]) => string"}},onSelectionChange:{defaultValue:null,description:"A callback that is called whenever a user selects or unselects a row.",name:"onSelectionChange",required:!1,type:{name:"((event: MouseEvent | KeyboardEvent) => void)"}},dataRenderer:{defaultValue:null,description:"A renderer function for each item of the list.\nMake sure that it doesn't change unecessarily by wrapping it in useCallback",name:"dataRenderer",required:!0,type:{name:"(datum: Datum) => ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/data-list.tsx#DataListWithLoader"]={docgenInfo:DataListWithLoader.__docgenInfo,name:"DataListWithLoader",path:"src/components/data-list.tsx#DataListWithLoader"})}catch(__react_docgen_typescript_loader_error){}var card=__webpack_require__(58193),DataDecorator=__webpack_require__(22390),DataList_stories={title:"Data/Data List",parameters:{purposeFunction:{purpose:"",function:""}}},useClickToLoad=function useClickToLoad(){return(0,dist.boolean)("clickToLoad",!1,"Props")},useClickToLoadContent=function useClickToLoadContent(){return(0,dist.text)("clickToLoad content","")},dataList=function dataList(){return(0,jsx_runtime.jsx)(DataDecorator.Y_,{children:function children(props){return(0,jsx_runtime.jsx)(DataList,Object.assign({},props,{dataRenderer:function dataRenderer(content){return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:Object.values(content)})}}))}})};dataList.displayName="dataList";var dataListLoading=function dataListLoading(){return(0,jsx_runtime.jsx)(DataDecorator.Y_,{children:function children(props){return(0,jsx_runtime.jsx)(DataList,Object.assign({},props,{loading:!0,dataRenderer:function dataRenderer(content){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object.values(content),content.complex.value]})}}))}})};dataListLoading.displayName="dataListLoading";var dataListWithLoader=function dataListWithLoader(){return(0,jsx_runtime.jsx)(DataDecorator.Si,{children:function children(props){var clickToLoad=useClickToLoad(),clickToLoadContent=useClickToLoadContent();return(0,jsx_runtime.jsx)(DataListWithLoader,Object.assign({},props,{dataRenderer:function dataRenderer(content){return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:Object.values(content)})},clickToLoad:clickToLoad&&(clickToLoadContent||clickToLoad)}))}})};dataListWithLoader.displayName="dataListWithLoader";var dataListWithLoaderAndCards=function dataListWithLoaderAndCards(){return(0,jsx_runtime.jsx)(DataDecorator.Si,{children:function children(props){var selectable=(0,dist.boolean)("selectable",!1,"Props"),clickToLoad=useClickToLoad(),clickToLoadContent=useClickToLoadContent();return(0,jsx_runtime.jsx)(DataListWithLoader,Object.assign({},props,{dataRenderer:function dataRenderer(content){return(0,jsx_runtime.jsxs)(card.Z,{children:[selectable&&(0,jsx_runtime.jsx)("div",{className:"checkbox-cell",children:(0,jsx_runtime.jsx)("input",{type:"checkbox"})}),Object.values(content)]})},onSelectionChange:selectable?(0,esm.action)("onSelect"):void 0,clickToLoad:clickToLoad&&(clickToLoadContent||clickToLoad)}))}})};dataListWithLoaderAndCards.displayName="dataListWithLoaderAndCards"},79068:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{dataTable:function(){return dataTable},dataTableColumnLoading:function(){return dataTableColumnLoading},dataTableWithLoader:function(){return dataTableWithLoader},default:function(){return DataTable_stories}});var toConsumableArray=__webpack_require__(87329),esm=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(34102),__webpack_require__(85914)),dist=__webpack_require__(95099),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(84865),__webpack_require__(99217),__webpack_require__(67294)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),v1=__webpack_require__(42689),tippy_react_esm=__webpack_require__(13009),loader=__webpack_require__(15410),useDataCheckboxes=__webpack_require__(9633),data_loader=__webpack_require__(28566),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),data_table=__webpack_require__(97627),data_table_default=__webpack_require__.n(data_table),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()(data_table_default(),options),data_table_default()&&data_table_default().locals&&data_table_default().locals,__webpack_require__(96807);var jsx_runtime=__webpack_require__(85893),_excluded=["data","loading","columns","getIdKey","onHeaderClick","onSelectionChange","density","fixedLayout","optimisedRendering","className"],BLOCK="data-table",LabelContent=function LabelContent(_ref){var label=_ref.label;return"function"==typeof label?label():label},TippyLabelContent=(0,react.forwardRef)((function(_ref2,ref){var label=_ref2.label;return(0,jsx_runtime.jsx)("span",{ref:ref,children:(0,jsx_runtime.jsx)(LabelContent,{label:label})})})),DataTableHead=function DataTableHead(_ref3){var columns=_ref3.columns,onHeaderClick=_ref3.onHeaderClick,checkbox=_ref3.checkbox;return(0,jsx_runtime.jsx)("thead",{children:(0,jsx_runtime.jsxs)("tr",{children:[checkbox&&(0,jsx_runtime.jsx)("th",{className:BLOCK+"__header-cell--checkbox",children:(0,jsx_runtime.jsx)("div",{className:"checkbox-cell",children:checkbox})}),columns.map((function(_ref4){var _cn,sorted=_ref4.sorted,name=_ref4.name,label=_ref4.label,tooltip=_ref4.tooltip,sortable=_ref4.sortable,width=_ref4.width;return(0,jsx_runtime.jsx)("th",{className:classnames_default()((_cn={},_cn[BLOCK+"__header-cell--sortable"]=sortable,_cn[BLOCK+"__header-cell--"+(sorted||"ascend")]=sortable&&sorted,_cn)),onClick:sortable?function(){return null==onHeaderClick?void 0:onHeaderClick(name)}:void 0,style:width?{width:width}:void 0,children:tooltip&&void 0!==tooltip?(0,jsx_runtime.jsx)(tippy_react_esm.ZP,{content:tooltip,interactive:!0,placement:"bottom",children:(0,jsx_runtime.jsx)(TippyLabelContent,{label:label})}):(0,jsx_runtime.jsx)(LabelContent,{label:label})},name)}))]})})};DataTableHead.displayName="DataTableHead";var MemoizedDataTableHead=(0,react.memo)(DataTableHead),Cell=function Cell(_ref5){var rendered,column=_ref5.column,datum=_ref5.datum,loading=_ref5.loading,fixedLayout=_ref5.fixedLayout,firstColumn=_ref5.firstColumn;try{rendered=column.render(datum)}catch(error){if(!loading)throw error;rendered=firstColumn&&(0,jsx_runtime.jsx)(loader.Z,{})}return(0,jsx_runtime.jsx)("td",{className:fixedLayout?BLOCK+"__cell--ellipsis":void 0,children:rendered})};Cell.displayName="Cell";var DataTableRow=function DataTableRow(_ref6){var datum=_ref6.datum,loading=_ref6.loading,columns=_ref6.columns,selectable=_ref6.selectable,id=_ref6.id,fixedLayout=_ref6.fixedLayout,firstColumn=_ref6.firstColumn,idRef=(0,react.useRef)((0,v1.Z)());return(0,jsx_runtime.jsxs)("tr",{children:[selectable&&(0,jsx_runtime.jsxs)("td",{className:"checkbox-cell",children:[(0,jsx_runtime.jsx)("input",{type:"checkbox","data-id":id,id:idRef.current}),(0,jsx_runtime.jsx)("label",{htmlFor:idRef.current,"aria-label":id,title:"click to select, shift+click for multiple selection"})]}),columns.map((function(column){return(0,jsx_runtime.jsx)(Cell,{column:column,datum:datum,loading:loading,fixedLayout:fixedLayout,firstColumn:firstColumn},id+"-"+column.name)}))]})};DataTableRow.displayName="DataTableRow";var MemoizedDataTableRow=(0,react.memo)(DataTableRow),DataTable=function DataTable(_ref7){var _cn2,data=_ref7.data,loading=_ref7.loading,columns=_ref7.columns,getIdKey=_ref7.getIdKey,onHeaderClick=_ref7.onHeaderClick,onSelectionChange=_ref7.onSelectionChange,_ref7$density=_ref7.density,density=void 0===_ref7$density?"normal":_ref7$density,fixedLayout=_ref7.fixedLayout,optimisedRendering=_ref7.optimisedRendering,className=_ref7.className,props=(0,objectWithoutProperties.Z)(_ref7,_excluded),idRef=(0,react.useRef)((0,v1.Z)()),_useDataCheckboxes=(0,useDataCheckboxes.ZP)(onSelectionChange),selectAllRef=_useDataCheckboxes.selectAllRef,checkboxContainerRef=_useDataCheckboxes.checkboxContainerRef,checkSelectAllSync=_useDataCheckboxes.checkSelectAllSync;(0,react.useEffect)(checkSelectAllSync,[data,checkSelectAllSync]);var selectable=Boolean(onSelectionChange),selectAllCheckbox=(0,react.useMemo)((function(){return selectable&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("input",{type:"checkbox",id:idRef.current,ref:selectAllRef}),(0,jsx_runtime.jsx)("label",{htmlFor:idRef.current,"aria-label":"Selection control for all visible items"})]})}),[selectAllRef,selectable]);return(0,jsx_runtime.jsxs)("table",Object.assign({className:classnames_default()(className,BLOCK,(_cn2={},_cn2[BLOCK+"--compact"]="compact"===density,_cn2[BLOCK+"--fixed"]=fixedLayout,_cn2[BLOCK+"--optimised-rendering"]=optimisedRendering,_cn2))},props,{children:[(0,jsx_runtime.jsx)(MemoizedDataTableHead,{columns:columns,onHeaderClick:onHeaderClick,checkbox:selectAllCheckbox}),(0,jsx_runtime.jsx)("tbody",{ref:checkboxContainerRef,translate:"no",children:data.map((function(datum,index){var id=getIdKey(datum,index,data);return(0,jsx_runtime.jsx)(MemoizedDataTableRow,{datum:datum,loading:loading,id:id,selectable:selectable,firstColumn:0===index,columns:columns,fixedLayout:fixedLayout},id)}))})]}))};DataTable.displayName="DataTable";var DataTableWithLoader=function DataTableWithLoader(props){return(0,data_loader.Z)(DataTable)(props)};try{DataTable.displayName="DataTable",DataTable.__docgenInfo={description:"",displayName:"DataTable",props:{density:{defaultValue:{value:"normal"},description:"Display density of the table (default is 'normal')",name:"density",required:!1,type:{name:"enum",value:[{value:'"compact"'},{value:'"normal"'}]}},optimisedRendering:{defaultValue:null,description:'Choose to activate optimised rendering (default: false). Do not use if\n - height of row is really tall or variable (scroll bar will jump)\n - column width changes (should be fine with "fixedLayout")',name:"optimisedRendering",required:!1,type:{name:"boolean"}},data:{defaultValue:null,description:"The data to be displayed",name:"data",required:!0,type:{name:"Datum[]"}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},getIdKey:{defaultValue:null,description:"A function that returns a unique ID for each of the data objects.\nSame function signature as a map function.",name:"getIdKey",required:!0,type:{name:"(datum: Datum, index: number, data: Datum[]) => string"}},onSelectionChange:{defaultValue:null,description:"A callback that is called whenever a user selects or unselects a row.",name:"onSelectionChange",required:!1,type:{name:"((event: MouseEvent | KeyboardEvent) => void)"}},onHeaderClick:{defaultValue:null,description:"Optional event handler called when a sortable column header gets clicked\nMake sure that it doesn't change unecessarily by wrapping it in useCallback",name:"onHeaderClick",required:!1,type:{name:"((columnName: string) => void)"}},columns:{defaultValue:null,description:"An array of objects which specifies attributes about each column of your\ndata. Each object has label, name and render attributes.",name:"columns",required:!0,type:{name:"(SortableColumn | NonSortableColumn)[]"}},fixedLayout:{defaultValue:null,description:"Table fixed layout",name:"fixedLayout",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/data-table.tsx#DataTable"]={docgenInfo:DataTable.__docgenInfo,name:"DataTable",path:"src/components/data-table.tsx#DataTable"})}catch(__react_docgen_typescript_loader_error){}try{DataTableWithLoader.displayName="DataTableWithLoader",DataTableWithLoader.__docgenInfo={description:"",displayName:"DataTableWithLoader",props:{onLoadMoreItems:{defaultValue:null,description:"Callback to request more items if user scrolled to the bottom of the scroll-container or if\nthe scroll-container isn't scrollable yet because not enough items have been loaded yet. If\nnot provided this component will simply pass the data prop to the BaseComponent to be rendered\nwithout observing scroll or triggering more data loading.",name:"onLoadMoreItems",required:!0,type:{name:"() => void"}},hasMoreData:{defaultValue:null,description:"A boolean to indicate that the parent has more items to provide.",name:"hasMoreData",required:!0,type:{name:"boolean"}},loaderComponent:{defaultValue:null,description:"A custom loader component",name:"loaderComponent",required:!1,type:{name:"ReactNode"}},data:{defaultValue:null,description:"Data that is being represented in the wrapped component\nThe data to be displayed",name:"data",required:!0,type:{name:"Datum[]"}},clickToLoad:{defaultValue:null,description:"Use a button to load more data instead of having infinite scrolling.\nIf this prop is a string or a node, it will render this within the button",name:"clickToLoad",required:!1,type:{name:"ReactNode"}},density:{defaultValue:{value:"normal"},description:"Display density of the table (default is 'normal')",name:"density",required:!1,type:{name:"enum",value:[{value:'"compact"'},{value:'"normal"'}]}},optimisedRendering:{defaultValue:null,description:'Choose to activate optimised rendering (default: false). Do not use if\n - height of row is really tall or variable (scroll bar will jump)\n - column width changes (should be fine with "fixedLayout")',name:"optimisedRendering",required:!1,type:{name:"boolean"}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},getIdKey:{defaultValue:null,description:"A function that returns a unique ID for each of the data objects.\nSame function signature as a map function.",name:"getIdKey",required:!0,type:{name:"(datum: Datum, index: number, data: Datum[]) => string"}},onSelectionChange:{defaultValue:null,description:"A callback that is called whenever a user selects or unselects a row.",name:"onSelectionChange",required:!1,type:{name:"((event: MouseEvent | KeyboardEvent) => void)"}},onHeaderClick:{defaultValue:null,description:"Optional event handler called when a sortable column header gets clicked\nMake sure that it doesn't change unecessarily by wrapping it in useCallback",name:"onHeaderClick",required:!1,type:{name:"((columnName: string) => void)"}},columns:{defaultValue:null,description:"An array of objects which specifies attributes about each column of your\ndata. Each object has label, name and render attributes.",name:"columns",required:!0,type:{name:"(SortableColumn | NonSortableColumn)[]"}},fixedLayout:{defaultValue:null,description:"Table fixed layout",name:"fixedLayout",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/data-table.tsx#DataTableWithLoader"]={docgenInfo:DataTableWithLoader.__docgenInfo,name:"DataTableWithLoader",path:"src/components/data-table.tsx#DataTableWithLoader"})}catch(__react_docgen_typescript_loader_error){}var DataDecorator=__webpack_require__(22390),DataTable_stories={title:"Data/Data Table",parameters:{purposeFunction:{purpose:"",function:""}}},useCheckbox=function useCheckbox(){return(0,dist.boolean)("onSelectionChange",!1,"Props")},useFixedLayout=function useFixedLayout(){return(0,dist.boolean)("fixedLayout",!1,"Props")},useDensity=function useDensity(){return(0,dist.select)("density",["normal","compact"],"normal","Props")},useClickToLoad=function useClickToLoad(){return(0,dist.boolean)("clickToLoad",!1,"Props")},useClickToLoadContent=function useClickToLoadContent(){return(0,dist.text)("clickToLoad content","")},dataTable=function dataTable(){return(0,jsx_runtime.jsx)(DataDecorator.Y_,{children:function children(props){return(0,jsx_runtime.jsx)(DataTable,Object.assign({},props,{columns:DataDecorator.zF,onSelectionChange:useCheckbox()?(0,esm.action)("onSelectionChange"):void 0,onHeaderClick:(0,esm.action)("onHeaderClick"),fixedLayout:useFixedLayout(),density:useDensity()}))}})};dataTable.displayName="dataTable";var dataTableWithLoader=function dataTableWithLoader(){return(0,jsx_runtime.jsx)(DataDecorator.Si,{children:function children(props){var clickToLoad=useClickToLoad(),clickToLoadContent=useClickToLoadContent();return(0,jsx_runtime.jsx)(DataTableWithLoader,Object.assign({},props,{columns:DataDecorator.zF,onSelectionChange:useCheckbox()?(0,esm.action)("onSelectionChange"):void 0,onHeaderClick:(0,esm.action)("onHeaderClick"),fixedLayout:useFixedLayout(),density:useDensity(),clickToLoad:clickToLoad&&(clickToLoadContent||clickToLoad)}))}})};dataTableWithLoader.displayName="dataTableWithLoader";var dataTableColumnLoading=function dataTableColumnLoading(){return(0,jsx_runtime.jsx)(DataDecorator.Si,{children:function children(props){var clickToLoad=useClickToLoad(),clickToLoadContent=useClickToLoadContent();return(0,jsx_runtime.jsx)(DataTableWithLoader,Object.assign({},props,{loading:!0,columns:[].concat((0,toConsumableArray.Z)(DataDecorator.zF),[{label:"Column 6",name:"content6",render:function render(row){return row.content6.complexValue}}]),onSelectionChange:useCheckbox()?(0,esm.action)("onSelectionChange"):void 0,onHeaderClick:(0,esm.action)("onHeaderClick"),fixedLayout:useFixedLayout(),density:useDensity(),clickToLoad:clickToLoad&&(clickToLoadContent||clickToLoad)}))}})};dataTableColumnLoading.displayName="dataTableColumnLoading"},33143:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{decoratedListItem:function(){return decoratedListItem}});__webpack_require__(84865);var _src_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(47005),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893);__webpack_exports__.default={title:"Data/Decorated List Item",parameters:{purposeFunction:{purpose:"Provides a re-usable styled list element.",function:"Display a list item in various visual styles."}}};var data=[{title:"First",content:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:"Number one"})},{title:"Second",content:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:"Number two"})},{title:"Third",content:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:"Number three"})},{title:"Fourth",content:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:"Number four"})}],decoratedListItem=function decoratedListItem(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:"uniprot-grid",children:data.map((function(i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:"uniprot-grid-cell--span-3",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.Z,{compact:!0,altStyle:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h3",{children:i.title})})},i.title)}))})};decoratedListItem.displayName="decoratedListItem",decoratedListItem.storyName="Alternative Style"},36180:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return DisplayMenu_stories},displayMenu:function(){return displayMenu}});__webpack_require__(84865),__webpack_require__(99217);var react_router_dom=__webpack_require__(73727),react_router=__webpack_require__(5977),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),display_menu=__webpack_require__(91130),display_menu_default=__webpack_require__.n(display_menu),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()(display_menu_default(),options),display_menu_default()&&display_menu_default().locals&&display_menu_default().locals;var jsx_runtime=__webpack_require__(85893),DisplayMenu=function DisplayMenu(_ref){var data=_ref.data,_useRouteMatch=(0,react_router.useRouteMatch)(),path=_useRouteMatch.path,url=_useRouteMatch.url;return(0,jsx_runtime.jsx)("ul",{className:"display-menu",children:(0,jsx_runtime.jsx)("ul",{className:"no-bullet",children:data.map((function(displayItem){return(0,jsx_runtime.jsxs)("li",{children:[(0,jsx_runtime.jsx)("h5",{className:"display-menu__item_title",children:(0,jsx_runtime.jsxs)(react_router_dom.OL,{to:""+url+(displayItem.path.length>0?"/"+displayItem.path:displayItem.path),activeClassName:"display-menu__item_title--active",exact:displayItem.exact,children:[(0,jsx_runtime.jsx)("span",{className:"display-menu__item_icon",children:displayItem.icon&&displayItem.icon}),displayItem.name]})}),(0,jsx_runtime.jsx)(react_router.Route,{path:path+"/"+displayItem.path,render:function render(){return(0,jsx_runtime.jsx)("div",{className:"display-menu__item_content",children:displayItem.itemContent})},exact:displayItem.exact})]},displayItem.name)}))})})};DisplayMenu.displayName="DisplayMenu";var src_components_display_menu=DisplayMenu;try{displaymenu.displayName="displaymenu",displaymenu.__docgenInfo={description:"",displayName:"displaymenu",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"{ name: string; icon?: ReactNode; path: string; exact?: boolean | undefined; itemContent?: ReactNode; mainContent?: ReactNode; }[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/display-menu.tsx#displaymenu"]={docgenInfo:displaymenu.__docgenInfo,name:"displaymenu",path:"src/components/display-menu.tsx#displaymenu"})}catch(__react_docgen_typescript_loader_error){}var swissprot=__webpack_require__(14113),_mocks_displayMenu=[{name:"Item 1",icon:(0,jsx_runtime.jsx)(swissprot.Z,{}),itemContent:(0,jsx_runtime.jsxs)("ul",{className:"no-bullet",children:[(0,jsx_runtime.jsx)("li",{children:"Something"}),(0,jsx_runtime.jsx)("li",{children:"Something"}),(0,jsx_runtime.jsx)("li",{children:"Something"}),(0,jsx_runtime.jsx)("li",{children:"Something"}),(0,jsx_runtime.jsx)("li",{children:"Something"})]}),path:"",exact:!0},{name:"Item 2",icon:null,itemContent:(0,jsx_runtime.jsx)("div",{children:"Something else"}),path:"/item2"},{name:"Item 3",path:"/item3"}],DisplayMenu_stories={title:"Layout/Display Menu",parameters:{purposeFunction:{purpose:"",function:""}}},displayMenu=function displayMenu(){return(0,jsx_runtime.jsx)(src_components_display_menu,{data:_mocks_displayMenu})};displayMenu.displayName="displayMenu"},3812:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Doughnut_stories},largeDoughnut:function(){return largeDoughnut},regularDoughnut:function(){return regularDoughnut},smallDoughnut:function(){return smallDoughnut}});var injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),doughnut_chart=__webpack_require__(52529),doughnut_chart_default=__webpack_require__.n(doughnut_chart),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()(doughnut_chart_default(),options),doughnut_chart_default()&&doughnut_chart_default().locals&&doughnut_chart_default().locals;var jsx_runtime=__webpack_require__(85893),DoughnutChart=function DoughnutChart(_ref){var leftTransformerDegree,rightTransformerDegree,_ref$size=_ref.size,size=void 0===_ref$size?"medium":_ref$size,_ref$percent=_ref.percent,percent=void 0===_ref$percent?0:_ref$percent,_ref$bgColorClass=_ref.bgColorClass,bgColorClass=void 0===_ref$bgColorClass?"colour-platinum":_ref$bgColorClass,_ref$colorClass=_ref.colorClass,colorClass=void 0===_ref$colorClass?"colour-sea-blue":_ref$colorClass,children=_ref.children;return percent>=50?(rightTransformerDegree="180deg",leftTransformerDegree=3.6*(percent-50)+"deg"):(rightTransformerDegree=3.6*percent+"deg",leftTransformerDegree="0deg"),(0,jsx_runtime.jsxs)("span",{className:"doughnut-chart--"+size+" "+bgColorClass,children:[(0,jsx_runtime.jsx)("span",{className:"doughnut-chart--"+size+"__left-wrap",children:(0,jsx_runtime.jsx)("span",{className:"doughnut-chart--"+size+"__left-wrap__loader "+colorClass,style:{transform:"rotate("+leftTransformerDegree+")"}})}),(0,jsx_runtime.jsx)("span",{className:"doughnut-chart--"+size+"__right-wrap",children:(0,jsx_runtime.jsx)("span",{className:"doughnut-chart--"+size+"__right-wrap__loader "+colorClass,style:{transform:"rotate("+rightTransformerDegree+")"}})}),(0,jsx_runtime.jsx)("span",{className:"doughnut-chart--"+size+"__inner-circle",style:{},children:children||(0,jsx_runtime.jsx)("span",{children:percent+"%"})})]})};DoughnutChart.displayName="DoughnutChart";var src_components_doughnut_chart=DoughnutChart;try{doughnutchart.displayName="doughnutchart",doughnutchart.__docgenInfo={description:"",displayName:"doughnutchart",props:{size:{defaultValue:{value:"medium"},description:"The bubble size (default is medium)",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},colorClass:{defaultValue:{value:"colour-sea-blue"},description:"The chart colour",name:"colorClass",required:!1,type:{name:"string"}},bgColorClass:{defaultValue:{value:"colour-platinum"},description:"The background chart colour",name:"bgColorClass",required:!1,type:{name:"string"}},percent:{defaultValue:{value:"0"},description:"The ratio to be displayed in percent.",name:"percent",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/doughnut-chart.tsx#doughnutchart"]={docgenInfo:doughnutchart.__docgenInfo,name:"doughnutchart",path:"src/components/doughnut-chart.tsx#doughnutchart"})}catch(__react_docgen_typescript_loader_error){}var Doughnut_stories={title:"Visualisation/Doughnut",parameters:{purposeFunction:{purpose:"Highlight a ratio.",function:"Used to represent numbers which represent a quantity relative to a total. By default shown as percentages but custom text can be shown instead"}}},smallDoughnut=function smallDoughnut(){return(0,jsx_runtime.jsx)(src_components_doughnut_chart,{percent:90,size:"small",children:"9"})};smallDoughnut.displayName="smallDoughnut";var regularDoughnut=function regularDoughnut(){return(0,jsx_runtime.jsx)(src_components_doughnut_chart,{percent:60,colorClass:"colour-uniref",bgColorClass:"colour-sky-white",children:"3/5"})};regularDoughnut.displayName="regularDoughnut";var largeDoughnut=function largeDoughnut(){return(0,jsx_runtime.jsx)(src_components_doughnut_chart,{percent:20,size:"large"})};largeDoughnut.displayName="largeDoughnut"},41011:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{controlledDropdown:function(){return controlledDropdown},dropdown:function(){return dropdown}});__webpack_require__(84865);var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(95099),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(67294),_src_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(64424),_src_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(19210),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(85893);__webpack_exports__.default={title:"Forms/Dropdown button",parameters:{purposeFunction:{function:"Shows a dropdown area when clicked",purpose:"Allow the user to perform actions"}}};var variants=["primary","secondary","tertiary"],controlledDropdown=function controlledDropdown(){var expanded=(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("expanded",!1);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p",{children:"Controlled dropdowns (trigger through storybook knobs)"}),variants.map((function(variant){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_src_components__WEBPACK_IMPORTED_MODULE_4__.F4,{visibleElement:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_5__.Z,{variant:variant,children:"Download"}),expanded:expanded,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p",{children:"Download content from:"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("ul",{className:"no-bullet",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("li",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"//www.uniprot.org",children:"UniProt"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("li",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"//www.ensembl.org",children:"Ensembl"})})]})]})," "]},variant)}))]})};controlledDropdown.displayName="controlledDropdown";var dropdown=function dropdown(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p",{children:"Uncontrolled/automatic dropdowns"}),variants.map((function(variant){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Lt,{visibleElement:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_5__.Z,{variant:variant,children:"Download"}),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p",{children:"Download content from:"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("ul",{className:"no-bullet",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("li",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"//www.uniprot.org",children:"UniProt"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("li",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"//www.ensembl.org",children:"Ensembl"})})]})]})})," "]},variant)}))]})};dropdown.displayName="dropdown"},46795:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return EllipsisReveal_stories},ellipsisReveal:function(){return ellipsisReveal},ellipsisRevealInGroup:function(){return ellipsisRevealInGroup}});var toConsumableArray=__webpack_require__(87329),slicedToArray=__webpack_require__(34699),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(33948),__webpack_require__(19601),__webpack_require__(10760),__webpack_require__(7609),__webpack_require__(22560),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(34102),__webpack_require__(70731),__webpack_require__(67294)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),components_button=__webpack_require__(19210),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ellipsis_reveal=__webpack_require__(18322),ellipsis_reveal_default=__webpack_require__.n(ellipsis_reveal),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()(ellipsis_reveal_default(),options),ellipsis_reveal_default()&&ellipsis_reveal_default().locals&&ellipsis_reveal_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["children","className","title","contextKey"],Context=(0,react.createContext)(null);Context.displayName="EllipsisRevealContext";var Provider=function Provider(_ref){var children=_ref.children,state=(0,react.useState)(new Set);return(0,jsx_runtime.jsx)(Context.Provider,{value:state,children:children})};Provider.displayName="Provider";var EllipsisReveal=function EllipsisReveal(_ref2){var children=_ref2.children,className=_ref2.className,title=_ref2.title,contextKey=_ref2.contextKey,props=(0,objectWithoutProperties.Z)(_ref2,_excluded),contextState=(0,react.useContext)(Context),openFromContext=contextState&&contextKey&&contextState[0].has(contextKey),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),open=_useState2[0],setOpen=_useState2[1];return open||openFromContext?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:children}):(0,jsx_runtime.jsx)(components_button.z,Object.assign({variant:"tertiary",onClick:function onClick(){setOpen(!0),contextKey&&contextState&&contextState[1]((function(previousSet){return new Set([].concat((0,toConsumableArray.Z)(previousSet),[contextKey]))}))},className:classnames_default()(className,"ellipsis-reveal"),title:title||"Show more","aria-expanded":"false"},props,{children:"[...]"}))};EllipsisReveal.displayName="EllipsisReveal",EllipsisReveal.Provider=Provider;var src_components_ellipsis_reveal=EllipsisReveal;try{ellipsisreveal.displayName="ellipsisreveal",ellipsisreveal.__docgenInfo={description:"",displayName:"ellipsisreveal",props:{contextKey:{defaultValue:null,description:"",name:"contextKey",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ellipsis-reveal.tsx#ellipsisreveal"]={docgenInfo:ellipsisreveal.__docgenInfo,name:"ellipsisreveal",path:"src/components/ellipsis-reveal.tsx#ellipsisreveal"})}catch(__react_docgen_typescript_loader_error){}var lipsum=__webpack_require__(78645),EllipsisReveal_stories={title:"Data/Ellipsis Reveal",decorators:[],parameters:{purposeFunction:{purpose:"Make the display more compact by not displaying all information by default.",function:"Display additional text as part of an already existing block of text."}}},ellipsisReveal=function ellipsisReveal(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Some text ",(0,jsx_runtime.jsx)(src_components_ellipsis_reveal,{children:(0,lipsum.GX)()})]})},ellipsisRevealInGroup=function ellipsisRevealInGroup(){return(0,jsx_runtime.jsxs)(src_components_ellipsis_reveal.Provider,{children:[(0,jsx_runtime.jsxs)("p",{children:["Some text"," ",(0,jsx_runtime.jsx)(src_components_ellipsis_reveal,{contextKey:"group",children:(0,lipsum.GX)()})]}),(0,jsx_runtime.jsxs)("p",{children:["Some other text"," ",(0,jsx_runtime.jsx)(src_components_ellipsis_reveal,{contextKey:"group",children:(0,lipsum.GX)()})]}),(0,jsx_runtime.jsxs)("p",{children:["Some other text again"," ",(0,jsx_runtime.jsx)(src_components_ellipsis_reveal,{contextKey:"group",children:(0,lipsum.GX)()})]})]})};ellipsisRevealInGroup.displayName="ellipsisRevealInGroup"},83535:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return EvidenceTag_stories},evidenceTag:function(){return evidenceTag}});var dist=__webpack_require__(95099),slicedToArray=__webpack_require__(34699),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(67294)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),v1=__webpack_require__(42689),evidence_tag=__webpack_require__(67607),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_evidence_tag=__webpack_require__(10959),evidence_tag_default=__webpack_require__.n(components_evidence_tag),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()(evidence_tag_default(),options),evidence_tag_default()&&evidence_tag_default().locals&&evidence_tag_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["label","title","className","iconComponent","children"],src_components_evidence_tag=function EvidenceTag(_ref){var label=_ref.label,className=(_ref.title,_ref.className),_ref$iconComponent=_ref.iconComponent,iconComponent=void 0===_ref$iconComponent?(0,jsx_runtime.jsx)(evidence_tag.Z,{}):_ref$iconComponent,children=_ref.children,props=(0,objectWithoutProperties.Z)(_ref,_excluded),idRef=(0,react.useRef)((0,v1.Z)()),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),contentDisplay=_useState2[0],setContentDisplay=_useState2[1];return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("button",Object.assign({className:classnames_default()(className,"evidence-tag"),onClick:function onClick(){return setContentDisplay(!contentDisplay)},type:"button","data-testid":"evidence-tag-trigger","aria-expanded":contentDisplay,"aria-controls":idRef.current},props,{children:[(0,react.cloneElement)(iconComponent,{width:12,height:12}),(0,jsx_runtime.jsx)("span",{className:"evidence-tag__label",children:label})]})),children&&(0,jsx_runtime.jsx)("div",{className:"evidence-tag-content "+(contentDisplay?"evidence-tag-content--visible":""),"data-testid":"evidence-tag-content",id:idRef.current,children:contentDisplay&&children})]})};try{evidencetag.displayName="evidencetag",evidencetag.__docgenInfo={description:"",displayName:"evidencetag",props:{label:{defaultValue:null,description:"Displayed on the tag",name:"label",required:!0,type:{name:"string"}},iconComponent:{defaultValue:{value:""},description:"Icon to display",name:"iconComponent",required:!1,type:{name:"ReactElement<{ width: number; height: number; }, string | JSXElementConstructor>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/evidence-tag.tsx#evidencetag"]={docgenInfo:evidencetag.__docgenInfo,name:"evidencetag",path:"src/components/evidence-tag.tsx#evidencetag"})}catch(__react_docgen_typescript_loader_error){}var information=__webpack_require__(96502),help=__webpack_require__(5407),lipsum=__webpack_require__(78645),EvidenceTag_stories={title:"Biocomponents/Evidence Tag",decorators:[(0,dist.withKnobs)()],parameters:{purposeFunction:{function:"Provide the user with information about the evidence associated to a piece of text.",purpose:"Inform the user so they can make a decision regarding the trustworthyness of a piece of text"}}},IconComponentOptions={EvidenceTag:(0,jsx_runtime.jsx)(evidence_tag.Z,{}),InformationIcon:(0,jsx_runtime.jsx)(information.Z,{}),HelpIcon:(0,jsx_runtime.jsx)(help.Z,{})},evidenceTag=function evidenceTag(){return(0,jsx_runtime.jsx)(src_components_evidence_tag,{label:(0,dist.text)("label","this is an evidence tag","Props"),iconComponent:IconComponentOptions[(0,dist.select)("iconComponent",["EvidenceTag","InformationIcon","HelpIcon"],"EvidenceTag","Props")],children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("h5",{children:"Some title"}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()})]})})};evidenceTag.displayName="evidenceTag"},25979:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{expandableList:function(){return expandableList},expandableListWithExtraAction:function(){return expandableListWithExtraAction}});__webpack_require__(84865);var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(95099),_src_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(81458),_src_mock_data_lipsum__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(78645),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(85893);__webpack_exports__.default={title:"Data/Expandable List",decorators:[(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.withKnobs)()],parameters:{purposeFunction:{purpose:"Provide a way of truncating long unordered lists of items.",function:"Display an unordered list of items which is initially collapsed."}}};var expandableList=function expandableList(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_3__.ZP,{numberCollapsedItems:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.number)("Number of displayed items",5,{min:0,step:1},"Props"),descriptionString:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("Description string","lorem ipsum items","Props"),displayNumberOfHiddenItems:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("Display number of hidden items",!1,"Props"),children:(0,_src_mock_data_lipsum__WEBPACK_IMPORTED_MODULE_4__.JS)({numberElements:10,keys:["content"],type:"words"}).map((function(_ref){var id=_ref.id,content=_ref.content;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span",{children:content},id)}))})};expandableList.displayName="expandableList";var expandableListWithExtraAction=function expandableListWithExtraAction(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_3__.ZP,{numberCollapsedItems:5,descriptionString:"Lorem ipsum items",extraActions:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a",{className:"button tertiary expandable-list__action",children:"some link"}),children:(0,_src_mock_data_lipsum__WEBPACK_IMPORTED_MODULE_4__.JS)({numberElements:10,keys:["content"],type:"words"}).map((function(_ref2){var id=_ref2.id,content=_ref2.content;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span",{children:content},id)}))})};expandableListWithExtraAction.displayName="expandableListWithExtraAction"},57053:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{externalLink:function(){return externalLink},externalLinkWithoutPassingText:function(){return externalLinkWithoutPassingText},externalLinkWithNullUrl:function(){return externalLinkWithNullUrl}});var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(95099),_src_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(38893),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893);__webpack_exports__.default={title:"Core/External link",decorators:[(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.withKnobs)()],parameters:{purposeFunction:{purpose:"Indicate to the user that the link will take them to another website.",function:"Provide a link to another web resource."}}};var externalLink=function externalLink(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.Z,{url:"https://www.ebi.ac.uk/",noIcon:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("Hide icon?",!1),children:"external link"})};externalLink.displayName="externalLink";var externalLinkWithoutPassingText=function externalLinkWithoutPassingText(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.Z,{url:"https://www.ebi.ac.uk/",tidyUrl:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("Tidy URL string?",!1),noIcon:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("Hide icon?",!1)})};externalLinkWithoutPassingText.displayName="externalLinkWithoutPassingText";var externalLinkWithNullUrl=function externalLinkWithNullUrl(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.Z,{url:null,children:"Not a link because no URL"})};externalLinkWithNullUrl.displayName="externalLinkWithNullUrl"},69728:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Facets_stories},facets:function(){return Facets_stories_facets}});__webpack_require__(74916),__webpack_require__(64765),__webpack_require__(52552),__webpack_require__(21156),__webpack_require__(36385),__webpack_require__(84865),__webpack_require__(99217);var react_router=__webpack_require__(5977),objectWithoutProperties=(__webpack_require__(41817),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559),__webpack_require__(41678),__webpack_require__(45083),__webpack_require__(10245),__webpack_require__(81253)),slicedToArray=__webpack_require__(34699),react=(__webpack_require__(33948),__webpack_require__(41637),__webpack_require__(38559),__webpack_require__(84944),__webpack_require__(33792),__webpack_require__(39714),__webpack_require__(19601),__webpack_require__(89999),__webpack_require__(7609),__webpack_require__(22560),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(38802),__webpack_require__(77151),__webpack_require__(10760),__webpack_require__(87351),__webpack_require__(23269),__webpack_require__(39120),__webpack_require__(73494),__webpack_require__(81828),__webpack_require__(70731),__webpack_require__(67294)),react_router_dom=__webpack_require__(73727),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),expandable_list=__webpack_require__(81458),utils=__webpack_require__(31365),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),facets=__webpack_require__(22012),facets_default=__webpack_require__.n(facets),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()(facets_default(),options),facets_default()&&facets_default().locals&&facets_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["data","extraActions","queryStringKey","facetClickHandler"],_excluded2=["data","extraActionsFor","queryStringKey","children","className","facetClickHandler"];function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1&&void 0!==arguments[1]?arguments[1]:"facets",parsed=new URLSearchParams(string),customParsed=Object.fromEntries(parsed),queryStringFacet=parsed.get(queryStringKey);if(!queryStringFacet)return customParsed;var _step,facetTokens=queryStringFacet.split(",").map((function(stringTuple){return stringTuple.split(":")})),facets={},_iterator=_createForOfIteratorHelper(facetTokens);try{for(_iterator.s();!(_step=_iterator.n()).done;){var _ref=_step.value,_ref2=(0,slicedToArray.Z)(_ref,2),name=_ref2[0],value=_ref2[1];facets[name]||(facets[name]=new Set),facets[name].add(value)}}catch(err){_iterator.e(err)}finally{_iterator.f()}return customParsed[queryStringKey]=facets,customParsed},stringify=function stringify(query){var queryStringKey=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"facets",_query$queryStringKey=query[queryStringKey],facets=void 0===_query$queryStringKey?{}:_query$queryStringKey,rest=(0,objectWithoutProperties.Z)(query,[queryStringKey].map(_toPropertyKey)),facetString=Object.entries(facets).map((function(_ref3){var _ref4=(0,slicedToArray.Z)(_ref3,2),name=_ref4[0],values=_ref4[1];return Array.from(values).map((function(value){return name+":"+value}))})).flat().join(","),sp=new URLSearchParams(rest);return facetString?(sp.set(queryStringKey,facetString),sp.toString()):sp.toString()},Facet=function Facet(_ref5){var _data$values,data=_ref5.data,extraActions=_ref5.extraActions,_ref5$queryStringKey=_ref5.queryStringKey,queryStringKey=void 0===_ref5$queryStringKey?"facets":_ref5$queryStringKey,facetClickHandler=_ref5.facetClickHandler,props=(0,objectWithoutProperties.Z)(_ref5,_excluded),location=(0,react_router.useLocation)(),search=parse(location.search,queryStringKey);return null!==(_data$values=data.values)&&void 0!==_data$values&&_data$values.length?(0,jsx_runtime.jsxs)("div",Object.assign({},props,{children:[(0,jsx_runtime.jsx)("div",{className:"facet-name",children:data.label||data.name}),(0,jsx_runtime.jsx)(expandable_list.ZP,{extraActions:extraActions,children:data.values.map((function(_ref6){var _queryField$data$name,_Object$assign,_Object$assign2,value=_ref6.value,label=_ref6.label,count=_ref6.count,queryField=search[queryStringKey],isActive=null==queryField||null===(_queryField$data$name=queryField[data.name])||void 0===_queryField$data$name?void 0:_queryField$data$name.has(value),facetSet=new Set(data.allowMultipleSelection&&queryField?queryField[data.name]:null);facetSet[isActive?"delete":"add"](value);var to=Object.assign({},location,{search:stringify(Object.assign({},search,(_Object$assign2={},_Object$assign2[queryStringKey]=Object.assign({},queryField,(_Object$assign={},_Object$assign[data.name]=facetSet,_Object$assign)),_Object$assign2)),queryStringKey)});return(0,jsx_runtime.jsxs)(react_router_dom.rU,{to:to,className:isActive?"facet-active":void 0,onClick:facetClickHandler,children:[label||value," ("+(0,utils.HN)(count)+")"]},data.name+"_"+value)}))})]})):null};Facet.displayName="Facet";var Facets=function Facets(_ref7){var data=_ref7.data,extraActionsFor=_ref7.extraActionsFor,_ref7$queryStringKey=_ref7.queryStringKey,queryStringKey=void 0===_ref7$queryStringKey?"facets":_ref7$queryStringKey,children=_ref7.children,className=_ref7.className,facetClickHandler=_ref7.facetClickHandler,props=(0,objectWithoutProperties.Z)(_ref7,_excluded2);return null!=data&&data.length||react.Children.count(children)?(0,jsx_runtime.jsx)("div",Object.assign({className:classnames_default()(className,"facets")},props,{children:(0,jsx_runtime.jsxs)("ul",{className:"no-bullet",children:[null==data?void 0:data.map((function(facet){var _facet$values;return null!==(_facet$values=facet.values)&&void 0!==_facet$values&&_facet$values.length?(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)(Facet,{data:facet,extraActions:null==extraActionsFor?void 0:extraActionsFor.get(facet.name),queryStringKey:queryStringKey,facetClickHandler:facetClickHandler})},facet.name):null})),react.Children.map(children,(function(child,index){return child?(0,jsx_runtime.jsx)("li",{children:child},"object"==typeof child&&"key"in child&&child.key||index):null}))]})})):null};Facets.displayName="Facets";try{parse.displayName="parse",parse.__docgenInfo={description:"Takes a search string and parse it, handle facets specifically, keeps them\nas sets of values",displayName:"parse",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/facets.tsx#parse"]={docgenInfo:parse.__docgenInfo,name:"parse",path:"src/components/facets.tsx#parse"})}catch(__react_docgen_typescript_loader_error){}try{stringify.displayName="stringify",stringify.__docgenInfo={description:'Takes a parsed search object (as generated by the previous "parse" function)\nand generate a search string',displayName:"stringify",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/facets.tsx#stringify"]={docgenInfo:stringify.__docgenInfo,name:"stringify",path:"src/components/facets.tsx#stringify"})}catch(__react_docgen_typescript_loader_error){}try{Facet.displayName="Facet",Facet.__docgenInfo={description:"",displayName:"Facet",props:{data:{defaultValue:null,description:"The facet data to be displayed",name:"data",required:!0,type:{name:"FacetObject"}},extraActions:{defaultValue:null,description:'Extra components to be added in the "action" area',name:"extraActions",required:!1,type:{name:"ReactNode"}},queryStringKey:{defaultValue:{value:"facets"},description:'Key with which to add the facets in the querystring (defaults to "facets")',name:"queryStringKey",required:!1,type:{name:"string"}},facetClickHandler:{defaultValue:null,description:"ClickHandler for specific behaviour",name:"facetClickHandler",required:!1,type:{name:"((event: MouseEvent) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/facets.tsx#Facet"]={docgenInfo:Facet.__docgenInfo,name:"Facet",path:"src/components/facets.tsx#Facet"})}catch(__react_docgen_typescript_loader_error){}try{Facets.displayName="Facets",Facets.__docgenInfo={description:"",displayName:"Facets",props:{data:{defaultValue:null,description:"The facet data to be displayed",name:"data",required:!1,type:{name:"FacetObject[]"}},extraActionsFor:{defaultValue:null,description:'Extra components to be added in the "action" area, map of ',name:"extraActionsFor",required:!1,type:{name:"Map"}},queryStringKey:{defaultValue:{value:"facets"},description:'Key with which to add the facets in the querystring (defaults to "facets")',name:"queryStringKey",required:!1,type:{name:"string"}},facetClickHandler:{defaultValue:null,description:"ClickHandler for specific behaviour",name:"facetClickHandler",required:!1,type:{name:"((event: MouseEvent) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/facets.tsx#Facets"]={docgenInfo:Facets.__docgenInfo,name:"Facets",path:"src/components/facets.tsx#Facets"})}catch(__react_docgen_typescript_loader_error){}var mock_data_facetData=[{label:"Facet 1",name:"facet_1",allowMultipleSelection:!1,values:[{label:"Value 1",value:"value_1",count:76},{label:"Value 2",value:"value_2",count:79}]},{label:"Facet 2",name:"facet_2",allowMultipleSelection:!0,values:[{label:"Value 1",value:"value_1",count:764879},{label:void 0,value:"value_2",count:794}]},{label:"Facet not shown",name:"facet_not"},{label:"Long facet shown",name:"long_facet",allowMultipleSelection:!0,values:[{label:"Value 1",value:"value_1",count:764879},{label:"Value 2",value:"value_2",count:764879},{label:"Value 3",value:"value_3",count:764879},{label:"Value 4",value:"value_4",count:764879},{label:"Value 5",value:"value_5",count:764879},{label:"Value 6",value:"value_6",count:764879},{label:"Value 7",value:"value_7",count:764879},{label:"Value 8",value:"value_8",count:764879},{label:"Value 9",value:"value_9",count:764879},{label:"Value 10",value:"value_10",count:764879},{label:"Value 11",value:"value_11",count:764879}]}],Facets_stories={title:"Data/Facets",parameters:{purposeFunction:{purpose:"Give meta-information about a result set (e.g. keywords, top organisms, …) and allow restriction of a results set.",function:"Modify a query to filter a set of results, highlight filter which is currently selected, remove selected filter."}}},propFacetData=mock_data_facetData.slice(0,2),childFacetData=mock_data_facetData.slice(2),Demo=function Demo(){var location=(0,react_router.useLocation)();return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("code",{style:{margin:"0 1ch"},children:["pathname: ",location.pathname+location.search]}),(0,jsx_runtime.jsx)("div",{style:{border:"1px solid black",padding:"1ch"},children:(0,jsx_runtime.jsxs)(Facets,{data:propFacetData,children:["injected content",childFacetData.map((function(facet){return(0,jsx_runtime.jsx)(Facet,{data:facet},facet.name)}))]})})]})},Facets_stories_facets=function facets(){return(0,jsx_runtime.jsx)(react_router.MemoryRouter,{initialEntries:["/initial/path/id1?facets=facet_2%3Avalue_2&other_field&yet_another=value"],children:(0,jsx_runtime.jsx)(Demo,{})})};Facets_stories_facets.displayName="facets"},25684:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{grid:function(){return grid}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893);__webpack_exports__.default={title:"Core/Grid"};var gridStyles={grid:{margin:"1rem 0","--grid-background":"#ccc"},cell:{background:"#ccc",padding:".5rem"},cell2:{background:"blue",paddingTop:"0.5rem",paddingBottom:"0.5rem"}},grid=function grid(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3",{children:"Uniprot Grid"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.grid,className:"uniprot-grid",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-12",children:"span-12"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{style:gridStyles.grid,className:"uniprot-grid",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-6",children:"span-6"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-6",children:"span-6"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{style:gridStyles.grid,className:"uniprot-grid",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-4",children:"span-4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-8",children:"span-8"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{style:gridStyles.grid,className:"uniprot-grid",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-4",children:"span-4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-4",children:"span-4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-4",children:"span-4"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{style:gridStyles.grid,className:"uniprot-grid",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-1",children:"span-1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-11",children:"span-1"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.grid,className:"uniprot-grid",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-11 uniprot-grid-cell--offset-1",children:"span-11 offset-1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{style:gridStyles.grid,className:"uniprot-grid",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-5 uniprot-grid-cell--offset-2",children:"span-5 offset-2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-5",children:"span-5"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3",{children:"Grid modifiers"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("code",{children:"--centered"}),": To use if the grid should be centered on the page instead of full width."]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("code",{children:"--with-bleed"}),": Sometimes, you need the grid background to overflow into the leftmost and rightmost gutters. Define the colour by using the css variable ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("code",{children:"--grid-background"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.grid,className:"uniprot-grid uniprot-grid--centered uniprot-grid--with-bleed",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-12",children:"span-12"})})]})]})}},34015:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Header_stories},header:function(){return Header_stories_header}});var slicedToArray=__webpack_require__(34699),react=__webpack_require__(67294),react_router_dom=__webpack_require__(73727),esm=__webpack_require__(85914),dist=__webpack_require__(95099),objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(74916),__webpack_require__(64765),__webpack_require__(19601),__webpack_require__(21156),__webpack_require__(36385),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__(31104),__webpack_require__(85893)),_excluded=["logo","search","secondaryItems","subtext","isNegative","className","children"],Header=function Header(_ref){var logo=_ref.logo,search=_ref.search,secondaryItems=_ref.secondaryItems,subtext=_ref.subtext,_ref$isNegative=_ref.isNegative,isNegative=void 0!==_ref$isNegative&&_ref$isNegative,className=_ref.className,children=_ref.children,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()(className,"header",{"header--negative":isNegative})},props,{children:[(0,jsx_runtime.jsx)("div",{className:"header__logo",children:(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:logo})}),(0,jsx_runtime.jsx)("div",{className:"header__navigation",children:children}),(0,jsx_runtime.jsx)("div",{className:"header__search",children:search}),(secondaryItems||subtext)&&(0,jsx_runtime.jsxs)("div",{className:"header__secondary",children:[secondaryItems&&(0,jsx_runtime.jsx)("div",{className:"header__navigation",children:secondaryItems}),subtext&&(0,jsx_runtime.jsx)("small",{children:subtext})]})]}))};Header.displayName="Header";var src_components_header=Header;try{header.displayName="header",header.__docgenInfo={description:"",displayName:"header",props:{logo:{defaultValue:null,description:"Logo to display where the link to the home page will be",name:"logo",required:!1,type:{name:"ReactNode"}},search:{defaultValue:null,description:"Search component",name:"search",required:!1,type:{name:"ReactNode"}},secondaryItems:{defaultValue:null,description:"Secondary items",name:"secondaryItems",required:!1,type:{name:"ReactNode"}},subtext:{defaultValue:null,description:"Subtext",name:"subtext",required:!1,type:{name:"ReactNode"}},isNegative:{defaultValue:{value:"false"},description:'Flag representing if the header should be in a "negative" style',name:"isNegative",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header.tsx#header"]={docgenInfo:header.__docgenInfo,name:"header",path:"src/components/header.tsx#header"})}catch(__react_docgen_typescript_loader_error){}var help=__webpack_require__(5407),envelope=__webpack_require__(3271),basket=__webpack_require__(67019),main_search=__webpack_require__(86416),dropdown_button=__webpack_require__(64424),components_button=__webpack_require__(19210),external_link=__webpack_require__(38893),swissprot=__webpack_require__(14113),Header_stories={title:"Layout/Header",parameters:{purposeFunction:{purpose:"",function:""}},decorators:[dist.withKnobs]},headerSecondaryItems=(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:(0,jsx_runtime.jsx)(help.Z,{width:"1.8ch"})}),(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:(0,jsx_runtime.jsx)(envelope.Z,{width:"2ch"})}),(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:(0,jsx_runtime.jsx)(basket.Z,{width:"2ch"})})]}),Search=function Search(){var _useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),value=_useState2[0],setValue=_useState2[1];return(0,jsx_runtime.jsx)(main_search.Z,{onTextChange:setValue,searchTerm:value,onSubmit:function onSubmit(e){e.preventDefault(),(0,esm.action)("onSubmit")(e)}})};Search.displayName="Search";var Header_stories_header=function header(){return(0,jsx_runtime.jsxs)(src_components_header,{logo:(0,jsx_runtime.jsx)(swissprot.Z,{width:30}),search:(0,dist.boolean)("With Search",!0)&&(0,jsx_runtime.jsx)(Search,{}),secondaryItems:(0,dist.boolean)("Secondary items",!0)?headerSecondaryItems:void 0,subtext:(0,dist.boolean)("Subtext",!0)&&"Release info | Statistics",isNegative:(0,dist.boolean)("Negative",!0),children:[(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:"Link 1"}),(0,jsx_runtime.jsx)(dropdown_button.Lt,{visibleElement:(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",children:"Links 2"}),children:(0,jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:"sublink 1"}),(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:"sublink 2"}),(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:"sublink 3"}),(0,jsx_runtime.jsx)(external_link.Z,{url:"//www.uniprot.org",children:"external link"}),(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",onClick:(0,esm.action)("onClick"),children:"action"})]})}),(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:"Link 3"}),(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",onClick:(0,esm.action)("onClick"),children:"action"})]})};Header_stories_header.displayName="header"},3585:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return HeroContainer_stories},heroContainer:function(){return heroContainer}});var dist=__webpack_require__(13380),addon_knobs_dist=__webpack_require__(95099),react=__webpack_require__(67294),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),hero_container=__webpack_require__(1849),hero_container_default=__webpack_require__.n(hero_container),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()(hero_container_default(),options),hero_container_default()&&hero_container_default().locals&&hero_container_default().locals;var jsx_runtime=__webpack_require__(85893),HeroContainer=function HeroContainer(_ref){var title=_ref.title,_ref$headingLevel=_ref.headingLevel,headingLevel=void 0===_ref$headingLevel?"h2":_ref$headingLevel,children=_ref.children,className=_ref.className,titleClassName=_ref.titleClassName,_ref$noSidePadding=_ref.noSidePadding,noSidePadding=void 0!==_ref$noSidePadding&&_ref$noSidePadding;return(0,jsx_runtime.jsxs)("section",{className:classnames_default()("hero-container",className,!noSidePadding&&"hero-container--side-padding"),children:[title&&(0,react.createElement)(headingLevel,{className:classnames_default()(titleClassName,"hero-container__title","big")},title),children]})};HeroContainer.displayName="HeroContainer";var src_components_hero_container=HeroContainer;try{HeroContainer.displayName="HeroContainer",HeroContainer.__docgenInfo={description:"",displayName:"HeroContainer",props:{headingLevel:{defaultValue:{value:"h2"},description:"The tile title heading level",name:"headingLevel",required:!1,type:{name:"enum",value:[{value:'"h2"'},{value:'"h1"'},{value:'"h5"'},{value:'"h3"'},{value:'"h4"'},{value:'"h6"'}]}},titleClassName:{defaultValue:null,description:"CSS classes to pass to the component title",name:"titleClassName",required:!1,type:{name:"string"}},noSidePadding:{defaultValue:{value:"false"},description:"Remove left and right padding",name:"noSidePadding",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero-container.tsx#HeroContainer"]={docgenInfo:HeroContainer.__docgenInfo,name:"HeroContainer",path:"src/components/hero-container.tsx#HeroContainer"})}catch(__react_docgen_typescript_loader_error){}try{herocontainer.displayName="herocontainer",herocontainer.__docgenInfo={description:"",displayName:"herocontainer",props:{headingLevel:{defaultValue:{value:"h2"},description:"The tile title heading level",name:"headingLevel",required:!1,type:{name:"enum",value:[{value:'"h2"'},{value:'"h1"'},{value:'"h5"'},{value:'"h3"'},{value:'"h4"'},{value:'"h6"'}]}},titleClassName:{defaultValue:null,description:"CSS classes to pass to the component title",name:"titleClassName",required:!1,type:{name:"string"}},noSidePadding:{defaultValue:{value:"false"},description:"Remove left and right padding",name:"noSidePadding",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero-container.tsx#herocontainer"]={docgenInfo:herocontainer.__docgenInfo,name:"herocontainer",path:"src/components/hero-container.tsx#herocontainer"})}catch(__react_docgen_typescript_loader_error){}var HeroContainer_stories={title:"Layout/Hero Container",decorators:[(0,addon_knobs_dist.withKnobs)()],parameters:{purposeFunction:{purpose:"Differentiate section from others",function:"Highlight a specific section"}}},heroContainer=function heroContainer(){return(0,jsx_runtime.jsx)(src_components_hero_container,{title:(0,addon_knobs_dist.text)("Title","Title","Props"),noSidePadding:(0,addon_knobs_dist.boolean)("No side padding",!1,"Props"),children:(0,dist.fH)({count:25,units:"words"})})};heroContainer.displayName="heroContainer"},75109:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{HeroHeader:function(){return HeroHeader_stories_HeroHeader},default:function(){return HeroHeader_stories}});var dist=__webpack_require__(13380),addon_knobs_dist=__webpack_require__(95099),objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__(31104),__webpack_require__(85893)),_excluded=["title","children","footer","className"],HeroHeader=function HeroHeader(_ref){var _ref$title=_ref.title,title=void 0===_ref$title?"":_ref$title,children=_ref.children,footer=_ref.footer,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()("hero-header",className)},props,{children:[(0,jsx_runtime.jsxs)("div",{className:"hero-header__content",children:[(0,jsx_runtime.jsx)("h1",{className:"x-huge",children:title}),children]}),(0,jsx_runtime.jsx)("div",{className:"hero-header__footer",children:footer})]}))};HeroHeader.displayName="HeroHeader";var hero_header=HeroHeader;try{HeroHeader.displayName="HeroHeader",HeroHeader.__docgenInfo={description:"",displayName:"HeroHeader",props:{title:{defaultValue:{value:""},description:"The title of the hero header",name:"title",required:!1,type:{name:"ReactNode"}},children:{defaultValue:null,description:"The content of the hero header",name:"children",required:!1,type:{name:"ReactNode"}},footer:{defaultValue:null,description:"An optional footer, displayed at the bottom",name:"footer",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"An optional class name",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero-header.tsx#HeroHeader"]={docgenInfo:HeroHeader.__docgenInfo,name:"HeroHeader",path:"src/components/hero-header.tsx#HeroHeader"})}catch(__react_docgen_typescript_loader_error){}try{heroheader.displayName="heroheader",heroheader.__docgenInfo={description:"",displayName:"heroheader",props:{title:{defaultValue:{value:""},description:"The title of the hero header",name:"title",required:!1,type:{name:"ReactNode"}},children:{defaultValue:null,description:"The content of the hero header",name:"children",required:!1,type:{name:"ReactNode"}},footer:{defaultValue:null,description:"An optional footer, displayed at the bottom",name:"footer",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"An optional class name",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero-header.tsx#heroheader"]={docgenInfo:heroheader.__docgenInfo,name:"heroheader",path:"src/components/hero-header.tsx#heroheader"})}catch(__react_docgen_typescript_loader_error){}var useTitle=function useTitle(){return(0,addon_knobs_dist.text)("Title","Title")},useFooter=function useFooter(){return(0,addon_knobs_dist.text)("Footer",(0,dist.fH)({count:25,units:"words"}))},HeroHeader_stories={title:"Layout/Hero Header",decorators:[(0,addon_knobs_dist.withKnobs)()],parameters:{purposeFunction:{purpose:"Provide an entry point",function:"Tell the user what the resource is about and offer a way in"}}},HeroHeader_stories_HeroHeader=function HeroHeader(){return(0,jsx_runtime.jsx)(hero_header,{title:useTitle(),footer:useFooter(),children:(0,jsx_runtime.jsx)("input",{type:"text"})})};HeroHeader_stories_HeroHeader.displayName="HeroHeader"},90747:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ChangingGaussian:function(){return ChangingGaussian},Gaussian:function(){return Gaussian},Uniform:function(){return Uniform}});var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(34699),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(87329),react__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__(27670),__webpack_require__(67294)),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(95099),_src_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(20563),_src_mock_data_probability_distribution_sample__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(88720),_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(65241),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(85893);__webpack_exports__.default={title:"Visualisation/Histogram",decorators:[(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.withKnobs)()],parameters:{purposeFunction:{purpose:"purpose",function:"function"}}};var gaussianSample=(0,_src_mock_data_probability_distribution_sample__WEBPACK_IMPORTED_MODULE_4__.x)(0,1,1e3),uniformSample=(0,_src_mock_data_probability_distribution_sample__WEBPACK_IMPORTED_MODULE_4__.j)(-10,10,1e3),gaussianMin=Math.min.apply(Math,(0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5__.Z)(gaussianSample)),gaussianMax=Math.max.apply(Math,(0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5__.Z)(gaussianSample)),randomFilter=function randomFilter(){return Math.random()>.5},ChangingGaussian=function ChangingGaussian(){var interval=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(),_useState=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(gaussianSample.filter(randomFilter)),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState,2),filteredSample=_useState2[0],setFilteredSample=_useState2[1];return(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)((function(){return interval.current=window.setInterval((function(){setFilteredSample(gaussianSample.filter(randomFilter))}),3e3),function(){return window.clearInterval(interval.current)}}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_7__.Z,{values:filteredSample,unfilteredValues:gaussianSample,nBins:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.number)("Number of bins",20,{min:1,step:1},"Props"),min:gaussianMin,max:gaussianMax,xLabel:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("X label","Value","Props"),yLabel:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("Y label","Count","Props"),unfilteredValuesShadow:.1,style:{"--main-histogram-color":(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.select)("--main-histogram-color",_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_8__,_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_8__.weldonBlue,"Custom Properties"),"--histogram-bar-gap":(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("--histogram-bar-gap","-1px","Custom Properties")}})};ChangingGaussian.displayName="ChangingGaussian";var Gaussian=function Gaussian(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_7__.Z,{values:gaussianSample,nBins:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.number)("Number of bins",20,{min:1,step:1},"Props"),xLabel:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("X label","Value","Props"),yLabel:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("Y label","Count","Props"),style:{"--main-histogram-color":(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.select)("--main-histogram-color",_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_8__,_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_8__.weldonBlue,"Custom Properties"),"--histogram-bar-gap":(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("--histogram-bar-gap","-1px","Custom Properties")}})};Gaussian.displayName="Gaussian";var Uniform=function Uniform(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_7__.Z,{values:uniformSample,binSize:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.number)("Bin size",1,void 0,"Props"),xLabel:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("X label","Value","Props"),yLabel:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("Y label","Count","Props"),style:{"--main-histogram-color":(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.select)("--main-histogram-color",_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_8__,_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_8__.weldonBlue,"Custom Properties"),"--histogram-bar-gap":(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("--histogram-bar-gap","-1px","Custom Properties")}})};Uniform.displayName="Uniform"},41357:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Gaussian:function(){return Gaussian},Uniform:function(){return Uniform},default:function(){return HistogramFilter_stories}});var slicedToArray=__webpack_require__(34699),react=__webpack_require__(67294),dist=__webpack_require__(95099),esm=__webpack_require__(85914),toConsumableArray=__webpack_require__(87329),objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(33948),__webpack_require__(19601),__webpack_require__(7609),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(46903),__webpack_require__(10245),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),d3=__webpack_require__(69882),histogram=__webpack_require__(20563),useSize=__webpack_require__(66303),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),histogram_filter=__webpack_require__(8653),histogram_filter_default=__webpack_require__.n(histogram_filter),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()(histogram_filter_default(),options),histogram_filter_default()&&histogram_filter_default().locals&&histogram_filter_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["min","max","values","unfilteredValues","unfilteredValuesShadow","selectedRange","onChange","nBins","height","className"],HistogramFilter=function HistogramFilter(_ref){var minOrUndef=_ref.min,maxOrUndef=_ref.max,values=_ref.values,unfilteredValues=_ref.unfilteredValues,unfilteredValuesShadow=_ref.unfilteredValuesShadow,selectedRange=_ref.selectedRange,_onChange=_ref.onChange,_ref$nBins=_ref.nBins,nBins=void 0===_ref$nBins?30:_ref$nBins,_ref$height=_ref.height,height=void 0===_ref$height?50:_ref$height,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded),d3Container=(0,react.useRef)(null),_useSize=(0,useSize.Z)(d3Container),size=(0,slicedToArray.Z)(_useSize,1)[0],brushRef=(0,react.useRef)(),onChangeRef=(0,react.useRef)(_onChange);onChangeRef.current=_onChange;var _useMemo=(0,react.useMemo)((function(){return[void 0===minOrUndef?Math.min.apply(Math,(0,toConsumableArray.Z)(values)):minOrUndef,void 0===maxOrUndef?Math.max.apply(Math,(0,toConsumableArray.Z)(values)):maxOrUndef]}),[maxOrUndef,minOrUndef,values]),_useMemo2=(0,slicedToArray.Z)(_useMemo,2),min=_useMemo2[0],max=_useMemo2[1],_useState=(0,react.useState)(""+min),_useState2=(0,slicedToArray.Z)(_useState,2),startInput=_useState2[0],setStartInput=_useState2[1],_useState3=(0,react.useState)(""+max),_useState4=(0,slicedToArray.Z)(_useState3,2),endInput=_useState4[0],setEndInput=_useState4[1];return(0,react.useEffect)((function(){if(size){var scale=(0,d3.BYU)().domain([min,max]).range([0,size.width]),getOnBrush=function getOnBrush(type){return function(){var range=d3.Ba6.selection;if(d3.Ba6.sourceEvent&&range){var start=+(""+scale.invert(range[0]).toPrecision(4)),end=+(""+scale.invert(range[1]).toPrecision(4));setStartInput(""+start),setEndInput(""+end),"end"===type&&onChangeRef.current([start,end])}}};brushRef.current=(0,d3.Yud)().extent([[0,0],[size.width,size.height]]).on("start brush",getOnBrush()).on("end",getOnBrush("end"));var selection=(0,d3.Ys)(d3Container.current).append("g");return brushRef.current(selection),function(){var _brushRef$current;null===(_brushRef$current=brushRef.current)||void 0===_brushRef$current||_brushRef$current.on("start brush end",null),selection.remove()}}}),[size,min,max]),(0,react.useEffect)((function(){if(size){var _brushRef$current2,_brushRef$current3,scale=(0,d3.BYU)().domain([min,max]).range([0,size.width]);if(selectedRange[0]===min&&selectedRange[1]===max)null===(_brushRef$current2=brushRef.current)||void 0===_brushRef$current2||_brushRef$current2.move((0,d3.Ys)(d3Container.current).select("g"),null);else null===(_brushRef$current3=brushRef.current)||void 0===_brushRef$current3||_brushRef$current3.move((0,d3.Ys)(d3Container.current).select("g"),[scale(selectedRange[0]),scale(selectedRange[1])])}}),[min,max,selectedRange,size]),(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()("histogram-filter",className)},props,{children:[(0,jsx_runtime.jsx)(histogram.Z,{values:values,unfilteredValues:unfilteredValues,unfilteredValuesShadow:unfilteredValuesShadow,selectedRange:selectedRange,nBins:nBins,min:min,max:max,height:height,children:(0,jsx_runtime.jsx)("svg",{ref:d3Container,width:"100%",height:"100%"})}),(0,jsx_runtime.jsxs)("div",{className:"histogram-filter__text-input-container",children:[(0,jsx_runtime.jsx)("input",{type:"text",onChange:function onChange(e){var textValue=e.target.value;setStartInput(e.target.value);var numberValue=+textValue;!Number.isNaN(numberValue)&&numberValue=min&&_onChange([numberValue,selectedRange[1]])},onBlur:function onBlur(){return setStartInput(""+selectedRange[0])},value:startInput,style:{width:startInput.length+2+"ch"}}),(0,jsx_runtime.jsx)("input",{type:"text",onChange:function onChange(e){var textValue=e.target.value;setEndInput(e.target.value);var numberValue=+textValue;!Number.isNaN(numberValue)&&numberValue>selectedRange[0]&&numberValue<=max&&_onChange([selectedRange[0],numberValue])},onBlur:function onBlur(){return setEndInput(""+selectedRange[1])},value:endInput,style:{width:endInput.length+2+"ch"}})]})]}))};HistogramFilter.displayName="HistogramFilter";var src_components_histogram_filter=HistogramFilter;try{histogramfilter.displayName="histogramfilter",histogramfilter.__docgenInfo={description:"",displayName:"histogramfilter",props:{min:{defaultValue:null,description:"The left-most, smallest, value the histogram starts at irrespective of the\narray values. Defaults to min(values).",name:"min",required:!1,type:{name:"number"}},max:{defaultValue:null,description:"The right-most, largest, value the histogram ends at irrespective of the\narray values. Defaults to max(values).",name:"max",required:!1,type:{name:"number"}},values:{defaultValue:null,description:"An array of values which the histogram is based on.",name:"values",required:!0,type:{name:"number[]"}},unfilteredValues:{defaultValue:null,description:"An array of unfiltered values which the histogram is based on.\n(useful to calculate max bin height)",name:"unfilteredValues",required:!1,type:{name:"number[]"}},selectedRange:{defaultValue:null,description:"A value which specifies the start and end points selected by the user.",name:"selectedRange",required:!0,type:{name:"Range"}},onChange:{defaultValue:null,description:"A callback that returns the selected and final (ie after drag) range.",name:"onChange",required:!0,type:{name:"(range: Range) => unknown"}},nBins:{defaultValue:{value:"30"},description:"Number of bins (intervals) which the values are allocated to.\nEach interval is of the size (max - min) / nBins. Defaults to 50.",name:"nBins",required:!1,type:{name:"number"}},height:{defaultValue:{value:"50"},description:"The height in pixels of the bin with the most values. Defaults to 300.",name:"height",required:!1,type:{name:"number"}},unfilteredValuesShadow:{defaultValue:null,description:"Display a shadow of the unfiltered data (opacity value)",name:"unfilteredValuesShadow",required:!1,type:{name:"number"}},className:{defaultValue:null,description:"Additional CSS classnames to apply (eg secondary, tertiary)",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/histogram-filter.tsx#histogramfilter"]={docgenInfo:histogramfilter.__docgenInfo,name:"histogramfilter",path:"src/components/histogram-filter.tsx#histogramfilter"})}catch(__react_docgen_typescript_loader_error){}var probability_distribution_sample=__webpack_require__(88720),colours=__webpack_require__(65241),HistogramFilter_stories={title:"Forms/Histogram Filter",decorators:[(0,dist.withKnobs)()],parameters:{purposeFunction:{purpose:"purpose",function:"function"}}},gaussianSample=(0,probability_distribution_sample.x)(500,125,1e3,0,1e3),uniformSample=(0,probability_distribution_sample.j)(0,1e3,1e3),Gaussian=function Gaussian(){var _useState=(0,react.useState)([0,1e3]),_useState2=(0,slicedToArray.Z)(_useState,2),selectedRange=_useState2[0],setSelectedRange=_useState2[1];return(0,jsx_runtime.jsx)(src_components_histogram_filter,{min:0,max:1e3,selectedRange:selectedRange,onChange:function handleChange(range){(0,esm.action)("range selected")(range),setSelectedRange(range)},values:gaussianSample,style:{width:"25rem","--main-histogram-color":(0,dist.select)("--main-histogram-color",colours,colours.weldonBlue,"Custom Properties"),"--out-range-histogram-color":(0,dist.select)("--out-range-histogram-color",colours,colours.platinum,"Custom Properties"),"--histogram-bar-gap":(0,dist.text)("--histogram-bar-gap","-1px","Custom Properties")}})};Gaussian.displayName="Gaussian";var Uniform=function Uniform(){var _useState3=(0,react.useState)([0,1e3]),_useState4=(0,slicedToArray.Z)(_useState3,2),selectedRange=_useState4[0],setSelectedRange=_useState4[1];return(0,jsx_runtime.jsx)(src_components_histogram_filter,{min:0,max:1e3,selectedRange:selectedRange,onChange:function handleChange(range){(0,esm.action)("range selected")(range),setSelectedRange(range)},values:uniformSample,style:{width:"25rem","--main-histogram-color":(0,dist.select)("--main-histogram-color",colours,colours.weldonBlue,"Custom Properties"),"--out-range-histogram-color":(0,dist.select)("--out-range-histogram-color",colours,colours.platinum,"Custom Properties"),"--histogram-bar-gap":(0,dist.text)("--histogram-bar-gap","-1px","Custom Properties")}})};Uniform.displayName="Uniform"},92619:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Icons_stories},icons:function(){return icons}});__webpack_require__(41817),__webpack_require__(84865),__webpack_require__(99217),__webpack_require__(17921),__webpack_require__(83770);var _path,_path2,dist=__webpack_require__(95099),react=__webpack_require__(67294);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i void"}},onWindowOpen:{defaultValue:null,description:"",name:"onWindowOpen",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal-backdrop.tsx#modalbackdrop"]={docgenInfo:modalbackdrop.__docgenInfo,name:"modalbackdrop",path:"src/components/modal-backdrop.tsx#modalbackdrop"})}catch(__react_docgen_typescript_loader_error){}var window_window=__webpack_require__(98330),slicedToArray=__webpack_require__(34699),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),modal=__webpack_require__(66076),modal_default=__webpack_require__.n(modal),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()(modal_default(),options),modal_default()&&modal_default().locals&&modal_default().locals;var modal_excluded=["children","title","width","height","handleExitModal","withHeaderCloseButton","withFooterCloseButton"];var DialogWindow=function DialogWindow(_ref){var title=_ref.title,width=_ref.width,height=_ref.height,className=_ref.className,handleExitModal=_ref.handleExitModal,onWindowOpen=_ref.onWindowOpen,withHeaderCloseButton=_ref.withHeaderCloseButton,withFooterCloseButton=_ref.withFooterCloseButton,children=_ref.children;return(0,jsx_runtime.jsx)(window_window.Z,{width:width,height:height,title:title,withHeaderCloseButton:withHeaderCloseButton,withFooterCloseButton:withFooterCloseButton,onWindowOpen:onWindowOpen,onWindowClose:handleExitModal,withShadow:!0,className:className,children:children})};DialogWindow.displayName="DialogWindow";var ButtonModal=function ButtonModal(_ref2){var buttonText=_ref2.buttonText,title=_ref2.title,_ref2$width=_ref2.width,width=void 0===_ref2$width?"70vw":_ref2$width,_ref2$height=_ref2.height,height=void 0===_ref2$height?"70vh":_ref2$height,withHeaderCloseButton=_ref2.withHeaderCloseButton,_ref2$withFooterClose=_ref2.withFooterCloseButton,withFooterCloseButton=void 0===_ref2$withFooterClose||_ref2$withFooterClose,children=_ref2.children,_useModal=function useModal(Backdrop,Content){var _useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2);return{displayModal:_useState2[0],setDisplayModal:_useState2[1],Modal:function Modal(_ref){var children=_ref.children,title=_ref.title,_ref$width=_ref.width,width=void 0===_ref$width?"50vw":_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?"50vh":_ref$height,handleExitModal=_ref.handleExitModal,withHeaderCloseButton=_ref.withHeaderCloseButton,withFooterCloseButton=_ref.withFooterCloseButton,rest=(0,objectWithoutProperties.Z)(_ref,modal_excluded);return(0,jsx_runtime.jsxs)("div",{className:"modal",children:[(0,jsx_runtime.jsx)(Backdrop,Object.assign({className:"modal__backdrop--visible",handleExitModal:handleExitModal},rest)),(0,jsx_runtime.jsx)(Content,Object.assign({className:"modal__content",title:title,width:width,height:height,handleExitModal:handleExitModal,withHeaderCloseButton:withHeaderCloseButton,withFooterCloseButton:withFooterCloseButton},rest,{children:children}))]})}}}(modal_backdrop,DialogWindow),displayModal=_useModal.displayModal,setDisplayModal=_useModal.setDisplayModal,Modal=_useModal.Modal;return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("button",{onClick:function onClick(){return setDisplayModal(!0)},className:"button",type:"button",children:buttonText}),displayModal&&(0,jsx_runtime.jsx)(Modal,{handleExitModal:function handleExitModal(){return setDisplayModal(!1)},title:title,width:width,height:height,withHeaderCloseButton:withHeaderCloseButton,withFooterCloseButton:withFooterCloseButton,children:children})]})};ButtonModal.displayName="ButtonModal";var button_modal=ButtonModal;try{buttonmodal.displayName="buttonmodal",buttonmodal.__docgenInfo={description:"",displayName:"buttonmodal",props:{buttonText:{defaultValue:null,description:"The button label",name:"buttonText",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"The modal title",name:"title",required:!0,type:{name:"string"}},width:{defaultValue:{value:"70vw"},description:"The width of the modal window",name:"width",required:!1,type:{name:"string"}},height:{defaultValue:{value:"70vh"},description:"The height of the modal window",name:"height",required:!1,type:{name:"string"}},withHeaderCloseButton:{defaultValue:null,description:"Display the close icon in the header",name:"withHeaderCloseButton",required:!1,type:{name:"boolean"}},withFooterCloseButton:{defaultValue:{value:"true"},description:"Display the close button in the footer",name:"withFooterCloseButton",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button-modal.tsx#buttonmodal"]={docgenInfo:buttonmodal.__docgenInfo,name:"buttonmodal",path:"src/components/button-modal.tsx#buttonmodal"})}catch(__react_docgen_typescript_loader_error){}var Modal_stories={title:"Layout/Modal",parameters:{purposeFunction:{purpose:"Display extra contextual information, offer the user choices",function:"Overlay content on top of the current page, obscuring the page content."}}},Modal_stories_modal=function modal(){return(0,jsx_runtime.jsx)(button_modal,{buttonText:"click me",title:"Example modal window",children:(0,dist.fH)({count:45})})};Modal_stories_modal.displayName="modal"},27600:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return PageIntro_stories},pageIntro:function(){return pageIntro}});var dist=__webpack_require__(95099),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(67294)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),utils=__webpack_require__(31365),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),page_intro=__webpack_require__(23882),page_intro_default=__webpack_require__.n(page_intro),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()(page_intro_default(),options),page_intro_default()&&page_intro_default().locals&&page_intro_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["title","resultsCount","titlePostscript","headingLevel","titleClassName","children","className"],PageIntro=function PageIntro(_ref){var title=_ref.title,resultsCount=_ref.resultsCount,titlePostscript=_ref.titlePostscript,_ref$headingLevel=_ref.headingLevel,headingLevel=void 0===_ref$headingLevel?"h1":_ref$headingLevel,titleClassName=_ref.titleClassName,children=_ref.children,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()(className,"page-intro")},props,{children:[(0,react.createElement)(headingLevel,{className:classnames_default()(titleClassName)},(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[title,void 0!==resultsCount&&(0,jsx_runtime.jsxs)("small",{children:[" ",(0,utils.HN)(resultsCount)," result",1===resultsCount?"":"s"," "]}),titlePostscript]})),children]}))};PageIntro.displayName="PageIntro";var src_components_page_intro=PageIntro;try{pageintro.displayName="pageintro",pageintro.__docgenInfo={description:"",displayName:"pageintro",props:{title:{defaultValue:null,description:"The title",name:"title",required:!0,type:{name:"ReactNode"}},headingLevel:{defaultValue:{value:"h1"},description:"The tile title heading level",name:"headingLevel",required:!1,type:{name:"enum",value:[{value:'"h2"'},{value:'"h1"'},{value:'"h5"'},{value:'"h3"'},{value:'"h4"'},{value:'"h6"'}]}},titleClassName:{defaultValue:null,description:"CSS classes to pass to the component title",name:"titleClassName",required:!1,type:{name:"string"}},titlePostscript:{defaultValue:null,description:"Optional title postscript to follow resultsCount",name:"titlePostscript",required:!1,type:{name:"ReactNode"}},resultsCount:{defaultValue:null,description:"Number of results",name:"resultsCount",required:!1,type:{name:"number"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:"enum",value:[{value:'"yes"'},{value:'"no"'}]}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:"enum",value:[{value:'"on"'},{value:'"off"'}]}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'},{value:'"numeric"'},{value:'"decimal"'}]}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:"enum",value:[{value:'"list"'},{value:'"none"'},{value:'"inline"'},{value:'"both"'}]}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"none"'},{value:'"copy"'},{value:'"execute"'},{value:'"move"'},{value:'"popup"'}]}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"additions"'},{value:'"additions removals"'},{value:'"additions text"'},{value:'"all"'},{value:'"removals"'},{value:'"removals additions"'},{value:'"removals text"'},{value:'"text additions"'},{value:'"text removals"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"ascending"'},{value:'"descending"'},{value:'"other"'}]}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/page-intro.tsx#pageintro"]={docgenInfo:pageintro.__docgenInfo,name:"pageintro",path:"src/components/page-intro.tsx#pageintro"})}catch(__react_docgen_typescript_loader_error){}var lipsum=__webpack_require__(78645),PageIntro_stories={title:"Layout/Page Intro",decorators:[dist.withKnobs],parameters:{purposeFunction:{function:"Tell users a bit about the area of the website that they are on with links to further information",purpose:"People might land on areas of the website they don’t know much about. The intro is a place they can get some contextual help, some introductory info and links to further help, information and downloads"}}},pageIntro=function pageIntro(){return(0,jsx_runtime.jsx)(src_components_page_intro,{title:"UniProt",resultsCount:1e3,titlePostscript:(0,dist.text)("Title Postcript","","Props"),children:(0,lipsum.GX)()})};pageIntro.displayName="pageIntro"},55205:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SearchInput:function(){return SearchInput}});var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(34699),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(67294),_src_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(20703),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893);__webpack_exports__.default={title:"Forms/Search Input",parameters:{purposeFunction:{function:"Filter data displayed on the screen (autocomplete, list of fields etc.)",purpose:"Provide the user with an indication that typing in the input box will search something"}}};var SearchInput=function SearchInput(){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.Z)(_useState,2),value=_useState2[0],setValue=_useState2[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_3__.Z,{placeholder:"Search",value:value,onChange:function onChange(e){return setValue(e.target.value)}})};SearchInput.displayName="SearchInput"},15248:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SequenceAsyncLoad:function(){return SequenceAsyncLoad},default:function(){return Sequence_stories},sequence:function(){return Sequence_stories_sequence},sequenceCollapsableWithInfoData:function(){return sequenceCollapsableWithInfoData},sequenceTools:function(){return Sequence_stories_sequenceTools},sequenceWithoutActionBar:function(){return sequenceWithoutActionBar}});var asyncToGenerator=__webpack_require__(92137),slicedToArray=__webpack_require__(34699),regenerator=__webpack_require__(87757),regenerator_default=__webpack_require__.n(regenerator),react=(__webpack_require__(59693),__webpack_require__(7609),__webpack_require__(67294)),esm=__webpack_require__(85914),timing_functions_es=__webpack_require__(53457),classnames=(__webpack_require__(41817),__webpack_require__(52552),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559),__webpack_require__(19601),__webpack_require__(33948),__webpack_require__(74916),__webpack_require__(4723),__webpack_require__(38559),__webpack_require__(26699),__webpack_require__(32023),__webpack_require__(84865),__webpack_require__(70731),__webpack_require__(10760),__webpack_require__(22560),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(94422),__webpack_require__(36385),__webpack_require__(87351),__webpack_require__(99217),__webpack_require__(38802),__webpack_require__(73494),__webpack_require__(87723),__webpack_require__(9647),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),components_button=__webpack_require__(19210),spinner=__webpack_require__(43653),dropdown_button=__webpack_require__(64424),jsx_runtime=__webpack_require__(85893),sequenceTools=[{name:"ProtParam",url:"/protparam/protparam?"},{name:"ProtScale",url:"/protscale/protscale.pl?"},{name:"Compute pI/Mw",url:"/compute_pi/pi_tool?"},{name:"PeptideMass",url:"/peptide_mass/peptide-mass.pl?"},{name:"PeptideCutter",url:"/peptide_cutter/peptidecutter.pl?"}],SequenceTools=function SequenceTools(_ref){var accession=_ref.accession,onBlastClick=_ref.onBlastClick;return(0,jsx_runtime.jsx)(dropdown_button.Lt,{visibleElement:(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",children:"Tools"}),children:(0,jsx_runtime.jsxs)("ul",{children:[onBlastClick&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",onClick:onBlastClick,children:"BLAST"})}),sequenceTools.map((function(sequenceTool){return(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:"//web.expasy.org/cgi-bin"+sequenceTool.url+accession,target:"_blank",rel:"noopener noreferrer",children:sequenceTool.name})},sequenceTool.name)}))]})})};SequenceTools.displayName="SequenceTools";var sequence_tools=SequenceTools;try{sequencetools.displayName="sequencetools",sequencetools.__docgenInfo={description:"",displayName:"sequencetools",props:{accession:{defaultValue:null,description:"",name:"accession",required:!0,type:{name:"string"}},onBlastClick:{defaultValue:null,description:"",name:"onBlastClick",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sequence-tools.tsx#sequencetools"]={docgenInfo:sequencetools.__docgenInfo,name:"sequencetools",path:"src/components/sequence-tools.tsx#sequencetools"})}catch(__react_docgen_typescript_loader_error){}var download=__webpack_require__(7134),objectWithoutProperties=__webpack_require__(81253),_excluded=["textToCopy","beforeCopy","afterCopy","onCopy"],copy_to_clipboard=(0,react.memo)((function(_ref){var textToCopy=_ref.textToCopy,_ref$beforeCopy=_ref.beforeCopy,beforeCopy=void 0===_ref$beforeCopy?"Copy":_ref$beforeCopy,_ref$afterCopy=_ref.afterCopy,afterCopy=void 0===_ref$afterCopy?"Copied":_ref$afterCopy,onCopy=_ref.onCopy,props=(0,objectWithoutProperties.Z)(_ref,_excluded),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),copied=_useState2[0],setCopied=_useState2[1],copyPromise=(0,react.useRef)(null);(0,react.useEffect)((function(){return setCopied(!1),function(){copyPromise.current=null}}),[textToCopy]);var handleClick=(0,react.useCallback)((function(){var p=navigator.clipboard.writeText(textToCopy).then((function(){return copyPromise.current===p?(setCopied(!0),null==onCopy||onCopy(textToCopy),(0,timing_functions_es._v)(1e4)):null})).then((function(){copyPromise.current===p&&setCopied(!1)}));copyPromise.current=p}),[onCopy,textToCopy]);return"clipboard"in navigator&&"writeText"in navigator.clipboard?(0,jsx_runtime.jsx)(components_button.z,Object.assign({},props,{onClick:handleClick,children:copied?afterCopy:beforeCopy})):null})),info_list=__webpack_require__(88547),amino_acid_properties_namespaceObject=JSON.parse('[{"name":"Polar","aminoAcids":["R","N","D","Q","E","G","H","K","S","T","Y","B","Z","U","O"],"colour":"red"},{"name":"Hydrophobic","aminoAcids":["A","C","G","I","L","M","F","P","W","T","V","J","U"],"colour":"blue"}]'),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_sequence=__webpack_require__(41814),sequence_default=__webpack_require__.n(components_sequence),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()(sequence_default(),options),sequence_default()&&sequence_default().locals&&sequence_default().locals;function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i void)"}},isCollapsible:{defaultValue:{value:"false"},description:'Display option to show/hide the sequence. If no sequence is\nprovided and `onShowSequence` is defined, this defaults to "true"',name:"isCollapsible",required:!1,type:{name:"boolean"}},isLoading:{defaultValue:{value:"false"},description:"If the sequence is loading, display a spinner in the button",name:"isLoading",required:!1,type:{name:"boolean"}},infoData:{defaultValue:null,description:"Data to be displayed in an InfoData component above the sequence",name:"infoData",required:!1,type:{name:"InfoListItem[]"}},downloadUrl:{defaultValue:null,description:"The URL to download the isoform sequence",name:"downloadUrl",required:!1,type:{name:"string"}},onBlastClick:{defaultValue:null,description:"Callback which is fired when the BLAST button is clicked. If no callback\nis provided then no BLAST button will be displayed.",name:"onBlastClick",required:!1,type:{name:"(() => void)"}},addToBasketButton:{defaultValue:null,description:"Callback which is fired when the Add button is clicked. If no callback\nis provided then no Add button will be displayed.",name:"addToBasketButton",required:!1,type:{name:"ReactNode"}},showActionBar:{defaultValue:{value:"true"},description:"",name:"showActionBar",required:!1,type:{name:"boolean"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"((copied: string) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sequence.tsx#sequence"]={docgenInfo:sequence.__docgenInfo,name:"sequence",path:"src/components/sequence.tsx#sequence"})}catch(__react_docgen_typescript_loader_error){}var sequence_data="MFNFPHPAIDLASRMKSSPLMAGGSSSASSEDLFSPPMMEDLDTPMTEYPMGSPPRMPYRGEDIEIAFLRSEASIKKSSLFNDKFAATLDDLSARPIDSASLIGKLQSMTRSVREILDSGGEDIEIAFLRSEASIKKSSLFNDKFAATLDDLSARPIDSASLIGKLQSMTRSVREILDSGDQLVHEDGPQEILKQFVRVVNKHLCQDEDIHTVLAPLALEPEEKFHIIQTYYQAISMTQFDQLVHEDGPQEILKQFVRVVNKHLCQDEDIHTVLAPLALEPEEKFHIIQTYYQAISMTQFVSPKWTSSLLSDALCRRANIVTVFNGQGVEGYFSELQHLYDTYGGLLAEPLYALSKQLKGVSPKWTSSLLSDALCRRANIVTVFNGQGVEGYFSELQHLYDTYGGLLAEPLYALSKQLKGLASDVRAQDMYPHGLDVIGWLENPEARPSTDYLLSAPVSQPLIGLVQLLNYAITCKILNKLASDVRAQDMYPHGLDVIGWLENPEARPSTDYLLSAPVSQPLIGLVQLLNYAITCKILNKSPGEFARHLSGSAGHSQGIVVAAMLATVVSWPTFFDAASTALQVLFWIGCRSQQCYPSHSSPGEFARHLSGSAGHSQGIVVAAMLATVVSWPTFFDAASTALQVLFWIGCRSQQCYPSHSIPPSLVDQSERLSPMLSVKGASRESLLKYLDEHNRHLPPAQQGSLALINGRQQFVVAGNPIPPSLVDQSERLSPMLSVKGASRESLLKYLDEHNRHLPPAQQGSLALINGRQQFVVAGNPLSLYAFANKLRAASNNSSTTNTARVPFSQRPLLITARFLPISVPFHTSLLEDAEAQILEDED",Sequence_stories={title:"Biocomponents/Sequence",parameters:{purposeFunction:{function:"Display protein/nucleotide sequence, allow users to copy it",purpose:"Allow users to see a protein / nucleotide sequence"}}},AddToBasketButton=function AddToBasketButton(){return(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",onClick:(0,esm.action)("AddToBasketButton clicked"),children:"Add To Basket"})};AddToBasketButton.displayName="AddToBasketButton";var Sequence_stories_sequence=function sequence(){return(0,jsx_runtime.jsx)(src_components_sequence,{sequence:sequence_data,accession:"P05067",downloadUrl:"https://wwwdev.ebi.ac.uk/uniprot/api/uniprotkb/accession/P05067.fasta",onBlastClick:(0,esm.action)("onBlastClick"),onCopy:(0,esm.action)("onCopy"),addToBasketButton:(0,jsx_runtime.jsx)(AddToBasketButton,{})})};Sequence_stories_sequence.displayName="sequence";var sequenceWithoutActionBar=function sequenceWithoutActionBar(){return(0,jsx_runtime.jsx)(src_components_sequence,{sequence:sequence_data,showActionBar:!1})};sequenceWithoutActionBar.displayName="sequenceWithoutActionBar";var sequenceCollapsableWithInfoData=function sequenceCollapsableWithInfoData(){var data=[{title:"Item 1",content:(0,jsx_runtime.jsx)("div",{children:"Some content"})},{title:"Another item",content:(0,jsx_runtime.jsx)("div",{children:"Some more content"})}];return(0,jsx_runtime.jsx)(src_components_sequence,{sequence:sequence_data,infoData:data,isCollapsible:!0})};sequenceCollapsableWithInfoData.displayName="sequenceCollapsableWithInfoData";var SequenceAsyncLoad=function SequenceAsyncLoad(){var _useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),sequence=_useState2[0],setSequence=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),isLoading=_useState4[0],setIsLoading=_useState4[1],onShowSequence=function(){var _ref=(0,asyncToGenerator.Z)(regenerator_default().mark((function _callee(){return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return setIsLoading(!0),_context.next=3,(0,timing_functions_es._v)(2e3);case 3:setSequence(sequence_data),setIsLoading(!1);case 5:case"end":return _context.stop()}}),_callee)})));return function onShowSequence(){return _ref.apply(this,arguments)}}();return(0,jsx_runtime.jsx)(src_components_sequence,{sequence:sequence,isLoading:isLoading,onShowSequence:onShowSequence})};SequenceAsyncLoad.displayName="SequenceAsyncLoad";var Sequence_stories_sequenceTools=function sequenceTools(){return(0,jsx_runtime.jsx)(sequence_tools,{accession:"P05067",onBlastClick:(0,esm.action)("onBlastClick")})};Sequence_stories_sequenceTools.displayName="sequenceTools"},64005:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DynamicallyChangeValue:function(){return DynamicallyChangeValue},default:function(){return SequenceSubmission_stories},sequenceSubmission:function(){return sequenceSubmission},withInvalidSequenceError:function(){return withInvalidSequenceError},withMultipleSequences:function(){return withMultipleSequences},withMultipleSequencesWarning:function(){return withMultipleSequencesWarning}});var slicedToArray=__webpack_require__(34699),react=__webpack_require__(67294);__webpack_require__(52552),__webpack_require__(73494),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559),__webpack_require__(33948),__webpack_require__(74916),__webpack_require__(41817),__webpack_require__(78637),__webpack_require__(7609),__webpack_require__(22560),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(87351),__webpack_require__(84865),__webpack_require__(99217),__webpack_require__(19601),__webpack_require__(15306),__webpack_require__(70731),__webpack_require__(77151),__webpack_require__(36385),__webpack_require__(3220),__webpack_require__(16750),__webpack_require__(39714),__webpack_require__(4723),__webpack_require__(46205),__webpack_require__(81828),__webpack_require__(89893),__webpack_require__(94422),__webpack_require__(27670);var commentLineRE=/^\s*[>;](.*)$/m;function extractNameFromFASTAHeader(fasta){if(fasta){var _ref=fasta.match(commentLineRE)||[],_ref2$=(0,slicedToArray.Z)(_ref,2)[1],_header$split$filter=(void 0===_ref2$?"":_ref2$).split(" ").filter(Boolean);return(0,slicedToArray.Z)(_header$split$filter,1)[0]}}__webpack_require__(23123),__webpack_require__(85827),__webpack_require__(32023),__webpack_require__(69616),__webpack_require__(97973),__webpack_require__(9647);var naturalAminoAcids="ARNDCEQGHILKMFPSTWYV",baseNucleicAcids="ACGTU",aminoAcidsOnly=/[EQILFPXJ]/gi,nucleicAcidsOnly=/U/gi,errorResponses=([naturalAminoAcids,"XBZJ","*",".-"].join(""),[baseNucleicAcids,"WSMKRYBDHVNZ"].join(""),Object.freeze({missingSequence:Object.freeze({valid:!1,message:"The sequence is missing"}),invalidSequence:Object.freeze({valid:!1,message:"The sequence is invalid"}),shortSequence:Object.freeze({valid:!1,message:"The sequence is too short"})})),validResponse=Object.freeze({valid:!0}),validCharacters=/^[A-NP-Z*.-]+$/i,validCharactersUnderStrictMode=new RegExp("^["+naturalAminoAcids+"*.-]+$","i"),isFASTA=function isFASTA(seq){return/.*[>;]+/gm.test(seq)};function prepareFASTAString(fasta){return fasta.split(/^[>;].*\n?$/gm).map((function(s){return s.replace(/\s/g,"")})).filter(Boolean)}function findLikelyType(sequence){return function guessSequenceType(sequence,threshold){if(nucleicAcidsOnly.test(sequence)&&!aminoAcidsOnly.test(sequence))return"na";if(aminoAcidsOnly.test(sequence)&&!nucleicAcidsOnly.test(sequence))return"aa";for(var counts={},index=0;indexthreshold?"na":"aa"}(sequence.replace(/[^A-Z]|[NX]/gi,"").toUpperCase(),90)}function sequenceValidator(sequence,minimumLength,strict){if(!sequence)return errorResponses.missingSequence;var cleanSequence;if(isFASTA(sequence)){var cleanSequences=prepareFASTAString(sequence);if(cleanSequences.length>0)cleanSequence=(0,slicedToArray.Z)(cleanSequences,1)[0]}else cleanSequence=sequence.replace(/\s/g,"");if(!cleanSequence)return errorResponses.missingSequence;if(minimumLength&&cleanSequence.length=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function sequence_processor_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function sequence_submission_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1||1===processed.length&&processed[0].sequence.length>10){var _step,uniqueErrors=new Map,uniqueSequences=new Map,_iterator=sequence_submission_createForOfIteratorHelper(processed.entries());try{for(_iterator.s();!(_step=_iterator.n()).done;){var _uniqueSequences$get,_ref2=_step.value,_ref3=(0,slicedToArray.Z)(_ref2,2),index=_ref3[0],sequenceObject=_ref3[1],valid=sequenceObject.valid,message=sequenceObject.message;if(!valid&&message){var _uniqueErrors$get,_itemList=null!==(_uniqueErrors$get=uniqueErrors.get(message))&&void 0!==_uniqueErrors$get?_uniqueErrors$get:[];_itemList.push({sequenceIndex:index+1,sequenceObject:sequenceObject}),uniqueErrors.set(message,_itemList)}var sequence=sequenceObject.sequence.toLowerCase(),itemList=null!==(_uniqueSequences$get=uniqueSequences.get(sequence))&&void 0!==_uniqueSequences$get?_uniqueSequences$get:[];itemList.push({sequenceIndex:index+1,sequenceObject:sequenceObject}),uniqueSequences.set(sequence,itemList)}}catch(err){_iterator.e(err)}finally{_iterator.f()}var _step2,_iterator2=sequence_submission_createForOfIteratorHelper(uniqueErrors.entries());try{for(_iterator2.s();!(_step2=_iterator2.n()).done;){var _ref4=_step2.value,_ref5=(0,slicedToArray.Z)(_ref4,2),errorMessage=_ref5[0],sameErrors=_ref5[1];errorMessages.push((0,jsx_runtime.jsxs)(components_message.Z,{level:"failure","data-testid":"sequence-submission-error",children:["Error: ",errorMessage,". Sequence",1===sameErrors.length?" ":"s ",sameErrors.map((function(_ref7,index){var sequenceIndex=_ref7.sequenceIndex,name=_ref7.sequenceObject.name;return(0,jsx_runtime.jsxs)(react.Fragment,{children:[index?", ":"",sequenceIndex," ",name?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["(",(0,jsx_runtime.jsx)("code",{children:name}),")"]}):""]},sequenceIndex)}))]},sameErrors.map((function(_ref6){return _ref6.sequenceIndex})).join("-")))}}catch(err){_iterator2.e(err)}finally{_iterator2.f()}var _step3,_iterator3=sequence_submission_createForOfIteratorHelper(uniqueSequences.values());try{for(_iterator3.s();!(_step3=_iterator3.n()).done;){var sameSequences=_step3.value;sameSequences.length>1&&warningMessages.push((0,jsx_runtime.jsxs)(components_message.Z,{level:"info",children:["Sequences"," ",sameSequences.map((function(_ref9,index){var sequenceIndex=_ref9.sequenceIndex,name=_ref9.sequenceObject.name;return(0,jsx_runtime.jsxs)(react.Fragment,{children:[index?", ":"",sequenceIndex," ",name?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["(",(0,jsx_runtime.jsx)("code",{children:name}),")"]}):""]},sequenceIndex)}))," ","are identical, this might be unintended."]},sameSequences.map((function(_ref8){return _ref8.sequenceIndex})).join("-")))}}catch(err){_iterator3.e(err)}finally{_iterator3.f()}}return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("textarea",{className:"sequence-submission-input",value:value,onChange:function onChange(e){return onChangeWithValidation(e.target.value)},placeholder:placeholder,"data-testid":"sequence-submission-input",defaultValue:defaultValue,spellCheck:"false"}),processed[0]&&processed[0].sequence.length>10&&(0,jsx_runtime.jsxs)(components_message.Z,{level:"info",children:["Your input contains ",processed.length," sequence",1===processed.length?"":"s"]}),errorMessages,warningMessages]})};try{sequencesubmission.displayName="sequencesubmission",sequencesubmission.__docgenInfo={description:"",displayName:"sequencesubmission",props:{value:{defaultValue:null,description:"The value, if needed.",name:"value",required:!1,type:{name:"string"}},defaultValue:{defaultValue:null,description:"The default value, if needed.",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Triggers when the value is changed.",name:"onChange",required:!1,type:{name:"((processed: SequenceObject[]) => void)"}},placeholder:{defaultValue:null,description:"Display text when the textarea is empty.",name:"placeholder",required:!1,type:{name:"string"}},minimumLength:{defaultValue:null,description:"Minimum acceptable length for a sequence",name:"minimumLength",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sequence-submission.tsx#sequencesubmission"]={docgenInfo:sequencesubmission.__docgenInfo,name:"sequencesubmission",path:"src/components/sequence-submission.tsx#sequencesubmission"})}catch(__react_docgen_typescript_loader_error){}var SequenceSubmission_stories={title:"Forms/Sequence Submission",parameters:{purposeFunction:{function:"Accepts a sequence from user",purpose:"Enable input validation on sequences entered by the user"}}},sequenceSubmission=function sequenceSubmission(){return(0,jsx_runtime.jsx)(src_components_sequence_submission,{placeholder:"Enter a sequence..."})};sequenceSubmission.displayName="sequenceSubmission";var withInvalidSequenceError=function withInvalidSequenceError(){return(0,jsx_runtime.jsx)(src_components_sequence_submission,{placeholder:"Enter a sequence...",defaultValue:"ACTGUACTGUACTGU+"})};withInvalidSequenceError.displayName="withInvalidSequenceError";var withMultipleSequences=function withMultipleSequences(){return(0,jsx_runtime.jsx)(src_components_sequence_submission,{placeholder:"Enter a sequence...",defaultValue:"> sequence_1\nACTGUACTGUACTGU\n> sequence_2\nACTGAUTTGUATTGUUUGU\n"})};withMultipleSequences.displayName="withMultipleSequences";var withMultipleSequencesWarning=function withMultipleSequencesWarning(){return(0,jsx_runtime.jsx)(src_components_sequence_submission,{placeholder:"Enter a sequence...",defaultValue:"> sequence_1\nACTGUACTGUACTGU\n> sequence_2\nACTGAUTTGUATTGUUUGU\n> sequence_3\nACTGUACTGUACTGU\n"})};withMultipleSequencesWarning.displayName="withMultipleSequencesWarning";var DynamicallyChangeValue=function DynamicallyChangeValue(){var _useState=(0,react.useState)("ACTG"),_useState2=(0,slicedToArray.Z)(_useState,2),sequence=_useState2[0],setSequence=_useState2[1],_useState3=(0,react.useState)(),_useState4=(0,slicedToArray.Z)(_useState3,2),likelyType=_useState4[0],setLikelyType=_useState4[1];return(0,jsx_runtime.jsxs)("form",{children:[(0,jsx_runtime.jsx)(src_components_sequence_submission,{placeholder:"Enter a sequence...",value:sequence,onChange:function onChange(event){var _event$,_event$2;setSequence(null===(_event$=event[0])||void 0===_event$?void 0:_event$.sequence),setLikelyType(null===(_event$2=event[0])||void 0===_event$2?void 0:_event$2.likelyType)}}),(0,jsx_runtime.jsxs)("p",{children:["Sequence:",(0,jsx_runtime.jsx)("output",{children:sequence})]}),(0,jsx_runtime.jsxs)("p",{children:["Likely type:",(0,jsx_runtime.jsx)("output",{children:likelyType})]}),(0,jsx_runtime.jsx)("input",{type:"reset",onClick:function onClick(e){e.preventDefault(),setSequence("")}}),(0,jsx_runtime.jsx)("input",{type:"button",value:"async load sequence",onClick:function onClick(){return setSequence("ACTGUACTGUACTGU")}})]})};DynamicallyChangeValue.displayName="DynamicallyChangeValue"},79334:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SlidingPanelInSlidingPanel:function(){return SlidingPanelInSlidingPanel},SlidingPanels:function(){return SlidingPanels},SlidingPanelsWithArrow:function(){return SlidingPanelsWithArrow},default:function(){return SlidingPanel_stories}});var slicedToArray=__webpack_require__(34699),react=__webpack_require__(67294),esm=__webpack_require__(85914),dist=__webpack_require__(95099),lorem_ipsum_dist=__webpack_require__(13380),objectWithoutProperties=(__webpack_require__(74916),__webpack_require__(41817),__webpack_require__(33948),__webpack_require__(52552),__webpack_require__(7609),__webpack_require__(99217),__webpack_require__(73494),__webpack_require__(22560),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(81253)),react_dom=(__webpack_require__(19601),__webpack_require__(68650),__webpack_require__(10245),__webpack_require__(70731),__webpack_require__(73935)),react_router=__webpack_require__(5977),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),timing_functions_es=__webpack_require__(53457),components_button=__webpack_require__(19210),times=__webpack_require__(74070),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),sliding_panel=__webpack_require__(36528),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__(85893),_excluded=["children","onClose","position","size","title","arrowX","className"];function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i 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"}},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){}var SlidingPanel_stories={title:"Layout/Sliding Panel",decorators:[(0,dist.withKnobs)()],parameters:{purposeFunction:{purpose:"Display additional information or options without leaving the page",function:"Overlayed on top of the page, obfuscating part of the page."}}},usePositionLR=function usePositionLR(){return(0,dist.select)("Position",["right","left"],"left")},useTitle=function useTitle(){return(0,dist.text)("Title","Title")},useSize=function useSize(){return(0,dist.select)("Size",["small","medium","large","full-screen"],"medium")},SlidingPanels=function SlidingPanels(){var title=useTitle(),position=function usePosition(){return(0,dist.select)("Position",["top","right","bottom","left"],"left")}(),size=useSize();return(0,jsx_runtime.jsx)(src_components_sliding_panel,{title:title,position:position,size:size,onClose:(0,esm.action)("Closing"),children:(0,lorem_ipsum_dist.fH)({count:25})})};SlidingPanels.displayName="SlidingPanels";var SlidingPanelsWithArrow=function SlidingPanelsWithArrow(){var _useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),showPanel=_useState2[0],setShowPanel=_useState2[1],_useState3=(0,react.useState)(),_useState4=(0,slicedToArray.Z)(_useState3,2),arrowX=_useState4[0],setArrowX=_useState4[1],position=usePositionLR(),title=useTitle(),size=useSize(),buttonRef=(0,react.useCallback)((function(node){if(node){var bcr=node.getBoundingClientRect();setArrowX(bcr.x+bcr.width/2)}}),[position]);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(components_button.Z,{onClick:function onClick(){setShowPanel(!0)},style:{position:"absolute",top:"-2rem",left:"left"===position?"1rem":"",right:"right"===position?"1rem":""},ref:buttonRef,children:"Click me"}),showPanel&&(0,jsx_runtime.jsx)(src_components_sliding_panel,{title:title,position:position,size:size,onClose:function onClose(reason){setShowPanel(!1),(0,esm.action)("onClose")(reason)},arrowX:arrowX,children:(0,lorem_ipsum_dist.fH)({count:25})})]})},SlidingPanelInSlidingPanel=function SlidingPanelInSlidingPanel(){var _useState5=(0,react.useState)(!1),_useState6=(0,slicedToArray.Z)(_useState5,2),showPanel=_useState6[0],setShowPanel=_useState6[1],_useState7=(0,react.useState)(!1),_useState8=(0,slicedToArray.Z)(_useState7,2),showPanel2=_useState8[0],setShowPanel2=_useState8[1],position=usePositionLR(),title=useTitle(),size=useSize();return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(components_button.Z,{onClick:function onClick(){return setShowPanel(!0)},style:{position:"absolute",top:"-2rem",left:"left"===position?"1rem":"",right:"right"===position?"1rem":""},children:"Click me"}),showPanel&&(0,jsx_runtime.jsx)(src_components_sliding_panel,{title:"Sliding panel 1: "+title,position:position,size:size,onClose:function onClose(reason){setShowPanel(!1),setShowPanel2(!1),(0,esm.action)("onClose 1")(reason)},children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(components_button.Z,{onClick:function onClick(){return setShowPanel2(!0)},children:"Click me too"}),(0,jsx_runtime.jsx)("br",{}),(0,lorem_ipsum_dist.fH)({count:25}),showPanel2&&(0,jsx_runtime.jsx)(src_components_sliding_panel,{title:"Sliding panel 2: "+title,position:position,size:size,onClose:function onClose(reason){setShowPanel2(!1),(0,esm.action)("onClose 2")(reason)},children:(0,lorem_ipsum_dist.fH)({count:25})})]})})]})}},50154:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{cachedTabs:function(){return cachedTabs},default:function(){return Tabs_stories},managedTabs:function(){return managedTabs},unmanagedTabs:function(){return unmanagedTabs},unmanagedTabsWithDifferentDefault:function(){return unmanagedTabsWithDifferentDefault}});var slicedToArray=__webpack_require__(34699),react=__webpack_require__(67294),dist=__webpack_require__(13380),objectWithoutProperties=__webpack_require__(81253),v1=(__webpack_require__(88674),__webpack_require__(19601),__webpack_require__(27670),__webpack_require__(84865),__webpack_require__(70731),__webpack_require__(51392),__webpack_require__(42689)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),tabs=__webpack_require__(79692),tabs_default=__webpack_require__.n(tabs),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()(tabs_default(),options),tabs_default()&&tabs_default().locals&&tabs_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["children","active","className"],_excluded2=["id"],_excluded3=["title","id","className","children","defaultSelected","cache"],Tab=function Tab(_){return null},Tabs=function Tabs(_ref){var content,children=_ref.children,active=_ref.active,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded),idRef=(0,react.useRef)((0,v1.Z)()),isManaged=void 0!==active,tabs=react.Children.toArray(children).filter(Boolean).map((function(_ref2,index){var _ref2$props=_ref2.props,id=_ref2$props.id,props=(0,objectWithoutProperties.Z)(_ref2$props,_excluded2);return Object.assign({id:void 0===id?""+index:id},props)})),_useState=(0,react.useState)((function(){if(isManaged)return active;var defaultSelected=tabs.filter((function(tab){return tab.defaultSelected}));return defaultSelected.length?(defaultSelected.length>1&&console.warn("a component has been rendered with "+defaultSelected.length+" children. There should be a maximum of 1 default selected child."),defaultSelected[0].id):tabs[0].id})),_useState2=(0,slicedToArray.Z)(_useState,2),selectedState=_useState2[0],setSelectedState=_useState2[1],handleClick=(0,react.useCallback)((function(event){if(!isManaged){var target=event.currentTarget.dataset.target;!event||"key"in event&&"Enter"!==event.key&&" "!==event.key||setSelectedState(target)}}),[isManaged]),activeFromPropsOrState=isManaged?active:selectedState,selectedTab=tabs.find((function(tab){return tab.id===activeFromPropsOrState}));if(!selectedTab)throw new Error('Could not find a tab with the id: "'+selectedState+'"');content=tabs.some((function(_ref3){return _ref3.cache}))?tabs.map((function(tab){var selected=tab.id===selectedTab.id;return(tab.cache||selected)&&(0,jsx_runtime.jsx)("div",{style:{display:selected?"block":"none"},children:tab.children},tab.id)})):selectedTab.children;var unmanagedProps={};return isManaged||(unmanagedProps={onClick:handleClick,onKeyPress:handleClick,tabIndex:0}),(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()("tabs",className)},props,{children:[(0,jsx_runtime.jsx)("div",{className:"tabs__header",role:"tablist",children:tabs.map((function(_ref4){var title=_ref4.title,id=_ref4.id,className=_ref4.className,props=(_ref4.children,_ref4.defaultSelected,_ref4.cache,(0,objectWithoutProperties.Z)(_ref4,_excluded3));return title&&(0,jsx_runtime.jsx)("div",Object.assign({"data-testid":"tab-title","data-target":id,role:"tab","aria-controls":idRef.current,className:classnames_default()("tabs__header__item",{"tabs__header__item--active":id===activeFromPropsOrState},className)},unmanagedProps,props,{children:title}),id)}))}),(0,jsx_runtime.jsx)("div",{role:"tabpanel",id:idRef.current,"data-testid":"tab-content",children:content})]}))};Tabs.displayName="Tabs";try{Tab.displayName="Tab",Tab.__docgenInfo={description:"",displayName:"Tab",props:{title:{defaultValue:null,description:"Title of that tab",name:"title",required:!0,type:{name:"ReactNode"}},id:{defaultValue:null,description:"Optional ID for that tab, one of the expected options for the parent component",name:"id",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Content of that tab",name:"children",required:!1,type:{name:"ReactNode"}},defaultSelected:{defaultValue:null,description:"Choose that tab as the default to be displayed",name:"defaultSelected",required:!1,type:{name:"boolean"}},cache:{defaultValue:null,description:"Option to render and hide tab (display:none) rather than remove from the DOM",name:"cache",required:!1,type:{name:"boolean"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:"enum",value:[{value:'"yes"'},{value:'"no"'}]}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:"enum",value:[{value:'"on"'},{value:'"off"'}]}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'},{value:'"numeric"'},{value:'"decimal"'}]}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:"enum",value:[{value:'"list"'},{value:'"none"'},{value:'"inline"'},{value:'"both"'}]}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"none"'},{value:'"copy"'},{value:'"execute"'},{value:'"move"'},{value:'"popup"'}]}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"additions"'},{value:'"additions removals"'},{value:'"additions text"'},{value:'"all"'},{value:'"removals"'},{value:'"removals additions"'},{value:'"removals text"'},{value:'"text additions"'},{value:'"text removals"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"ascending"'},{value:'"descending"'},{value:'"other"'}]}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs.tsx#Tab"]={docgenInfo:Tab.__docgenInfo,name:"Tab",path:"src/components/tabs.tsx#Tab"})}catch(__react_docgen_typescript_loader_error){}try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{children:{defaultValue:null,description:" elements defining the content and title of each tab",name:"children",required:!0,type:{name:"ReactElement> | (ReactElement> | null)[] | null"}},active:{defaultValue:null,description:"Optional way of controling the tabs from the outside of this component by\nassigning here a value corresponding to an 'id' prop of one of the child\n",name:"active",required:!1,type:{name:"string | number"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:"enum",value:[{value:'"yes"'},{value:'"no"'}]}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:"enum",value:[{value:'"on"'},{value:'"off"'}]}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'},{value:'"numeric"'},{value:'"decimal"'}]}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:"enum",value:[{value:'"list"'},{value:'"none"'},{value:'"inline"'},{value:'"both"'}]}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"none"'},{value:'"copy"'},{value:'"execute"'},{value:'"move"'},{value:'"popup"'}]}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"additions"'},{value:'"additions removals"'},{value:'"additions text"'},{value:'"all"'},{value:'"removals"'},{value:'"removals additions"'},{value:'"removals text"'},{value:'"text additions"'},{value:'"text removals"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"ascending"'},{value:'"descending"'},{value:'"other"'}]}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:"src/components/tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}var cog=__webpack_require__(12444),Tabs_stories={title:"Layout/Tabs",parameters:{purposeFunction:{purpose:"Prevent information overload by categorising data to display and only showing one category at a time",function:"Allow users to switch between different views."}}},unmanagedTabs=function unmanagedTabs(){return(0,jsx_runtime.jsxs)(Tabs,{children:[(0,jsx_runtime.jsx)(Tab,{title:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Title 1",(0,jsx_runtime.jsx)(cog.Z,{style:{verticalAlign:"text-top"},width:16,height:16})]}),children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{title:"Title 2",children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{title:"Title 3",children:(0,dist.fH)({count:2})})]})};unmanagedTabs.displayName="unmanagedTabs";var unmanagedTabsWithDifferentDefault=function unmanagedTabsWithDifferentDefault(){return(0,jsx_runtime.jsxs)(Tabs,{children:[(0,jsx_runtime.jsx)(Tab,{title:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Title 1",(0,jsx_runtime.jsx)(cog.Z,{style:{verticalAlign:"text-top"},width:16,height:16})]}),children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{title:"Title 2",children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{title:"Title 3 (default)",defaultSelected:!0,children:(0,dist.fH)({count:2})})]})};unmanagedTabsWithDifferentDefault.displayName="unmanagedTabsWithDifferentDefault";var Tabs_stories_options=["option a","option 2","option III"],ManagedTabs=function ManagedTabs(){var interval=(0,react.useRef)(),_useState=(0,react.useState)(Tabs_stories_options[0]),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1];return(0,react.useEffect)((function(){return interval.current=window.setInterval((function(){setSelected(Tabs_stories_options[Math.floor(Math.random()*Tabs_stories_options.length)])}),3e3),function(){return clearInterval(interval.current)}}),[]),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("p",{children:['Selected: "',selected,'"']}),(0,jsx_runtime.jsx)("p",{children:"Will change automatically every 3 seconds"}),(0,jsx_runtime.jsxs)(Tabs,{active:selected,children:[(0,jsx_runtime.jsx)(Tab,{title:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Title 1 (not interactive)",(0,jsx_runtime.jsx)(cog.Z,{style:{verticalAlign:"text-top"},width:16,height:16})]}),id:Tabs_stories_options[0],children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{title:"Title 2 (not interactive)",id:Tabs_stories_options[1],children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{title:"Title 3 (not interactive)",id:Tabs_stories_options[2],children:(0,dist.fH)({count:2})})]})]})},managedTabs=function managedTabs(){return(0,jsx_runtime.jsx)(ManagedTabs,{})};managedTabs.displayName="managedTabs";var cachedTabs=function cachedTabs(){return(0,jsx_runtime.jsxs)(Tabs,{children:[(0,jsx_runtime.jsx)(Tab,{cache:!0,title:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Title 1",(0,jsx_runtime.jsx)(cog.Z,{style:{verticalAlign:"text-top"},width:16,height:16})]}),children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{title:"Title 2",children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{cache:!0,title:"Title 3",children:(0,dist.fH)({count:2})})]})};cachedTabs.displayName="cachedTabs"},99089:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BasicTile:function(){return BasicTile},default:function(){return Tile_stories}});var dist=__webpack_require__(95099),esm=__webpack_require__(85914),lorem_ipsum_dist=__webpack_require__(13380),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(67294)),react_router_dom=__webpack_require__(73727),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),external_link=__webpack_require__(38893),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_tile=__webpack_require__(98364),tile_default=__webpack_require__.n(components_tile),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()(tile_default(),options),tile_default()&&tile_default().locals&&tile_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["title","headingLevel","subtitle","backgroundColor","backgroundImage","gradient","width","className","style","children","descriptionSlideUp"],nextHeading=function nextHeading(level){return"h"+(+level[1]+1)},Tile=function Tile(_ref){var title=_ref.title,_ref$headingLevel=_ref.headingLevel,headingLevel=void 0===_ref$headingLevel?"h2":_ref$headingLevel,subtitle=_ref.subtitle,backgroundColor=_ref.backgroundColor,backgroundImage=_ref.backgroundImage,_ref$gradient=_ref.gradient,gradient=void 0!==_ref$gradient&&_ref$gradient,width=_ref.width,className=_ref.className,style=_ref.style,children=_ref.children,_ref$descriptionSlide=_ref.descriptionSlideUp,descriptionSlideUp=void 0!==_ref$descriptionSlide&&_ref$descriptionSlide,props=(0,objectWithoutProperties.Z)(_ref,_excluded),isExternal="url"in props,mainContent=(0,jsx_runtime.jsxs)("span",{children:[(0,react.createElement)(headingLevel,{className:"tile__header big"},title),subtitle&&(0,react.createElement)(nextHeading(headingLevel),{className:"tile__subtitle small"},subtitle)]});return(0,jsx_runtime.jsxs)("div",{className:classnames_default()(className,"tile",{"tile-gradient":gradient}),style:Object.assign({},style,{"--tile-background":backgroundColor,width:width}),children:[(0,jsx_runtime.jsx)("div",{className:"tile__background-image","aria-hidden":"true",children:backgroundImage}),isExternal?(0,jsx_runtime.jsx)(external_link.Z,Object.assign({className:"tile__main-content"},props,{noIcon:!0,children:mainContent})):(0,jsx_runtime.jsx)(react_router_dom.rU,Object.assign({className:"tile__main-content"},props,{children:mainContent})),children&&(0,jsx_runtime.jsx)("small",{className:classnames_default()("tile__description",descriptionSlideUp&&"tile__description--animated"),children:children})]})};Tile.displayName="Tile";var _path,_g,_defs,src_components_tile=Tile;try{Tile.displayName="Tile",Tile.__docgenInfo={description:"",displayName:"Tile",props:{url:{defaultValue:null,description:"The location that is visted when clicked",name:"url",required:!0,type:{name:"string | null"}},newTab:{defaultValue:null,description:"Decides if a new browser tab should be opened or not, defaults to true",name:"newTab",required:!1,type:{name:"boolean"}},tidyUrl:{defaultValue:null,description:"",name:"tidyUrl",required:!1,type:{name:"boolean"}},noIcon:{defaultValue:null,description:"",name:"noIcon",required:!1,type:{name:"boolean"}},headingLevel:{defaultValue:{value:"h2"},description:"The tile title heading level",name:"headingLevel",required:!1,type:{name:"enum",value:[{value:'"h2"'},{value:'"h1"'},{value:'"h5"'},{value:'"h3"'},{value:'"h4"'}]}},subtitle:{defaultValue:null,description:"The tile subtitle",name:"subtitle",required:!1,type:{name:"ReactNode"}},backgroundColor:{defaultValue:null,description:"The background color",name:"backgroundColor",required:!1,type:{name:"string"}},backgroundImage:{defaultValue:null,description:"The background image",name:"backgroundImage",required:!1,type:{name:"ReactNode"}},gradient:{defaultValue:{value:"false"},description:"Whether to create a gradient based on the backgroung color or not",name:"gradient",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"The width Tile square (css value). By default it will use the\nwidth of the provided container.",name:"width",required:!1,type:{name:"string"}},descriptionSlideUp:{defaultValue:{value:"false"},description:"Whether to slide up the description when the mouse is over the tile.\nCan be useful if the description text is long.",name:"descriptionSlideUp",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tile.tsx#Tile"]={docgenInfo:Tile.__docgenInfo,name:"Tile",path:"src/components/tile.tsx#Tile"})}catch(__react_docgen_typescript_loader_error){}try{tile.displayName="tile",tile.__docgenInfo={description:"",displayName:"tile",props:{url:{defaultValue:null,description:"The location that is visted when clicked",name:"url",required:!0,type:{name:"string | null"}},newTab:{defaultValue:null,description:"Decides if a new browser tab should be opened or not, defaults to true",name:"newTab",required:!1,type:{name:"boolean"}},tidyUrl:{defaultValue:null,description:"",name:"tidyUrl",required:!1,type:{name:"boolean"}},noIcon:{defaultValue:null,description:"",name:"noIcon",required:!1,type:{name:"boolean"}},headingLevel:{defaultValue:{value:"h2"},description:"The tile title heading level",name:"headingLevel",required:!1,type:{name:"enum",value:[{value:'"h2"'},{value:'"h1"'},{value:'"h5"'},{value:'"h3"'},{value:'"h4"'}]}},subtitle:{defaultValue:null,description:"The tile subtitle",name:"subtitle",required:!1,type:{name:"ReactNode"}},backgroundColor:{defaultValue:null,description:"The background color",name:"backgroundColor",required:!1,type:{name:"string"}},backgroundImage:{defaultValue:null,description:"The background image",name:"backgroundImage",required:!1,type:{name:"ReactNode"}},gradient:{defaultValue:{value:"false"},description:"Whether to create a gradient based on the backgroung color or not",name:"gradient",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"The width Tile square (css value). By default it will use the\nwidth of the provided container.",name:"width",required:!1,type:{name:"string"}},descriptionSlideUp:{defaultValue:{value:"false"},description:"Whether to slide up the description when the mouse is over the tile.\nCan be useful if the description text is long.",name:"descriptionSlideUp",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tile.tsx#tile"]={docgenInfo:tile.__docgenInfo,name:"tile",path:"src/components/tile.tsx#tile"})}catch(__react_docgen_typescript_loader_error){}function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i2&&void 0!==arguments[2]&&arguments[2];return(0,jsx_runtime.jsx)("ul",{role:first?"tree":"group",children:items.map((function(node){var _node$items,ariaExpanded;return node.items&&(ariaExpanded=openNodes.includes(node.id)?"true":"false"),(0,jsx_runtime.jsxs)("li",{role:"treeitem","aria-expanded":ariaExpanded,className:classnames_default()({branch:node.items}),children:[(0,jsx_runtime.jsx)(components_button.Z,{onClick:function onClick(){return handleNodeClick(node,setShowDropdownMenu)},className:classnames_default()({active:activeNodes.includes(node.id)}),variant:"secondary","aria-label":null!==(_node$items=node.items)&&void 0!==_node$items&&_node$items.length?node.label+" ("+node.items.length+" nested option"+(1===node.items.length?"":"s")+")":void 0,children:node.label}),node.items&&buildTree(node.items,setShowDropdownMenu)]},node.id)}))})}),[activeNodes,handleNodeClick,openNodes]);return(0,jsx_runtime.jsx)(dropdown_button.ZP,Object.assign({label:label||"Select"},props,{children:function children(setShowDropdownMenu){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[autocomplete&&(0,jsx_runtime.jsx)(components_autocomplete.ZP,{data:autocompleteData,onDropdownChange:setAutocompleteShowDropdown,onSelect:function onSelect(node){return handleNodeClick(node,setShowDropdownMenu)},placeholder:autocompletePlaceholder,filter:autocompleteFilter,clearOnSelect:!0,autoFocus:!0}),!autocompleteShowDropdown&&(0,jsx_runtime.jsx)("div",{className:"dropdown-menu__panel",children:buildTree(data,setShowDropdownMenu,!0)})]})}}))};TreeSelect.displayName="TreeSelect";var src_components_tree_select=TreeSelect;try{treeselect.displayName="treeselect",treeselect.__docgenInfo={description:"",displayName:"treeselect",props:{openOnHover:{defaultValue:null,description:"Open on pointer over (useful for dropdowns in header)",name:"openOnHover",required:!1,type:{name:"boolean"}},element:{defaultValue:null,description:"The element to use as a button",name:"element",required:!1,type:{name:'"button" | "a" | FunctionComponent<{}> | ComponentClass<{}, any>'}},disabled:{defaultValue:null,description:"Flag to disable the button",name:"disabled",required:!1,type:{name:"boolean"}},type:{defaultValue:null,description:"Type to pass to the underlying ",name:"type",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"submit"'},{value:'"reset"'}]}},variant:{defaultValue:null,description:"Variant of the button",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},className:{defaultValue:null,description:"Classnames to be added to the button",name:"className",required:!1,type:{name:"string"}},data:{defaultValue:null,description:"The tree structure",name:"data",required:!0,type:{name:"Item[]"}},onSelect:{defaultValue:null,description:"What happens when something is selected",name:"onSelect",required:!0,type:{name:'(item: Omit) => void'}},autocomplete:{defaultValue:{value:"false"},description:"Contains autocomplete functionality to search through tree",name:"autocomplete",required:!1,type:{name:"boolean"}},autocompletePlaceholder:{defaultValue:{value:""},description:"Placeholder for the autocomplete input box",name:"autocompletePlaceholder",required:!1,type:{name:"string"}},autocompleteFilter:{defaultValue:{value:"true"},description:"",name:"autocompleteFilter",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"The displayed label on the button",name:"label",required:!1,type:{name:"ReactNode"}},defaultActiveNodes:{defaultValue:{value:"[]"},description:"Array of default active nodes for initialisation",name:"defaultActiveNodes",required:!1,type:{name:'Item["id"][]'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tree-select.tsx#treeselect"]={docgenInfo:treeselect.__docgenInfo,name:"treeselect",path:"src/components/tree-select.tsx#treeselect"})}catch(__react_docgen_typescript_loader_error){}var tree_data=__webpack_require__(46900),TreeSelect_stories={title:"Forms/Tree Select",decorators:[(0,dist.withKnobs)()],parameters:{purposeFunction:{purpose:"Allow selection of item(s) from nested data set",function:"Navigate through a tree to make a selection"}}},useLabel=function useLabel(){return(0,dist.text)("label","Select","Props")},variants=["primary","secondary","tertiary"],useVariant=function useVariant(){return(0,dist.select)("variant",variants,"primary","Props")},TreeSelect_stories_TreeSelect=function TreeSelect(){return(0,jsx_runtime.jsx)(src_components_tree_select,{label:useLabel(),data:tree_data.B,onSelect:(0,esm.action)("onSelect"),variant:useVariant()})};TreeSelect_stories_TreeSelect.displayName="TreeSelect";var TreeSelectWithAutocomplete=function TreeSelectWithAutocomplete(){return(0,jsx_runtime.jsx)(src_components_tree_select,{label:useLabel(),data:tree_data.B,onSelect:(0,esm.action)("onSelect"),autocomplete:!0,autocompletePlaceholder:"Search for item",autocompleteFilter:!0,variant:useVariant()})};TreeSelectWithAutocomplete.displayName="TreeSelectWithAutocomplete"},68909:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{typography:function(){return typography}});var react_markdown__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(59362),rehype_raw__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(94656),_markdown_typography_md__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(56379),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893);__webpack_exports__.default={title:"Core/Typography"};var typography=function typography(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_markdown__WEBPACK_IMPORTED_MODULE_1__.D,{rehypePlugins:[rehype_raw__WEBPACK_IMPORTED_MODULE_2__.Z],children:_markdown_typography_md__WEBPACK_IMPORTED_MODULE_3__})};typography.displayName="typography"},39493:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{window:function(){return window}});var lorem_ipsum__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(13380),_src_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(98330),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893);__webpack_exports__.default={title:"Layout/Window",parameters:{purposeFunction:{purpose:"Improve the User Experience by providing another way of conent-isoloation.",function:"Provide reusable window component with various configurations possible."}}};var window=function window(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.Z,{title:"Alert",withHeaderCloseButton:!0,withFooterCloseButton:!0,withShadow:!0,children:(0,lorem_ipsum__WEBPACK_IMPORTED_MODULE_0__.fH)({count:25,units:"words"})},"full-featured-window")};window.displayName="window"},67019:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var _path,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(67294);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i*{break-inside:avoid}}@media print,screen and (min-width: 40em)and (max-width: 63.99875em){.accordion-search__list--columns{column-count:2;column-width:50%}.accordion-search__list--columns>*{break-inside:avoid}}@media print,screen and (min-width: 64em){.accordion-search__list--columns{column-count:3;column-width:33.3333333333%}.accordion-search__list--columns>*{break-inside:avoid}}","",{version:3,sources:["webpack://./src/styles/components/accordion-search.scss","webpack://./node_modules/foundation-sites/scss/util/_breakpoint.scss","webpack://./src/styles/_mixins.scss"],names:[],mappings:"AAIE,wBACE,eAAA,CACA,wCACE,eAAA,CC4KE,gDC5KN,iCACE,cFKyC,CEJzC,iBAAA,CAEA,mCACE,kBAAA,CAAA,CDuKE,qEC5KN,iCACE,cFSyC,CERzC,gBAAA,CAEA,mCACE,kBAAA,CAAA,CDuKE,0CC5KN,iCACE,cFayC,CEZzC,2BAAA,CAEA,mCACE,kBAAA,CAAA",sourcesContent:["@import '../settings';\n@import '../mixins.scss';\n\n.accordion-search {\n &__list {\n margin-bottom: 0;\n &__item__checkbox {\n margin-bottom: 0;\n }\n }\n}\n\n@include breakpoint(small only) {\n @include columns('accordion-search__list', 1);\n}\n\n@include breakpoint(medium only) {\n @include columns('accordion-search__list', 2);\n}\n\n@include breakpoint(large) {\n @include columns('accordion-search__list', 3);\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group breakpoints\n////\n\n/// Patch to fix issue #12080\n$-zf-size: null;\n\n/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.\n/// @type Map\n$breakpoints: (\n \"small\": 0,\n \"medium\": 640px,\n \"large\": 1024px,\n \"xlarge\": 1200px,\n \"xxlarge\": 1440px,\n) !default;\n\n/// A list of named HiDPI breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries for resolutions.\n/// Values must represent the device pixels / web pixels ration and be unitless or in DPPX.\n/// @type Map\n$breakpoints-hidpi: (\n \"hidpi-1\": 1,\n \"hidpi-1-5\": 1.5,\n \"hidpi-2\": 2,\n \"retina\": 2,\n \"hidpi-3\": 3\n) !default;\n\n/// The largest named breakpoint in which to include print as a media type\n/// @type Keyword\n$print-breakpoint: large !default;\n\n$-zf-zero-breakpoint: small !default;\n\n$-zf-breakpoints-keys: map-to-list($breakpoints, 'keys');\n\n@if nth(map-values($breakpoints), 1) != 0 {\n @error 'The first key in the $breakpoints map must have a value of \"0\".';\n}\n@else {\n $-zf-zero-breakpoint: nth(map-keys($breakpoints), 1);\n}\n\n/// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.\n/// @type List\n$breakpoint-classes: (small medium large) !default;\n\n/// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are.\n///\n/// @param {Keyword|Number} $val [small] - Breakpoint name, or px, rem, or em value to process.\n@function breakpoint($val: $-zf-zero-breakpoint) {\n // Web standard Pixels per inch. (1ddpx / $std-web-dpi) = 1dpi\n // See https://www.w3.org/TR/css-values-3/#absolute-lengths\n $std-web-dpi: 96;\n\n // Size or keyword\n $bp: nth($val, 1);\n // Value of the following breakpoint\n $bp-next: null;\n // Value for max-width media queries\n $bp-min: null;\n // Value for min-width media queries\n $bp-max: null;\n // Direction of media query (up, down, or only)\n $dir: if(length($val) > 1, nth($val, 2), up);\n // If named, name of the breakpoint\n $name: null;\n // If the breakpoint is a HiDPI breakpoint\n $hidpi: false;\n\n // Orientation media queries have a unique syntax\n @if $bp == 'landscape' or $bp == 'portrait' {\n @return '(orientation: #{$bp})';\n }\n\n // If a breakpoint name is given, get its value from the $breakpoints/$breakpoints-hidpi map.\n @if type-of($bp) == 'string' {\n @if map-has-key($breakpoints, $bp) {\n $name: $bp;\n $bp: map-get($breakpoints, $name);\n $bp-next: -zf-map-next($breakpoints, $name);\n }\n @else if map-has-key($breakpoints-hidpi, $bp) {\n $name: $bp;\n $bp: map-get($breakpoints-hidpi, $name);\n $bp-next: -zf-map-next-number($breakpoints-hidpi, $bp);\n $hidpi: true;\n }\n @else {\n $bp: 0;\n @warn 'breakpoint(): \"#{$val}\" is not defined in your `$breakpoints` or `$breakpoints-hidpi` setting.';\n }\n }\n\n @if not $name and $dir == 'only' {\n @warn 'breakpoint(): Only named media queries can have an `only` range.';\n @return null;\n }\n\n // Only 'only' and 'up' have a min limit.\n @if $dir == 'only' or $dir == 'up' {\n $bp-min: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n }\n // Only 'only' and 'down' have a max limit.\n @if $dir == 'only' or $dir == 'down' {\n // If the breakpoint is a value, use it as max limit.\n @if not $name {\n $bp-max: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n }\n // If the breakpoint is named, the max limit is the following breakpoint - 1px.\n @else if $bp-next {\n // Max value is 0.2px under the next breakpoint (0.02 / 16 = 0.00125).\n // Use a precision under 1px to support browser zoom, but not to low to avoid rounding.\n // See https://github.com/foundation/foundation-sites/issues/11313\n $bp-max: if($hidpi, $bp-next - divide(1, $std-web-dpi), -zf-bp-to-em($bp-next) - 0.00125);\n }\n }\n\n // Generate the media query string from min and max limits.\n @if $hidpi {\n // Generate values in DPI instead of DPPX for an IE9-11/Opera mini compatibility.\n // See https://caniuse.com/#feat=css-media-resolution\n $bp-min-dpi: if($bp-min, $bp-min * $std-web-dpi * 1dpi, $bp-min);\n $bp-max-dpi: if($bp-max, $bp-max * $std-web-dpi * 1dpi, $bp-max);\n @return zf-str-join(\n -zf-bp-join($bp-min, $bp-max, '-webkit-min-device-pixel-ratio', '-webkit-max-device-pixel-ratio'),\n -zf-bp-join($bp-min-dpi, $bp-max-dpi, 'min-resolution', 'max-resolution'),\n ', ');\n }\n @else {\n @return -zf-bp-join($bp-min, $bp-max);\n }\n}\n\n/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:\n/// - If a string is passed, the mixin will look for it in the `$breakpoints` and `$breakpoints-hidpi` maps, and use a media query there.\n/// - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.\n/// - If a rem value is passed, the unit will be changed to em.\n/// - If an em value is passed, the value will be used as-is.\n///\n/// If multiple values are passed, the mixin will generate a media query for each of them as described above.\n/// Since the content is duplicated for each breakpoint, this mixin should only be used with properties that\n/// change across breakpoints.\n///\n/// @param {Keyword|Number} $values... - Breakpoint name or px/rem/em value to process.\n///\n/// @output If the breakpoint is \"0px and larger\", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.\n@mixin breakpoint($values...) {\n @for $i from 1 through length($values) {\n $value: nth($values, $i);\n $str: breakpoint($value);\n $bp: index($-zf-breakpoints-keys, nth($value, 1));\n $pbp: index($-zf-breakpoints-keys, $print-breakpoint);\n // Direction of media query (up, down, or only)\n $dir: if(length($value) > 1, nth($value, 2), up);\n\n $old-zf-size: null;\n\n // Make breakpoint size available as a variable\n @if global-variable-exists(-zf-size) {\n $old-zf-size: $-zf-size;\n }\n $-zf-size: nth($value, 1) !global; // get the first value to account for `only` and `down` keywords\n\n // If $str is still an empty string, no media query is needed\n @if $str == '' {\n @content;\n }\n\n // Otherwise, wrap the content in a media query\n @else {\n // For named breakpoints less than or equal to $print-breakpoint, add print to the media types\n // generate print if the breakpoint affects the print-breakpoint (or smaller).\n // This means the current condition only needs to be extended so 'down' always generates print.\n @if $bp != null and ($bp <= $pbp or $dir == down) {\n @media print, screen and #{$str} {\n @content;\n }\n }\n @else {\n @media screen and #{$str} {\n @content;\n }\n }\n }\n\n $-zf-size: $old-zf-size !global;\n }\n}\n\n/// Converts the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place.\n/// @access private\n///\n/// @param {Map} $map - Map to convert.\n///\n/// @returns {String} A string containing the map's contents.\n@function -zf-bp-serialize($map) {\n $str: '';\n @each $key, $value in $map {\n $str: $str + $key + '=' + -zf-bp-to-em($value) + '&';\n }\n $str: str-slice($str, 1, -2);\n\n @return $str;\n}\n\n/// Find the next key in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $key - Key to use as a starting point.\n///\n/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.\n@function -zf-map-next($map, $key) {\n\n // Store the keys of the map as a list\n $values: map-keys($map);\n\n $i: 0;\n\n // If the Key Exists, Get the index of the key within the map and add 1 to it for the next breakpoint in the map\n @if (map-has-key($map, $key)) {\n $i: index($values, $key) + 1;\n }\n\n // If the key doesn't exist, or it's the last key in the map, return null\n @if ($i > length($map) or $i == 0) {\n @return null;\n }\n // Otherwise, return the value\n @else {\n @return map-get($map, nth($values, $i));\n }\n\n}\n\n/// Find the next number in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $number - Number to use as a starting point.\n///\n/// @returns {Mixed} The number following `$number`, if `$number` was found. If `$number` was not found, or `$number` was the biggest number in the map, returns `null`.\n@function -zf-map-next-number($map, $number) {\n\n $next-number: null;\n\n @each $k, $v in $map {\n @if type-of($v) == 'number' and $v > $number and ($next-number == null or $v < $next-number) {\n $next-number: $v;\n }\n }\n\n @return $next-number;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $key - Key to use as last breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-breakpoints-less-than($key) {\n $list: ();\n $found-key: false;\n\n @each $name in $-zf-breakpoints-keys {\n @if ($name == $key) {\n $found-key: true;\n }\n @if not $found-key {\n $list: append($list, $name);\n }\n }\n @return $list;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $breakpoint - a named or non-named breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-closest-named-breakpoint($breakpoint) {\n $last: $-zf-zero-breakpoint;\n $found: false;\n\n $value: unitless-calc($breakpoint, 1px);\n @each $key, $val in $breakpoints {\n @if not $found {\n @if unitless-calc($val) > $value {\n $found: true;\n } @else {\n $last: $key;\n }\n }\n }\n\n @return $last;\n}\n\n/// Get a value for a breakpoint from a responsive config map or single value.\n/// - If the config is a single value, return it regardless of `$value`.\n/// - If the config is a map and has the key `$value`, the exact breakpoint value is returned.\n/// - If the config is a map and does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.\n/// @access private\n///\n/// @param {Number|Map} $map - Responsive config map or single value.\n/// @param {Keyword} $value - Breakpoint name to use.\n///\n/// @return {Mixed} The corresponding breakpoint value.\n@function -zf-get-bp-val($map, $value) {\n // If the given map is a single value, return it\n @if type-of($map) == 'number' {\n @return $map;\n }\n\n\n // Check if the breakpoint name exists globally\n @if not map-has-key($breakpoints, $value) {\n @if type-of($value) == 'number' {\n $value: -zf-closest-named-breakpoint($value);\n } @else {\n @return null;\n }\n }\n // Check if the breakpoint name exists in the local config map\n @else if map-has-key($map, $value) {\n // If it does, just return the value\n @return map-get($map, $value);\n }\n // Otherwise, find the next lowest breakpoint and return that value\n @else {\n $anchor: null;\n $found: false;\n\n @each $key, $val in $breakpoints {\n @if not $found {\n @if map-has-key($map, $key) {\n $anchor: $key;\n }\n @if $key == $value {\n $found: true;\n }\n }\n }\n\n @return map-get($map, $anchor);\n }\n}\n\n/// Return the best breakpoint to use according to the calling context. It returns in order:\n/// 1. the given `$value` argument if it is not null.\n/// 2. the global breakpoint context `$-zf-size` if it is not null (like if called inside then `breakpoint()` mixin)\n/// 3. the given `$default` argument.\n/// @access private\n///\n/// @param {Keyword} $value [null] - Breakpoint to use in priority if non-null.\n/// @param {Keyword} $default [null] - Breakpoint to use by default if no other value can be used.\n///\n/// @return {Keyword} The resolved breakpoint.\n@function -zf-current-breakpoint($value: null, $default: null) {\n @if ($value != null) {\n @return $value;\n }\n @else if (variable-exists(-zf-size) and type-of($-zf-size) != 'number') and $-zf-size != null {\n @return $-zf-size;\n }\n @else {\n @return $default;\n }\n}\n\n/// Return media query string from the given min and/or max limits.\n/// If a limit is equal to `null` or `0`, it is ignored.\n/// @access private\n///\n/// @param {Number} $min [0] - Min media query limit.\n/// @param {Number} $max [0] - Max media query limit.\n/// @param {String} $min-name ['min-width'] - Name of the min media query limit.\n/// @param {String} $delimiter ['max-width'] - Name of the max media query limit.\n///\n/// @returns {String} Media Query string.\n@function -zf-bp-join(\n $min: 0,\n $max: 0,\n $min-name: 'min-width',\n $max-name: 'max-width'\n) {\n @return zf-str-join(\n if($min and $min > 0, '(#{$min-name}: #{$min})', null),\n if($max and $max > 0, '(#{$max-name}: #{$max})', null),\n ' and ');\n}\n\n$small-up: '';\n$small-only: '';\n\n@if map-has-key($breakpoints, small) {\n $small-up: screen;\n $small-only: unquote('screen and #{breakpoint(small only)}');\n}\n\n$medium-up: '';\n$medium-only: '';\n\n@if map-has-key($breakpoints, medium) {\n $medium-up: unquote('screen and #{breakpoint(medium)}');\n $medium-only: unquote('screen and #{breakpoint(medium only)}');\n}\n\n$large-up: '';\n$large-only: '';\n\n@if map-has-key($breakpoints, large) {\n $large-up: unquote('screen and #{breakpoint(large)}');\n $large-only: unquote('screen and #{breakpoint(large only)}');\n}\n\n$xlarge-up: '';\n$xlarge-only: '';\n\n@if map-has-key($breakpoints, xlarge) {\n $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');\n $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');\n}\n\n$xxlarge-up: '';\n\n@if map-has-key($breakpoints, xxlarge) {\n $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');\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"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},87556:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.accordion{width:100%}.accordion__title{width:100%;min-height:2.5rem;display:flex;align-items:center;flex-wrap:nowrap;gap:.5ch;padding:.25rem .5rem;margin-bottom:.25rem;background-color:#e4e8eb;font-family:"Source Sans Pro",sans-serif;font-size:1.25rem}.accordion__title>:first-child{flex-grow:1;text-align:start}.accordion__content{padding-left:2rem}.accordion-group .accordion:not(:first-child){border-top:none}',"",{version:3,sources:["webpack://./src/styles/components/accordion.scss","webpack://./colours.json","webpack://./src/styles/_franklin-settings.scss"],names:[],mappings:"AAGA,WACE,UAAA,CAEA,kBACE,UAAA,CACA,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,QAAA,CAEA,oBAAA,CACA,oBAAA,CAEA,wBCRO,CDSP,wCEhBmB,CFiBnB,iBAAA,CAEA,+BACE,WAAA,CACA,gBAAA,CAIJ,oBACE,iBAAA,CAKF,8CACE,eAAA",sourcesContent:["@import '../franklin-settings';\n@import '../colours';\n\n.accordion {\n width: 100%;\n\n &__title {\n width: 100%;\n min-height: 2.5rem;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n gap: 0.5ch;\n\n padding: 0.25rem 0.5rem;\n margin-bottom: 0.25rem;\n\n background-color: $colour-platinum;\n font-family: $fs-headers-font-face;\n font-size: 1.25rem;\n\n & > :first-child {\n flex-grow: 1;\n text-align: start;\n }\n }\n\n &__content {\n padding-left: 2rem;\n }\n}\n\n.accordion-group {\n .accordion:not(:first-child) {\n border-top: none;\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;","// Font families\n$fs-base-font-face: 'Lato', sans-serif;\n$fs-headers-font-face: 'Source Sans Pro', sans-serif;\n\n// Base font sizes\n$font-size-small: 12px;\n$font-size-medium: 14px;\n$font-size-large: 16px;\n\n// Font sizes\n$fs-base-font-size: $font-size-large;\n\n// Font weights\n$fs-font-weight-regular: 400;\n$fs-font-weight-semi-bold: 600;\n$fs-font-weight-bold: 700;\n$fs-font-weight-extra-bold: 900;\n\n// Breakpoints\n$fs-breakpoint-values: (\n 'small': (\n min-width: 0,\n ),\n 'medium': (\n min-width: 640px,\n ),\n 'large': (\n min-width: 1024px,\n ),\n);\n\n$gutter-size: 1rem;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},4293:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.button.dropdown::after{border-top-color:currentColor}.dropdown{position:relative;display:inline-block;white-space:nowrap}.dropdown>button.button:first-child{margin-inline-end:1rem;padding-inline-end:1.5ch}.dropdown>button.button.primary:first-child,.dropdown>button.button.secondary:first-child{padding-inline-end:2.5ch}.dropdown>:first-child::after{content:"▾";position:absolute;margin-inline-start:.5ch}.dropdown .button{margin-block-end:0;margin-inline-end:0}.dropdown ul{margin-inline-start:0;margin-block-end:0}.dropdown__content{box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);overflow-y:auto;width:max-content;z-index:9000;animation:200ms reveal;background:#fff;position:absolute;padding:.5rem;border-radius:0 0 .2rem .2rem}.dropdown__content button.button,.dropdown__content a,.dropdown__content a.button{display:inline-block;color:#161d39;margin:0;padding:.25em 1ch;width:100%;line-height:2;border:none;font-weight:normal}.dropdown__content button.button:hover,.dropdown__content button.button:focus-visible,.dropdown__content a:hover,.dropdown__content a:focus-visible,.dropdown__content a.button:hover,.dropdown__content a.button:focus-visible{background:#e4e8eb}.dropdown-container{position:relative;display:inline-block}.hover,.dropdown-content ul li button:hover,.dropdown-content ul li button.primary:hover,.dropdown-content ul li button.secondary:hover,.dropdown-content ul li button.tertiary:hover,.dropdown-content ul li a:hover,.dropdown-content ul li a.primary:hover,.dropdown-content ul li a.secondary:hover,.dropdown-content ul li a.tertiary:hover,.dropdown-menu ul li button:hover,.autocomplete-menu ul li button:hover,.dropdown-menu ul li button.primary:hover,.autocomplete-menu ul li button.primary:hover,.dropdown-menu ul li button.secondary:hover,.autocomplete-menu ul li button.secondary:hover,.dropdown-menu ul li button.tertiary:hover,.autocomplete-menu ul li button.tertiary:hover,.dropdown-menu ul li a:hover,.autocomplete-menu ul li a:hover,.dropdown-menu ul li a.primary:hover,.autocomplete-menu ul li a.primary:hover,.dropdown-menu ul li a.secondary:hover,.autocomplete-menu ul li a.secondary:hover,.dropdown-menu ul li a.tertiary:hover,.autocomplete-menu ul li a.tertiary:hover{color:#161d39;border:none;background:#e4e8eb}.dropdown-content,.dropdown-menu,.autocomplete-menu{--main-button-color: black;box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);display:none;overflow-y:auto;white-space:nowrap;position:absolute;background:#fff;z-index:9000}.dropdown-content input,.dropdown-menu input,.autocomplete-menu input{margin:0}.dropdown-content .dropdown-menu__content,.dropdown-menu .dropdown-menu__content,.autocomplete-menu .dropdown-menu__content{padding:1rem}.dropdown-content .dropdown-menu__panel,.dropdown-menu .dropdown-menu__panel,.autocomplete-menu .dropdown-menu__panel{overflow-y:auto}.dropdown-content ul,.dropdown-menu ul,.autocomplete-menu ul{display:block;list-style:none;margin:0;padding:0}.dropdown-content ul li,.dropdown-menu ul li,.autocomplete-menu ul li{float:none !important;display:block;line-height:1.6rem;background-color:#fefefe !important}.dropdown-content ul li button,.dropdown-content ul li button.primary,.dropdown-content ul li button.secondary,.dropdown-content ul li button.tertiary,.dropdown-content ul li a,.dropdown-content ul li a.primary,.dropdown-content ul li a.secondary,.dropdown-content ul li a.tertiary,.dropdown-menu ul li button,.autocomplete-menu ul li button,.dropdown-menu ul li button.primary,.autocomplete-menu ul li button.primary,.dropdown-menu ul li button.secondary,.autocomplete-menu ul li button.secondary,.dropdown-menu ul li button.tertiary,.autocomplete-menu ul li button.tertiary,.dropdown-menu ul li a,.autocomplete-menu ul li a,.dropdown-menu ul li a.primary,.autocomplete-menu ul li a.primary,.dropdown-menu ul li a.secondary,.autocomplete-menu ul li a.secondary,.dropdown-menu ul li a.tertiary,.autocomplete-menu ul li a.tertiary{cursor:pointer;line-height:1.6rem;width:100%;text-align:left;font-weight:normal;padding:.5rem !important;margin:0 !important;position:relative;display:block;border:none;padding-right:1rem;text-decoration:none;white-space:nowrap}.dropdown-content ul li button.active,.dropdown-content ul li button.primary.active,.dropdown-content ul li button.secondary.active,.dropdown-content ul li button.tertiary.active,.dropdown-content ul li a.active,.dropdown-content ul li a.primary.active,.dropdown-content ul li a.secondary.active,.dropdown-content ul li a.tertiary.active,.dropdown-menu ul li button.active,.autocomplete-menu ul li button.active,.dropdown-menu ul li button.primary.active,.autocomplete-menu ul li button.primary.active,.dropdown-menu ul li button.secondary.active,.autocomplete-menu ul li button.secondary.active,.dropdown-menu ul li button.tertiary.active,.autocomplete-menu ul li button.tertiary.active,.dropdown-menu ul li a.active,.autocomplete-menu ul li a.active,.dropdown-menu ul li a.primary.active,.autocomplete-menu ul li a.primary.active,.dropdown-menu ul li a.secondary.active,.autocomplete-menu ul li a.secondary.active,.dropdown-menu ul li a.tertiary.active,.autocomplete-menu ul li a.tertiary.active{font-weight:bold}.dropdown-content .dropdown-menu,.dropdown-content .autocomplete-menu,.dropdown-menu .dropdown-menu,.autocomplete-menu .dropdown-menu,.dropdown-menu .autocomplete-menu,.autocomplete-menu .autocomplete-menu{position:relative;top:0}.dropdown-menu-open{display:block;animation:200ms reveal}@keyframes reveal{from{clip-path:circle(0% at 50% 0%)}to{clip-path:circle(100% at 50% 0%)}}.autocomplete-menu{top:2.44rem;width:100%}.autocomplete-container{width:100%;position:relative}',"",{version:3,sources:["webpack://./src/styles/components/autocomplete.scss","webpack://./src/styles/components/dropdown.scss","webpack://./src/styles/_mixins.scss","webpack://./src/styles/common/_z-index.scss","webpack://./colours.json"],names:[],mappings:"AAAA,wBCMA,6BACE,CAAA,UAGF,iBACE,CAAA,oBACA,CAAA,kBACA,CAAA,oCAIE,sBACE,CAAA,wBAEA,CAAA,0FAKA,wBAEE,CAAA,8BAKN,WACE,CAAA,iBACA,CAAA,wBACA,CAAA,kBAKF,kBACE,CAAA,mBACA,CAAA,aAGF,qBACE,CAAA,kBACA,CAAA,mBAIJ,qDCjCE,CAAA,eDmCA,CAAA,iBACA,CAAA,YEpDa,CAAA,sBFsDb,CAAA,eACA,CAAA,iBACA,CAAA,aACA,CAAA,6BACA,CAAA,kFAEA,oBAGE,CAAA,aG5DW,CAAA,QH8DX,CAAA,iBACA,CAAA,UACA,CAAA,aACA,CAAA,WACA,CAAA,kBACA,CAAA,gOAEA,kBGjEO,CAAA,oBHwEX,iBACE,CAAA,oBACA,CAAA,q9BAGF,aGjFe,CAAA,WHmFb,CAAA,kBG/ES,CAAA,oDHmFX,0BAEE,CAAA,qDC5EA,CAAA,YDmFA,CAAA,eACA,CAAA,kBACA,CAAA,iBACA,CAAA,eACA,CAAA,YEvGa,CAAA,sEF8Fb,QACE,CAAA,4HAWF,YACE,CAAA,sHAGF,eACE,CAAA,6DAGF,aACE,CAAA,eACA,CAAA,QACA,CAAA,SACA,CAAA,sEAIA,qBACE,CAAA,aACA,CAAA,kBACA,CAAA,mCACA,CAAA,8zBAIE,cAIE,CAAA,kBACA,CAAA,UACA,CAAA,eACA,CAAA,kBACA,CAAA,wBACA,CAAA,mBACA,CAAA,iBACA,CAAA,aACA,CAAA,WACA,CAAA,kBACA,CAAA,oBACA,CAAA,kBACA,CAAA,s+BAMA,gBACE,CAAA,8MAUV,iBACE,CAAA,KACA,CAAA,oBAIJ,aACE,CAAA,sBACA,CAAA,kBAGF,KACE,8BACE,CAAA,GAEF,gCACE,CAAA,CAAA,mBDnLJ,WAEE,CAAA,UACA,CAAA,wBAGF,UACE,CAAA,iBACA",sourcesContent:["@import './dropdown';\n\n.autocomplete-menu {\n @extend .dropdown-menu;\n top: 2.44rem;\n width: 100%;\n}\n\n.autocomplete-container {\n width: 100%;\n position: relative;\n}\n","@import '../settings';\n@import '../colours';\n@import '../common/z-index';\n@import '../mixins';\n\n// For legacy dropdown (using borders)\n.button.dropdown::after {\n border-top-color: currentColor;\n}\n\n.dropdown {\n position: relative;\n display: inline-block;\n white-space: nowrap;\n\n /* Specificity fight with foundation */\n & > button.button {\n &:first-child {\n margin-inline-end: 1rem;\n /* A bit of space for the dropdown indicator */\n padding-inline-end: 1.5ch;\n }\n\n &.primary,\n &.secondary {\n &:first-child {\n /* A bit more space for the dropdown indicator for non-tertiary */\n padding-inline-end: 2.5ch;\n }\n }\n }\n\n & > :first-child::after {\n content: '▾';\n position: absolute;\n margin-inline-start: 0.5ch;\n }\n\n /* Override of franklin patterns when used within */\n /* try to keep as little as possible, watch out of specificity wars */\n .button {\n margin-block-end: 0;\n margin-inline-end: 0;\n }\n\n ul {\n margin-inline-start: 0;\n margin-block-end: 0;\n }\n}\n\n.dropdown__content {\n @include box-shadow();\n overflow-y: auto;\n width: max-content;\n z-index: $z-index-high;\n animation: 200ms reveal;\n background: #fff;\n position: absolute;\n padding: 0.5 * $global-padding;\n border-radius: 0 0 0.2rem 0.2rem;\n\n button.button,\n a,\n a.button {\n display: inline-block;\n color: $colour-yankees-blue;\n margin: 0;\n padding: 0.25em 1ch;\n width: 100%;\n line-height: 2;\n border: none;\n font-weight: normal;\n\n &:hover,\n &:focus-visible {\n background: $colour-platinum;\n }\n }\n}\n\n.dropdown-container {\n position: relative;\n display: inline-block;\n}\n\n.hover {\n color: $colour-yankees-blue;\n border: none;\n background: $colour-platinum;\n}\n\n.dropdown-content,\n.dropdown-menu {\n --main-button-color: black;\n\n input {\n margin: 0;\n }\n\n @include box-shadow();\n display: none;\n overflow-y: auto;\n white-space: nowrap;\n position: absolute;\n background: #fff;\n z-index: $z-index-high;\n\n .dropdown-menu__content {\n padding: 1rem;\n }\n\n .dropdown-menu__panel {\n overflow-y: auto;\n }\n\n ul {\n display: block;\n list-style: none;\n margin: 0;\n padding: 0;\n\n // overflow-y: hidden;\n // height: auto !important;\n li {\n float: none !important;\n display: block;\n line-height: 1.6rem;\n background-color: $white !important;\n\n button,\n a {\n &,\n &.primary,\n &.secondary,\n &.tertiary {\n cursor: pointer;\n line-height: 1.6rem;\n width: 100%;\n text-align: left;\n font-weight: normal;\n padding: 0.5rem !important; // These two !important's are required to ensure the BLAST button is ...\n margin: 0 !important; // styled in the same way as the tags in the Sequence component\n position: relative;\n display: block;\n border: none;\n padding-right: 1rem;\n text-decoration: none;\n white-space: nowrap;\n\n &:hover {\n @extend .hover;\n }\n\n &.active {\n font-weight: bold;\n }\n }\n }\n }\n }\n\n // The autocomplete has a dropdown-menu inside a dropdown-menu\n // so needs to have position set to relative so its width can\n // follow its container's\n .dropdown-menu {\n position: relative;\n top: 0;\n }\n}\n\n.dropdown-menu-open {\n display: block;\n animation: 200ms reveal;\n}\n\n@keyframes reveal {\n from {\n clip-path: circle(0% at 50% 0%);\n }\n to {\n clip-path: circle(100% at 50% 0%);\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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},75765:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.bubble--small{display:inline-block;margin:0 .2rem;border-radius:50%;text-align:center;vertical-align:middle;width:1.6rem;height:1.6rem;line-height:1.6rem;font-size:.7333333333rem;color:#fbfeff;--main-color: var(--main-bubble-color, #00639a);background-color:#00639a;background-color:var(--main-color)}.bubble--medium{display:inline-block;margin:0 .2rem;border-radius:50%;text-align:center;vertical-align:middle;width:3rem;height:3rem;line-height:3rem;font-size:1.0833333333rem;color:#fbfeff;--main-color: var(--main-bubble-color, #00639a);background-color:#00639a;background-color:var(--main-color)}.bubble--large{display:inline-block;margin:0 .2rem;border-radius:50%;text-align:center;vertical-align:middle;width:5rem;height:5rem;line-height:5rem;font-size:1.5833333333rem;color:#fbfeff;--main-color: var(--main-bubble-color, #00639a);background-color:#00639a;background-color:var(--main-color)}","",{version:3,sources:["webpack://./src/styles/common/_utils.scss","webpack://./src/styles/components/bubble.scss","webpack://./colours.json"],names:[],mappings:"AA4BA,0CACE,kBAAA,CACA,oBAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,kBAAA,CACA,SAAA,CCdF,eAhBE,oBAAA,CACA,cAAA,CACA,iBAAA,CACA,iBAAA,CACA,qBAAA,CACA,YDPa,CCQb,aDRa,CCSb,kBDTa,CCUb,wBAAA,CACA,aCJU,CDMV,+CAAA,CACA,wBChBS,CDiBT,kCAAA,CAOF,gBApBE,oBAAA,CACA,cAAA,CACA,iBAAA,CACA,iBAAA,CACA,qBAAA,CACA,UDNc,CCOd,WDPc,CCQd,gBDRc,CCSd,yBAAA,CACA,aCJU,CDMV,+CAAA,CACA,wBChBS,CDiBT,kCAAA,CAWF,eAxBE,oBAAA,CACA,cAAA,CACA,iBAAA,CACA,iBAAA,CACA,qBAAA,CACA,UDLa,CCMb,WDNa,CCOb,gBDPa,CCQb,yBAAA,CACA,aCJU,CDMV,+CAAA,CACA,wBChBS,CDiBT,kCAAA",sourcesContent:["@use 'sass:math';\n@import '../settings';\n\n$small-bubble: 1.6rem;\n$medium-bubble: 3rem;\n$large-bubble: 5rem;\n\n$rootPx: 16px;\n\n@function remToPx($rem) {\n @return unitless-calc($rem) * $rootPx;\n}\n\n@function pxToRem($px) {\n @return math.div(unitless-calc($px), unitless-calc($rootPx)) + 0px;\n}\n\n@function bubbleFontSize($size) {\n @return $size * 0.25 + 0.3333333333;\n}\n\n/******************************************************************************\\\n * *\n * Visually hide any element (mostly text) accessibly. *\n * Support includes IE9+ *\n * Source: https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html *\n * *\n ******************************************************************************/\n.visually-hidden:not(:focus):not(:active) {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n","@import '../settings';\n@import '../colours';\n@import '../common/utils';\n\n@mixin bubble($size) {\n display: inline-block;\n margin: 0 $global-margin * 0.2;\n border-radius: 50%;\n text-align: center;\n vertical-align: middle;\n width: $size;\n height: $size;\n line-height: $size;\n font-size: bubbleFontSize($size);\n color: $colour-sky-white;\n\n --main-color: var(--main-bubble-color, #{$colour-sea-blue});\n background-color: $colour-sea-blue;\n background-color: var(--main-color);\n}\n\n.bubble--small {\n @include bubble($small-bubble);\n}\n\n.bubble--medium {\n @include bubble($medium-bubble);\n}\n\n.bubble--large {\n @include bubble($large-bubble);\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},85671:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.card{box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);background-color:#fbfeff;border-radius:.2rem;margin:1rem .125rem;width:calc(100% - 1rem);position:relative}.card__container{padding:1rem;padding-block:.5rem}.card__header{display:flex;align-items:baseline;position:relative}.card__header--with-separator::after{content:"";position:absolute;left:-1rem;right:-1rem;bottom:0;border-bottom:.125rem solid #e4e8eb}.card__header>*{margin:0}.card__header>*:not(:last-child){margin-right:1rem}.card__header:not(.card__header--with-separator)+.card__content{padding-top:0}.card__actions{display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;padding:0;background-color:#d2dce3}.card-action{margin:0;padding:.5rem;font-weight:600;white-space:nowrap;background-color:#d2dce3}.card-action:hover,.card-action:focus,.card-action:focus-within{transition:.5s background-color ease;background-color:#f3f4f6}.card-action:not(:first-child)::before{content:" · ";margin-left:-0.5rem;margin-right:.5rem}.card-action--active{background-color:#e9edef}',"",{version:3,sources:["webpack://./src/styles/components/card.scss","webpack://./src/styles/_mixins.scss","webpack://./colours.json","webpack://./src/styles/_settings.scss","webpack://./src/styles/_colours.scss"],names:[],mappings:"AAAA,MAOA,qDCWE,CAAA,wBCRU,CAAA,mBAAA,CAAA,mBFCV,CAAA,uBACA,CAAA,iBACA,CAAA,iBAEA,YGwEe,CAAA,mBHtEb,CAAA,cAGF,YACE,CAAA,oBACA,CAAA,iBACA,CAAA,qCAEA,UACE,CAAA,iBACA,CAAA,UACA,CAAA,WACA,CAAA,QACA,CAAA,mCACA,CAAA,gBAGF,QACE,CAAA,iCAGF,iBGgDY,CAAA,gEH5CZ,aACE,CAAA,eAIJ,YACE,CAAA,kBACA,CAAA,gBACA,CAAA,eACA,CAAA,SACA,CAAA,wBEhDW,CAAA,aFqDf,QACE,CAAA,aArDkB,CAAA,eAuDlB,CAAA,kBACA,CAAA,wBEzDa,CAAA,gEF4Db,oCAGE,CAAA,wBItBW,CAAA,uCJ0Bb,aACE,CAAA,mBACA,CAAA,kBApEgB,CAAA,qBAwElB,wBACE",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../mixins';\n\n$shadow-padding: 0.125rem;\n$card-link-padding: 0.5rem;\n\n.card {\n @include box-shadow($shadow-padding);\n background-color: $colour-sky-white;\n border-radius: 0.2rem;\n margin: $global-margin $shadow-padding;\n width: calc(100% - #{$global-padding});\n position: relative;\n\n &__container {\n padding: $global-padding;\n padding-block: 0.5 * $global-padding;\n }\n\n &__header {\n display: flex;\n align-items: baseline;\n position: relative;\n\n &--with-separator::after {\n content: '';\n position: absolute;\n left: -$global-padding;\n right: -$global-padding;\n bottom: 0;\n border-bottom: 0.125rem solid $colour-platinum;\n }\n\n & > * {\n margin: 0;\n }\n\n & > *:not(:last-child) {\n margin-right: $global-margin;\n }\n\n &:not(&--with-separator) + .card__content {\n padding-top: 0;\n }\n }\n\n &__actions {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n overflow-x: auto;\n padding: 0;\n background-color: $colour-selected;\n }\n}\n\n.card-action {\n margin: 0;\n padding: $card-link-padding;\n font-weight: 600;\n white-space: nowrap;\n background-color: $colour-gainsborough;\n\n &:hover,\n &:focus,\n &:focus-within {\n transition: 0.5s background-color ease;\n background-color: $colour-hover;\n }\n\n &:not(:first-child)::before {\n content: ' · ';\n margin-left: -$card-link-padding;\n margin-right: $card-link-padding;\n }\n\n &--active {\n background-color: scale-color($color: $colour-platinum, $lightness: 20%);\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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;","// 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","/* \n** @name Colours\n** @template ./app/html/colours.html\n** @text-only\n*/\n@import './settings';\n@import './colours.json';\n\n// PRIMARY COLOURS\n$colour-sapphire-blue: $sapphire-blue;\n$colour-sea-blue: $sea-blue;\n$colour-vivid-cerulean: $vivid-cerulean;\n$colour-medium-turquoise: $medium-turquoise;\n$colour-gainsborough: $gainsborough;\n\n// GREYSCALE\n$colour-yankees-blue: $yankees-blue;\n$colour-independence: $independence;\n$colour-weldon-blue: $weldon-blue;\n$colour-pastel-blue: $pastel-blue;\n$colour-platinum: $platinum;\n$colour-sky-white: $sky-white;\n\n// CURATION\n$colour-reviewed: $reviewed;\n$colour-unreviewed: $unreviewed;\n$colour-reference-proteome: $reference-proteome;\n\n// NAMESPACES\n$colour-uniref: $uniref;\n$colour-uniparc: $uniparc;\n$colour-proteomes: $proteomes;\n\n// TOOLS\n$colour-peptide-search: $peptide-search;\n$colour-id-mapping: $id-mapping;\n$colour-blast: $blast;\n$colour-align: $align;\n\n// HELP\n$colour-help-green: $help-green;\n\n// COLOUR VARIABLES\n$colour-link: $colour-sapphire-blue;\n$colour-selected: $colour-gainsborough;\n$colour-hover: lighten($colour-platinum, 5%);\n\n// MESSAGE COLOURS\n$colour-warning: $warning;\n$colour-failure: $failure;\n$colour-success: $success;\n$colour-info: $info;\n\n// DATA VISUALISATION\n$colour-coyote-brown: $coyote-brown;\n$colour-outer-space: $outer-space;\n$colour-bronze: $bronze;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},29893:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.chip{--main-color: var(--main-chip-color, #00639a);line-height:1;user-select:none;display:inline-block;vertical-align:middle;margin:.25rem;padding:2px 5px;background-color:#00639a;background-color:var(--main-color);color:#fbfeff;border-radius:4px;border:1px solid #00639a;border:1px solid var(--main-color);cursor:default;white-space:nowrap}.chip svg{margin-top:-0.2rem;margin-left:.2rem;margin-right:0;width:.7rem;height:.7rem;vertical-align:middle;fill:currentColor;cursor:pointer}.chip--disabled{opacity:.25;cursor:not-allowed}.chip--compact{font-size:12px;border-radius:3px;padding:1px 2px;line-height:12px}.chip.secondary{background-color:#fff;color:#00639a;color:var(--main-color)}.chip.secondary svg{fill:currentColor}","",{version:3,sources:["webpack://./src/styles/common/_utils.scss","webpack://./src/styles/components/chip.scss","webpack://./colours.json","webpack://./src/styles/_franklin-settings.scss"],names:[],mappings:"AA4BA,0CACE,kBAAA,CACA,oBAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,kBAAA,CACA,SAAA,CC9BF,MACE,6CAAA,CACA,aAAA,CACA,gBAAA,CACA,oBAAA,CACA,qBAAA,CACA,aAAA,CACA,eAAA,CACA,wBCZS,CDaT,kCAAA,CACA,aCLU,CDMV,iBAAA,CACA,wBAAA,CACA,kCAAA,CACA,cAAA,CACA,kBAAA,CAEA,UACE,kBAAA,CACA,iBAAA,CACA,cAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,iBAAA,CACA,cAAA,CAGF,gBACE,WAAA,CACA,kBAAA,CAGF,eACE,cElCc,CFmCd,iBAAA,CACA,eAAA,CACA,gBErCc,CFwChB,gBACE,qBAAA,CACA,aC9CO,CD+CP,uBAAA,CAEA,oBACE,iBAAA",sourcesContent:["@use 'sass:math';\n@import '../settings';\n\n$small-bubble: 1.6rem;\n$medium-bubble: 3rem;\n$large-bubble: 5rem;\n\n$rootPx: 16px;\n\n@function remToPx($rem) {\n @return unitless-calc($rem) * $rootPx;\n}\n\n@function pxToRem($px) {\n @return math.div(unitless-calc($px), unitless-calc($rootPx)) + 0px;\n}\n\n@function bubbleFontSize($size) {\n @return $size * 0.25 + 0.3333333333;\n}\n\n/******************************************************************************\\\n * *\n * Visually hide any element (mostly text) accessibly. *\n * Support includes IE9+ *\n * Source: https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html *\n * *\n ******************************************************************************/\n.visually-hidden:not(:focus):not(:active) {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n","@import '../colours';\n@import '../common/utils';\n@import '../settings';\n@import '../franklin-settings';\n\n.chip {\n --main-color: var(--main-chip-color, #{$colour-sea-blue});\n line-height: 1;\n user-select: none;\n display: inline-block;\n vertical-align: middle;\n margin: 0.25rem;\n padding: pxToRem(2) pxToRem(5);\n background-color: $colour-sea-blue;\n background-color: var(--main-color);\n color: $colour-sky-white;\n border-radius: pxToRem(4);\n border: pxToRem(1) solid $colour-sea-blue;\n border: pxToRem(1) solid var(--main-color);\n cursor: default;\n white-space: nowrap;\n\n svg {\n margin-top: -0.2rem;\n margin-left: 0.2rem;\n margin-right: 0;\n width: 0.7rem;\n height: 0.7rem;\n vertical-align: middle;\n fill: currentColor;\n cursor: pointer;\n }\n\n &--disabled {\n opacity: 0.25;\n cursor: not-allowed;\n }\n\n &--compact {\n font-size: $font-size-small;\n border-radius: pxToRem(3);\n padding: pxToRem(1) pxToRem(2);\n line-height: $font-size-small;\n }\n\n &.secondary {\n background-color: map-get($foundation-palette, secondary);\n color: $colour-sea-blue;\n color: var(--main-color);\n\n svg {\n fill: currentColor;\n }\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;","// Font families\n$fs-base-font-face: 'Lato', sans-serif;\n$fs-headers-font-face: 'Source Sans Pro', sans-serif;\n\n// Base font sizes\n$font-size-small: 12px;\n$font-size-medium: 14px;\n$font-size-large: 16px;\n\n// Font sizes\n$fs-base-font-size: $font-size-large;\n\n// Font weights\n$fs-font-weight-regular: 400;\n$fs-font-weight-semi-bold: 600;\n$fs-font-weight-bold: 700;\n$fs-font-weight-extra-bold: 900;\n\n// Breakpoints\n$fs-breakpoint-values: (\n 'small': (\n min-width: 0,\n ),\n 'medium': (\n min-width: 640px,\n ),\n 'large': (\n min-width: 1024px,\n ),\n);\n\n$gutter-size: 1rem;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},86082:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.codeblock{display:inline-block;background:#161d39;color:#fefefe;font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:normal;border:1px solid #cacaca;padding:.125rem .3125rem .0625rem}.codeblock-light{background-color:#e6e6e6;color:#0a0a0a}',"",{version:3,sources:["webpack://./src/styles/components/code-block.scss","webpack://./src/styles/_settings.scss"],names:[],mappings:"AAGA,WACE,oBAAA,CACA,kBAAA,CACA,aC2EM,CD1EN,wDCgIsB,CD/HtB,kBCiFqB,CDhFrB,wBCsLY,CDrLZ,iCCsLa,CDpLb,iBACE,wBCgES,CD/DT,aCkEI",sourcesContent:["@import '../settings';\n@import '../colours';\n\n.codeblock {\n display: inline-block;\n background: $colour-yankees-blue;\n color: $white;\n font-family: $code-font-family;\n font-weight: $code-font-weight;\n border: $code-border;\n padding: $code-padding;\n\n &-light {\n background-color: $code-background;\n color: $code-color;\n }\n}\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___},27045:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".data-loader__loading{text-align:center}","",{version:3,sources:["webpack://./src/styles/components/data-loader.scss"],names:[],mappings:"AAAA,sBACE,iBAAA",sourcesContent:[".data-loader__loading {\n text-align: center;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},97627:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.data-table{border:0;border-collapse:collapse;text-align:left;width:100%}.data-table input[type=checkbox]{margin:0}.data-table--fixed{table-layout:fixed}.data-table thead{background-color:#00639a}.data-table th{width:auto;border:0;padding:.25rem .5rem;font-weight:bold;white-space:nowrap;color:#fbfeff;background-color:#00639a;top:0;z-index:2000;position:sticky}.data-table th.data-table__header-cell--sortable{cursor:pointer}.data-table th.data-table__header-cell--sortable::after{content:"▲";display:inline-block;font-size:.6em;margin:0 .8em;opacity:.7;transition:transform ease-out .5s;transform:rotateX(0)}@media(prefers-reduced-motion: reduce){.data-table th.data-table__header-cell--sortable::after{transition-duration:0s}}.data-table th.data-table__header-cell--sortable:hover::after{opacity:1;transform:rotateX(0.5turn)}.data-table th.data-table__header-cell--ascend::after,.data-table th.data-table__header-cell--descend::after{opacity:1}.data-table th.data-table__header-cell--descend::after{transform:rotateX(0.5turn)}.data-table th.data-table__header-cell--descend:hover::after{transform:rotateX(0)}.data-table th.data-table__header-cell--checkbox{width:1.5rem;padding:0}.data-table th.data-table__header-cell--checkbox input[type=checkbox]{margin-top:.5em}.data-table tr:nth-of-type(2n){background-color:#e4e8eb}.data-table td{padding:.5rem;border:0;vertical-align:top;border-bottom:1px solid #fbfeff}.data-table .checkbox-cell{position:relative;padding:0}.data-table .checkbox-cell>input[type=checkbox]{margin:.9em .75ch 0 1.25ch}.data-table .checkbox-cell>input[type=checkbox]+label{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;border-left:1ch solid #00639a;opacity:0;transition:opacity ease-in-out .1s}.data-table .checkbox-cell>input[type=checkbox]:hover+label,.data-table .checkbox-cell>input[type=checkbox]:focus+label{opacity:.2}.data-table .checkbox-cell>input[type=checkbox]:checked+label{opacity:1}.data-table--optimised-rendering td{content-visibility:auto;contain-intrinsic-size:1px 2em}.data-table__cell--warning{background-color:#ffae00}.data-table__cell--loading{text-align:center}.data-table__cell--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table--compact{font-size:14px}.data-table--compact .data-table__header-cell,.data-table--compact .data-table__cell{padding:.25}.data-table .expandable-list button,.data-table .expandable-list a{white-space:nowrap}.data-table .tippy-content a,.data-table .tippy-content a.external-link{color:#fff;text-decoration:underline}',"",{version:3,sources:["webpack://./src/styles/components/data-table.scss","webpack://./colours.json","webpack://./src/styles/common/_z-index.scss","webpack://./src/styles/_mixins.scss","webpack://./src/styles/_franklin-settings.scss"],names:[],mappings:"AAAA,YAMA,QAEE,CAAA,wBACA,CAAA,eACA,CAAA,UACA,CAAA,iCAEA,QACE,CAAA,mBAGF,kBACE,CAAA,kBAGF,wBCpBS,CAAA,eDyBT,UACE,CAAA,QACA,CAAA,oBACA,CAAA,gBACA,CAAA,kBACA,CAAA,aCrBQ,CAAA,wBATD,CAAA,KDiCP,CAAA,YElCU,CAAA,eFoCV,CAAA,iDAGE,cACE,CAAA,wDAEA,WACE,CAAA,oBACA,CAAA,cACA,CAAA,aACA,CAAA,UACA,CAAA,iCACA,CAAA,oBACA,CAAA,uCAEA,wDATF,sBAUI,CAAA,CAAA,8DAIJ,SACE,CAAA,0BACA,CAAA,6GAMF,SACE,CAAA,uDAKF,0BACE,CAAA,6DAEF,oBACE,CAAA,iDAIJ,YAEE,CAAA,SAEA,CAAA,sEAEA,eACE,CAAA,+BAON,wBCnFO,CAAA,eDyFT,aACE,CAAA,QACA,CAAA,kBACA,CAAA,+BACA,CAAA,2BAGF,iBACE,CAAA,SACA,CAAA,gDAEA,0BACE,CAAA,sDAEA,iBACE,CAAA,KACA,CAAA,OACA,CAAA,QACA,CAAA,MACA,CAAA,QACA,CAAA,6BACA,CAAA,SACA,CAAA,kCAEA,CAAA,wHAKA,UACE,CAAA,8DAIJ,SACE,CAAA,oCAKN,uBAKE,CAAA,8BACA,CAAA,2BAIA,wBACE,CAAA,2BAGF,iBACE,CAAA,4BAGF,kBG9HF,CAAA,eACA,CAAA,sBACA,CAAA,qBHiIA,cI3JiB,CAAA,qFJ6Jf,WAEE,CAAA,mEAKF,kBAEE,CAAA,wEAKJ,UAEE,CAAA,yBACA",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../mixins';\n@import '../franklin-settings';\n@import '../common/z-index';\n\n.data-table {\n $self: &;\n border: 0;\n border-collapse: collapse;\n text-align: left;\n width: 100%;\n\n input[type='checkbox'] {\n margin: 0;\n }\n\n &--fixed {\n table-layout: fixed;\n }\n\n & thead {\n background-color: $colour-sea-blue;\n }\n\n // table header cell, without any specific modifier applied\n & th {\n width: auto;\n border: 0;\n padding: 0.25rem 0.5rem;\n font-weight: bold;\n white-space: nowrap;\n color: $colour-sky-white;\n background-color: $colour-sea-blue;\n top: 0;\n z-index: $z-index-low;\n position: sticky;\n\n &.data-table__header-cell {\n &--sortable {\n cursor: pointer;\n\n &::after {\n content: '▲';\n display: inline-block;\n font-size: 0.6em;\n margin: 0 0.8em;\n opacity: 0.7;\n transition: transform ease-out 0.5s;\n transform: rotateX(0);\n\n @media (prefers-reduced-motion: reduce) {\n transition-duration: 0s;\n }\n }\n\n &:hover::after {\n opacity: 1;\n transform: rotateX(0.5turn);\n }\n }\n\n &--ascend,\n &--descend {\n &::after {\n opacity: 1;\n }\n }\n\n &--descend {\n &::after {\n transform: rotateX(0.5turn);\n }\n &:hover::after {\n transform: rotateX(0);\n }\n }\n\n &--checkbox {\n // This doesn't have an effect unless `table-layout: fixed`\n width: 1.5rem;\n\n padding: 0;\n\n & input[type='checkbox'] {\n margin-top: 0.5em;\n }\n }\n }\n }\n // table row, without any specific modifier applied\n & tr {\n &:nth-of-type(2n) {\n background-color: $colour-platinum;\n }\n }\n\n // table body cell, without any specific modifier applied\n & td {\n padding: 0.5rem;\n border: 0;\n vertical-align: top;\n border-bottom: 1px solid $colour-sky-white;\n }\n\n & .checkbox-cell {\n position: relative;\n padding: 0;\n\n & > input[type='checkbox'] {\n margin: 0.9em 0.75ch 0 1.25ch;\n\n & + label {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n margin: 0;\n border-left: 1ch solid $colour-sea-blue;\n opacity: 0;\n\n transition: opacity ease-in-out 0.1s;\n }\n\n &:hover,\n &:focus {\n & + label {\n opacity: 0.2;\n }\n }\n\n &:checked + label {\n opacity: 1;\n }\n }\n }\n\n &--optimised-rendering td {\n /** notes: do not use if:\n * - height of row is really tall or variable (scroll bar will jump)\n * - column width changes (should be fine with \"fixedLayout\")\n */\n content-visibility: auto; // avoid rendering rows that are out of view\n contain-intrinsic-size: 1px 2em; // assume minimum size of one line + margin\n }\n\n &__cell {\n &--warning {\n background-color: map-get($foundation-palette, warning);\n }\n\n &--loading {\n text-align: center;\n }\n\n &--ellipsis {\n @include ellipsis();\n }\n }\n\n &--compact {\n font-size: $font-size-medium;\n #{ $self }__header-cell,\n #{ $self }__cell {\n padding: 0.25;\n }\n }\n\n & .expandable-list {\n button,\n a {\n white-space: nowrap;\n }\n }\n\n // Tippy link styling\n .tippy-content a,\n .tippy-content a.external-link {\n color: white;\n text-decoration: underline;\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;","$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","@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","// Font families\n$fs-base-font-face: 'Lato', sans-serif;\n$fs-headers-font-face: 'Source Sans Pro', sans-serif;\n\n// Base font sizes\n$font-size-small: 12px;\n$font-size-medium: 14px;\n$font-size-large: 16px;\n\n// Font sizes\n$fs-base-font-size: $font-size-large;\n\n// Font weights\n$fs-font-weight-regular: 400;\n$fs-font-weight-semi-bold: 600;\n$fs-font-weight-bold: 700;\n$fs-font-weight-extra-bold: 900;\n\n// Breakpoints\n$fs-breakpoint-values: (\n 'small': (\n min-width: 0,\n ),\n 'medium': (\n min-width: 640px,\n ),\n 'large': (\n min-width: 1024px,\n ),\n);\n\n$gutter-size: 1rem;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},24603:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".decorated-list-item{display:flex;align-items:baseline;padding:.25rem 0;align-items:stretch}.decorated-list-item__title{flex-basis:10vw;flex-shrink:0;text-align:right;padding-right:.7rem}.decorated-list-item__title .tiny{line-height:1}.decorated-list-item__content{flex-grow:1;padding-left:.7rem;padding-top:.1rem;padding-bottom:.1rem;border-left:.125rem solid #00a6d5}.decorated-list-item__content ul{margin-bottom:0}.decorated-list-item--compact{border-left:.125rem solid #00a6d5;padding:0 0 0 .7rem;margin:0}.decorated-list-item--compact .decorated-list-item__title{font-size:1rem;flex:0;text-align:left;white-space:nowrap;margin-right:0}.decorated-list-item--compact .decorated-list-item__title .tiny{line-height:1;font-size:1rem;margin:0}.decorated-list-item--compact .decorated-list-item__content{font-size:1rem;flex:1;margin:0;padding:0;border-left:none}.decorated-list-item--no-title .decorated-list-item{margin-bottom:.5rem}.decorated-list-item--no-title .decorated-list-item__title{display:none}.decorated-list-item--inline{flex-grow:1;flex-basis:0}.decorated-list-item--alt-style{border-left:.25rem solid #abc7d6}.decorated-list-item--alt-style .decorated-list-item__title{padding:0}.decorated-list-item--alt-style .decorated-list-item__content h5{margin:0;line-height:1.25;font-weight:600}.decorated-list-item__link{position:absolute;top:0;bottom:0;left:0;right:0;cursor:pointer}.decorated-list-item--has-link{transition:.5s background-color ease;position:relative}.decorated-list-item--has-link:hover,.decorated-list-item--has-link:focus-within{background-color:#eff1f3}.decorated-list-item--has-link *{pointer-events:none}.decorated-list-item--has-link a,.decorated-list-item--has-link button,.decorated-list-item--has-link input,.decorated-list-item--has-link label{pointer-events:initial}@media print,screen and (max-width: 39.99875em){.decorated-list-item{display:block}.decorated-list-item__title{text-align:left}.decorated-list-item__content{border-left:none;padding-left:0;padding-top:0}}","",{version:3,sources:["webpack://./src/styles/components/decorated-list-item.scss","webpack://./node_modules/foundation-sites/scss/util/_breakpoint.scss"],names:[],mappings:"AAOA,qBAEE,YAAA,CACA,oBAAA,CACA,gBAAA,CACA,mBAAA,CAEA,4BACE,eAAA,CACA,aAAA,CACA,gBAAA,CACA,mBAAA,CACA,kCACE,aAAA,CAIJ,8BACE,WAAA,CACA,kBAAA,CACA,iBAAA,CACA,oBAAA,CACA,iCAzBa,CA0Bb,iCACE,eAAA,CAIJ,8BACE,iCAhCa,CAiCb,mBAAA,CACA,QAAA,CAEA,0DACE,cAAA,CAMA,MAAA,CACA,eAAA,CACA,kBAAA,CACA,cAAA,CARA,gEACE,aAAA,CACA,cAAA,CACA,QAAA,CAOJ,4DACE,cAAA,CACA,MAAA,CACA,QAAA,CACA,SAAA,CACA,gBAAA,CAKF,oDACE,mBAAA,CAEF,2DACE,YAAA,CAKJ,6BACE,WAAA,CACA,YAAA,CAGF,gCACE,gCAxEiB,CA0EjB,4DACE,SAAA,CAIA,iEACE,QAAA,CACA,gBAAA,CACA,eAAA,CAKN,2BACE,iBAAA,CACA,KAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CACA,cAAA,CAIF,+BACE,oCAAA,CACA,iBAAA,CAEA,iFAEE,wBAAA,CAGF,iCACE,mBAAA,CAGF,iJAIE,sBAAA,CC4DE,gDDtDN,qBACE,aAAA,CAEA,4BACE,eAAA,CAEF,8BACE,gBAAA,CACA,cAAA,CACA,aAAA,CAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../mixins.scss';\n\n$decorative-bar: 0.125rem solid $colour-vivid-cerulean;\n$alt-decorative-bar: 0.25rem solid $colour-pastel-blue;\n\n.decorated-list-item {\n $self: &;\n display: flex;\n align-items: baseline;\n padding: 0.25rem 0;\n align-items: stretch;\n\n &__title {\n flex-basis: 10vw;\n flex-shrink: 0;\n text-align: right;\n padding-right: 0.7rem;\n .tiny {\n line-height: 1;\n }\n }\n\n &__content {\n flex-grow: 1;\n padding-left: 0.7rem;\n padding-top: 0.1rem;\n padding-bottom: 0.1rem;\n border-left: $decorative-bar;\n ul {\n margin-bottom: 0;\n }\n }\n\n &--compact {\n border-left: $decorative-bar;\n padding: 0 0 0 0.7rem;\n margin: 0;\n\n #{ $self }__title {\n font-size: 1rem;\n .tiny {\n line-height: 1;\n font-size: 1rem;\n margin: 0;\n }\n flex: 0;\n text-align: left;\n white-space: nowrap;\n margin-right: 0;\n }\n #{ $self }__content {\n font-size: 1rem;\n flex: 1;\n margin: 0;\n padding: 0;\n border-left: none;\n }\n }\n\n &--no-title {\n #{ $self } {\n margin-bottom: 0.5rem;\n }\n #{ $self }__title {\n display: none;\n }\n }\n\n // IMPORTANT: The parent should have set `display: inline-flex;` for this to work\n &--inline {\n flex-grow: 1;\n flex-basis: 0;\n }\n\n &--alt-style {\n border-left: $alt-decorative-bar;\n\n #{ $self }__title {\n padding: 0;\n }\n\n #{ $self }__content {\n h5 {\n margin: 0;\n line-height: 1.25;\n font-weight: 600;\n }\n }\n }\n\n &__link {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n cursor: pointer;\n }\n\n // Lifted from card style\n &--has-link {\n transition: 0.5s background-color ease;\n position: relative; // Needed this otherwise the whole list becomes the anchor element\n\n &:hover,\n &:focus-within {\n background-color: scale-color($color: $colour-platinum, $lightness: 40%);\n }\n\n * {\n pointer-events: none;\n }\n\n a,\n button,\n input,\n label {\n pointer-events: initial;\n }\n }\n}\n\n@include breakpoint(small only) {\n .decorated-list-item {\n display: block;\n\n &__title {\n text-align: left;\n }\n &__content {\n border-left: none;\n padding-left: 0;\n padding-top: 0;\n }\n }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group breakpoints\n////\n\n/// Patch to fix issue #12080\n$-zf-size: null;\n\n/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.\n/// @type Map\n$breakpoints: (\n \"small\": 0,\n \"medium\": 640px,\n \"large\": 1024px,\n \"xlarge\": 1200px,\n \"xxlarge\": 1440px,\n) !default;\n\n/// A list of named HiDPI breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries for resolutions.\n/// Values must represent the device pixels / web pixels ration and be unitless or in DPPX.\n/// @type Map\n$breakpoints-hidpi: (\n \"hidpi-1\": 1,\n \"hidpi-1-5\": 1.5,\n \"hidpi-2\": 2,\n \"retina\": 2,\n \"hidpi-3\": 3\n) !default;\n\n/// The largest named breakpoint in which to include print as a media type\n/// @type Keyword\n$print-breakpoint: large !default;\n\n$-zf-zero-breakpoint: small !default;\n\n$-zf-breakpoints-keys: map-to-list($breakpoints, 'keys');\n\n@if nth(map-values($breakpoints), 1) != 0 {\n @error 'The first key in the $breakpoints map must have a value of \"0\".';\n}\n@else {\n $-zf-zero-breakpoint: nth(map-keys($breakpoints), 1);\n}\n\n/// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.\n/// @type List\n$breakpoint-classes: (small medium large) !default;\n\n/// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are.\n///\n/// @param {Keyword|Number} $val [small] - Breakpoint name, or px, rem, or em value to process.\n@function breakpoint($val: $-zf-zero-breakpoint) {\n // Web standard Pixels per inch. (1ddpx / $std-web-dpi) = 1dpi\n // See https://www.w3.org/TR/css-values-3/#absolute-lengths\n $std-web-dpi: 96;\n\n // Size or keyword\n $bp: nth($val, 1);\n // Value of the following breakpoint\n $bp-next: null;\n // Value for max-width media queries\n $bp-min: null;\n // Value for min-width media queries\n $bp-max: null;\n // Direction of media query (up, down, or only)\n $dir: if(length($val) > 1, nth($val, 2), up);\n // If named, name of the breakpoint\n $name: null;\n // If the breakpoint is a HiDPI breakpoint\n $hidpi: false;\n\n // Orientation media queries have a unique syntax\n @if $bp == 'landscape' or $bp == 'portrait' {\n @return '(orientation: #{$bp})';\n }\n\n // If a breakpoint name is given, get its value from the $breakpoints/$breakpoints-hidpi map.\n @if type-of($bp) == 'string' {\n @if map-has-key($breakpoints, $bp) {\n $name: $bp;\n $bp: map-get($breakpoints, $name);\n $bp-next: -zf-map-next($breakpoints, $name);\n }\n @else if map-has-key($breakpoints-hidpi, $bp) {\n $name: $bp;\n $bp: map-get($breakpoints-hidpi, $name);\n $bp-next: -zf-map-next-number($breakpoints-hidpi, $bp);\n $hidpi: true;\n }\n @else {\n $bp: 0;\n @warn 'breakpoint(): \"#{$val}\" is not defined in your `$breakpoints` or `$breakpoints-hidpi` setting.';\n }\n }\n\n @if not $name and $dir == 'only' {\n @warn 'breakpoint(): Only named media queries can have an `only` range.';\n @return null;\n }\n\n // Only 'only' and 'up' have a min limit.\n @if $dir == 'only' or $dir == 'up' {\n $bp-min: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n }\n // Only 'only' and 'down' have a max limit.\n @if $dir == 'only' or $dir == 'down' {\n // If the breakpoint is a value, use it as max limit.\n @if not $name {\n $bp-max: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n }\n // If the breakpoint is named, the max limit is the following breakpoint - 1px.\n @else if $bp-next {\n // Max value is 0.2px under the next breakpoint (0.02 / 16 = 0.00125).\n // Use a precision under 1px to support browser zoom, but not to low to avoid rounding.\n // See https://github.com/foundation/foundation-sites/issues/11313\n $bp-max: if($hidpi, $bp-next - divide(1, $std-web-dpi), -zf-bp-to-em($bp-next) - 0.00125);\n }\n }\n\n // Generate the media query string from min and max limits.\n @if $hidpi {\n // Generate values in DPI instead of DPPX for an IE9-11/Opera mini compatibility.\n // See https://caniuse.com/#feat=css-media-resolution\n $bp-min-dpi: if($bp-min, $bp-min * $std-web-dpi * 1dpi, $bp-min);\n $bp-max-dpi: if($bp-max, $bp-max * $std-web-dpi * 1dpi, $bp-max);\n @return zf-str-join(\n -zf-bp-join($bp-min, $bp-max, '-webkit-min-device-pixel-ratio', '-webkit-max-device-pixel-ratio'),\n -zf-bp-join($bp-min-dpi, $bp-max-dpi, 'min-resolution', 'max-resolution'),\n ', ');\n }\n @else {\n @return -zf-bp-join($bp-min, $bp-max);\n }\n}\n\n/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:\n/// - If a string is passed, the mixin will look for it in the `$breakpoints` and `$breakpoints-hidpi` maps, and use a media query there.\n/// - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.\n/// - If a rem value is passed, the unit will be changed to em.\n/// - If an em value is passed, the value will be used as-is.\n///\n/// If multiple values are passed, the mixin will generate a media query for each of them as described above.\n/// Since the content is duplicated for each breakpoint, this mixin should only be used with properties that\n/// change across breakpoints.\n///\n/// @param {Keyword|Number} $values... - Breakpoint name or px/rem/em value to process.\n///\n/// @output If the breakpoint is \"0px and larger\", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.\n@mixin breakpoint($values...) {\n @for $i from 1 through length($values) {\n $value: nth($values, $i);\n $str: breakpoint($value);\n $bp: index($-zf-breakpoints-keys, nth($value, 1));\n $pbp: index($-zf-breakpoints-keys, $print-breakpoint);\n // Direction of media query (up, down, or only)\n $dir: if(length($value) > 1, nth($value, 2), up);\n\n $old-zf-size: null;\n\n // Make breakpoint size available as a variable\n @if global-variable-exists(-zf-size) {\n $old-zf-size: $-zf-size;\n }\n $-zf-size: nth($value, 1) !global; // get the first value to account for `only` and `down` keywords\n\n // If $str is still an empty string, no media query is needed\n @if $str == '' {\n @content;\n }\n\n // Otherwise, wrap the content in a media query\n @else {\n // For named breakpoints less than or equal to $print-breakpoint, add print to the media types\n // generate print if the breakpoint affects the print-breakpoint (or smaller).\n // This means the current condition only needs to be extended so 'down' always generates print.\n @if $bp != null and ($bp <= $pbp or $dir == down) {\n @media print, screen and #{$str} {\n @content;\n }\n }\n @else {\n @media screen and #{$str} {\n @content;\n }\n }\n }\n\n $-zf-size: $old-zf-size !global;\n }\n}\n\n/// Converts the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place.\n/// @access private\n///\n/// @param {Map} $map - Map to convert.\n///\n/// @returns {String} A string containing the map's contents.\n@function -zf-bp-serialize($map) {\n $str: '';\n @each $key, $value in $map {\n $str: $str + $key + '=' + -zf-bp-to-em($value) + '&';\n }\n $str: str-slice($str, 1, -2);\n\n @return $str;\n}\n\n/// Find the next key in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $key - Key to use as a starting point.\n///\n/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.\n@function -zf-map-next($map, $key) {\n\n // Store the keys of the map as a list\n $values: map-keys($map);\n\n $i: 0;\n\n // If the Key Exists, Get the index of the key within the map and add 1 to it for the next breakpoint in the map\n @if (map-has-key($map, $key)) {\n $i: index($values, $key) + 1;\n }\n\n // If the key doesn't exist, or it's the last key in the map, return null\n @if ($i > length($map) or $i == 0) {\n @return null;\n }\n // Otherwise, return the value\n @else {\n @return map-get($map, nth($values, $i));\n }\n\n}\n\n/// Find the next number in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $number - Number to use as a starting point.\n///\n/// @returns {Mixed} The number following `$number`, if `$number` was found. If `$number` was not found, or `$number` was the biggest number in the map, returns `null`.\n@function -zf-map-next-number($map, $number) {\n\n $next-number: null;\n\n @each $k, $v in $map {\n @if type-of($v) == 'number' and $v > $number and ($next-number == null or $v < $next-number) {\n $next-number: $v;\n }\n }\n\n @return $next-number;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $key - Key to use as last breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-breakpoints-less-than($key) {\n $list: ();\n $found-key: false;\n\n @each $name in $-zf-breakpoints-keys {\n @if ($name == $key) {\n $found-key: true;\n }\n @if not $found-key {\n $list: append($list, $name);\n }\n }\n @return $list;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $breakpoint - a named or non-named breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-closest-named-breakpoint($breakpoint) {\n $last: $-zf-zero-breakpoint;\n $found: false;\n\n $value: unitless-calc($breakpoint, 1px);\n @each $key, $val in $breakpoints {\n @if not $found {\n @if unitless-calc($val) > $value {\n $found: true;\n } @else {\n $last: $key;\n }\n }\n }\n\n @return $last;\n}\n\n/// Get a value for a breakpoint from a responsive config map or single value.\n/// - If the config is a single value, return it regardless of `$value`.\n/// - If the config is a map and has the key `$value`, the exact breakpoint value is returned.\n/// - If the config is a map and does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.\n/// @access private\n///\n/// @param {Number|Map} $map - Responsive config map or single value.\n/// @param {Keyword} $value - Breakpoint name to use.\n///\n/// @return {Mixed} The corresponding breakpoint value.\n@function -zf-get-bp-val($map, $value) {\n // If the given map is a single value, return it\n @if type-of($map) == 'number' {\n @return $map;\n }\n\n\n // Check if the breakpoint name exists globally\n @if not map-has-key($breakpoints, $value) {\n @if type-of($value) == 'number' {\n $value: -zf-closest-named-breakpoint($value);\n } @else {\n @return null;\n }\n }\n // Check if the breakpoint name exists in the local config map\n @else if map-has-key($map, $value) {\n // If it does, just return the value\n @return map-get($map, $value);\n }\n // Otherwise, find the next lowest breakpoint and return that value\n @else {\n $anchor: null;\n $found: false;\n\n @each $key, $val in $breakpoints {\n @if not $found {\n @if map-has-key($map, $key) {\n $anchor: $key;\n }\n @if $key == $value {\n $found: true;\n }\n }\n }\n\n @return map-get($map, $anchor);\n }\n}\n\n/// Return the best breakpoint to use according to the calling context. It returns in order:\n/// 1. the given `$value` argument if it is not null.\n/// 2. the global breakpoint context `$-zf-size` if it is not null (like if called inside then `breakpoint()` mixin)\n/// 3. the given `$default` argument.\n/// @access private\n///\n/// @param {Keyword} $value [null] - Breakpoint to use in priority if non-null.\n/// @param {Keyword} $default [null] - Breakpoint to use by default if no other value can be used.\n///\n/// @return {Keyword} The resolved breakpoint.\n@function -zf-current-breakpoint($value: null, $default: null) {\n @if ($value != null) {\n @return $value;\n }\n @else if (variable-exists(-zf-size) and type-of($-zf-size) != 'number') and $-zf-size != null {\n @return $-zf-size;\n }\n @else {\n @return $default;\n }\n}\n\n/// Return media query string from the given min and/or max limits.\n/// If a limit is equal to `null` or `0`, it is ignored.\n/// @access private\n///\n/// @param {Number} $min [0] - Min media query limit.\n/// @param {Number} $max [0] - Max media query limit.\n/// @param {String} $min-name ['min-width'] - Name of the min media query limit.\n/// @param {String} $delimiter ['max-width'] - Name of the max media query limit.\n///\n/// @returns {String} Media Query string.\n@function -zf-bp-join(\n $min: 0,\n $max: 0,\n $min-name: 'min-width',\n $max-name: 'max-width'\n) {\n @return zf-str-join(\n if($min and $min > 0, '(#{$min-name}: #{$min})', null),\n if($max and $max > 0, '(#{$max-name}: #{$max})', null),\n ' and ');\n}\n\n$small-up: '';\n$small-only: '';\n\n@if map-has-key($breakpoints, small) {\n $small-up: screen;\n $small-only: unquote('screen and #{breakpoint(small only)}');\n}\n\n$medium-up: '';\n$medium-only: '';\n\n@if map-has-key($breakpoints, medium) {\n $medium-up: unquote('screen and #{breakpoint(medium)}');\n $medium-only: unquote('screen and #{breakpoint(medium only)}');\n}\n\n$large-up: '';\n$large-only: '';\n\n@if map-has-key($breakpoints, large) {\n $large-up: unquote('screen and #{breakpoint(large)}');\n $large-only: unquote('screen and #{breakpoint(large only)}');\n}\n\n$xlarge-up: '';\n$xlarge-only: '';\n\n@if map-has-key($breakpoints, xlarge) {\n $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');\n $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');\n}\n\n$xxlarge-up: '';\n\n@if map-has-key($breakpoints, xxlarge) {\n $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},91130:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.display-menu__item_title{width:100%;line-height:2rem}.display-menu__item_title a{width:100%;display:block;padding-left:1rem}.display-menu__item_title--active{background-color:#e2e8ed}.display-menu__item_title:hover{background-color:#f3f4f6}.display-menu__item_title--active:before{content:"";position:absolute;width:.2rem;margin-left:-1rem;height:2rem;border-left:.2rem solid #014371}.display-menu__item_icon{display:inline-block;text-align:center;vertical-align:middle;width:1.5rem;fill:#014371}.display-menu__item_icon svg{height:1rem;width:1rem}.display-menu__item_content{margin-left:1.7rem}',"",{version:3,sources:["webpack://./src/styles/components/display-menu.scss","webpack://./src/styles/_colours.scss","webpack://./colours.json"],names:[],mappings:"AAME,0BACE,UAAA,CACA,gBALU,CAMV,4BACE,UAAA,CACA,aAAA,CACA,iBAAA,CAEF,kCACE,wBAAA,CAEF,gCACE,wBC2BS,CDzBX,yCACE,UAAA,CACA,iBAAA,CACA,WAAA,CACA,iBAAA,CACA,WAtBQ,CAuBR,+BAAA,CAGJ,yBACE,oBAAA,CACA,iBAAA,CACA,qBAAA,CACA,YAAA,CACA,YElCY,CFmCZ,6BACE,WAAA,CACA,UAAA,CAGJ,4BACE,kBAAA",sourcesContent:["@import '../colours';\n@import '../settings';\n\n$line-height: 2rem;\n\n.display-menu {\n &__item_title {\n width: 100%;\n line-height: $line-height;\n a {\n width: 100%;\n display: block;\n padding-left: 1rem;\n }\n &--active {\n background-color: lighten($colour-selected, 5%);\n }\n &:hover {\n background-color: $colour-hover;\n }\n &--active:before {\n content: '';\n position: absolute;\n width: 0.2rem;\n margin-left: -1rem;\n height: $line-height;\n border-left: 0.2rem solid $colour-link;\n }\n }\n &__item_icon {\n display: inline-block;\n text-align: center;\n vertical-align: middle;\n width: $global-margin * 1.5;\n fill: $colour-link;\n svg {\n height: 1rem;\n width: 1rem;\n }\n }\n &__item_content {\n margin-left: $global-margin * 1.5 + 0.2;\n }\n}\n","/* \n** @name Colours\n** @template ./app/html/colours.html\n** @text-only\n*/\n@import './settings';\n@import './colours.json';\n\n// PRIMARY COLOURS\n$colour-sapphire-blue: $sapphire-blue;\n$colour-sea-blue: $sea-blue;\n$colour-vivid-cerulean: $vivid-cerulean;\n$colour-medium-turquoise: $medium-turquoise;\n$colour-gainsborough: $gainsborough;\n\n// GREYSCALE\n$colour-yankees-blue: $yankees-blue;\n$colour-independence: $independence;\n$colour-weldon-blue: $weldon-blue;\n$colour-pastel-blue: $pastel-blue;\n$colour-platinum: $platinum;\n$colour-sky-white: $sky-white;\n\n// CURATION\n$colour-reviewed: $reviewed;\n$colour-unreviewed: $unreviewed;\n$colour-reference-proteome: $reference-proteome;\n\n// NAMESPACES\n$colour-uniref: $uniref;\n$colour-uniparc: $uniparc;\n$colour-proteomes: $proteomes;\n\n// TOOLS\n$colour-peptide-search: $peptide-search;\n$colour-id-mapping: $id-mapping;\n$colour-blast: $blast;\n$colour-align: $align;\n\n// HELP\n$colour-help-green: $help-green;\n\n// COLOUR VARIABLES\n$colour-link: $colour-sapphire-blue;\n$colour-selected: $colour-gainsborough;\n$colour-hover: lighten($colour-platinum, 5%);\n\n// MESSAGE COLOURS\n$colour-warning: $warning;\n$colour-failure: $failure;\n$colour-success: $success;\n$colour-info: $info;\n\n// DATA VISUALISATION\n$colour-coyote-brown: $coyote-brown;\n$colour-outer-space: $outer-space;\n$colour-bronze: $bronze;\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},52529:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.doughnut-chart--small{overflow:hidden;position:relative;display:inline-block;margin:0 .2rem;vertical-align:middle;width:25.6px;height:25.6px;border-radius:12.8px;font-size:.7333333333rem}.doughnut-chart--small__left-wrap{overflow:hidden;position:absolute;top:0;left:0;width:12.8px;height:25.6px}.doughnut-chart--small__left-wrap__loader{position:absolute;left:0;top:0;border-radius:1000px;transform-origin:0 50%;left:12.8px;width:12.8px;height:25.6px;border-top-left-radius:0;border-bottom-left-radius:0}.doughnut-chart--small__right-wrap{overflow:hidden;position:absolute;top:0;left:12.8px;width:12.8px;height:25.6px}.doughnut-chart--small__right-wrap__loader{position:absolute;left:0;top:0;border-radius:1000px;transform-origin:100% 50%;left:-12.8px;width:12.8px;height:25.6px;border-top-right-radius:0;border-bottom-right-radius:0}.doughnut-chart--small__inner-circle{background-color:#fbfeff;position:relative;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;left:2px;top:2px;width:21.6px;height:21.6px;border-radius:10.8px}.doughnut-chart--medium{overflow:hidden;position:relative;display:inline-block;margin:0 .2rem;vertical-align:middle;width:48px;height:48px;border-radius:24px;font-size:1.0833333333rem}.doughnut-chart--medium__left-wrap{overflow:hidden;position:absolute;top:0;left:0;width:24px;height:48px}.doughnut-chart--medium__left-wrap__loader{position:absolute;left:0;top:0;border-radius:1000px;transform-origin:0 50%;left:24px;width:24px;height:48px;border-top-left-radius:0;border-bottom-left-radius:0}.doughnut-chart--medium__right-wrap{overflow:hidden;position:absolute;top:0;left:24px;width:24px;height:48px}.doughnut-chart--medium__right-wrap__loader{position:absolute;left:0;top:0;border-radius:1000px;transform-origin:100% 50%;left:-24px;width:24px;height:48px;border-top-right-radius:0;border-bottom-right-radius:0}.doughnut-chart--medium__inner-circle{background-color:#fbfeff;position:relative;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;left:2px;top:2px;width:44px;height:44px;border-radius:22px}.doughnut-chart--large{overflow:hidden;position:relative;display:inline-block;margin:0 .2rem;vertical-align:middle;width:80px;height:80px;border-radius:40px;font-size:1.5833333333rem}.doughnut-chart--large__left-wrap{overflow:hidden;position:absolute;top:0;left:0;width:40px;height:80px}.doughnut-chart--large__left-wrap__loader{position:absolute;left:0;top:0;border-radius:1000px;transform-origin:0 50%;left:40px;width:40px;height:80px;border-top-left-radius:0;border-bottom-left-radius:0}.doughnut-chart--large__right-wrap{overflow:hidden;position:absolute;top:0;left:40px;width:40px;height:80px}.doughnut-chart--large__right-wrap__loader{position:absolute;left:0;top:0;border-radius:1000px;transform-origin:100% 50%;left:-40px;width:40px;height:80px;border-top-right-radius:0;border-bottom-right-radius:0}.doughnut-chart--large__inner-circle{background-color:#fbfeff;position:relative;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;left:2px;top:2px;width:76px;height:76px;border-radius:38px}","",{version:3,sources:["webpack://./src/styles/common/_utils.scss","webpack://./src/styles/components/doughnut-chart.scss","webpack://./colours.json"],names:[],mappings:"AA4BA,0CACE,kBAAA,CACA,oBAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,kBAAA,CACA,SAAA,CC2CF,uBAtEE,eAAA,CACA,iBAAA,CACA,oBAAA,CACA,cAAA,CACA,qBAAA,CACA,YAAA,CACA,aAAA,CACA,oBARO,CASP,wBAAA,CAEA,kCACE,eAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,YAhBK,CAiBL,aAAA,CAEA,0CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,oBAAA,CACA,sBAAA,CACA,WAzBG,CA0BH,YA1BG,CA2BH,aAAA,CACA,wBAAA,CACA,2BAAA,CAIJ,mCACE,eAAA,CACA,iBAAA,CACA,KAAA,CACA,WArCK,CAsCL,YAtCK,CAuCL,aAAA,CAEA,2CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,oBAAA,CACA,yBAAA,CACA,YAAA,CACA,YAhDG,CAiDH,aAAA,CACA,yBAAA,CACA,4BAAA,CAIJ,qCACE,wBCrDQ,CDsDR,iBAAA,CACA,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,kBAAA,CACA,QAlEW,CAmEX,OAnEW,CAoEX,YAAA,CACA,aAAA,CACA,oBAAA,CAQJ,wBA1EE,eAAA,CACA,iBAAA,CACA,oBAAA,CACA,cAAA,CACA,qBAAA,CACA,UAAA,CACA,WAAA,CACA,kBARO,CASP,yBAAA,CAEA,mCACE,eAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAhBK,CAiBL,WAAA,CAEA,2CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,oBAAA,CACA,sBAAA,CACA,SAzBG,CA0BH,UA1BG,CA2BH,WAAA,CACA,wBAAA,CACA,2BAAA,CAIJ,oCACE,eAAA,CACA,iBAAA,CACA,KAAA,CACA,SArCK,CAsCL,UAtCK,CAuCL,WAAA,CAEA,4CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,oBAAA,CACA,yBAAA,CACA,UAAA,CACA,UAhDG,CAiDH,WAAA,CACA,yBAAA,CACA,4BAAA,CAIJ,sCACE,wBCrDQ,CDsDR,iBAAA,CACA,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,kBAAA,CACA,QAlEW,CAmEX,OAnEW,CAoEX,UAAA,CACA,WAAA,CACA,kBAAA,CAYJ,uBA9EE,eAAA,CACA,iBAAA,CACA,oBAAA,CACA,cAAA,CACA,qBAAA,CACA,UAAA,CACA,WAAA,CACA,kBARO,CASP,yBAAA,CAEA,kCACE,eAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAhBK,CAiBL,WAAA,CAEA,0CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,oBAAA,CACA,sBAAA,CACA,SAzBG,CA0BH,UA1BG,CA2BH,WAAA,CACA,wBAAA,CACA,2BAAA,CAIJ,mCACE,eAAA,CACA,iBAAA,CACA,KAAA,CACA,SArCK,CAsCL,UAtCK,CAuCL,WAAA,CAEA,2CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,oBAAA,CACA,yBAAA,CACA,UAAA,CACA,UAhDG,CAiDH,WAAA,CACA,yBAAA,CACA,4BAAA,CAIJ,qCACE,wBCrDQ,CDsDR,iBAAA,CACA,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,kBAAA,CACA,QAlEW,CAmEX,OAnEW,CAoEX,UAAA,CACA,WAAA,CACA,kBAAA",sourcesContent:["@use 'sass:math';\n@import '../settings';\n\n$small-bubble: 1.6rem;\n$medium-bubble: 3rem;\n$large-bubble: 5rem;\n\n$rootPx: 16px;\n\n@function remToPx($rem) {\n @return unitless-calc($rem) * $rootPx;\n}\n\n@function pxToRem($px) {\n @return math.div(unitless-calc($px), unitless-calc($rootPx)) + 0px;\n}\n\n@function bubbleFontSize($size) {\n @return $size * 0.25 + 0.3333333333;\n}\n\n/******************************************************************************\\\n * *\n * Visually hide any element (mostly text) accessibly. *\n * Support includes IE9+ *\n * Source: https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html *\n * *\n ******************************************************************************/\n.visually-hidden:not(:focus):not(:active) {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n","@import '../settings';\n@import '../colours';\n@import '../common/utils';\n\n$border-width: 2px;\n\n@mixin doughnut-chart($remSize) {\n $size: remToPx($remSize * 0.5);\n overflow: hidden;\n position: relative;\n display: inline-block;\n margin: 0 $global-margin * 0.2;\n vertical-align: middle;\n width: $size * 2;\n height: $size * 2;\n border-radius: $size;\n font-size: bubbleFontSize($remSize);\n\n &__left-wrap {\n overflow: hidden;\n position: absolute;\n top: 0;\n left: 0;\n width: $size;\n height: $size * 2;\n\n &__loader {\n position: absolute;\n left: 0;\n top: 0;\n border-radius: 1000px;\n transform-origin: 0 50%;\n left: $size;\n width: $size;\n height: $size * 2;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n\n &__right-wrap {\n overflow: hidden;\n position: absolute;\n top: 0;\n left: $size;\n width: $size;\n height: $size * 2;\n\n &__loader {\n position: absolute;\n left: 0;\n top: 0;\n border-radius: 1000px;\n transform-origin: 100% 50%;\n left: -$size;\n width: $size;\n height: $size * 2;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n &__inner-circle {\n background-color: $colour-sky-white;\n position: relative;\n text-align: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n left: $border-width;\n top: $border-width;\n width: ($size - $border-width) * 2;\n height: ($size - $border-width) * 2;\n border-radius: $size - $border-width;\n }\n}\n\n.doughnut-chart--small {\n @include doughnut-chart($small-bubble);\n}\n\n.doughnut-chart--medium {\n @include doughnut-chart($medium-bubble);\n}\n\n.doughnut-chart--large {\n @include doughnut-chart($large-bubble);\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},45665:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.button.dropdown::after{border-top-color:currentColor}.dropdown{position:relative;display:inline-block;white-space:nowrap}.dropdown>button.button:first-child{margin-inline-end:1rem;padding-inline-end:1.5ch}.dropdown>button.button.primary:first-child,.dropdown>button.button.secondary:first-child{padding-inline-end:2.5ch}.dropdown>:first-child::after{content:"▾";position:absolute;margin-inline-start:.5ch}.dropdown .button{margin-block-end:0;margin-inline-end:0}.dropdown ul{margin-inline-start:0;margin-block-end:0}.dropdown__content{box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);overflow-y:auto;width:max-content;z-index:9000;animation:200ms reveal;background:#fff;position:absolute;padding:.5rem;border-radius:0 0 .2rem .2rem}.dropdown__content button.button,.dropdown__content a,.dropdown__content a.button{display:inline-block;color:#161d39;margin:0;padding:.25em 1ch;width:100%;line-height:2;border:none;font-weight:normal}.dropdown__content button.button:hover,.dropdown__content button.button:focus-visible,.dropdown__content a:hover,.dropdown__content a:focus-visible,.dropdown__content a.button:hover,.dropdown__content a.button:focus-visible{background:#e4e8eb}.dropdown-container{position:relative;display:inline-block}.hover,.dropdown-content ul li button:hover,.dropdown-content ul li button.primary:hover,.dropdown-content ul li button.secondary:hover,.dropdown-content ul li button.tertiary:hover,.dropdown-content ul li a:hover,.dropdown-content ul li a.primary:hover,.dropdown-content ul li a.secondary:hover,.dropdown-content ul li a.tertiary:hover,.dropdown-menu ul li button:hover,.dropdown-menu ul li button.primary:hover,.dropdown-menu ul li button.secondary:hover,.dropdown-menu ul li button.tertiary:hover,.dropdown-menu ul li a:hover,.dropdown-menu ul li a.primary:hover,.dropdown-menu ul li a.secondary:hover,.dropdown-menu ul li a.tertiary:hover{color:#161d39;border:none;background:#e4e8eb}.dropdown-content,.dropdown-menu{--main-button-color: black;box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);display:none;overflow-y:auto;white-space:nowrap;position:absolute;background:#fff;z-index:9000}.dropdown-content input,.dropdown-menu input{margin:0}.dropdown-content .dropdown-menu__content,.dropdown-menu .dropdown-menu__content{padding:1rem}.dropdown-content .dropdown-menu__panel,.dropdown-menu .dropdown-menu__panel{overflow-y:auto}.dropdown-content ul,.dropdown-menu ul{display:block;list-style:none;margin:0;padding:0}.dropdown-content ul li,.dropdown-menu ul li{float:none !important;display:block;line-height:1.6rem;background-color:#fefefe !important}.dropdown-content ul li button,.dropdown-content ul li button.primary,.dropdown-content ul li button.secondary,.dropdown-content ul li button.tertiary,.dropdown-content ul li a,.dropdown-content ul li a.primary,.dropdown-content ul li a.secondary,.dropdown-content ul li a.tertiary,.dropdown-menu ul li button,.dropdown-menu ul li button.primary,.dropdown-menu ul li button.secondary,.dropdown-menu ul li button.tertiary,.dropdown-menu ul li a,.dropdown-menu ul li a.primary,.dropdown-menu ul li a.secondary,.dropdown-menu ul li a.tertiary{cursor:pointer;line-height:1.6rem;width:100%;text-align:left;font-weight:normal;padding:.5rem !important;margin:0 !important;position:relative;display:block;border:none;padding-right:1rem;text-decoration:none;white-space:nowrap}.dropdown-content ul li button.active,.dropdown-content ul li button.primary.active,.dropdown-content ul li button.secondary.active,.dropdown-content ul li button.tertiary.active,.dropdown-content ul li a.active,.dropdown-content ul li a.primary.active,.dropdown-content ul li a.secondary.active,.dropdown-content ul li a.tertiary.active,.dropdown-menu ul li button.active,.dropdown-menu ul li button.primary.active,.dropdown-menu ul li button.secondary.active,.dropdown-menu ul li button.tertiary.active,.dropdown-menu ul li a.active,.dropdown-menu ul li a.primary.active,.dropdown-menu ul li a.secondary.active,.dropdown-menu ul li a.tertiary.active{font-weight:bold}.dropdown-content .dropdown-menu,.dropdown-menu .dropdown-menu{position:relative;top:0}.dropdown-menu-open{display:block;animation:200ms reveal}@keyframes reveal{from{clip-path:circle(0% at 50% 0%)}to{clip-path:circle(100% at 50% 0%)}}',"",{version:3,sources:["webpack://./src/styles/components/dropdown.scss","webpack://./src/styles/_mixins.scss","webpack://./src/styles/common/_z-index.scss","webpack://./colours.json"],names:[],mappings:"AAAA,wBAMA,6BACE,CAAA,UAGF,iBACE,CAAA,oBACA,CAAA,kBACA,CAAA,oCAIE,sBACE,CAAA,wBAEA,CAAA,0FAKA,wBAEE,CAAA,8BAKN,WACE,CAAA,iBACA,CAAA,wBACA,CAAA,kBAKF,kBACE,CAAA,mBACA,CAAA,aAGF,qBACE,CAAA,kBACA,CAAA,mBAIJ,qDCjCE,CAAA,eDmCA,CAAA,iBACA,CAAA,YEpDa,CAAA,sBFsDb,CAAA,eACA,CAAA,iBACA,CAAA,aACA,CAAA,6BACA,CAAA,kFAEA,oBAGE,CAAA,aG5DW,CAAA,QH8DX,CAAA,iBACA,CAAA,UACA,CAAA,aACA,CAAA,WACA,CAAA,kBACA,CAAA,gOAEA,kBGjEO,CAAA,oBHwEX,iBACE,CAAA,oBACA,CAAA,moBAGF,aGjFe,CAAA,WHmFb,CAAA,kBG/ES,CAAA,iCHmFX,0BAEE,CAAA,qDC5EA,CAAA,YDmFA,CAAA,eACA,CAAA,kBACA,CAAA,iBACA,CAAA,eACA,CAAA,YEvGa,CAAA,6CF8Fb,QACE,CAAA,iFAWF,YACE,CAAA,6EAGF,eACE,CAAA,uCAGF,aACE,CAAA,eACA,CAAA,QACA,CAAA,SACA,CAAA,6CAIA,qBACE,CAAA,aACA,CAAA,kBACA,CAAA,mCACA,CAAA,4hBAIE,cAIE,CAAA,kBACA,CAAA,UACA,CAAA,eACA,CAAA,kBACA,CAAA,wBACA,CAAA,mBACA,CAAA,iBACA,CAAA,aACA,CAAA,WACA,CAAA,kBACA,CAAA,oBACA,CAAA,kBACA,CAAA,4oBAMA,gBACE,CAAA,+DAUV,iBACE,CAAA,KACA,CAAA,oBAIJ,aACE,CAAA,sBACA,CAAA,kBAGF,KACE,8BACE,CAAA,GAEF,gCACE,CAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../common/z-index';\n@import '../mixins';\n\n// For legacy dropdown (using borders)\n.button.dropdown::after {\n border-top-color: currentColor;\n}\n\n.dropdown {\n position: relative;\n display: inline-block;\n white-space: nowrap;\n\n /* Specificity fight with foundation */\n & > button.button {\n &:first-child {\n margin-inline-end: 1rem;\n /* A bit of space for the dropdown indicator */\n padding-inline-end: 1.5ch;\n }\n\n &.primary,\n &.secondary {\n &:first-child {\n /* A bit more space for the dropdown indicator for non-tertiary */\n padding-inline-end: 2.5ch;\n }\n }\n }\n\n & > :first-child::after {\n content: '▾';\n position: absolute;\n margin-inline-start: 0.5ch;\n }\n\n /* Override of franklin patterns when used within */\n /* try to keep as little as possible, watch out of specificity wars */\n .button {\n margin-block-end: 0;\n margin-inline-end: 0;\n }\n\n ul {\n margin-inline-start: 0;\n margin-block-end: 0;\n }\n}\n\n.dropdown__content {\n @include box-shadow();\n overflow-y: auto;\n width: max-content;\n z-index: $z-index-high;\n animation: 200ms reveal;\n background: #fff;\n position: absolute;\n padding: 0.5 * $global-padding;\n border-radius: 0 0 0.2rem 0.2rem;\n\n button.button,\n a,\n a.button {\n display: inline-block;\n color: $colour-yankees-blue;\n margin: 0;\n padding: 0.25em 1ch;\n width: 100%;\n line-height: 2;\n border: none;\n font-weight: normal;\n\n &:hover,\n &:focus-visible {\n background: $colour-platinum;\n }\n }\n}\n\n.dropdown-container {\n position: relative;\n display: inline-block;\n}\n\n.hover {\n color: $colour-yankees-blue;\n border: none;\n background: $colour-platinum;\n}\n\n.dropdown-content,\n.dropdown-menu {\n --main-button-color: black;\n\n input {\n margin: 0;\n }\n\n @include box-shadow();\n display: none;\n overflow-y: auto;\n white-space: nowrap;\n position: absolute;\n background: #fff;\n z-index: $z-index-high;\n\n .dropdown-menu__content {\n padding: 1rem;\n }\n\n .dropdown-menu__panel {\n overflow-y: auto;\n }\n\n ul {\n display: block;\n list-style: none;\n margin: 0;\n padding: 0;\n\n // overflow-y: hidden;\n // height: auto !important;\n li {\n float: none !important;\n display: block;\n line-height: 1.6rem;\n background-color: $white !important;\n\n button,\n a {\n &,\n &.primary,\n &.secondary,\n &.tertiary {\n cursor: pointer;\n line-height: 1.6rem;\n width: 100%;\n text-align: left;\n font-weight: normal;\n padding: 0.5rem !important; // These two !important's are required to ensure the BLAST button is ...\n margin: 0 !important; // styled in the same way as the tags in the Sequence component\n position: relative;\n display: block;\n border: none;\n padding-right: 1rem;\n text-decoration: none;\n white-space: nowrap;\n\n &:hover {\n @extend .hover;\n }\n\n &.active {\n font-weight: bold;\n }\n }\n }\n }\n }\n\n // The autocomplete has a dropdown-menu inside a dropdown-menu\n // so needs to have position set to relative so its width can\n // follow its container's\n .dropdown-menu {\n position: relative;\n top: 0;\n }\n}\n\n.dropdown-menu-open {\n display: block;\n animation: 200ms reveal;\n}\n\n@keyframes reveal {\n from {\n clip-path: circle(0% at 50% 0%);\n }\n to {\n clip-path: circle(100% at 50% 0%);\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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},18322:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".button.ellipsis-reveal{vertical-align:baseline;margin:0}","",{version:3,sources:["webpack://./src/styles/components/ellipsis-reveal.scss"],names:[],mappings:"AAAA,wBAEE,uBAAA,CACA,QAAA",sourcesContent:[".button.ellipsis-reveal {\n // Make sure it's all aligned with the rest of the text\n vertical-align: baseline;\n margin: 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},10959:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,"button.evidence-tag{cursor:pointer;position:relative;display:inline-block;font-size:80%;white-space:nowrap;font-size:.75rem;height:1.25rem;line-height:1.25rem;margin-left:.5rem;border-radius:.25rem;background-color:#d2dce3;border:1px solid #8194a1;padding:0 .25rem;color:#161d39}button.evidence-tag:hover,button.evidence-tag:focus,button.evidence-tag:focus-within{background-color:#abc7d6}button.evidence-tag:active{background-color:rgba(78,90,113,.3)}button.evidence-tag svg{position:absolute}.evidence-tag__label{padding-left:1rem;text-transform:capitalize}.evidence-tag-content{opacity:0;max-height:0;overflow:hidden;transition:none;display:inline;background:linear-gradient(#e4e8eb 30%, rgba(255, 255, 255, 0)),linear-gradient(rgba(255, 255, 255, 0), #e4e8eb 70%) 0 100%,radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;background:linear-gradient(#e4e8eb 30%, rgba(255, 255, 255, 0)),linear-gradient(rgba(255, 255, 255, 0), #e4e8eb 70%) 0 100%,radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;background-repeat:no-repeat;background-color:#e4e8eb;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.evidence-tag-content>div{display:none}.evidence-tag-content--visible{opacity:1;margin:1rem 0;padding:1rem;max-height:25vh;overflow-y:auto;transition:opacity .5s ease-out;display:block}.evidence-tag-content--visible>div{display:block}","",{version:3,sources:["webpack://./src/styles/components/evidence-tag.scss","webpack://./src/styles/_settings.scss","webpack://./colours.json"],names:[],mappings:"AAGA,oBACE,cAAA,CACA,iBAAA,CACA,oBAAA,CACA,aC+KgB,CD9KhB,kBAAA,CACA,gBAAA,CACA,cAAA,CACA,mBAAA,CACA,iBAAA,CACA,oBAAA,CACA,wBEVa,CFWb,wBAAA,CACA,gBAAA,CACA,aEZa,CFcb,qFAGE,wBEdU,CFiBZ,2BACE,mCAAA,CAGF,wBACE,iBAAA,CAIJ,qBACE,iBAAA,CACA,yBAAA,CAGF,sBACE,SAAA,CACA,YAAA,CACA,eAAA,CACA,eAAA,CACA,cAAA,CAEA,6RACsB,CAmBtB,iSACoB,CAiBpB,2BAAA,CACA,wBE5ES,CF6ET,uDAAA,CAEA,+CAAA,CAEA,0BACE,YAAA,CAGF,+BACE,SAAA,CACA,aAAA,CACA,YCVa,CDWb,eAAA,CACA,eAAA,CACA,+BAAA,CACA,aAAA,CAEA,mCACE,aAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n\nbutton.evidence-tag {\n cursor: pointer;\n position: relative;\n display: inline-block;\n font-size: $small-font-size;\n white-space: nowrap;\n font-size: 0.75rem;\n height: 1.25rem;\n line-height: 1.25rem;\n margin-left: $global-margin * 0.5;\n border-radius: $global-padding * 0.25;\n background-color: $colour-gainsborough;\n border: 1px solid $colour-weldon-blue;\n padding: 0 $global-padding * 0.25;\n color: $colour-yankees-blue;\n\n &:hover,\n &:focus,\n &:focus-within {\n background-color: $colour-pastel-blue;\n }\n\n &:active {\n background-color: rgba($colour-independence, 0.3);\n }\n\n svg {\n position: absolute;\n }\n}\n\n.evidence-tag__label {\n padding-left: ($global-padding);\n text-transform: capitalize;\n}\n\n.evidence-tag-content {\n opacity: 0;\n max-height: 0;\n overflow: hidden;\n transition: none;\n display: inline;\n /* shadow trick from http://lea.verou.me/2012/04/background-attachment-local/ */\n background:\n /* Shadow covers */ linear-gradient(\n $colour-platinum 30%,\n rgba(255, 255, 255, 0)\n ),\n linear-gradient(rgba(255, 255, 255, 0), $colour-platinum 70%) 0 100%,\n /* Shadows */\n radial-gradient(\n 50% 0,\n farthest-side,\n rgba(0, 0, 0, 0.2),\n rgba(0, 0, 0, 0)\n ),\n radial-gradient(\n 50% 100%,\n farthest-side,\n rgba(0, 0, 0, 0.2),\n rgba(0, 0, 0, 0)\n )\n 0 100%;\n background:\n /* Shadow covers */ linear-gradient(\n $colour-platinum 30%,\n rgba(255, 255, 255, 0)\n ),\n linear-gradient(rgba(255, 255, 255, 0), $colour-platinum 70%) 0 100%,\n /* Shadows */\n radial-gradient(\n farthest-side at 50% 0,\n rgba(0, 0, 0, 0.2),\n rgba(0, 0, 0, 0)\n ),\n radial-gradient(\n farthest-side at 50% 100%,\n rgba(0, 0, 0, 0.2),\n rgba(0, 0, 0, 0)\n )\n 0 100%;\n background-repeat: no-repeat;\n background-color: $colour-platinum;\n background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;\n /* Opera doesn't support this in the shorthand */\n background-attachment: local, local, scroll, scroll;\n\n & > div {\n display: none;\n }\n\n &--visible {\n opacity: 1;\n margin: $global-margin 0;\n padding: $global-padding;\n max-height: 25vh;\n overflow-y: auto;\n transition: opacity 0.5s ease-out;\n display: block;\n\n & > div {\n display: block;\n }\n }\n}\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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},97161:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".expandable-list{margin-bottom:0}.expandable-list li:not(:first-child) button{margin-top:0}.facets .expandable-list button:not(.expandable-list__action),.facets .expandable-list a:not(.expandable-list__action){color:initial;font-weight:initial}.expandable-list button.expandable-list__action,.expandable-list a.expandable-list__action{display:inline-block;width:auto;margin:.5rem 2ch .5rem 0}.expandable-list button.expandable-list__action:last-child,.expandable-list a.expandable-list__action:last-child{margin-right:0}","",{version:3,sources:["webpack://./src/styles/components/expandable-list.scss"],names:[],mappings:"AAAA,iBACE,eAAA,CAGE,6CACE,YAAA,CAMF,uHACE,aAAA,CACA,mBAAA,CAGF,2FACE,oBAAA,CACA,UAAA,CACA,wBAAA,CAEA,iHACE,cAAA",sourcesContent:[".expandable-list {\n margin-bottom: 0;\n\n li:not(:first-child) {\n button {\n margin-top: 0;\n }\n }\n\n button,\n a {\n .facets &:not(.expandable-list__action) {\n color: initial;\n font-weight: initial;\n }\n\n &.expandable-list__action {\n display: inline-block;\n width: auto;\n margin: 0.5rem 2ch 0.5rem 0;\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},37360:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".external-link svg{margin-left:.25rem;margin-right:.4rem}","",{version:3,sources:["webpack://./src/styles/components/external-link.scss"],names:[],mappings:"AAGE,mBACE,kBAAA,CACA,kBAAA",sourcesContent:["@import '../colours';\n\n.external-link {\n svg {\n margin-left: 0.25rem;\n margin-right: 0.4rem;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},22012:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.facets .facet-name{color:#161d39;font-weight:800;margin-bottom:.25rem}.facets .facet-name+ul>li{margin-bottom:1px}.facets>ul>li{padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid #e4e8eb;position:relative}.facets>ul>li a{cursor:pointer;display:block;width:100%;line-height:1.5;text-align:left;padding:0.3333333333rem;padding-inline-end:2ch}.facets>ul>li a:hover{background:#f3f4f6}.facets>ul>li a.facet-active{font-weight:bold;background:#d2dce3}.facets>ul>li a.facet-active:after{position:absolute;right:1ch;content:"✖"}.facets>ul>li a.facet-active:hover,.facets>ul>li a.facet-active:focus{background:#f3f4f6}',"",{version:3,sources:["webpack://./src/styles/components/facets.scss","webpack://./src/styles/_settings.scss","webpack://./src/styles/_colours.scss","webpack://./colours.json"],names:[],mappings:"AAAA,oBAIE,aACE,CAAA,eACA,CAAA,oBACA,CAAA,0BAEA,iBACE,CAAA,cAIJ,oBACE,CAAA,mBACA,CAAA,+BACA,CAAA,iBACA,CAAA,gBAEA,cACE,CAAA,aACA,CAAA,UACA,CAAA,eC8Cc,CAAA,eD5Cd,CAAA,uBACA,CAAA,sBACA,CAAA,sBAEA,kBEgBS,CAAA,6BFXX,gBACE,CAAA,kBG/BS,CAAA,mCHkCT,iBACE,CAAA,SACA,CAAA,WACA,CAAA,sEAGF,kBECS",sourcesContent:["@import '../settings';\n@import '../colours';\n\n.facets {\n .facet-name {\n color: $colour-yankees-blue;\n font-weight: 800;\n margin-bottom: $global-margin * 0.25;\n\n & + ul > li {\n margin-bottom: 1px;\n }\n }\n\n & > ul > li {\n padding-bottom: $global-margin * 0.5;\n margin-bottom: $global-margin * 0.5;\n border-bottom: 1px solid $colour-platinum;\n position: relative;\n\n a {\n cursor: pointer;\n display: block;\n width: 100%;\n line-height: $global-lineheight;\n text-align: left;\n padding: $global-padding * 0.3333333333;\n padding-inline-end: 2ch; // Keep a bit more space for the \"x\"\n\n &:hover {\n background: $colour-hover;\n }\n }\n\n a.facet-active {\n font-weight: bold;\n background: $colour-selected;\n\n &:after {\n position: absolute;\n right: 1ch;\n content: '✖';\n }\n\n &:hover,\n &:focus {\n background: $colour-hover;\n }\n }\n }\n}\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","/* \n** @name Colours\n** @template ./app/html/colours.html\n** @text-only\n*/\n@import './settings';\n@import './colours.json';\n\n// PRIMARY COLOURS\n$colour-sapphire-blue: $sapphire-blue;\n$colour-sea-blue: $sea-blue;\n$colour-vivid-cerulean: $vivid-cerulean;\n$colour-medium-turquoise: $medium-turquoise;\n$colour-gainsborough: $gainsborough;\n\n// GREYSCALE\n$colour-yankees-blue: $yankees-blue;\n$colour-independence: $independence;\n$colour-weldon-blue: $weldon-blue;\n$colour-pastel-blue: $pastel-blue;\n$colour-platinum: $platinum;\n$colour-sky-white: $sky-white;\n\n// CURATION\n$colour-reviewed: $reviewed;\n$colour-unreviewed: $unreviewed;\n$colour-reference-proteome: $reference-proteome;\n\n// NAMESPACES\n$colour-uniref: $uniref;\n$colour-uniparc: $uniparc;\n$colour-proteomes: $proteomes;\n\n// TOOLS\n$colour-peptide-search: $peptide-search;\n$colour-id-mapping: $id-mapping;\n$colour-blast: $blast;\n$colour-align: $align;\n\n// HELP\n$colour-help-green: $help-green;\n\n// COLOUR VARIABLES\n$colour-link: $colour-sapphire-blue;\n$colour-selected: $colour-gainsborough;\n$colour-hover: lighten($colour-platinum, 5%);\n\n// MESSAGE COLOURS\n$colour-warning: $warning;\n$colour-failure: $failure;\n$colour-success: $success;\n$colour-info: $info;\n\n// DATA VISUALISATION\n$colour-coyote-brown: $coyote-brown;\n$colour-outer-space: $outer-space;\n$colour-bronze: $bronze;\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},14148:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".header,.hero-header{display:flex;align-items:center;align-content:center;color:#fbfeff;padding:.5em 1em;background:linear-gradient(45deg, #014371, rgba(1, 67, 113, 0.7), #014371, #014371)}.header>*,.hero-header>*{flex:0 0 auto}.header.header--negative,.header .dropdown__content,.hero-header.header--negative,.hero-header .dropdown__content{justify-content:space-between;color:#014371;background:#fbfeff}.header.header--negative a,.header.header--negative button.button,.header.header--negative a:link,.header.header--negative a:visited,.header.header--negative a:hover,.header.header--negative a:active,.header.header--negative .header__logo>a,.header .dropdown__content a,.header .dropdown__content button.button,.header .dropdown__content a:link,.header .dropdown__content a:visited,.header .dropdown__content a:hover,.header .dropdown__content a:active,.header .dropdown__content .header__logo>a,.hero-header.header--negative a,.hero-header.header--negative button.button,.hero-header.header--negative a:link,.hero-header.header--negative a:visited,.hero-header.header--negative a:hover,.hero-header.header--negative a:active,.hero-header.header--negative .header__logo>a,.hero-header .dropdown__content a,.hero-header .dropdown__content button.button,.hero-header .dropdown__content a:link,.hero-header .dropdown__content a:visited,.hero-header .dropdown__content a:hover,.hero-header .dropdown__content a:active,.hero-header .dropdown__content .header__logo>a{color:#014371}.header.header--negative .header__search button.button,.header .dropdown__content .header__search button.button,.hero-header.header--negative .header__search button.button,.hero-header .dropdown__content .header__search button.button{color:#fbfeff}.header a,.header button.button,.header a:link,.header a:visited,.header a:hover,.header a:active,.header .header__logo>a,.hero-header a,.hero-header button.button,.hero-header a:link,.hero-header a:visited,.hero-header a:hover,.hero-header a:active,.hero-header .header__logo>a{color:#fbfeff;margin-bottom:0;transition:background-color .25s ease-out,color .25s ease-out}.header__logo,.hero-header__logo{display:inline-block}.header__navigation,.hero-header__navigation{flex-shrink:1;list-style:none;display:flex;flex-wrap:nowrap;align-items:center;margin:0;padding:0 .5ch;gap:.5ch;scrollbar-width:none}.header__navigation::-webkit-scrollbar,.hero-header__navigation::-webkit-scrollbar{display:none}.header__navigation a,.header__navigation button.button,.hero-header__navigation a,.hero-header__navigation button.button{margin:.1rem .25rem;border-bottom:1px solid rgba(0,0,0,0)}.header__navigation a:hover,.header__navigation button.button:hover,.hero-header__navigation a:hover,.hero-header__navigation button.button:hover{border-bottom-color:currentColor}.header__navigation .dropdown a,.header__navigation .dropdown button.button,.hero-header__navigation .dropdown a,.hero-header__navigation .dropdown button.button{margin:0;border-bottom:none}.header__navigation a,.header__navigation button.button,.hero-header__navigation a,.hero-header__navigation button.button{font-weight:bold;font-size:1rem}.header__secondary,.hero-header__secondary{text-align:right;padding-left:.5rem;line-height:1}.header__secondary .header__navigation,.hero-header__secondary .header__navigation{overflow-x:initial}.header__secondary small,.hero-header__secondary small{white-space:nowrap}.header__search,.hero-header__search{flex:1}.header__search input,.header__search button,.hero-header__search input,.hero-header__search button{margin:0}.header{height:var(--top-header-margin)}.hero-header{box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);flex-direction:column;height:60vh;margin-bottom:2em}.hero-header>*{width:100%}.hero-header__content{flex:1;display:flex;text-align:center;flex-direction:column;justify-content:center}.hero-header__content h1{color:#fbfeff}.hero-header__footer{flex:0;text-align:center}.hero-header label{color:#fbfeff}","",{version:3,sources:["webpack://./src/styles/components/header.scss","webpack://./colours.json","webpack://./src/styles/_mixins.scss"],names:[],mappings:"AAIA,qBAEE,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,aCCU,CAAA,gBAAA,CDCV,mFAAA,CAQA,yBAGE,aAAA,CAGF,kHAEE,6BAAA,CACA,aC5BY,CD6BZ,kBCnBQ,CDqBR,siCAOE,aCtCU,CDyCZ,0OACE,aChCM,CDoCV,uRAOE,aC3CQ,CD4CR,eAAA,CACA,6DAAA,CAGF,iCACE,oBAAA,CAGF,6CACE,aAAA,CACA,eAAA,CACA,YAAA,CACA,gBAAA,CACA,kBAAA,CACA,QAAA,CACA,cAAA,CACA,QAAA,CAGA,oBAAA,CACA,mFACE,YAAA,CAGF,0HAEE,mBAAA,CACA,qCAAA,CAEA,kJACE,gCAAA,CAMF,kKAEE,QAAA,CACA,kBAAA,CAIJ,0HAEE,gBAAA,CACA,cAAA,CAIJ,2CACE,gBAAA,CACA,kBAAA,CACA,aAAA,CAEA,mFACE,kBAAA,CAGF,uDACE,kBAAA,CAIJ,qCAEE,MAAA,CACA,oGAEE,QAAA,CAKN,QACE,+BAAA,CAGF,aElHE,qDAAA,CFoHA,qBAAA,CACA,WAAA,CACA,iBAAA,CAEA,eACE,UAAA,CAGF,sBACE,MAAA,CACA,YAAA,CACA,iBAAA,CACA,qBAAA,CACA,sBAAA,CACA,yBACE,aC3IM,CD+IV,qBACE,MAAA,CACA,iBAAA,CAGF,mBACE,aCrJQ",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../mixins';\n\n.header,\n.hero-header {\n display: flex;\n align-items: center;\n align-content: center;\n color: $colour-sky-white;\n padding: 0.5em 1em;\n background: linear-gradient(\n 45deg,\n $colour-sapphire-blue,\n rgba($colour-sapphire-blue, 0.7),\n $colour-sapphire-blue,\n $colour-sapphire-blue\n );\n\n & > * {\n // None of the children should grow or shrink\n // but the search bar (grow) and the primary links (shrink)\n flex: 0 0 auto;\n }\n\n &.header--negative,\n & .dropdown__content {\n justify-content: space-between;\n color: $colour-sapphire-blue;\n background: $colour-sky-white;\n\n a,\n button.button,\n a:link,\n a:visited,\n a:hover,\n a:active,\n .header__logo > a {\n color: $colour-sapphire-blue;\n }\n\n .header__search button.button {\n color: $colour-sky-white;\n }\n }\n\n a,\n button.button,\n a:link,\n a:visited,\n a:hover,\n a:active,\n .header__logo > a {\n color: $colour-sky-white;\n margin-bottom: 0;\n transition: background-color 0.25s ease-out, color 0.25s ease-out;\n }\n\n &__logo {\n display: inline-block;\n }\n\n &__navigation {\n flex-shrink: 1;\n list-style: none;\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n margin: 0;\n padding: 0 0.5ch;\n gap: 0.5ch;\n\n // Hide the scroll bar in the header\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n\n a,\n button.button {\n margin: 0.1rem 0.25rem;\n border-bottom: 1px solid transparent;\n\n &:hover {\n border-bottom-color: currentColor;\n }\n }\n\n // cancel the previous rule when inside a dropdown\n .dropdown {\n a,\n button.button {\n margin: 0;\n border-bottom: none;\n }\n }\n\n a,\n button.button {\n font-weight: bold;\n font-size: 1rem;\n }\n }\n\n &__secondary {\n text-align: right;\n padding-left: $global-padding * 0.5;\n line-height: 1;\n\n .header__navigation {\n overflow-x: initial;\n }\n\n small {\n white-space: nowrap;\n }\n }\n\n &__search {\n // Search bar is the only one growing or shrinking\n flex: 1;\n input,\n button {\n margin: 0;\n }\n }\n}\n\n.header {\n height: var(--top-header-margin);\n}\n\n.hero-header {\n @include box-shadow();\n flex-direction: column;\n height: 60vh;\n margin-bottom: 2em;\n\n & > * {\n width: 100%;\n }\n\n &__content {\n flex: 1;\n display: flex;\n text-align: center;\n flex-direction: column;\n justify-content: center;\n h1 {\n color: $colour-sky-white;\n }\n }\n\n &__footer {\n flex: 0;\n text-align: center;\n }\n\n label {\n color: $colour-sky-white;\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;","@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"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},1849:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".hero-container{--grid-background: #e4e8eb;margin-top:1rem;margin-bottom:1rem;padding:1rem 0;background-color:#e4e8eb}.hero-container__title{line-height:1;margin-bottom:0}.hero-container--side-padding{padding-left:1rem;padding-right:1rem}","",{version:3,sources:["webpack://./src/styles/components/hero-container.scss","webpack://./src/styles/_settings.scss"],names:[],mappings:"AAGA,gBACE,0BAAA,CAEA,eCgFc,CD/Ed,kBC+Ec,CD9Ed,cAAA,CACA,wBAAA,CAEA,uBACE,aAAA,CACA,eAAA,CAGF,8BACE,iBCsEa,CDrEb,kBCqEa",sourcesContent:["@import '../settings';\n@import '../colours';\n\n.hero-container {\n --grid-background: #{$colour-platinum};\n\n margin-top: $global-margin;\n margin-bottom: $global-margin;\n padding: $global-padding 0;\n background-color: $colour-platinum;\n\n &__title {\n line-height: 1;\n margin-bottom: 0;\n }\n\n &--side-padding {\n padding-left: $global-padding;\n padding-right: $global-padding;\n }\n}\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___},8653:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".histogram-filter svg rect.selection{stroke-width:0}.histogram-filter__text-input-container{display:flex;justify-content:space-between;margin-block-start:.25rem}.histogram-filter__text-input-container input{text-align:center;border-radius:.5rem;border:1px solid #8194a1;display:inline-block;color:#8194a1}","",{version:3,sources:["webpack://./src/styles/components/histogram-filter.scss","webpack://./colours.json"],names:[],mappings:"AAGE,qCAEE,cAAA,CAGF,wCACE,YAAA,CACA,6BAAA,CACA,yBAAA,CAEA,8CACE,iBAAA,CACA,mBAAA,CACA,wBAAA,CACA,oBAAA,CACA,aCXQ",sourcesContent:["@import '../colours';\n\n.histogram-filter {\n svg rect.selection {\n /* Remove the borders of the D3 brush */\n stroke-width: 0;\n }\n\n &__text-input-container {\n display: flex;\n justify-content: space-between;\n margin-block-start: 0.25rem;\n\n input {\n text-align: center;\n border-radius: 0.5rem;\n border: 1px solid $colour-weldon-blue;\n display: inline-block;\n color: $colour-weldon-blue;\n }\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},31375:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".histogram{--main-color: var(--main-histogram-color, #8194a1);--out-range-color: var(--out-range-histogram-color, #e4e8eb);--bar-margin: calc(var(--histogram-bar-gap, -1px) * 0.5);position:relative;display:flex;justify-content:space-between;align-items:flex-end}.histogram svg{position:absolute;overflow:visible}.histogram svg.y-axis{left:-50px}.histogram__bar-container,.histogram__bar-shadow-container{display:flex;width:100%;overflow:hidden}.histogram__bar-shadow-container{opacity:0;position:absolute}.histogram__bar{background-color:#e4e8eb;background-color:var(--out-range-color);display:inline-block;border-top-left-radius:1px;border-top-right-radius:1px;margin:0 -0.5px;margin:0 var(--bar-margin);flex:1 1 0%;transform-origin:bottom left;transform:scaleY(0);transition:transform cubic-bezier(0.47, 2, 0.41, 0.8) 250ms}.histogram__bar--within-range{background-color:#8194a1;background-color:var(--main-color)}","",{version:3,sources:["webpack://./src/styles/components/histogram.scss","webpack://./colours.json"],names:[],mappings:"AAEA,WACE,kDAAA,CACA,4DAAA,CAEA,wDAAA,CAEA,iBAAA,CACA,YAAA,CACA,6BAAA,CACA,oBAAA,CAEA,eACE,iBAAA,CACA,gBAAA,CAEA,sBACE,UAAA,CAIJ,2DAEE,YAAA,CACA,UAAA,CACA,eAAA,CAGF,iCACE,SAAA,CACA,iBAAA,CAGF,gBACE,wBC1BO,CD2BP,uCAAA,CACA,oBAAA,CACA,0BAAA,CACA,2BAAA,CACA,eAAA,CACA,0BAAA,CACA,WAAA,CACA,4BAAA,CACA,mBAAA,CACA,2DAAA,CAEA,8BACE,wBCzCQ,CD0CR,kCAAA",sourcesContent:["@import '../colours';\n\n.histogram {\n --main-color: var(--main-histogram-color, #{$colour-weldon-blue});\n --out-range-color: var(--out-range-histogram-color, #{$colour-platinum});\n // -1px to avoid artifacts by overlapping a bit\n --bar-margin: calc(var(--histogram-bar-gap, -1px) * 0.5);\n\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n\n & svg {\n position: absolute;\n overflow: visible;\n\n &.y-axis {\n left: -50px;\n }\n }\n\n &__bar-container,\n &__bar-shadow-container {\n display: flex;\n width: 100%;\n overflow: hidden; // hide overflow caused by the \"bouncy\" transition\n }\n\n &__bar-shadow-container {\n opacity: 0;\n position: absolute;\n }\n\n &__bar {\n background-color: $colour-platinum;\n background-color: var(--out-range-color);\n display: inline-block;\n border-top-left-radius: 1px;\n border-top-right-radius: 1px;\n margin: 0 -0.5px;\n margin: 0 var(--bar-margin);\n flex: 1 1 0%;\n transform-origin: bottom left;\n transform: scaleY(0);\n transition: transform cubic-bezier(0.47, 2, 0.41, 0.8) 250ms;\n\n &--within-range {\n background-color: $colour-weldon-blue;\n background-color: var(--main-color);\n }\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},61680:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.in-page-nav{position:relative;padding:0;margin:0}.in-page-nav li{list-style:none;margin-left:.5rem;margin-bottom:1rem}.in-page-nav li.disabled{pointer-events:none;user-select:none;opacity:.4}.in-page-nav a{position:relative}.in-page-nav a::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity ease-in-out 500ms}.in-page-nav a:hover::after{opacity:.25}.in-page-nav a.active::after{opacity:1}.in-page-nav>.marker{pointer-events:none;position:absolute;left:.25rem;top:0;height:1px;background:currentColor;width:.1rem;transform-origin:top;display:none}.in-page-nav:hover>.marker{will-change:transform}',"",{version:3,sources:["webpack://./src/styles/components/in-page-nav.scss","webpack://./src/styles/_settings.scss"],names:[],mappings:"AAGA,aACE,iBAAA,CACA,SAAA,CACA,QAAA,CAEA,gBACE,eAAA,CACA,iBAAA,CACA,kBC2EY,CDzEZ,yBACE,mBAAA,CACA,gBAAA,CACA,UAAA,CAIJ,eACE,iBAAA,CAEA,sBACE,UAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,QAAA,CAEA,SAAA,CACA,oCAAA,CAGF,4BACE,WAAA,CAGF,6BACE,SAAA,CAIJ,qBACE,mBAAA,CACA,iBAAA,CACA,WAAA,CACA,KAAA,CACA,UAAA,CACA,uBAAA,CACA,WAAA,CACA,oBAAA,CACA,YAAA,CAGF,2BACE,qBAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n\n.in-page-nav {\n position: relative;\n padding: 0;\n margin: 0;\n\n li {\n list-style: none;\n margin-left: 0.5rem;\n margin-bottom: $global-margin;\n\n &.disabled {\n pointer-events: none;\n user-select: none;\n opacity: 0.4;\n }\n }\n\n a {\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n // border-bottom: 1px solid currentColor;\n opacity: 0;\n transition: opacity ease-in-out 500ms;\n }\n\n &:hover::after {\n opacity: 0.25;\n }\n\n &.active::after {\n opacity: 1;\n }\n }\n\n > .marker {\n pointer-events: none;\n position: absolute;\n left: 0.25rem;\n top: 0;\n height: 1px;\n background: currentColor;\n width: 0.1rem;\n transform-origin: top;\n display: none; /* feature check in javascript before displaying */\n }\n\n &:hover > .marker {\n will-change: transform;\n }\n}\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___},89251:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".info-list{margin:.25rem 0 1rem 0;list-style:none}@media print,screen and (min-width: 40em){.info-list--columns{column-count:2;column-width:50%}.info-list--columns>*{break-inside:avoid}}","",{version:3,sources:["webpack://./src/styles/components/info-list.scss","webpack://./node_modules/foundation-sites/scss/util/_breakpoint.scss","webpack://./src/styles/_mixins.scss"],names:[],mappings:"AAMA,WACE,sBAAA,CACA,eAAA,CC2KM,0CC5KN,oBACE,cFI4B,CEH5B,gBAAA,CAEA,sBACE,kBAAA,CAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../mixins.scss';\n\n$decorative-bar: 0.125rem solid $colour-vivid-cerulean;\n\n.info-list {\n margin: $global-margin * 0.25 0 2 * $global-margin * 0.5 0;\n list-style: none;\n}\n\n@include breakpoint(medium) {\n @include columns('info-list', 2);\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group breakpoints\n////\n\n/// Patch to fix issue #12080\n$-zf-size: null;\n\n/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.\n/// @type Map\n$breakpoints: (\n \"small\": 0,\n \"medium\": 640px,\n \"large\": 1024px,\n \"xlarge\": 1200px,\n \"xxlarge\": 1440px,\n) !default;\n\n/// A list of named HiDPI breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries for resolutions.\n/// Values must represent the device pixels / web pixels ration and be unitless or in DPPX.\n/// @type Map\n$breakpoints-hidpi: (\n \"hidpi-1\": 1,\n \"hidpi-1-5\": 1.5,\n \"hidpi-2\": 2,\n \"retina\": 2,\n \"hidpi-3\": 3\n) !default;\n\n/// The largest named breakpoint in which to include print as a media type\n/// @type Keyword\n$print-breakpoint: large !default;\n\n$-zf-zero-breakpoint: small !default;\n\n$-zf-breakpoints-keys: map-to-list($breakpoints, 'keys');\n\n@if nth(map-values($breakpoints), 1) != 0 {\n @error 'The first key in the $breakpoints map must have a value of \"0\".';\n}\n@else {\n $-zf-zero-breakpoint: nth(map-keys($breakpoints), 1);\n}\n\n/// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.\n/// @type List\n$breakpoint-classes: (small medium large) !default;\n\n/// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are.\n///\n/// @param {Keyword|Number} $val [small] - Breakpoint name, or px, rem, or em value to process.\n@function breakpoint($val: $-zf-zero-breakpoint) {\n // Web standard Pixels per inch. (1ddpx / $std-web-dpi) = 1dpi\n // See https://www.w3.org/TR/css-values-3/#absolute-lengths\n $std-web-dpi: 96;\n\n // Size or keyword\n $bp: nth($val, 1);\n // Value of the following breakpoint\n $bp-next: null;\n // Value for max-width media queries\n $bp-min: null;\n // Value for min-width media queries\n $bp-max: null;\n // Direction of media query (up, down, or only)\n $dir: if(length($val) > 1, nth($val, 2), up);\n // If named, name of the breakpoint\n $name: null;\n // If the breakpoint is a HiDPI breakpoint\n $hidpi: false;\n\n // Orientation media queries have a unique syntax\n @if $bp == 'landscape' or $bp == 'portrait' {\n @return '(orientation: #{$bp})';\n }\n\n // If a breakpoint name is given, get its value from the $breakpoints/$breakpoints-hidpi map.\n @if type-of($bp) == 'string' {\n @if map-has-key($breakpoints, $bp) {\n $name: $bp;\n $bp: map-get($breakpoints, $name);\n $bp-next: -zf-map-next($breakpoints, $name);\n }\n @else if map-has-key($breakpoints-hidpi, $bp) {\n $name: $bp;\n $bp: map-get($breakpoints-hidpi, $name);\n $bp-next: -zf-map-next-number($breakpoints-hidpi, $bp);\n $hidpi: true;\n }\n @else {\n $bp: 0;\n @warn 'breakpoint(): \"#{$val}\" is not defined in your `$breakpoints` or `$breakpoints-hidpi` setting.';\n }\n }\n\n @if not $name and $dir == 'only' {\n @warn 'breakpoint(): Only named media queries can have an `only` range.';\n @return null;\n }\n\n // Only 'only' and 'up' have a min limit.\n @if $dir == 'only' or $dir == 'up' {\n $bp-min: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n }\n // Only 'only' and 'down' have a max limit.\n @if $dir == 'only' or $dir == 'down' {\n // If the breakpoint is a value, use it as max limit.\n @if not $name {\n $bp-max: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n }\n // If the breakpoint is named, the max limit is the following breakpoint - 1px.\n @else if $bp-next {\n // Max value is 0.2px under the next breakpoint (0.02 / 16 = 0.00125).\n // Use a precision under 1px to support browser zoom, but not to low to avoid rounding.\n // See https://github.com/foundation/foundation-sites/issues/11313\n $bp-max: if($hidpi, $bp-next - divide(1, $std-web-dpi), -zf-bp-to-em($bp-next) - 0.00125);\n }\n }\n\n // Generate the media query string from min and max limits.\n @if $hidpi {\n // Generate values in DPI instead of DPPX for an IE9-11/Opera mini compatibility.\n // See https://caniuse.com/#feat=css-media-resolution\n $bp-min-dpi: if($bp-min, $bp-min * $std-web-dpi * 1dpi, $bp-min);\n $bp-max-dpi: if($bp-max, $bp-max * $std-web-dpi * 1dpi, $bp-max);\n @return zf-str-join(\n -zf-bp-join($bp-min, $bp-max, '-webkit-min-device-pixel-ratio', '-webkit-max-device-pixel-ratio'),\n -zf-bp-join($bp-min-dpi, $bp-max-dpi, 'min-resolution', 'max-resolution'),\n ', ');\n }\n @else {\n @return -zf-bp-join($bp-min, $bp-max);\n }\n}\n\n/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:\n/// - If a string is passed, the mixin will look for it in the `$breakpoints` and `$breakpoints-hidpi` maps, and use a media query there.\n/// - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.\n/// - If a rem value is passed, the unit will be changed to em.\n/// - If an em value is passed, the value will be used as-is.\n///\n/// If multiple values are passed, the mixin will generate a media query for each of them as described above.\n/// Since the content is duplicated for each breakpoint, this mixin should only be used with properties that\n/// change across breakpoints.\n///\n/// @param {Keyword|Number} $values... - Breakpoint name or px/rem/em value to process.\n///\n/// @output If the breakpoint is \"0px and larger\", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.\n@mixin breakpoint($values...) {\n @for $i from 1 through length($values) {\n $value: nth($values, $i);\n $str: breakpoint($value);\n $bp: index($-zf-breakpoints-keys, nth($value, 1));\n $pbp: index($-zf-breakpoints-keys, $print-breakpoint);\n // Direction of media query (up, down, or only)\n $dir: if(length($value) > 1, nth($value, 2), up);\n\n $old-zf-size: null;\n\n // Make breakpoint size available as a variable\n @if global-variable-exists(-zf-size) {\n $old-zf-size: $-zf-size;\n }\n $-zf-size: nth($value, 1) !global; // get the first value to account for `only` and `down` keywords\n\n // If $str is still an empty string, no media query is needed\n @if $str == '' {\n @content;\n }\n\n // Otherwise, wrap the content in a media query\n @else {\n // For named breakpoints less than or equal to $print-breakpoint, add print to the media types\n // generate print if the breakpoint affects the print-breakpoint (or smaller).\n // This means the current condition only needs to be extended so 'down' always generates print.\n @if $bp != null and ($bp <= $pbp or $dir == down) {\n @media print, screen and #{$str} {\n @content;\n }\n }\n @else {\n @media screen and #{$str} {\n @content;\n }\n }\n }\n\n $-zf-size: $old-zf-size !global;\n }\n}\n\n/// Converts the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place.\n/// @access private\n///\n/// @param {Map} $map - Map to convert.\n///\n/// @returns {String} A string containing the map's contents.\n@function -zf-bp-serialize($map) {\n $str: '';\n @each $key, $value in $map {\n $str: $str + $key + '=' + -zf-bp-to-em($value) + '&';\n }\n $str: str-slice($str, 1, -2);\n\n @return $str;\n}\n\n/// Find the next key in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $key - Key to use as a starting point.\n///\n/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.\n@function -zf-map-next($map, $key) {\n\n // Store the keys of the map as a list\n $values: map-keys($map);\n\n $i: 0;\n\n // If the Key Exists, Get the index of the key within the map and add 1 to it for the next breakpoint in the map\n @if (map-has-key($map, $key)) {\n $i: index($values, $key) + 1;\n }\n\n // If the key doesn't exist, or it's the last key in the map, return null\n @if ($i > length($map) or $i == 0) {\n @return null;\n }\n // Otherwise, return the value\n @else {\n @return map-get($map, nth($values, $i));\n }\n\n}\n\n/// Find the next number in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $number - Number to use as a starting point.\n///\n/// @returns {Mixed} The number following `$number`, if `$number` was found. If `$number` was not found, or `$number` was the biggest number in the map, returns `null`.\n@function -zf-map-next-number($map, $number) {\n\n $next-number: null;\n\n @each $k, $v in $map {\n @if type-of($v) == 'number' and $v > $number and ($next-number == null or $v < $next-number) {\n $next-number: $v;\n }\n }\n\n @return $next-number;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $key - Key to use as last breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-breakpoints-less-than($key) {\n $list: ();\n $found-key: false;\n\n @each $name in $-zf-breakpoints-keys {\n @if ($name == $key) {\n $found-key: true;\n }\n @if not $found-key {\n $list: append($list, $name);\n }\n }\n @return $list;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $breakpoint - a named or non-named breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-closest-named-breakpoint($breakpoint) {\n $last: $-zf-zero-breakpoint;\n $found: false;\n\n $value: unitless-calc($breakpoint, 1px);\n @each $key, $val in $breakpoints {\n @if not $found {\n @if unitless-calc($val) > $value {\n $found: true;\n } @else {\n $last: $key;\n }\n }\n }\n\n @return $last;\n}\n\n/// Get a value for a breakpoint from a responsive config map or single value.\n/// - If the config is a single value, return it regardless of `$value`.\n/// - If the config is a map and has the key `$value`, the exact breakpoint value is returned.\n/// - If the config is a map and does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.\n/// @access private\n///\n/// @param {Number|Map} $map - Responsive config map or single value.\n/// @param {Keyword} $value - Breakpoint name to use.\n///\n/// @return {Mixed} The corresponding breakpoint value.\n@function -zf-get-bp-val($map, $value) {\n // If the given map is a single value, return it\n @if type-of($map) == 'number' {\n @return $map;\n }\n\n\n // Check if the breakpoint name exists globally\n @if not map-has-key($breakpoints, $value) {\n @if type-of($value) == 'number' {\n $value: -zf-closest-named-breakpoint($value);\n } @else {\n @return null;\n }\n }\n // Check if the breakpoint name exists in the local config map\n @else if map-has-key($map, $value) {\n // If it does, just return the value\n @return map-get($map, $value);\n }\n // Otherwise, find the next lowest breakpoint and return that value\n @else {\n $anchor: null;\n $found: false;\n\n @each $key, $val in $breakpoints {\n @if not $found {\n @if map-has-key($map, $key) {\n $anchor: $key;\n }\n @if $key == $value {\n $found: true;\n }\n }\n }\n\n @return map-get($map, $anchor);\n }\n}\n\n/// Return the best breakpoint to use according to the calling context. It returns in order:\n/// 1. the given `$value` argument if it is not null.\n/// 2. the global breakpoint context `$-zf-size` if it is not null (like if called inside then `breakpoint()` mixin)\n/// 3. the given `$default` argument.\n/// @access private\n///\n/// @param {Keyword} $value [null] - Breakpoint to use in priority if non-null.\n/// @param {Keyword} $default [null] - Breakpoint to use by default if no other value can be used.\n///\n/// @return {Keyword} The resolved breakpoint.\n@function -zf-current-breakpoint($value: null, $default: null) {\n @if ($value != null) {\n @return $value;\n }\n @else if (variable-exists(-zf-size) and type-of($-zf-size) != 'number') and $-zf-size != null {\n @return $-zf-size;\n }\n @else {\n @return $default;\n }\n}\n\n/// Return media query string from the given min and/or max limits.\n/// If a limit is equal to `null` or `0`, it is ignored.\n/// @access private\n///\n/// @param {Number} $min [0] - Min media query limit.\n/// @param {Number} $max [0] - Max media query limit.\n/// @param {String} $min-name ['min-width'] - Name of the min media query limit.\n/// @param {String} $delimiter ['max-width'] - Name of the max media query limit.\n///\n/// @returns {String} Media Query string.\n@function -zf-bp-join(\n $min: 0,\n $max: 0,\n $min-name: 'min-width',\n $max-name: 'max-width'\n) {\n @return zf-str-join(\n if($min and $min > 0, '(#{$min-name}: #{$min})', null),\n if($max and $max > 0, '(#{$max-name}: #{$max})', null),\n ' and ');\n}\n\n$small-up: '';\n$small-only: '';\n\n@if map-has-key($breakpoints, small) {\n $small-up: screen;\n $small-only: unquote('screen and #{breakpoint(small only)}');\n}\n\n$medium-up: '';\n$medium-only: '';\n\n@if map-has-key($breakpoints, medium) {\n $medium-up: unquote('screen and #{breakpoint(medium)}');\n $medium-only: unquote('screen and #{breakpoint(medium only)}');\n}\n\n$large-up: '';\n$large-only: '';\n\n@if map-has-key($breakpoints, large) {\n $large-up: unquote('screen and #{breakpoint(large)}');\n $large-only: unquote('screen and #{breakpoint(large only)}');\n}\n\n$xlarge-up: '';\n$xlarge-only: '';\n\n@if map-has-key($breakpoints, xlarge) {\n $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');\n $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');\n}\n\n$xxlarge-up: '';\n\n@if map-has-key($breakpoints, xxlarge) {\n $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');\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"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},13188:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".loader-container{width:100%;display:flex;align-items:center;flex-direction:column;text-align:center;animation:delayed-appearance 200ms ease-in-out 500ms 1 both}.loader-container__progress{animation:delayed-appearance 2s ease-in-out 4s 1 both}.loader-container progress{opacity:.75}@keyframes delayed-appearance{from{opacity:0}to{opacity:1}}svg.loader{animation:dash 2s ease infinite;stroke-dasharray:110}svg.loader circle{animation:circle1-hide 3s ease infinite alternate}svg.loader circle:nth-of-type(2){animation-name:circle2-hide}svg.loader circle:nth-of-type(3){animation-name:circle3-hide}svg.loader circle:nth-of-type(4){animation-name:circle4-hide}svg.loader circle:nth-of-type(5){animation-name:circle5-hide}@keyframes dash{60%{stroke-dashoffset:0}100%{stroke-dashoffset:-220}}@keyframes circle1-hide{60%{opacity:0}100%{opacity:1}}@keyframes circle2-hide{20%{opacity:1}80%{opacity:0}}@keyframes circle3-hide{40%{opacity:1}100%{opacity:0}}@keyframes circle4-hide{20%{opacity:0}60%{opacity:1}}@keyframes circle5-hide{40%{opacity:0}80%{opacity:1}}","",{version:3,sources:["webpack://./src/styles/components/loader.scss"],names:[],mappings:"AAAA,kBACE,UAAA,CACA,YAAA,CACA,kBAAA,CACA,qBAAA,CACA,iBAAA,CACA,2DAAA,CAEA,4BACE,qDAAA,CAGF,2BACE,WAAA,CAIJ,8BACE,KACE,SAAA,CAEF,GACE,SAAA,CAAA,CAMJ,WACE,+BAAA,CACA,oBAJY,CAKZ,kBACE,iDAAA,CAEF,iCACE,2BAAA,CAEF,iCACE,2BAAA,CAEF,iCACE,2BAAA,CAEF,iCACE,2BAAA,CAIJ,gBACE,IACE,mBAAA,CAEF,KACE,sBAAA,CAAA,CAIJ,wBACE,IACE,SAAA,CAEF,KACE,SAAA,CAAA,CAIJ,wBACE,IACE,SAAA,CAEF,IACE,SAAA,CAAA,CAIJ,wBACE,IACE,SAAA,CAEF,KACE,SAAA,CAAA,CAIJ,wBACE,IACE,SAAA,CAEF,IACE,SAAA,CAAA,CAIJ,wBACE,IACE,SAAA,CAEF,IACE,SAAA,CAAA",sourcesContent:[".loader-container {\n width: 100%;\n display: flex;\n align-items: center;\n flex-direction: column;\n text-align: center;\n animation: delayed-appearance 200ms ease-in-out 500ms 1 both;\n\n &__progress {\n animation: delayed-appearance 2s ease-in-out 4s 1 both;\n }\n\n & progress {\n opacity: 0.75;\n }\n}\n\n@keyframes delayed-appearance {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n$path-length: 110;\n\nsvg.loader {\n animation: dash 2s ease infinite;\n stroke-dasharray: $path-length;\n circle {\n animation: circle1-hide 3s ease infinite alternate;\n }\n circle:nth-of-type(2) {\n animation-name: circle2-hide;\n }\n circle:nth-of-type(3) {\n animation-name: circle3-hide;\n }\n circle:nth-of-type(4) {\n animation-name: circle4-hide;\n }\n circle:nth-of-type(5) {\n animation-name: circle5-hide;\n }\n}\n\n@keyframes dash {\n 60% {\n stroke-dashoffset: 0;\n }\n 100% {\n stroke-dashoffset: -2 * $path-length;\n }\n}\n\n@keyframes circle1-hide {\n 60% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes circle2-hide {\n 20% {\n opacity: 1;\n }\n 80% {\n opacity: 0;\n }\n}\n\n@keyframes circle3-hide {\n 40% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n@keyframes circle4-hide {\n 20% {\n opacity: 0;\n }\n 60% {\n opacity: 1;\n }\n}\n\n@keyframes circle5-hide {\n 40% {\n opacity: 0;\n }\n 80% {\n opacity: 1;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},69236:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'html,body{font-family:"Lato",sans-serif;background-color:#fbfeff}@media(min-width: 0){html,body{font-size:12px}}@media(min-width: 640px){html,body{font-size:14px}}@media(min-width: 1024px){html,body{font-size:16px}}h1,h2,h3,h4,h5,h6{font-family:"Source Sans Pro",sans-serif;color:#161d39}.x-huge{font-size:3.052rem;font-weight:700}h1,.huge{font-size:2.441rem;font-weight:600}h2,.big{font-size:1.953rem;font-weight:600}h3,.medium{font-size:1.563rem;font-weight:600}h4,.small{font-size:1.25rem;font-weight:600}h5,.tiny{font-size:1rem;font-weight:600}h6{font-size:1rem;font-weight:400}p{margin-bottom:1.875rem}ul,ol{margin-left:1.25rem}ul.no-bullet,ol.no-bullet{list-style:none;margin-left:0}ul,ol,dl{margin-bottom:1rem;list-style-position:outside;line-height:1.6}ul{list-style-type:disc}a{color:#014371;text-decoration:none;font-weight:600}a:hover{color:#0161a4}.main-search{display:flex}.main-search>input,.main-search>button,.main-search>.dropdown-container button{margin:0}.main-search .dropdown__content{padding:0}.main-search .dropdown__content button.button{color:#000}.main-search .dropdown>button.button:first-child{margin-inline-end:0}.main-search .button{border:none}.main-search__input-container{display:flex;position:relative;width:100%}.main-search__input-container input{margin:0;padding-inline-end:var(--input-padding, 0ch);min-inline-size:calc(var(--input-padding, 0ch) + 2ch)}@media(max-width: 1200px){.header .main-search__input-container input:focus{padding-inline-end:initial}.header .main-search__input-container input:focus+.main-search__secondary-container{opacity:0;pointer-events:none}}.main-search__secondary-container{display:flex;position:absolute;right:0;height:100%;align-items:center;color:#161d39}.main-search--secondary{background-color:rgba(0,0,0,0);color:inherit;padding:0 1ch;cursor:pointer;opacity:.8;transition:opacity .25s ease-out}.main-search--secondary:hover,.main-search--secondary:focus,.main-search--secondary:focus-within{opacity:1}',"",{version:3,sources:["webpack://./src/styles/common/_typography.scss","webpack://./src/styles/_franklin-settings.scss","webpack://./colours.json","webpack://./src/styles/_mixins.scss","webpack://./src/styles/components/main-search.scss"],names:[],mappings:"AAIA,UAEE,6BCLkB,CDMlB,wBEGU,CCaR,qBHnBJ,UAMI,cCLc,CAAA,CEkBd,yBHnBJ,UAUI,cCRe,CAAA,CEiBf,0BHnBJ,UAcI,cCXc,CAAA,CDgBlB,kBAME,wCC3BqB,CD4BrB,aEzBa,CF+Bf,QACE,kBAAA,CACA,eCvBoB,CD0BtB,SAEE,kBAAA,CACA,eC9ByB,CDgC3B,QAEE,kBAAA,CACA,eCnCyB,CDqC3B,WAEE,kBAAA,CACA,eCxCyB,CD0C3B,UAEE,iBAAA,CACA,eC7CyB,CD+C3B,SAEE,cAAA,CACA,eClDyB,CDqD3B,GACE,cAAA,CACA,eCxDuB,CD2DzB,EACE,sBAAA,CAGF,MAEE,mBAAA,CAGF,0BAEE,eAAA,CACA,aAAA,CAGF,SAGE,kBAAA,CACA,2BAAA,CACA,eAAA,CAGF,GACE,oBAAA,CAGF,EACE,aEpGc,CFqGd,oBAAA,CACA,eCxFyB,CDyFzB,QACE,aAAA,CIrGJ,aAEE,YAAA,CAEA,+EAGE,QAAA,CAGF,gCACE,SAAA,CAEA,8CACE,UAAA,CAKJ,iDACE,mBAAA,CAGF,qBACE,WAAA,CAGF,8BACE,YAAA,CACA,iBAAA,CACA,UAAA,CAEA,oCACE,QAAA,CAGA,4CAAA,CAEA,qDAAA,CAGA,0BACE,kDACE,0BAAA,CAEA,oFACE,SAAA,CACA,mBAAA,CAAA,CAOV,kCACE,YAAA,CACA,iBAAA,CACA,OAAA,CACA,WAAA,CACA,kBAAA,CACA,aF1DW,CE6Db,wBACE,8BAAA,CACA,aAAA,CACA,aAAA,CACA,cAAA,CACA,UAAA,CACA,gCAAA,CAEA,iGAGE,SAAA",sourcesContent:["@import '../franklin-settings';\n@import '../mixins';\n\n// Body\nhtml,\nbody {\n font-family: $fs-base-font-face;\n background-color: $colour-sky-white;\n\n @include fs-breakpoints('small') {\n font-size: $font-size-small;\n }\n\n @include fs-breakpoints('medium') {\n font-size: $font-size-medium;\n }\n\n @include fs-breakpoints('large') {\n font-size: $font-size-large;\n }\n}\n\n// Heading tag settings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-family: $fs-headers-font-face;\n color: $colour-yankees-blue;\n}\n\n// Typography scale https://type-scale.com/\n// 1.250 \"Major third\"\n\n.x-huge {\n font-size: 3.052rem;\n font-weight: $fs-font-weight-bold;\n}\n\nh1,\n.huge {\n font-size: 2.441rem;\n font-weight: $fs-font-weight-semi-bold;\n}\nh2,\n.big {\n font-size: 1.953rem;\n font-weight: $fs-font-weight-semi-bold;\n}\nh3,\n.medium {\n font-size: 1.563rem;\n font-weight: $fs-font-weight-semi-bold;\n}\nh4,\n.small {\n font-size: 1.25rem;\n font-weight: $fs-font-weight-semi-bold;\n}\nh5,\n.tiny {\n font-size: 1rem;\n font-weight: $fs-font-weight-semi-bold;\n}\n// Should not use h6\nh6 {\n font-size: 1rem;\n font-weight: $fs-font-weight-regular;\n}\n\np {\n margin-bottom: 1.875rem;\n}\n\nul,\nol {\n margin-left: 1.25rem;\n}\n\nul.no-bullet,\nol.no-bullet {\n list-style: none;\n margin-left: 0;\n}\n\nul,\nol,\ndl {\n margin-bottom: 1rem;\n list-style-position: outside;\n line-height: 1.6;\n}\n\nul {\n list-style-type: disc;\n}\n\na {\n color: $colour-link;\n text-decoration: none;\n font-weight: $fs-font-weight-semi-bold;\n &:hover {\n color: lighten($colour-link, 10);\n }\n}\n","// Font families\n$fs-base-font-face: 'Lato', sans-serif;\n$fs-headers-font-face: 'Source Sans Pro', sans-serif;\n\n// Base font sizes\n$font-size-small: 12px;\n$font-size-medium: 14px;\n$font-size-large: 16px;\n\n// Font sizes\n$fs-base-font-size: $font-size-large;\n\n// Font weights\n$fs-font-weight-regular: 400;\n$fs-font-weight-semi-bold: 600;\n$fs-font-weight-bold: 700;\n$fs-font-weight-extra-bold: 900;\n\n// Breakpoints\n$fs-breakpoint-values: (\n 'small': (\n min-width: 0,\n ),\n 'medium': (\n min-width: 640px,\n ),\n 'large': (\n min-width: 1024px,\n ),\n);\n\n$gutter-size: 1rem;\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;","@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","@import '../colours';\n@import '../common/typography';\n\n.main-search {\n $self: &;\n display: flex;\n\n & > input,\n & > button,\n & > .dropdown-container button {\n margin: 0;\n }\n\n .dropdown__content {\n padding: 0;\n\n button.button {\n color: black;\n }\n }\n\n /* Specificity fight dropdown having a specificity fight with foundation 🙄 */\n .dropdown > button.button:first-child {\n margin-inline-end: 0;\n }\n\n .button {\n border: none;\n }\n\n &__input-container {\n display: flex;\n position: relative;\n width: 100%;\n\n input {\n margin: 0;\n\n /* So that the search text doesn't go below the secondary buttons */\n padding-inline-end: var(--input-padding, 0ch);\n /* Add 2 more characters' width, to be able to click on some text */\n min-inline-size: calc(var(--input-padding, 0ch) + 2ch);\n\n /* For screen not too big, hide secondary items on input focus */\n @media (max-width: 1200px) {\n .header &:focus {\n padding-inline-end: initial;\n\n & + #{ $self }__secondary-container {\n opacity: 0;\n pointer-events: none;\n }\n }\n }\n }\n }\n\n &__secondary-container {\n display: flex;\n position: absolute;\n right: 0;\n height: 100%;\n align-items: center;\n color: $colour-yankees-blue;\n }\n\n &--secondary {\n background-color: transparent;\n color: inherit;\n padding: 0 1ch;\n cursor: pointer;\n opacity: 0.8;\n transition: opacity 0.25s ease-out;\n\n &:hover,\n &:focus,\n &:focus-within {\n opacity: 1;\n }\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},15022:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.message{box-shadow:0px 1px 3px 0px rgba(0,0,0,.2);background-color:#fbfeff;padding:.5rem 1rem .5rem .5rem;margin-bottom:.5rem;display:grid;grid-template-areas:"border icon title dismiss" "border . text ." "border . subtitle .";grid-template-columns:1rem minmax(0, max-content) auto minmax(0, max-content)}.message--icon-align-center{align-self:center}.message--icon-align-top{align-self:start}.message>svg{grid-area:icon;height:1.5rem;margin-right:.5rem}.message--no-shadow{box-shadow:none}.message__side-border{grid-area:border;width:.25rem;height:auto}.message__title{grid-area:title}.message__title--no-icon>*{color:#8194a1}.message__text{grid-area:text}.message__subtitle{margin-left:1rem;color:#8194a1;grid-area:subtitle}.message__dismiss{cursor:pointer;grid-area:dismiss;align-self:start;position:relative;width:1.5em;height:1.5em;z-index:0}.message__dismiss::after{content:"";position:absolute;background:#d2dce3;top:0;right:0;bottom:0;left:0;border-radius:50%;z-index:-1;opacity:0;transition:opacity ease-in-out .1s}.message__dismiss:hover::after,.message__dismiss:focus::after{opacity:1}.message--warning>svg{color:#fc3}.message--warning .message__side-border{background-color:#fc3}.message--failure>svg{color:#f36968}.message--failure .message__side-border{background-color:#f36968}.message--success>svg{color:#108f3b}.message--success .message__side-border{background-color:#108f3b}.message--info>svg{color:#79cbf8}.message--info .message__side-border{background-color:#79cbf8}',"",{version:3,sources:["webpack://./src/styles/components/message.scss","webpack://./colours.json"],names:[],mappings:"AAeA,SACE,yCAAA,CACA,wBCPU,CDSV,8BAAA,CACA,mBAAA,CAEA,YAAA,CACA,uFACE,CAGF,6EAAA,CAEA,4BACE,iBAAA,CAGF,yBACE,gBAAA,CAGF,aACE,cAAA,CACA,aAAA,CACA,kBAAA,CAGF,oBACE,eAAA,CAGF,sBACE,gBAAA,CACA,YAAA,CACA,WAAA,CAGF,gBACE,eAAA,CAEA,2BACE,aClDQ,CDsDZ,eACE,cAAA,CAGF,mBACE,gBAAA,CACA,aC5DU,CD6DV,kBAAA,CAGF,kBACE,cAAA,CACA,iBAAA,CACA,gBAAA,CACA,iBAAA,CACA,WAAA,CACA,YAAA,CACA,SAAA,CAEA,yBACE,UAAA,CACA,iBAAA,CACA,kBC/ES,CDgFT,KAAA,CACA,OAAA,CACA,QAAA,CACA,MAAA,CACA,iBAAA,CACA,UAAA,CACA,SAAA,CAEA,kCAAA,CAKA,8DACE,SAAA,CA/FN,sBACE,UAKqB,CACvB,wCACE,qBCWM,CDnBR,sBACE,aAKqB,CACvB,wCACE,wBCYM,CDpBR,sBACE,aAKqB,CACvB,wCACE,wBCaM,CDrBR,mBACE,aAKqB,CACvB,qCACE,wBCcG",sourcesContent:["@import '../colours';\n\n@mixin SVGDefinition($level) {\n & > svg {\n color: $level;\n }\n}\n\n@mixin getWarningCSS($level) {\n @include SVGDefinition(($level));\n .message__side-border {\n background-color: $level;\n }\n}\n\n.message {\n box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);\n background-color: $colour-sky-white;\n\n padding: 0.5rem 1rem 0.5rem 0.5rem;\n margin-bottom: $global-margin * 0.5;\n\n display: grid;\n grid-template-areas:\n 'border icon title dismiss'\n 'border . text .'\n 'border . subtitle .';\n grid-template-columns: 1rem minmax(0, max-content) auto minmax(0, max-content);\n\n &--icon-align-center {\n align-self: center;\n }\n\n &--icon-align-top {\n align-self: start;\n }\n\n & > svg {\n grid-area: icon;\n height: 1.5rem;\n margin-right: 0.5rem;\n }\n\n &--no-shadow {\n box-shadow: none;\n }\n\n &__side-border {\n grid-area: border;\n width: 0.25rem;\n height: auto;\n }\n\n &__title {\n grid-area: title;\n\n &--no-icon > * {\n color: $colour-weldon-blue;\n }\n }\n\n &__text {\n grid-area: text;\n }\n\n &__subtitle {\n margin-left: 1rem;\n color: $colour-weldon-blue;\n grid-area: subtitle;\n }\n\n &__dismiss {\n cursor: pointer;\n grid-area: dismiss;\n align-self: start;\n position: relative;\n width: 1.5em;\n height: 1.5em;\n z-index: 0;\n\n &::after {\n content: '';\n position: absolute;\n background: $gainsborough;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 50%;\n z-index: -1;\n opacity: 0;\n\n transition: opacity ease-in-out 0.1s;\n }\n\n &:hover,\n &:focus {\n &::after {\n opacity: 1;\n }\n }\n }\n\n &--warning {\n @include getWarningCSS($colour-warning);\n }\n\n &--failure {\n @include getWarningCSS($colour-failure);\n }\n\n &--success {\n @include getWarningCSS($colour-success);\n }\n\n &--info {\n @include getWarningCSS($colour-info);\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},66076:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".modal__content{position:fixed;z-index:1000}.modal__backdrop{position:fixed;width:100%;height:100%;background-color:#00639a;opacity:.7;top:0;left:0;display:none;z-index:999}.modal__backdrop--visible{display:block}.modal__body{overflow:hidden}","",{version:3,sources:["webpack://./src/styles/components/modal.scss","webpack://./colours.json"],names:[],mappings:"AAGE,gBACE,cAAA,CACA,YAAA,CAGF,iBACE,cAAA,CACA,UAAA,CACA,WAAA,CACA,wBCXO,CDYP,UAAA,CACA,KAAA,CACA,MAAA,CACA,YAAA,CACA,WAAA,CAEA,0BACE,aAAA,CAIJ,aACE,eAAA",sourcesContent:["@import '../colours';\n\n.modal {\n &__content {\n position: fixed;\n z-index: 1000;\n }\n\n &__backdrop {\n position: fixed;\n width: 100%;\n height: 100%;\n background-color: $colour-sea-blue;\n opacity: 0.7;\n top: 0;\n left: 0;\n display: none;\n z-index: 999;\n\n &--visible {\n display: block;\n }\n }\n\n &__body {\n overflow: hidden;\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},23882:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".page-intro>*:first-child{display:inline-block;margin-top:1rem}.page-intro small{color:#161d39}","",{version:3,sources:["webpack://./src/styles/components/page-intro.scss","webpack://./colours.json"],names:[],mappings:"AAKE,0BACE,oBAAA,CACA,eAAA,CAGF,kBACE,aCNW",sourcesContent:["@import '../settings';\n@import '../colours';\n\n.page-intro {\n // should target the first element, the actual heading\n & > *:first-child {\n display: inline-block;\n margin-top: 1rem;\n }\n\n small {\n color: $colour-yankees-blue;\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},39650:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".search-input{position:relative;width:100%;display:inline-block}.search-input input{padding-right:1.75rem}.search-input__suffix{position:absolute;right:0rem;top:.6rem;width:1.5rem;height:1.75rem}","",{version:3,sources:["webpack://./src/styles/components/search-input.scss"],names:[],mappings:"AAAA,cACE,iBAAA,CACA,UAAA,CACA,oBAAA,CAEA,oBACE,qBAAA,CAGF,sBACE,iBAAA,CACA,UAAA,CACA,SAAA,CACA,YAAA,CACA,cAAA",sourcesContent:[".search-input {\n position: relative;\n width: 100%;\n display: inline-block;\n\n input {\n padding-right: 1.75rem;\n }\n\n &__suffix {\n position: absolute;\n right: 0rem;\n top: 0.6rem;\n width: 1.5rem;\n height: 1.75rem;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},85854:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.sequence-submission-input{width:100%;height:30vh;font-family:Consolas,"Liberation Mono",Courier,monospace}@media(min-width: 500px){.sequence-submission-input{white-space:pre}}',"",{version:3,sources:["webpack://./src/styles/components/sequence-submission.scss","webpack://./src/styles/_settings.scss"],names:[],mappings:"AAEA,2BACE,UAAA,CACA,WAAA,CACA,wDCkIsB,CD/HxB,yBACE,2BACE,eAAA,CAAA",sourcesContent:["@import '../settings';\n\n.sequence-submission-input {\n width: 100%;\n height: 30vh;\n font-family: $font-family-monospace;\n}\n\n@media (min-width: 500px) {\n .sequence-submission-input {\n white-space: pre;\n }\n}\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___},41814:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.sequence-container{background-color:rgba(228,232,235,.7)}.sequence-container .action-bar{justify-content:flex-start}.sequence-container .action-bar,.sequence-container .info-list{margin:.5rem}.sequence-container .action-bar input,.sequence-container .info-list input{margin-block-end:0}.sequence-container .sequence{font-family:Consolas,"Liberation Mono",Courier,monospace;overflow-wrap:anywhere;counter-reset:sequence}.sequence-container .sequence__chunk{display:inline-block;margin:1rem 0 1rem 1rem;width:10ch;position:relative;white-space:nowrap}.sequence-container .sequence__chunk:not(:last-child):before,.sequence-container .sequence__chunk--display-last:before{content:counter(sequence);counter-increment:sequence 10;position:absolute;top:-0.8em;right:0;opacity:.5;font-weight:bold}.sequence-container .sequence__chunk::after{content:"";position:absolute;bottom:0;left:0;right:0;transform-origin:left;transform:scaleX(0.1);box-shadow:var(--box-shadow)}',"",{version:3,sources:["webpack://./src/styles/components/sequence.scss","webpack://./src/styles/_settings.scss"],names:[],mappings:"AAGA,oBACE,qCAAA,CAEA,gCACE,0BAAA,CAGF,+DAEE,YAAA,CAEA,2EACE,kBAAA,CAIJ,8BACE,wDCmHoB,CDlHpB,sBAAA,CAEA,sBAAA,CAEA,qCACE,oBAAA,CACA,uBAAA,CACA,UAAA,CACA,iBAAA,CACA,kBAAA,CAIE,uHACE,yBAAA,CACA,6BAAA,CAEA,iBAAA,CACA,UAAA,CACA,OAAA,CACA,UAAA,CACA,gBAAA,CAIJ,4CACE,UAAA,CAEA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CAEA,qBAAA,CAEA,qBAAA,CAEA,4BAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n\n.sequence-container {\n background-color: rgba($colour-platinum, 0.7);\n\n .action-bar {\n justify-content: flex-start;\n }\n\n .action-bar,\n .info-list {\n margin: $global-margin * 0.5;\n\n input {\n margin-block-end: 0;\n }\n }\n\n .sequence {\n font-family: $font-family-monospace;\n overflow-wrap: anywhere;\n\n counter-reset: sequence;\n\n &__chunk {\n display: inline-block;\n margin: $global-margin 0 $global-margin $global-margin;\n width: 10ch;\n position: relative;\n white-space: nowrap;\n\n &:not(:last-child),\n &--display-last {\n &:before {\n content: counter(sequence);\n counter-increment: sequence 10;\n\n position: absolute;\n top: -0.8em;\n right: 0;\n opacity: 0.5;\n font-weight: bold;\n }\n }\n\n &::after {\n content: '';\n\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n\n transform-origin: left;\n /* squeeze to 10%, so that each shadow will have the width of 1ch */\n transform: scaleX(0.1);\n\n box-shadow: var(--box-shadow);\n }\n }\n }\n}\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___},36528:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,"@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/components/sliding-panel.scss","webpack://./src/styles/_mixins.scss","webpack://./colours.json","webpack://./src/styles/common/_z-index.scss","webpack://./src/styles/_settings.scss"],names:[],mappings:"AASA,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,wBE3BU,CF4BV,mBAAA,CACA,SAAA,CACA,cAAA,CACA,YAAA,CACA,qBAAA,CACA,kBGvCgB,CHwChB,SAAA,CACA,QAAA,CAGA,wBAAA,CACA,2BAAA,CACA,qCAAA,CACA,6BAAA,CAEA,uBACE,wBEhDW,CFiDX,kBAAA,CACA,aE9CQ,CF+CR,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,YIKa,CJJb,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:["@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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;","$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___},79692:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".tabs__header{width:100%;white-space:nowrap;overflow-x:auto;border-bottom:.0625rem solid #e4e8eb;margin-bottom:1rem}.tabs__header__item{display:inline-block;padding:1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tabs__header__item:hover,.tabs__header__item:focus{color:#00639a}.tabs__header__item--active{border-bottom:.1rem solid #00639a}","",{version:3,sources:["webpack://./src/styles/components/tabs.scss","webpack://./src/styles/_settings.scss","webpack://./colours.json"],names:[],mappings:"AAIE,cACE,UAAA,CACA,kBAAA,CACA,eAAA,CACA,oCAAA,CACA,kBC6EY,CD3EZ,oBACE,oBAAA,CACA,YC0EW,CDzEX,cAAA,CACA,wBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CAEA,oDAEE,aErBG,CFwBL,4BACE,iCAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n\n.tabs {\n &__header {\n width: 100%;\n white-space: nowrap;\n overflow-x: auto;\n border-bottom: 0.0625rem solid $colour-platinum;\n margin-bottom: $global-margin;\n\n &__item {\n display: inline-block;\n padding: $global-padding;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n &:hover,\n &:focus {\n color: $colour-sea-blue;\n }\n\n &--active {\n border-bottom: 0.1rem solid $colour-sea-blue;\n }\n }\n }\n}\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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},98364:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.tile{display:flex;justify-content:center;position:relative;overflow:hidden;contain:content;background:var(--tile-background, #00639a);text-align:center;color:#fbfeff;aspect-ratio:1/1}.tile.tile-gradient{background:linear-gradient(45deg, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2)) var(--tile-background, #00639a)}.tile__header,.tile__subtitle{color:#fbfeff;text-shadow:0 4px 4px rgba(0,0,0,.4);margin:0;line-height:1}.tile__header{display:block;margin-top:.5em;margin-bottom:0}.tile__main-content{position:relative;width:100%}.tile__description{display:block;padding:.7rem;line-height:1.6;width:100%;background-color:rgba(0,0,0,.5);height:50%;position:absolute;margin:0;bottom:0;left:0;overflow-y:hidden;transform:translateY(33%);pointer-events:none}.tile__description--animated{transition:transform .25s linear}.tile__description a,.tile__description button{pointer-events:initial}.tile__background-image{transition:background-color .25s ease;position:absolute;top:0;left:0;opacity:.8;width:100%;height:100%;padding:.5rem}.tile__background-image img{transition:filter .25s ease-out;width:100%;height:100%}.tile:hover .tile__main-content,.tile:focus .tile__main-content,.tile:focus-within .tile__main-content{outline-offset:-1ch}.tile:hover .tile__description--animated,.tile:focus .tile__description--animated,.tile:focus-within .tile__description--animated{transform:translateY(0);overflow-y:auto}.tile:hover .tile__background-image,.tile:focus .tile__background-image,.tile:focus-within .tile__background-image{background-color:rgba(0,0,0,.1)}.tile:hover .tile__background-image img,.tile:focus .tile__background-image img,.tile:focus-within .tile__background-image img{filter:blur(0.1rem)}.tile::before{content:"";padding-bottom:100%}@media(prefers-reduced-motion){.tile .tile__description{transform:translateY(0);overflow-y:auto}}',"",{version:3,sources:["webpack://./src/styles/components/tile.scss","webpack://./colours.json"],names:[],mappings:"AAQA,MACE,YAAA,CACA,sBAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAA,CACA,0CAAA,CACA,iBAAA,CACA,aCNU,CDOV,gBAAA,CAEA,oBACE,mIAAA,CASF,8BAEE,aCrBQ,CDsBR,oCAAA,CACA,QAAA,CACA,aAAA,CAGF,cACE,aAAA,CACA,eAAA,CACA,eAAA,CAGF,oBACE,iBAAA,CACA,UAAA,CAGF,mBAIE,aAAA,CACA,aAAA,CACA,eAAA,CACA,UAAA,CACA,+BAAA,CACA,UAAA,CACA,iBAAA,CACA,QAAA,CACA,QAAA,CACA,MAAA,CACA,iBAAA,CACA,yBAAA,CAEA,mBAAA,CAhBA,6BACE,gCAAA,CAiBF,+CAEE,sBAAA,CAIJ,wBACE,qCAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,aAAA,CAEA,4BACE,+BAAA,CACA,UAAA,CACA,WAAA,CAQF,uGACE,mBAAA,CAGF,kIACE,uBAAA,CACA,eAAA,CAGF,mHACE,+BAAA,CACA,+HACE,mBAAA,CAMN,cACE,UAAA,CACA,mBAAA,CAIJ,+BACE,yBACE,uBAAA,CACA,eAAA,CAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../mixins';\n\n$animation-time: 0.25s;\n\n$tile: '.tile';\n\n#{$tile} {\n display: flex;\n justify-content: center;\n position: relative;\n overflow: hidden;\n contain: content;\n background: var(--tile-background, #{$colour-sea-blue});\n text-align: center;\n color: $colour-sky-white;\n aspect-ratio: 1/1;\n\n &.tile-gradient {\n background: linear-gradient(\n 45deg,\n rgba(0, 0, 0, 0.2),\n rgba(255, 255, 255, 0.2),\n rgba(0, 0, 0, 0.2)\n )\n var(--tile-background, #{$colour-sea-blue});\n }\n\n &__header,\n &__subtitle {\n color: $colour-sky-white;\n text-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);\n margin: 0;\n line-height: 1;\n }\n\n &__header {\n display: block;\n margin-top: 0.5em;\n margin-bottom: 0;\n }\n\n &__main-content {\n position: relative;\n width: 100%;\n }\n\n &__description {\n &--animated {\n transition: transform $animation-time linear;\n }\n display: block;\n padding: 0.7rem;\n line-height: 1.6;\n width: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n height: 50%;\n position: absolute;\n margin: 0;\n bottom: 0;\n left: 0;\n overflow-y: hidden;\n transform: translateY(33%);\n\n pointer-events: none;\n\n a,\n button {\n pointer-events: initial;\n }\n }\n\n &__background-image {\n transition: background-color $animation-time ease;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.8;\n width: 100%;\n height: 100%;\n padding: $global-padding * 0.5;\n\n img {\n transition: filter $animation-time ease-out;\n width: 100%;\n height: 100%;\n }\n }\n\n // Animations\n &:hover,\n &:focus,\n &:focus-within {\n #{$tile}__main-content {\n outline-offset: -1ch;\n }\n\n #{$tile}__description--animated {\n transform: translateY(0);\n overflow-y: auto;\n }\n\n #{$tile}__background-image {\n background-color: rgba(0, 0, 0, 0.1);\n img {\n filter: blur(0.1rem);\n }\n }\n }\n\n // CSS hack to have 1/1 aspect-ratio\n &::before {\n content: '';\n padding-bottom: 100%; // meaning, 100% of the width to bottom padding\n }\n}\n\n@media (prefers-reduced-motion) {\n #{$tile} #{$tile}__description {\n transform: translateY(0);\n overflow-y: auto;\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},90439:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.button.dropdown::after{border-top-color:currentColor}.dropdown{position:relative;display:inline-block;white-space:nowrap}.dropdown>button.button:first-child{margin-inline-end:1rem;padding-inline-end:1.5ch}.dropdown>button.button.primary:first-child,.dropdown>button.button.secondary:first-child{padding-inline-end:2.5ch}.dropdown>:first-child::after{content:"▾";position:absolute;margin-inline-start:.5ch}.dropdown .button{margin-block-end:0;margin-inline-end:0}.dropdown ul{margin-inline-start:0;margin-block-end:0}.dropdown__content{box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);overflow-y:auto;width:max-content;z-index:9000;animation:200ms reveal;background:#fff;position:absolute;padding:.5rem;border-radius:0 0 .2rem .2rem}.dropdown__content button.button,.dropdown__content a,.dropdown__content a.button{display:inline-block;color:#161d39;margin:0;padding:.25em 1ch;width:100%;line-height:2;border:none;font-weight:normal}.dropdown__content button.button:hover,.dropdown__content button.button:focus-visible,.dropdown__content a:hover,.dropdown__content a:focus-visible,.dropdown__content a.button:hover,.dropdown__content a.button:focus-visible{background:#e4e8eb}.dropdown-container{position:relative;display:inline-block}.hover,.dropdown-content ul li button:hover,.dropdown-content ul li button.primary:hover,.dropdown-content ul li button.secondary:hover,.dropdown-content ul li button.tertiary:hover,.dropdown-content ul li a:hover,.dropdown-content ul li a.primary:hover,.dropdown-content ul li a.secondary:hover,.dropdown-content ul li a.tertiary:hover,.dropdown-menu ul li button:hover,.dropdown-menu ul li button.primary:hover,.dropdown-menu ul li button.secondary:hover,.dropdown-menu ul li button.tertiary:hover,.dropdown-menu ul li a:hover,.dropdown-menu ul li a.primary:hover,.dropdown-menu ul li a.secondary:hover,.dropdown-menu ul li a.tertiary:hover{color:#161d39;border:none;background:#e4e8eb}.dropdown-content,.dropdown-menu{--main-button-color: black;box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);display:none;overflow-y:auto;white-space:nowrap;position:absolute;background:#fff;z-index:9000}.dropdown-content input,.dropdown-menu input{margin:0}.dropdown-content .dropdown-menu__content,.dropdown-menu .dropdown-menu__content{padding:1rem}.dropdown-content .dropdown-menu__panel,.dropdown-menu .dropdown-menu__panel{overflow-y:auto}.dropdown-content ul,.dropdown-menu ul{display:block;list-style:none;margin:0;padding:0}.dropdown-content ul li,.dropdown-menu ul li{float:none !important;display:block;line-height:1.6rem;background-color:#fefefe !important}.dropdown-content ul li button,.dropdown-content ul li button.primary,.dropdown-content ul li button.secondary,.dropdown-content ul li button.tertiary,.dropdown-content ul li a,.dropdown-content ul li a.primary,.dropdown-content ul li a.secondary,.dropdown-content ul li a.tertiary,.dropdown-menu ul li button,.dropdown-menu ul li button.primary,.dropdown-menu ul li button.secondary,.dropdown-menu ul li button.tertiary,.dropdown-menu ul li a,.dropdown-menu ul li a.primary,.dropdown-menu ul li a.secondary,.dropdown-menu ul li a.tertiary{cursor:pointer;line-height:1.6rem;width:100%;text-align:left;font-weight:normal;padding:.5rem !important;margin:0 !important;position:relative;display:block;border:none;padding-right:1rem;text-decoration:none;white-space:nowrap}.dropdown-content ul li button.active,.dropdown-content ul li button.primary.active,.dropdown-content ul li button.secondary.active,.dropdown-content ul li button.tertiary.active,.dropdown-content ul li a.active,.dropdown-content ul li a.primary.active,.dropdown-content ul li a.secondary.active,.dropdown-content ul li a.tertiary.active,.dropdown-menu ul li button.active,.dropdown-menu ul li button.primary.active,.dropdown-menu ul li button.secondary.active,.dropdown-menu ul li button.tertiary.active,.dropdown-menu ul li a.active,.dropdown-menu ul li a.primary.active,.dropdown-menu ul li a.secondary.active,.dropdown-menu ul li a.tertiary.active{font-weight:bold}.dropdown-content .dropdown-menu,.dropdown-menu .dropdown-menu{position:relative;top:0}.dropdown-menu-open{display:block;animation:200ms reveal}@keyframes reveal{from{clip-path:circle(0% at 50% 0%)}to{clip-path:circle(100% at 50% 0%)}}.dropdown-menu__panel ul li[aria-expanded]>button{margin-right:2ch !important}.dropdown-menu__panel ul li[aria-expanded]>button::after{content:"►";float:right;transition:transform .25s ease-out}@media(prefers-reduced-motion: reduce){.dropdown-menu__panel ul li[aria-expanded]>button::after{transition-duration:0s}}.dropdown-menu__panel ul li[aria-expanded]>button:hover::after{will-change:transform}.dropdown-menu__panel ul li[aria-expanded=true]>button::after{transform:rotateZ(90deg)}.dropdown-menu__panel ul li[aria-expanded] ul{display:none}.dropdown-menu__panel ul li[aria-expanded][aria-expanded=true]>ul{display:block;animation:fade-in-from-none .5s ease-out}.dropdown-menu__panel ul li[aria-expanded] li{padding-left:1rem}@keyframes fade-in-from-none{0%{opacity:0;display:none}1%{opacity:0;display:block}100%{opacity:1;display:block}}',"",{version:3,sources:["webpack://./src/styles/components/tree-select.scss","webpack://./src/styles/components/dropdown.scss","webpack://./src/styles/_mixins.scss","webpack://./src/styles/common/_z-index.scss","webpack://./colours.json"],names:[],mappings:"AAAA,wBCMA,6BACE,CAAA,UAGF,iBACE,CAAA,oBACA,CAAA,kBACA,CAAA,oCAIE,sBACE,CAAA,wBAEA,CAAA,0FAKA,wBAEE,CAAA,8BAKN,WACE,CAAA,iBACA,CAAA,wBACA,CAAA,kBAKF,kBACE,CAAA,mBACA,CAAA,aAGF,qBACE,CAAA,kBACA,CAAA,mBAIJ,qDCjCE,CAAA,eDmCA,CAAA,iBACA,CAAA,YEpDa,CAAA,sBFsDb,CAAA,eACA,CAAA,iBACA,CAAA,aACA,CAAA,6BACA,CAAA,kFAEA,oBAGE,CAAA,aG5DW,CAAA,QH8DX,CAAA,iBACA,CAAA,UACA,CAAA,aACA,CAAA,WACA,CAAA,kBACA,CAAA,gOAEA,kBGjEO,CAAA,oBHwEX,iBACE,CAAA,oBACA,CAAA,moBAGF,aGjFe,CAAA,WHmFb,CAAA,kBG/ES,CAAA,iCHmFX,0BAEE,CAAA,qDC5EA,CAAA,YDmFA,CAAA,eACA,CAAA,kBACA,CAAA,iBACA,CAAA,eACA,CAAA,YEvGa,CAAA,6CF8Fb,QACE,CAAA,iFAWF,YACE,CAAA,6EAGF,eACE,CAAA,uCAGF,aACE,CAAA,eACA,CAAA,QACA,CAAA,SACA,CAAA,6CAIA,qBACE,CAAA,aACA,CAAA,kBACA,CAAA,mCACA,CAAA,4hBAIE,cAIE,CAAA,kBACA,CAAA,UACA,CAAA,eACA,CAAA,kBACA,CAAA,wBACA,CAAA,mBACA,CAAA,iBACA,CAAA,aACA,CAAA,WACA,CAAA,kBACA,CAAA,oBACA,CAAA,kBACA,CAAA,4oBAMA,gBACE,CAAA,+DAUV,iBACE,CAAA,KACA,CAAA,oBAIJ,aACE,CAAA,sBACA,CAAA,kBAGF,KACE,8BACE,CAAA,GAEF,gCACE,CAAA,CAAA,kDDjLA,2BACE,CAAA,yDAEA,WACE,CAAA,WACA,CAAA,kCACA,CAAA,uCAEA,yDALF,sBAMI,CAAA,CAAA,+DAIJ,qBACE,CAAA,8DAIJ,wBACE,CAAA,8CAIA,YACE,CAAA,kEAGF,aACE,CAAA,wCACA,CAAA,8CAGF,iBACE,CAAA,6BAOR,GACE,SACE,CAAA,YACA,CAAA,GAGF,SACE,CAAA,aACA,CAAA,KAGF,SACE,CAAA,aACA,CAAA",sourcesContent:["@import './dropdown';\n\n.dropdown-menu__panel ul {\n li {\n &[aria-expanded] > button {\n margin-right: 2ch !important;\n\n &::after {\n content: '►';\n float: right;\n transition: transform 0.25s ease-out;\n\n @media (prefers-reduced-motion: reduce) {\n transition-duration: 0s;\n }\n }\n\n &:hover::after {\n will-change: transform;\n }\n }\n\n &[aria-expanded='true'] > button::after {\n transform: rotateZ(90deg);\n }\n\n &[aria-expanded] {\n ul {\n display: none;\n }\n\n &[aria-expanded='true'] > ul {\n display: block;\n animation: fade-in-from-none 0.5s ease-out;\n }\n\n li {\n padding-left: 1rem;\n }\n }\n }\n}\n\n// Can't animate opacity and transform together, so we need to use keyframes\n@keyframes fade-in-from-none {\n 0% {\n opacity: 0;\n display: none;\n }\n\n 1% {\n opacity: 0;\n display: block;\n }\n\n 100% {\n opacity: 1;\n display: block;\n }\n}\n","@import '../settings';\n@import '../colours';\n@import '../common/z-index';\n@import '../mixins';\n\n// For legacy dropdown (using borders)\n.button.dropdown::after {\n border-top-color: currentColor;\n}\n\n.dropdown {\n position: relative;\n display: inline-block;\n white-space: nowrap;\n\n /* Specificity fight with foundation */\n & > button.button {\n &:first-child {\n margin-inline-end: 1rem;\n /* A bit of space for the dropdown indicator */\n padding-inline-end: 1.5ch;\n }\n\n &.primary,\n &.secondary {\n &:first-child {\n /* A bit more space for the dropdown indicator for non-tertiary */\n padding-inline-end: 2.5ch;\n }\n }\n }\n\n & > :first-child::after {\n content: '▾';\n position: absolute;\n margin-inline-start: 0.5ch;\n }\n\n /* Override of franklin patterns when used within */\n /* try to keep as little as possible, watch out of specificity wars */\n .button {\n margin-block-end: 0;\n margin-inline-end: 0;\n }\n\n ul {\n margin-inline-start: 0;\n margin-block-end: 0;\n }\n}\n\n.dropdown__content {\n @include box-shadow();\n overflow-y: auto;\n width: max-content;\n z-index: $z-index-high;\n animation: 200ms reveal;\n background: #fff;\n position: absolute;\n padding: 0.5 * $global-padding;\n border-radius: 0 0 0.2rem 0.2rem;\n\n button.button,\n a,\n a.button {\n display: inline-block;\n color: $colour-yankees-blue;\n margin: 0;\n padding: 0.25em 1ch;\n width: 100%;\n line-height: 2;\n border: none;\n font-weight: normal;\n\n &:hover,\n &:focus-visible {\n background: $colour-platinum;\n }\n }\n}\n\n.dropdown-container {\n position: relative;\n display: inline-block;\n}\n\n.hover {\n color: $colour-yankees-blue;\n border: none;\n background: $colour-platinum;\n}\n\n.dropdown-content,\n.dropdown-menu {\n --main-button-color: black;\n\n input {\n margin: 0;\n }\n\n @include box-shadow();\n display: none;\n overflow-y: auto;\n white-space: nowrap;\n position: absolute;\n background: #fff;\n z-index: $z-index-high;\n\n .dropdown-menu__content {\n padding: 1rem;\n }\n\n .dropdown-menu__panel {\n overflow-y: auto;\n }\n\n ul {\n display: block;\n list-style: none;\n margin: 0;\n padding: 0;\n\n // overflow-y: hidden;\n // height: auto !important;\n li {\n float: none !important;\n display: block;\n line-height: 1.6rem;\n background-color: $white !important;\n\n button,\n a {\n &,\n &.primary,\n &.secondary,\n &.tertiary {\n cursor: pointer;\n line-height: 1.6rem;\n width: 100%;\n text-align: left;\n font-weight: normal;\n padding: 0.5rem !important; // These two !important's are required to ensure the BLAST button is ...\n margin: 0 !important; // styled in the same way as the tags in the Sequence component\n position: relative;\n display: block;\n border: none;\n padding-right: 1rem;\n text-decoration: none;\n white-space: nowrap;\n\n &:hover {\n @extend .hover;\n }\n\n &.active {\n font-weight: bold;\n }\n }\n }\n }\n }\n\n // The autocomplete has a dropdown-menu inside a dropdown-menu\n // so needs to have position set to relative so its width can\n // follow its container's\n .dropdown-menu {\n position: relative;\n top: 0;\n }\n}\n\n.dropdown-menu-open {\n display: block;\n animation: 200ms reveal;\n}\n\n@keyframes reveal {\n from {\n clip-path: circle(0% at 50% 0%);\n }\n to {\n clip-path: circle(100% at 50% 0%);\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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},47888:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".window{display:flex;flex-direction:column;border:.1rem solid #161d39}.window--with-shadow{box-shadow:0 .125rem .25rem .3rem rgba(22,29,57,.2)}.window__header{width:100%;height:2rem;color:#fbfeff;background-color:#161d39;font-weight:700;padding:0 .5rem;display:flex;line-height:2rem;justify-content:center;align-items:center}.window__header__title{margin-right:auto}.window__content{width:100%;flex-grow:1;padding:.5rem;background-color:#fbfeff}.window__footer{width:100%;background-color:#fbfeff;display:flex;justify-content:flex-end;padding:.5rem}.window__footer .button{margin-bottom:0;margin-left:.5rem;padding:.5rem 1rem}.window__default-close-button{margin-left:auto}.window__default-close-button--icon-only{width:1rem;height:1rem;background-color:#fbfeff;color:#00639a;cursor:pointer;border-radius:.5rem}","",{version:3,sources:["webpack://./src/styles/components/window.scss","webpack://./src/styles/_mixins.scss","webpack://./colours.json"],names:[],mappings:"AAIA,QACE,YAAA,CACA,qBAAA,CACA,0BAAA,CAEA,qBCSA,mDAAA,CDLA,gBACE,UAAA,CACA,WAAA,CACA,aENQ,CFOR,wBEZW,CFaX,eAAA,CACA,eAAA,CACA,YAAA,CACA,gBAAA,CACA,sBAAA,CACA,kBAAA,CAEA,uBACE,iBAAA,CAIJ,iBACE,UAAA,CACA,WAAA,CACA,aAAA,CACA,wBExBQ,CF2BV,gBACE,UAAA,CACA,wBE7BQ,CF8BR,YAAA,CACA,wBAAA,CACA,aAAA,CAEA,wBACE,eAAA,CACA,iBAAA,CACA,kBAAA,CAIJ,8BACE,gBAAA,CAEA,yCACE,UAAA,CACA,WAAA,CACA,wBE/CM,CFgDN,aEzDK,CF0DL,cAAA,CACA,mBAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../mixins';\n\n.window {\n display: flex;\n flex-direction: column;\n border: 0.1rem solid $colour-yankees-blue;\n\n &--with-shadow {\n @include box-shadow(0.3rem);\n }\n\n &__header {\n width: 100%;\n height: 2rem;\n color: $colour-sky-white;\n background-color: $colour-yankees-blue;\n font-weight: 700;\n padding: 0 $global-padding * 0.5;\n display: flex;\n line-height: 2rem;\n justify-content: center;\n align-items: center;\n\n &__title {\n margin-right: auto;\n }\n }\n\n &__content {\n width: 100%;\n flex-grow: 1;\n padding: $global-padding * 0.5;\n background-color: $colour-sky-white;\n }\n\n &__footer {\n width: 100%;\n background-color: $colour-sky-white;\n display: flex;\n justify-content: flex-end;\n padding: $global-padding * 0.5;\n\n .button {\n margin-bottom: 0;\n margin-left: $global-padding * 0.5;\n padding: 0.5rem 1rem;\n }\n }\n\n &__default-close-button {\n margin-left: auto;\n\n &--icon-only {\n width: 1rem;\n height: 1rem;\n background-color: $colour-sky-white;\n color: $colour-sea-blue;\n cursor: pointer;\n border-radius: 0.5rem;\n }\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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},30323:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'html{--top-header-margin: 55px}@media(min-width: 1024px){html{--top-header-margin: 70px}}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:0;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}[data-whatintent=mouse] *,[data-whatintent=mouse] *:focus,[data-whatintent=touch] *,[data-whatintent=touch] *:focus,[data-whatinput=mouse] *,[data-whatinput=mouse] *:focus,[data-whatinput=touch] *,[data-whatinput=touch] *:focus{outline:none}[draggable=false]{-webkit-touch-callout:none;-webkit-user-select:none}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}html{box-sizing:border-box;font-size:100%}*,*::before,*::after{box-sizing:inherit}body{margin:0;padding:0;background:#fefefe;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;font-weight:normal;line-height:1.5;color:#0a0a0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}textarea{height:auto;min-height:50px;border-radius:0}select{box-sizing:border-box;width:100%;border-radius:0}.map_canvas img,.map_canvas embed,.map_canvas object,.mqa-display img,.mqa-display embed,.mqa-display object{max-width:none !important}button{padding:0;appearance:none;border:0;border-radius:0;background:rgba(0,0,0,0);line-height:1;cursor:auto}[data-whatinput=mouse] button{outline:0}pre{overflow:auto;-webkit-overflow-scrolling:touch}button,input,optgroup,select,textarea{font-family:inherit}.is-visible{display:block !important}.is-hidden{display:none !important}[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=week],[type=email],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=color],textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;margin:0 0 1rem;padding:.5rem;border:1px solid #cacaca;border-radius:0;background-color:#fefefe;box-shadow:inset 0 1px 2px rgba(10,10,10,.1);font-family:inherit;font-size:1rem;font-weight:normal;line-height:1.5;color:#0a0a0a;transition:box-shadow .5s,border-color .25s ease-in-out;appearance:none}[type=text]:focus,[type=password]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=week]:focus,[type=email]:focus,[type=number]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=url]:focus,[type=color]:focus,textarea:focus{outline:none;border:1px solid #8a8a8a;background-color:#fefefe;box-shadow:0 0 5px #cacaca;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{max-width:100%}textarea[rows]{height:auto}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:not-allowed}[type=submit],[type=button]{appearance:none;border-radius:0}input[type=search]{box-sizing:border-box}::placeholder{color:#cacaca}[type=file],[type=checkbox],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;vertical-align:baseline;margin-left:.5rem;margin-right:1rem;margin-bottom:0}[type=checkbox]+label[for],[type=radio]+label[for]{cursor:pointer}label>[type=checkbox],label>[type=radio]{margin-right:.5rem}[type=file]{width:100%}label{display:block;margin:0;font-size:.875rem;font-weight:normal;line-height:1.8;color:#0a0a0a}label.middle{margin:0 0 1rem;line-height:1.5;padding:.5625rem 0}.help-text{margin-top:-0.5rem;font-size:.8125rem;font-style:italic;color:#0a0a0a}.input-group{display:flex;width:100%;margin-bottom:1rem;align-items:stretch}.input-group>:first-child,.input-group>:first-child.input-group-button>*{border-radius:0 0 0 0}.input-group>:last-child,.input-group>:last-child.input-group-button>*{border-radius:0 0 0 0}.input-group-button a,.input-group-button input,.input-group-button button,.input-group-button label,.input-group-button,.input-group-field,.input-group-label{margin:0;white-space:nowrap}.input-group-label{padding:0 1rem;border:1px solid #cacaca;background:#e6e6e6;color:#0a0a0a;text-align:center;white-space:nowrap;display:flex;flex:0 0 auto;align-items:center}.input-group-label:first-child{border-right:0}.input-group-label:last-child{border-left:0}.input-group-field{border-radius:0;flex:1 1 0px;min-width:0}.input-group-button{padding-top:0;padding-bottom:0;text-align:center;display:flex;flex:0 0 auto}.input-group-button a,.input-group-button input,.input-group-button button,.input-group-button label{align-self:stretch;height:auto;padding-top:0;padding-bottom:0;font-size:1rem}fieldset{margin:0;padding:0;border:0}legend{max-width:100%;margin-bottom:.5rem}.fieldset{margin:1.125rem 0;padding:1.25rem;border:1px solid #cacaca}.fieldset legend{margin:0;margin-left:-.1875rem;padding:0 .1875rem}select{height:2.4375rem;margin:0 0 1rem;padding:.5rem;appearance:none;border:1px solid #cacaca;border-radius:0;background-color:#fefefe;font-family:inherit;font-size:1rem;font-weight:normal;line-height:1.5;color:#0a0a0a;background-image:url(\'data:image/svg+xml;utf8,\');background-origin:content-box;background-position:right -1rem center;background-repeat:no-repeat;background-size:9px 6px;padding-right:1.5rem;transition:box-shadow .5s,border-color .25s ease-in-out}@media screen and (min-width: 0\\0 ){select{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")}}select:focus{outline:none;border:1px solid #8a8a8a;background-color:#fefefe;box-shadow:0 0 5px #cacaca;transition:box-shadow .5s,border-color .25s ease-in-out}select:disabled{background-color:#e6e6e6;cursor:not-allowed}select::-ms-expand{display:none}select[multiple]{height:auto;background-image:none}select:not([multiple]){padding-top:0;padding-bottom:0}.is-invalid-input:not(:focus){border-color:#cc4b37;background-color:#f9ecea}.is-invalid-input:not(:focus)::placeholder{color:#cc4b37}.is-invalid-label{color:#cc4b37}.form-error{display:none;margin-top:-0.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:bold;color:#cc4b37}.form-error.is-visible{display:block}.button{display:inline-block;vertical-align:middle;margin:0 0 1rem 0;padding:.85em 1em;border:1px solid rgba(0,0,0,0);border-radius:0;transition:background-color .25s ease-out,color .25s ease-out;font-family:inherit;font-size:.9rem;-webkit-appearance:none;line-height:1;text-align:center;cursor:pointer}[data-whatinput=mouse] .button{outline:0}.button.tiny{font-size:.6rem}.button.small{font-size:.75rem}.button.large{font-size:1.25rem}.button.expanded{display:block;width:100%;margin-right:0;margin-left:0}.button,.button.disabled,.button[disabled],.button.disabled:hover,.button[disabled]:hover,.button.disabled:focus,.button[disabled]:focus{background-color:#1779ba;color:#fefefe}.button:hover,.button:focus{background-color:#14679e;color:#fefefe}.button.primary,.button.primary.disabled,.button.primary[disabled],.button.primary.disabled:hover,.button.primary[disabled]:hover,.button.primary.disabled:focus,.button.primary[disabled]:focus{background-color:#1779ba;color:#fefefe}.button.primary:hover,.button.primary:focus{background-color:#126195;color:#fefefe}.button.secondary,.button.secondary.disabled,.button.secondary[disabled],.button.secondary.disabled:hover,.button.secondary[disabled]:hover,.button.secondary.disabled:focus,.button.secondary[disabled]:focus{background-color:#fff;color:#0a0a0a}.button.secondary:hover,.button.secondary:focus{background-color:#ccc;color:#0a0a0a}.button.success,.button.success.disabled,.button.success[disabled],.button.success.disabled:hover,.button.success[disabled]:hover,.button.success.disabled:focus,.button.success[disabled]:focus{background-color:#3adb76;color:#0a0a0a}.button.success:hover,.button.success:focus{background-color:#22bb5b;color:#0a0a0a}.button.warning,.button.warning.disabled,.button.warning[disabled],.button.warning.disabled:hover,.button.warning[disabled]:hover,.button.warning.disabled:focus,.button.warning[disabled]:focus{background-color:#ffae00;color:#0a0a0a}.button.warning:hover,.button.warning:focus{background-color:#cc8b00;color:#0a0a0a}.button.alert,.button.alert.disabled,.button.alert[disabled],.button.alert.disabled:hover,.button.alert[disabled]:hover,.button.alert.disabled:focus,.button.alert[disabled]:focus{background-color:#cc4b37;color:#fefefe}.button.alert:hover,.button.alert:focus{background-color:#a53b2a;color:#fefefe}.button.hollow,.button.hollow:hover,.button.hollow:focus,.button.hollow.disabled,.button.hollow.disabled:hover,.button.hollow.disabled:focus,.button.hollow[disabled],.button.hollow[disabled]:hover,.button.hollow[disabled]:focus{background-color:rgba(0,0,0,0)}.button.hollow,.button.hollow.disabled,.button.hollow[disabled],.button.hollow.disabled:hover,.button.hollow[disabled]:hover,.button.hollow.disabled:focus,.button.hollow[disabled]:focus{border:1px solid #1779ba;color:#1779ba}.button.hollow:hover,.button.hollow:focus{border-color:#0c3d5d;color:#0c3d5d}.button.hollow.primary,.button.hollow.primary.disabled,.button.hollow.primary[disabled],.button.hollow.primary.disabled:hover,.button.hollow.primary[disabled]:hover,.button.hollow.primary.disabled:focus,.button.hollow.primary[disabled]:focus{border:1px solid #1779ba;color:#1779ba}.button.hollow.primary:hover,.button.hollow.primary:focus{border-color:#0c3d5d;color:#0c3d5d}.button.hollow.secondary,.button.hollow.secondary.disabled,.button.hollow.secondary[disabled],.button.hollow.secondary.disabled:hover,.button.hollow.secondary[disabled]:hover,.button.hollow.secondary.disabled:focus,.button.hollow.secondary[disabled]:focus{border:1px solid #fff;color:#fff}.button.hollow.secondary:hover,.button.hollow.secondary:focus{border-color:gray;color:gray}.button.hollow.success,.button.hollow.success.disabled,.button.hollow.success[disabled],.button.hollow.success.disabled:hover,.button.hollow.success[disabled]:hover,.button.hollow.success.disabled:focus,.button.hollow.success[disabled]:focus{border:1px solid #3adb76;color:#3adb76}.button.hollow.success:hover,.button.hollow.success:focus{border-color:#157539;color:#157539}.button.hollow.warning,.button.hollow.warning.disabled,.button.hollow.warning[disabled],.button.hollow.warning.disabled:hover,.button.hollow.warning[disabled]:hover,.button.hollow.warning.disabled:focus,.button.hollow.warning[disabled]:focus{border:1px solid #ffae00;color:#ffae00}.button.hollow.warning:hover,.button.hollow.warning:focus{border-color:#805700;color:#805700}.button.hollow.alert,.button.hollow.alert.disabled,.button.hollow.alert[disabled],.button.hollow.alert.disabled:hover,.button.hollow.alert[disabled]:hover,.button.hollow.alert.disabled:focus,.button.hollow.alert[disabled]:focus{border:1px solid #cc4b37;color:#cc4b37}.button.hollow.alert:hover,.button.hollow.alert:focus{border-color:#67251a;color:#67251a}.button.clear,.button.clear:hover,.button.clear:focus,.button.clear.disabled,.button.clear.disabled:hover,.button.clear.disabled:focus,.button.clear[disabled],.button.clear[disabled]:hover,.button.clear[disabled]:focus{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.button.clear,.button.clear.disabled,.button.clear[disabled],.button.clear.disabled:hover,.button.clear[disabled]:hover,.button.clear.disabled:focus,.button.clear[disabled]:focus{color:#1779ba}.button.clear:hover,.button.clear:focus{color:#0c3d5d}.button.clear.primary,.button.clear.primary.disabled,.button.clear.primary[disabled],.button.clear.primary.disabled:hover,.button.clear.primary[disabled]:hover,.button.clear.primary.disabled:focus,.button.clear.primary[disabled]:focus{color:#1779ba}.button.clear.primary:hover,.button.clear.primary:focus{color:#0c3d5d}.button.clear.secondary,.button.clear.secondary.disabled,.button.clear.secondary[disabled],.button.clear.secondary.disabled:hover,.button.clear.secondary[disabled]:hover,.button.clear.secondary.disabled:focus,.button.clear.secondary[disabled]:focus{color:#fff}.button.clear.secondary:hover,.button.clear.secondary:focus{color:gray}.button.clear.success,.button.clear.success.disabled,.button.clear.success[disabled],.button.clear.success.disabled:hover,.button.clear.success[disabled]:hover,.button.clear.success.disabled:focus,.button.clear.success[disabled]:focus{color:#3adb76}.button.clear.success:hover,.button.clear.success:focus{color:#157539}.button.clear.warning,.button.clear.warning.disabled,.button.clear.warning[disabled],.button.clear.warning.disabled:hover,.button.clear.warning[disabled]:hover,.button.clear.warning.disabled:focus,.button.clear.warning[disabled]:focus{color:#ffae00}.button.clear.warning:hover,.button.clear.warning:focus{color:#805700}.button.clear.alert,.button.clear.alert.disabled,.button.clear.alert[disabled],.button.clear.alert.disabled:hover,.button.clear.alert[disabled]:hover,.button.clear.alert.disabled:focus,.button.clear.alert[disabled]:focus{color:#cc4b37}.button.clear.alert:hover,.button.clear.alert:focus{color:#67251a}.button.disabled,.button[disabled]{opacity:.25;cursor:not-allowed}.button.dropdown::after{display:block;width:0;height:0;border-style:solid;border-width:.4em;content:"";border-bottom-width:0;border-color:#fefefe rgba(0,0,0,0) rgba(0,0,0,0);position:relative;top:.4em;display:inline-block;float:right;margin-left:1em}.button.dropdown.hollow::after,.button.dropdown.clear::after{border-top-color:#1779ba}.button.dropdown.hollow.primary::after,.button.dropdown.clear.primary::after{border-top-color:#1779ba}.button.dropdown.hollow.secondary::after,.button.dropdown.clear.secondary::after{border-top-color:#fff}.button.dropdown.hollow.success::after,.button.dropdown.clear.success::after{border-top-color:#3adb76}.button.dropdown.hollow.warning::after,.button.dropdown.clear.warning::after{border-top-color:#ffae00}.button.dropdown.hollow.alert::after,.button.dropdown.clear.alert::after{border-top-color:#cc4b37}.button.arrow-only::after{top:-0.1em;float:none;margin-left:0}a.button:hover,a.button:focus{text-decoration:none}.button-group{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:stretch;flex-grow:1}.button-group::before,.button-group::after{display:table;content:" ";flex-basis:0;order:1}.button-group::after{clear:both}.button-group::before,.button-group::after{display:none}.button-group .button{margin:0;margin-right:1px;margin-bottom:1px;font-size:.9rem;flex:0 0 auto}.button-group .button:last-child{margin-right:0}.button-group.tiny .button{font-size:.6rem}.button-group.small .button{font-size:.75rem}.button-group.large .button{font-size:1.25rem}.button-group.expanded .button{flex:1 1 0px}.button-group.primary .button,.button-group.primary .button.disabled,.button-group.primary .button[disabled],.button-group.primary .button.disabled:hover,.button-group.primary .button[disabled]:hover,.button-group.primary .button.disabled:focus,.button-group.primary .button[disabled]:focus{background-color:#1779ba;color:#fefefe}.button-group.primary .button:hover,.button-group.primary .button:focus{background-color:#126195;color:#fefefe}.button-group.secondary .button,.button-group.secondary .button.disabled,.button-group.secondary .button[disabled],.button-group.secondary .button.disabled:hover,.button-group.secondary .button[disabled]:hover,.button-group.secondary .button.disabled:focus,.button-group.secondary .button[disabled]:focus{background-color:#fff;color:#0a0a0a}.button-group.secondary .button:hover,.button-group.secondary .button:focus{background-color:#ccc;color:#0a0a0a}.button-group.success .button,.button-group.success .button.disabled,.button-group.success .button[disabled],.button-group.success .button.disabled:hover,.button-group.success .button[disabled]:hover,.button-group.success .button.disabled:focus,.button-group.success .button[disabled]:focus{background-color:#3adb76;color:#0a0a0a}.button-group.success .button:hover,.button-group.success .button:focus{background-color:#22bb5b;color:#0a0a0a}.button-group.warning .button,.button-group.warning .button.disabled,.button-group.warning .button[disabled],.button-group.warning .button.disabled:hover,.button-group.warning .button[disabled]:hover,.button-group.warning .button.disabled:focus,.button-group.warning .button[disabled]:focus{background-color:#ffae00;color:#0a0a0a}.button-group.warning .button:hover,.button-group.warning .button:focus{background-color:#cc8b00;color:#0a0a0a}.button-group.alert .button,.button-group.alert .button.disabled,.button-group.alert .button[disabled],.button-group.alert .button.disabled:hover,.button-group.alert .button[disabled]:hover,.button-group.alert .button.disabled:focus,.button-group.alert .button[disabled]:focus{background-color:#cc4b37;color:#fefefe}.button-group.alert .button:hover,.button-group.alert .button:focus{background-color:#a53b2a;color:#fefefe}.button-group.hollow .button,.button-group.hollow .button:hover,.button-group.hollow .button:focus,.button-group.hollow .button.disabled,.button-group.hollow .button.disabled:hover,.button-group.hollow .button.disabled:focus,.button-group.hollow .button[disabled],.button-group.hollow .button[disabled]:hover,.button-group.hollow .button[disabled]:focus{background-color:rgba(0,0,0,0)}.button-group.hollow .button,.button-group.hollow .button.disabled,.button-group.hollow .button[disabled],.button-group.hollow .button.disabled:hover,.button-group.hollow .button[disabled]:hover,.button-group.hollow .button.disabled:focus,.button-group.hollow .button[disabled]:focus{border:1px solid #1779ba;color:#1779ba}.button-group.hollow .button:hover,.button-group.hollow .button:focus{border-color:#0c3d5d;color:#0c3d5d}.button-group.hollow.primary .button,.button-group.hollow.primary .button.disabled,.button-group.hollow.primary .button[disabled],.button-group.hollow.primary .button.disabled:hover,.button-group.hollow.primary .button[disabled]:hover,.button-group.hollow.primary .button.disabled:focus,.button-group.hollow.primary .button[disabled]:focus,.button-group.hollow .button.primary,.button-group.hollow .button.primary.disabled,.button-group.hollow .button.primary[disabled],.button-group.hollow .button.primary.disabled:hover,.button-group.hollow .button.primary[disabled]:hover,.button-group.hollow .button.primary.disabled:focus,.button-group.hollow .button.primary[disabled]:focus{border:1px solid #1779ba;color:#1779ba}.button-group.hollow.primary .button:hover,.button-group.hollow.primary .button:focus,.button-group.hollow .button.primary:hover,.button-group.hollow .button.primary:focus{border-color:#0c3d5d;color:#0c3d5d}.button-group.hollow.secondary .button,.button-group.hollow.secondary .button.disabled,.button-group.hollow.secondary .button[disabled],.button-group.hollow.secondary .button.disabled:hover,.button-group.hollow.secondary .button[disabled]:hover,.button-group.hollow.secondary .button.disabled:focus,.button-group.hollow.secondary .button[disabled]:focus,.button-group.hollow .button.secondary,.button-group.hollow .button.secondary.disabled,.button-group.hollow .button.secondary[disabled],.button-group.hollow .button.secondary.disabled:hover,.button-group.hollow .button.secondary[disabled]:hover,.button-group.hollow .button.secondary.disabled:focus,.button-group.hollow .button.secondary[disabled]:focus{border:1px solid #fff;color:#fff}.button-group.hollow.secondary .button:hover,.button-group.hollow.secondary .button:focus,.button-group.hollow .button.secondary:hover,.button-group.hollow .button.secondary:focus{border-color:gray;color:gray}.button-group.hollow.success .button,.button-group.hollow.success .button.disabled,.button-group.hollow.success .button[disabled],.button-group.hollow.success .button.disabled:hover,.button-group.hollow.success .button[disabled]:hover,.button-group.hollow.success .button.disabled:focus,.button-group.hollow.success .button[disabled]:focus,.button-group.hollow .button.success,.button-group.hollow .button.success.disabled,.button-group.hollow .button.success[disabled],.button-group.hollow .button.success.disabled:hover,.button-group.hollow .button.success[disabled]:hover,.button-group.hollow .button.success.disabled:focus,.button-group.hollow .button.success[disabled]:focus{border:1px solid #3adb76;color:#3adb76}.button-group.hollow.success .button:hover,.button-group.hollow.success .button:focus,.button-group.hollow .button.success:hover,.button-group.hollow .button.success:focus{border-color:#157539;color:#157539}.button-group.hollow.warning .button,.button-group.hollow.warning .button.disabled,.button-group.hollow.warning .button[disabled],.button-group.hollow.warning .button.disabled:hover,.button-group.hollow.warning .button[disabled]:hover,.button-group.hollow.warning .button.disabled:focus,.button-group.hollow.warning .button[disabled]:focus,.button-group.hollow .button.warning,.button-group.hollow .button.warning.disabled,.button-group.hollow .button.warning[disabled],.button-group.hollow .button.warning.disabled:hover,.button-group.hollow .button.warning[disabled]:hover,.button-group.hollow .button.warning.disabled:focus,.button-group.hollow .button.warning[disabled]:focus{border:1px solid #ffae00;color:#ffae00}.button-group.hollow.warning .button:hover,.button-group.hollow.warning .button:focus,.button-group.hollow .button.warning:hover,.button-group.hollow .button.warning:focus{border-color:#805700;color:#805700}.button-group.hollow.alert .button,.button-group.hollow.alert .button.disabled,.button-group.hollow.alert .button[disabled],.button-group.hollow.alert .button.disabled:hover,.button-group.hollow.alert .button[disabled]:hover,.button-group.hollow.alert .button.disabled:focus,.button-group.hollow.alert .button[disabled]:focus,.button-group.hollow .button.alert,.button-group.hollow .button.alert.disabled,.button-group.hollow .button.alert[disabled],.button-group.hollow .button.alert.disabled:hover,.button-group.hollow .button.alert[disabled]:hover,.button-group.hollow .button.alert.disabled:focus,.button-group.hollow .button.alert[disabled]:focus{border:1px solid #cc4b37;color:#cc4b37}.button-group.hollow.alert .button:hover,.button-group.hollow.alert .button:focus,.button-group.hollow .button.alert:hover,.button-group.hollow .button.alert:focus{border-color:#67251a;color:#67251a}.button-group.clear .button,.button-group.clear .button:hover,.button-group.clear .button:focus,.button-group.clear .button.disabled,.button-group.clear .button.disabled:hover,.button-group.clear .button.disabled:focus,.button-group.clear .button[disabled],.button-group.clear .button[disabled]:hover,.button-group.clear .button[disabled]:focus{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.button-group.clear .button,.button-group.clear .button.disabled,.button-group.clear .button[disabled],.button-group.clear .button.disabled:hover,.button-group.clear .button[disabled]:hover,.button-group.clear .button.disabled:focus,.button-group.clear .button[disabled]:focus{color:#1779ba}.button-group.clear .button:hover,.button-group.clear .button:focus{color:#0c3d5d}.button-group.clear.primary .button,.button-group.clear.primary .button.disabled,.button-group.clear.primary .button[disabled],.button-group.clear.primary .button.disabled:hover,.button-group.clear.primary .button[disabled]:hover,.button-group.clear.primary .button.disabled:focus,.button-group.clear.primary .button[disabled]:focus,.button-group.clear .button.primary,.button-group.clear .button.primary.disabled,.button-group.clear .button.primary[disabled],.button-group.clear .button.primary.disabled:hover,.button-group.clear .button.primary[disabled]:hover,.button-group.clear .button.primary.disabled:focus,.button-group.clear .button.primary[disabled]:focus{color:#1779ba}.button-group.clear.primary .button:hover,.button-group.clear.primary .button:focus,.button-group.clear .button.primary:hover,.button-group.clear .button.primary:focus{color:#0c3d5d}.button-group.clear.secondary .button,.button-group.clear.secondary .button.disabled,.button-group.clear.secondary .button[disabled],.button-group.clear.secondary .button.disabled:hover,.button-group.clear.secondary .button[disabled]:hover,.button-group.clear.secondary .button.disabled:focus,.button-group.clear.secondary .button[disabled]:focus,.button-group.clear .button.secondary,.button-group.clear .button.secondary.disabled,.button-group.clear .button.secondary[disabled],.button-group.clear .button.secondary.disabled:hover,.button-group.clear .button.secondary[disabled]:hover,.button-group.clear .button.secondary.disabled:focus,.button-group.clear .button.secondary[disabled]:focus{color:#fff}.button-group.clear.secondary .button:hover,.button-group.clear.secondary .button:focus,.button-group.clear .button.secondary:hover,.button-group.clear .button.secondary:focus{color:gray}.button-group.clear.success .button,.button-group.clear.success .button.disabled,.button-group.clear.success .button[disabled],.button-group.clear.success .button.disabled:hover,.button-group.clear.success .button[disabled]:hover,.button-group.clear.success .button.disabled:focus,.button-group.clear.success .button[disabled]:focus,.button-group.clear .button.success,.button-group.clear .button.success.disabled,.button-group.clear .button.success[disabled],.button-group.clear .button.success.disabled:hover,.button-group.clear .button.success[disabled]:hover,.button-group.clear .button.success.disabled:focus,.button-group.clear .button.success[disabled]:focus{color:#3adb76}.button-group.clear.success .button:hover,.button-group.clear.success .button:focus,.button-group.clear .button.success:hover,.button-group.clear .button.success:focus{color:#157539}.button-group.clear.warning .button,.button-group.clear.warning .button.disabled,.button-group.clear.warning .button[disabled],.button-group.clear.warning .button.disabled:hover,.button-group.clear.warning .button[disabled]:hover,.button-group.clear.warning .button.disabled:focus,.button-group.clear.warning .button[disabled]:focus,.button-group.clear .button.warning,.button-group.clear .button.warning.disabled,.button-group.clear .button.warning[disabled],.button-group.clear .button.warning.disabled:hover,.button-group.clear .button.warning[disabled]:hover,.button-group.clear .button.warning.disabled:focus,.button-group.clear .button.warning[disabled]:focus{color:#ffae00}.button-group.clear.warning .button:hover,.button-group.clear.warning .button:focus,.button-group.clear .button.warning:hover,.button-group.clear .button.warning:focus{color:#805700}.button-group.clear.alert .button,.button-group.clear.alert .button.disabled,.button-group.clear.alert .button[disabled],.button-group.clear.alert .button.disabled:hover,.button-group.clear.alert .button[disabled]:hover,.button-group.clear.alert .button.disabled:focus,.button-group.clear.alert .button[disabled]:focus,.button-group.clear .button.alert,.button-group.clear .button.alert.disabled,.button-group.clear .button.alert[disabled],.button-group.clear .button.alert.disabled:hover,.button-group.clear .button.alert[disabled]:hover,.button-group.clear .button.alert.disabled:focus,.button-group.clear .button.alert[disabled]:focus{color:#cc4b37}.button-group.clear.alert .button:hover,.button-group.clear.alert .button:focus,.button-group.clear .button.alert:hover,.button-group.clear .button.alert:focus{color:#67251a}.button-group.no-gaps .button{margin-right:-.0625rem}.button-group.no-gaps .button+.button{border-left-color:rgba(0,0,0,0)}.button-group.stacked,.button-group.stacked-for-small,.button-group.stacked-for-medium{flex-wrap:wrap}.button-group.stacked .button,.button-group.stacked-for-small .button,.button-group.stacked-for-medium .button{flex:0 0 100%}.button-group.stacked .button:last-child,.button-group.stacked-for-small .button:last-child,.button-group.stacked-for-medium .button:last-child{margin-bottom:0}.button-group.stacked.expanded .button,.button-group.stacked-for-small.expanded .button,.button-group.stacked-for-medium.expanded .button{flex:1 1 0px}@media print,screen and (min-width: 40em){.button-group.stacked-for-small .button{flex:0 0 auto;margin-bottom:0}}@media print,screen and (min-width: 64em){.button-group.stacked-for-medium .button{flex:0 0 auto;margin-bottom:0}}@media print,screen and (max-width: 39.99875em){.button-group.stacked-for-small.expanded{display:block}.button-group.stacked-for-small.expanded .button{display:block;margin-right:0}}@media print,screen and (max-width: 63.99875em){.button-group.stacked-for-medium.expanded{display:block}.button-group.stacked-for-medium.expanded .button{display:block;margin-right:0}}html{box-sizing:border-box}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}select{appearance:none;-moz-appearance:none;-webkit-appearance:none}.action-bar{display:flex;justify-content:flex-end}.colour-sapphire-blue{background:#014371;color:#fbfeff}.colour-sea-blue{background:#00639a;color:#fbfeff}.colour-vivid-cerulean{background:#00a6d5;color:#fbfeff}.colour-medium-turquoise{background:#46d6fa;color:#161d39}.colour-gainsborough{background:#d2dce3;color:#161d39}.colour-yankees-blue{background:#161d39;color:#fbfeff}.colour-independence{background:#4e5a71;color:#fbfeff}.colour-weldon-blue{background:#8194a1;color:#fbfeff}.colour-pastel-blue{background:#abc7d6;color:#161d39}.colour-platinum{background:#e4e8eb;color:#161d39}.colour-sky-white{background:#fbfeff;color:#161d39}.colour-reviewed{background:#c39b00;color:#161d39}.colour-unreviewed{background:silver;color:#161d39}.colour-uniref{background:#f2994c;color:#161d39}.colour-uniparc{background:#88c19d;color:#161d39}.colour-proteomes{background:#e56358;color:#fbfeff}.colour-peptide-search{background:#a748bd;color:#fbfeff}.colour-id-mapping{background:#357b92;color:#fbfeff}.colour-blast{background:#00a6d5;color:#fbfeff}.colour-align{background:#b8ce48;color:#fbfeff}.colour-help-green{background:#28aa50;color:#fbfeff}.svg-colour-reviewed svg{color:#c39b00}.svg-colour-unreviewed svg{color:silver}.colour-warning{background:#fc3}.colour-failure{background:#f36968}.colour-success{background:#108f3b}.colour-info{background:#79cbf8}.colour-coyote-brown{background:#966336}.colour-outer-space{background:#374343}.box-colour{vertical-align:top;display:inline-block;width:9em;height:9em;margin-bottom:4em;font-size:80%}.box-colour:before{content:attr(data-name);color:#161d39;margin-top:10em;display:block;text-align:center}.button{--main-color: var(--main-button-color, #00639a);white-space:nowrap;user-select:none}.button svg{width:.9rem;height:.9rem;margin-top:-0.2rem;margin-right:.5rem;vertical-align:middle;fill:#fbfeff}.button.large-icon svg{width:1.2rem;height:1.2rem;margin-top:-0.2rem;margin-right:.5rem}.button.primary,.button.primary.disabled{background-color:#00639a;background-color:var(--main-color)}.button.primary:hover,.button.primary:focus,.button.primary:focus-within{background-color:#00639a;background-color:var(--main-color);filter:brightness(90%)}.button.secondary,.button.secondary.disabled{color:#00639a;color:var(--main-color);border:.1rem solid currentColor;font-weight:700}.button.secondary svg,.button.secondary.disabled svg{fill:currentColor}.button.tertiary{background:none;color:#00639a;color:var(--main-color);font-weight:bold;padding:0;line-height:1.6;text-align:left}.button.tertiary:hover:disabled{color:#00639a;color:var(--main-color);background-color:#fbfeff}.button.tertiary svg{fill:currentColor}.button.tertiary.tertiary-icon__active svg{fill:#e4e8eb}.button-group{align-items:baseline;margin-bottom:.5rem}.button-group .tertiary{margin-right:1rem}.icon--reviewed{color:#c39b00}.icon--unreviewed{color:silver}.icon--uniparc{color:#88c19d}.icon--reference-proteome{color:#9d4a4d}.icon--redundant-excluded-proteome{color:#8194a1}.icon--community-annotation{color:#00a6d5}html,body{font-family:"Lato",sans-serif;background-color:#fbfeff}@media(min-width: 0){html,body{font-size:12px}}@media(min-width: 640px){html,body{font-size:14px}}@media(min-width: 1024px){html,body{font-size:16px}}h1,h2,h3,h4,h5,h6{font-family:"Source Sans Pro",sans-serif;color:#161d39}.x-huge{font-size:3.052rem;font-weight:700}h1,.huge{font-size:2.441rem;font-weight:600}h2,.big{font-size:1.953rem;font-weight:600}h3,.medium{font-size:1.563rem;font-weight:600}h4,.small{font-size:1.25rem;font-weight:600}h5,.tiny{font-size:1rem;font-weight:600}h6{font-size:1rem;font-weight:400}p{margin-bottom:1.875rem}ul,ol{margin-left:1.25rem}ul.no-bullet,ol.no-bullet{list-style:none;margin-left:0}ul,ol,dl{margin-bottom:1rem;list-style-position:outside;line-height:1.6}ul{list-style-type:disc}a{color:#014371;text-decoration:none;font-weight:600}a:hover{color:#0161a4}.uniprot-grid{display:grid;gap:1rem;grid-template-columns:repeat(12, minmax(0, 1fr))}.uniprot-grid>.uniprot-grid-cell--span-1{grid-column:auto/span 1}.uniprot-grid>.uniprot-grid-cell--span-2{grid-column:auto/span 2}.uniprot-grid>.uniprot-grid-cell--span-3{grid-column:auto/span 3}.uniprot-grid>.uniprot-grid-cell--span-4{grid-column:auto/span 4}.uniprot-grid>.uniprot-grid-cell--span-5{grid-column:auto/span 5}.uniprot-grid>.uniprot-grid-cell--span-6{grid-column:auto/span 6}.uniprot-grid>.uniprot-grid-cell--span-7{grid-column:auto/span 7}.uniprot-grid>.uniprot-grid-cell--span-8{grid-column:auto/span 8}.uniprot-grid>.uniprot-grid-cell--span-9{grid-column:auto/span 9}.uniprot-grid>.uniprot-grid-cell--span-10{grid-column:auto/span 10}.uniprot-grid>.uniprot-grid-cell--span-11{grid-column:auto/span 11}.uniprot-grid>.uniprot-grid-cell--span-12{grid-column:auto/span 12}.uniprot-grid>.uniprot-grid-cell--offset-1{grid-column-start:2}.uniprot-grid>.uniprot-grid-cell--offset-2{grid-column-start:3}.uniprot-grid>.uniprot-grid-cell--offset-3{grid-column-start:4}.uniprot-grid>.uniprot-grid-cell--offset-4{grid-column-start:5}.uniprot-grid>.uniprot-grid-cell--offset-5{grid-column-start:6}.uniprot-grid>.uniprot-grid-cell--offset-6{grid-column-start:7}.uniprot-grid>.uniprot-grid-cell--offset-7{grid-column-start:8}.uniprot-grid>.uniprot-grid-cell--offset-8{grid-column-start:9}.uniprot-grid>.uniprot-grid-cell--offset-9{grid-column-start:10}.uniprot-grid>.uniprot-grid-cell--offset-10{grid-column-start:11}.uniprot-grid>.uniprot-grid-cell--offset-11{grid-column-start:12}.uniprot-grid>.uniprot-grid-cell--offset-12{grid-column-start:13}@media(min-width: 0){.uniprot-grid>.uniprot-grid-cell--small-span-1{grid-column:auto/span 1}.uniprot-grid>.uniprot-grid-cell--small-span-2{grid-column:auto/span 2}.uniprot-grid>.uniprot-grid-cell--small-span-3{grid-column:auto/span 3}.uniprot-grid>.uniprot-grid-cell--small-span-4{grid-column:auto/span 4}.uniprot-grid>.uniprot-grid-cell--small-span-5{grid-column:auto/span 5}.uniprot-grid>.uniprot-grid-cell--small-span-6{grid-column:auto/span 6}.uniprot-grid>.uniprot-grid-cell--small-span-7{grid-column:auto/span 7}.uniprot-grid>.uniprot-grid-cell--small-span-8{grid-column:auto/span 8}.uniprot-grid>.uniprot-grid-cell--small-span-9{grid-column:auto/span 9}.uniprot-grid>.uniprot-grid-cell--small-span-10{grid-column:auto/span 10}.uniprot-grid>.uniprot-grid-cell--small-span-11{grid-column:auto/span 11}.uniprot-grid>.uniprot-grid-cell--small-span-12{grid-column:auto/span 12}.uniprot-grid>.uniprot-grid-cell--small-offset-1{grid-column-start:1}.uniprot-grid>.uniprot-grid-cell--small-offset-2{grid-column-start:2}.uniprot-grid>.uniprot-grid-cell--small-offset-3{grid-column-start:3}.uniprot-grid>.uniprot-grid-cell--small-offset-4{grid-column-start:4}.uniprot-grid>.uniprot-grid-cell--small-offset-5{grid-column-start:5}.uniprot-grid>.uniprot-grid-cell--small-offset-6{grid-column-start:6}.uniprot-grid>.uniprot-grid-cell--small-offset-7{grid-column-start:7}.uniprot-grid>.uniprot-grid-cell--small-offset-8{grid-column-start:8}.uniprot-grid>.uniprot-grid-cell--small-offset-9{grid-column-start:9}.uniprot-grid>.uniprot-grid-cell--small-offset-10{grid-column-start:10}.uniprot-grid>.uniprot-grid-cell--small-offset-11{grid-column-start:11}.uniprot-grid>.uniprot-grid-cell--small-offset-12{grid-column-start:12}}@media(min-width: 640px){.uniprot-grid>.uniprot-grid-cell--medium-span-1{grid-column:auto/span 1}.uniprot-grid>.uniprot-grid-cell--medium-span-2{grid-column:auto/span 2}.uniprot-grid>.uniprot-grid-cell--medium-span-3{grid-column:auto/span 3}.uniprot-grid>.uniprot-grid-cell--medium-span-4{grid-column:auto/span 4}.uniprot-grid>.uniprot-grid-cell--medium-span-5{grid-column:auto/span 5}.uniprot-grid>.uniprot-grid-cell--medium-span-6{grid-column:auto/span 6}.uniprot-grid>.uniprot-grid-cell--medium-span-7{grid-column:auto/span 7}.uniprot-grid>.uniprot-grid-cell--medium-span-8{grid-column:auto/span 8}.uniprot-grid>.uniprot-grid-cell--medium-span-9{grid-column:auto/span 9}.uniprot-grid>.uniprot-grid-cell--medium-span-10{grid-column:auto/span 10}.uniprot-grid>.uniprot-grid-cell--medium-span-11{grid-column:auto/span 11}.uniprot-grid>.uniprot-grid-cell--medium-span-12{grid-column:auto/span 12}.uniprot-grid>.uniprot-grid-cell--medium-offset-1{grid-column-start:1}.uniprot-grid>.uniprot-grid-cell--medium-offset-2{grid-column-start:2}.uniprot-grid>.uniprot-grid-cell--medium-offset-3{grid-column-start:3}.uniprot-grid>.uniprot-grid-cell--medium-offset-4{grid-column-start:4}.uniprot-grid>.uniprot-grid-cell--medium-offset-5{grid-column-start:5}.uniprot-grid>.uniprot-grid-cell--medium-offset-6{grid-column-start:6}.uniprot-grid>.uniprot-grid-cell--medium-offset-7{grid-column-start:7}.uniprot-grid>.uniprot-grid-cell--medium-offset-8{grid-column-start:8}.uniprot-grid>.uniprot-grid-cell--medium-offset-9{grid-column-start:9}.uniprot-grid>.uniprot-grid-cell--medium-offset-10{grid-column-start:10}.uniprot-grid>.uniprot-grid-cell--medium-offset-11{grid-column-start:11}.uniprot-grid>.uniprot-grid-cell--medium-offset-12{grid-column-start:12}}@media(min-width: 1024px){.uniprot-grid>.uniprot-grid-cell--large-span-1{grid-column:auto/span 1}.uniprot-grid>.uniprot-grid-cell--large-span-2{grid-column:auto/span 2}.uniprot-grid>.uniprot-grid-cell--large-span-3{grid-column:auto/span 3}.uniprot-grid>.uniprot-grid-cell--large-span-4{grid-column:auto/span 4}.uniprot-grid>.uniprot-grid-cell--large-span-5{grid-column:auto/span 5}.uniprot-grid>.uniprot-grid-cell--large-span-6{grid-column:auto/span 6}.uniprot-grid>.uniprot-grid-cell--large-span-7{grid-column:auto/span 7}.uniprot-grid>.uniprot-grid-cell--large-span-8{grid-column:auto/span 8}.uniprot-grid>.uniprot-grid-cell--large-span-9{grid-column:auto/span 9}.uniprot-grid>.uniprot-grid-cell--large-span-10{grid-column:auto/span 10}.uniprot-grid>.uniprot-grid-cell--large-span-11{grid-column:auto/span 11}.uniprot-grid>.uniprot-grid-cell--large-span-12{grid-column:auto/span 12}.uniprot-grid>.uniprot-grid-cell--large-offset-1{grid-column-start:1}.uniprot-grid>.uniprot-grid-cell--large-offset-2{grid-column-start:2}.uniprot-grid>.uniprot-grid-cell--large-offset-3{grid-column-start:3}.uniprot-grid>.uniprot-grid-cell--large-offset-4{grid-column-start:4}.uniprot-grid>.uniprot-grid-cell--large-offset-5{grid-column-start:5}.uniprot-grid>.uniprot-grid-cell--large-offset-6{grid-column-start:6}.uniprot-grid>.uniprot-grid-cell--large-offset-7{grid-column-start:7}.uniprot-grid>.uniprot-grid-cell--large-offset-8{grid-column-start:8}.uniprot-grid>.uniprot-grid-cell--large-offset-9{grid-column-start:9}.uniprot-grid>.uniprot-grid-cell--large-offset-10{grid-column-start:10}.uniprot-grid>.uniprot-grid-cell--large-offset-11{grid-column-start:11}.uniprot-grid>.uniprot-grid-cell--large-offset-12{grid-column-start:12}}.uniprot-grid--centered{margin-left:auto;width:min(95vw, 67rem);margin-right:auto}.uniprot-grid--with-bleed{box-shadow:-1rem 0 var(--grid-background),1rem 0 var(--grid-background)}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}mark{font-weight:bold;background-color:rgba(70,214,250,.4)}',"",{version:3,sources:["webpack://./src/styles/_custom-properties.scss","webpack://./src/styles/_mixins.scss","webpack://./node_modules/foundation-sites/scss/vendor/normalize.scss","webpack://./node_modules/foundation-sites/scss/_global.scss","webpack://./src/styles/_settings.scss","webpack://./node_modules/foundation-sites/scss/util/_mixins.scss","webpack://./node_modules/foundation-sites/scss/forms/_text.scss","webpack://./node_modules/foundation-sites/scss/forms/_checkbox.scss","webpack://./node_modules/foundation-sites/scss/forms/_label.scss","webpack://./node_modules/foundation-sites/scss/forms/_help-text.scss","webpack://./node_modules/foundation-sites/scss/forms/_input-group.scss","webpack://./node_modules/foundation-sites/scss/forms/_fieldset.scss","webpack://./node_modules/foundation-sites/scss/forms/_select.scss","webpack://./node_modules/foundation-sites/scss/forms/_error.scss","webpack://./node_modules/foundation-sites/scss/components/_button.scss","webpack://./node_modules/foundation-sites/scss/util/_color.scss","webpack://./node_modules/foundation-sites/scss/components/_button-group.scss","webpack://./node_modules/foundation-sites/scss/util/_breakpoint.scss","webpack://./src/styles/_franklin-reset.scss","webpack://./src/styles/common/_action-bar.scss","webpack://./src/styles/common/_colour-definitions.scss","webpack://./colours.json","webpack://./src/styles/common/_buttons.scss","webpack://./src/styles/common/_icons.scss","webpack://./src/styles/common/_typography.scss","webpack://./src/styles/_franklin-settings.scss","webpack://./src/styles/common/_grid.scss","webpack://./src/styles/common/_utils.scss","webpack://./src/styles/common/_mark.scss"],names:[],mappings:"AAEA,KACE,yBAAA,CCoBE,0BDrBJ,KAII,yBAAA,CAAA,CEHF,2EAAA,CAQA,KACE,gBAAA,CACA,6BAAA,CAQF,KACE,QAAA,CAMF,GACE,aAAA,CACA,cAAA,CASF,GACE,sBAAA,CACA,QAAA,CACA,gBAAA,CAMF,IACE,+BAAA,CACA,aAAA,CAQF,EACE,8BAAA,CAMF,YACE,eAAA,CACA,gCAAA,CAKF,SAEE,kBAAA,CAMF,cAGE,+BAAA,CACA,aAAA,CAKF,MACE,aAAA,CAMF,QAEE,aAAA,CACA,aAAA,CACA,iBAAA,CACA,uBAAA,CAGF,IACE,cAAA,CAGF,IACE,UAAA,CAQF,IACE,iBAAA,CASF,sCAKE,mBAAA,CACA,cAAA,CACA,gBAAA,CACA,QAAA,CAMF,aAEE,gBAAA,CAMF,cAEE,mBAAA,CAKF,gDAIE,yBAAA,CAKF,wHAIE,iBAAA,CACA,SAAA,CAKF,4GAIE,6BAAA,CAKF,SACE,0BAAA,CAQF,OACE,qBAAA,CACA,aAAA,CACA,aAAA,CACA,cAAA,CACA,SAAA,CACA,kBAAA,CAKF,SACE,uBAAA,CAKF,SACE,aAAA,CAMF,6BAEE,qBAAA,CACA,SAAA,CAKF,kFAEE,WAAA,CAMF,cACE,4BAAA,CACA,mBAAA,CAKF,yCACE,uBAAA,CAMF,6BACE,yBAAA,CACA,YAAA,CAQF,QACE,aAAA,CAKF,QACE,iBAAA,CAQF,SACE,YAAA,CAKF,SACE,YAAA,CAQA,oOACE,YAAA,CAKJ,kBACE,0BAAA,CACA,wBAAA,CCxJF,eACE,uEAAA,CAGF,KACE,qBAAA,CACA,cClFe,CDsFjB,qBAGE,kBAAA,CAIF,KACE,QAAA,CACA,SAAA,CAUA,kBC3FI,CD6FJ,kDC1Fe,CD2Ff,kBCtFmB,CDuFnB,eC3GgB,CD4GhB,aCjGI,CDoGF,kCAAA,CACA,iCAAA,CAIJ,IAEE,oBAAA,CACA,qBAAA,CAGA,cAAA,CACA,WAAA,CACA,8BAAA,CAIF,SACE,WAAA,CACA,eAAA,CACA,eC7GY,CDiHd,OACE,qBAAA,CACA,UAAA,CACA,eCpHY,CD2HZ,6GAGE,yBAAA,CAKJ,OAEE,SAAA,CACA,eAAA,CACA,QAAA,CACA,eCxIY,CDyIZ,wBAAA,CACA,aAAA,CACA,WCrImB,CCwGrB,8BACE,SAAA,CFgCF,IACE,aAAA,CACA,gCAAA,CAIF,sCAKE,mBAAA,CAIF,YACE,wBAAA,CAGF,WACE,uBAAA,CGlIF,wMArCA,aAAA,CACA,qBAAA,CACA,UAAA,CACA,gBALS,CAMT,eAAA,CACA,aFqXc,CEnXd,wBFiXa,CEhXb,eFJc,CEKd,wBFfM,CEgBN,4CFiXa,CE/Wb,mBFqWkB,CEpWlB,cFqWgB,CEpWhB,kBFZqB,CEarB,eFjCkB,CEkClB,aFvBM,CE0BJ,uDF2We,CEtVf,eAAA,CAjBF,kSACE,YAAA,CACA,wBFgWiB,CE/VjB,wBFhCI,CEiCJ,0BFiWiB,CE9Vf,uDFgWa,CElVjB,SACE,cAAA,CAEA,eACE,WAAA,CAOF,oEAEE,wBFnEO,CEoEP,kBFmUkB,CE9TtB,4BAEE,eAAA,CACA,eF9DY,CEkEd,mBACE,qBAAA,CAiBF,cACE,aFlGU,CGrEZ,yCAGE,eAAA,CAIF,yCAEE,oBAAA,CACA,uBAAA,CAEA,iBAAA,CACA,iBHiaW,CGhaX,eAAA,CAEA,mDACE,cAAA,CAKJ,yCAEE,kBAAA,CAIF,YACE,UAAA,CCKF,MAlBA,aAAA,CACA,QAAA,CAEA,iBJoaqB,CInarB,kBJ4DqB,CI3DrB,eJoauB,CInavB,aJiDM,CIlCJ,aATF,eAAA,CACA,eJ+BkB,CI9BlB,kBAAA,CClBA,WAGE,kBAFa,CAGb,kBLgaiB,CK/ZjB,iBLgakB,CK/ZlB,aLqDI,CMtDN,aACE,YAAA,CACA,UAAA,CACA,kBN0ZW,CMvZT,mBAAA,CAIA,yEACE,qBAAA,CAKF,uEACE,qBAAA,CAKN,+JACE,QAAA,CACA,kBAAA,CAQF,mBAEE,cAAA,CACA,wBNgYkB,CM/XlB,kBNeS,CMbT,aNgBI,CMfJ,iBAAA,CACA,kBAAA,CAGE,YAAA,CACA,aAAA,CACA,kBAAA,CAQA,+BACE,cAAA,CAGF,8BACE,aAAA,CAKN,mBAEE,eAAA,CAGE,YAAA,CACA,WAAA,CAIJ,oBAEE,aAAA,CACA,gBAAA,CACA,iBAAA,CAGE,YAAA,CACA,aAAA,CAOF,qGAOI,kBAAA,CACA,WAAA,CAKF,aAAA,CACA,gBAAA,CACA,cNwUY,COnahB,SACE,QAAA,CACA,SAAA,CACA,QAAA,CAGF,OACE,cAAA,CACA,mBAAA,CAGF,UAxBA,iBP4ZgB,CO3ZhB,eP0ZiB,COzZjB,wBPwZgB,COtZhB,iBAEE,QAAA,CACA,qBAAA,CACA,kBPqZa,CQhWf,OA/DA,gBAFS,CAGT,eAAA,CACA,aRwbc,CQtbd,eAAA,CACA,wBRmba,CQlbb,eR8Dc,CQ7Dd,wBRmDM,CQjDN,mBRwakB,CQvalB,cRwagB,CQvahB,kBRuDqB,CQtDrB,eRkCkB,CQjClB,aR4CM,CCsEN,uOAAA,CO9GE,6BAAA,CACA,sCAAA,CACA,2BAAA,CACA,uBAAA,CAEA,oBAAA,CAIA,uDRoae,CC7TjB,oCOlEA,OPqEI,sWAAA,CAAA,COtGJ,aACE,YAAA,CACA,wBRyZiB,CQxZjB,wBRyBI,CQxBJ,0BR0ZiB,CQvZf,uDRyZa,CQpZjB,gBACE,wBRWS,CQVT,kBRiZoB,CQ7YtB,mBACE,YAAA,CAGF,iBACE,WAAA,CACA,qBAAA,CAEF,uBACE,aAAA,CACA,gBAAA,CCrCF,8BACE,oBTkMuB,CSjMvB,wBAAA,CAEA,2CACE,aT8LqB,CSpKvB,kBACE,aToKqB,CS/JzB,YAzBA,YAAA,CACA,kBAAA,CACA,kBT6Xa,CS3Xb,gBTsLsB,CSrLtB,gBT6BmB,CS5BnB,aTmLkB,CS7JhB,uBACE,aAAA,CCuPJ,QA1OA,oBAAA,CACA,qBAAA,CACA,iBV8Mc,CUpMZ,iBVmMa,CUhMf,8BA9Dc,CA+Dd,eVvBc,CUwBd,6DViNkB,CUhNlB,mBV4LmB,CU3LnB,eAAA,CAEA,uBAAA,CACA,aAAA,CACA,iBAAA,CACA,cAAA,CT+EA,+BACE,SAAA,CSuIE,aACE,eAFmB,CACrB,cACE,gBAFmB,CACrB,cACE,iBAFmB,CAMvB,iBArNA,aAAA,CACA,UAAA,CACA,cAAA,CACA,aAAA,CAiEF,yIAIE,wBChFgB,CDiFhB,aVzHI,CU4HN,4BACE,wBVuGsB,CUtGtB,aV9HI,CUoHN,iMAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,4CACE,wBAbmB,CAcnB,aAlBQ,CAQV,+MAIE,qBVnIiB,CUoIjB,aAbQ,CAgBV,gDACE,qBAbmB,CAcnB,aAlBQ,CAQV,iMAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,4CACE,wBAbmB,CAcnB,aAlBQ,CAQV,iMAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,4CACE,wBAbmB,CAcnB,aAlBQ,CAQV,mLAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,wCACE,wBAbmB,CAcnB,aAlBQ,CA0BR,oOACE,8BAAA,CAiBJ,0LAIE,wBAAA,CACA,aCrHgB,CDwHlB,0CACE,oBAZY,CAaZ,aAbY,CAGd,kPAIE,wBAAA,CACA,aVxKiB,CU2KnB,0DACE,oBAZY,CAaZ,aAbY,CAGd,gQAIE,qBAAA,CACA,UVxKiB,CU2KnB,8DACE,iBAZY,CAaZ,UAbY,CAGd,kPAIE,wBAAA,CACA,aVxKiB,CU2KnB,0DACE,oBAZY,CAaZ,aAbY,CAGd,kPAIE,wBAAA,CACA,aVxKiB,CU2KnB,0DACE,oBAZY,CAaZ,aAbY,CAGd,oOAIE,wBAAA,CACA,aVxKiB,CU2KnB,sDACE,oBAZY,CAaZ,aAbY,CAqBZ,2NACE,0BAAA,CACA,8BAAA,CAeJ,mLAIE,aCvJgB,CD0JlB,wCACE,aAXY,CAGd,2OAIE,aV1MiB,CU6MnB,wDACE,aAXY,CAGd,yPAIE,UV1MiB,CU6MnB,4DACE,UAXY,CAGd,2OAIE,aV1MiB,CU6MnB,wDACE,aAXY,CAGd,2OAIE,aV1MiB,CU6MnB,wDACE,aAXY,CAGd,6NAIE,aV1MiB,CU6MnB,oDACE,aAXY,CAuHZ,mCAnGF,WVoCwB,CUnCxB,kBAAA,CAYA,wBT7PA,aAAA,CACA,OAAA,CACA,QAAA,CAEA,kBAAA,CACA,iBSoPO,CTlPP,UAAA,CAGE,qBAAA,CACA,gDAAA,CSoPA,iBAAA,CACA,QAAA,CAEA,oBAAA,CACA,WAAA,CACA,eATO,CAuGH,6DACE,wBCvRU,CD4RR,6EACE,wBVhVO,CU+UT,iFACE,qBVhVO,CU+UT,6EACE,wBVhVO,CU+UT,6EACE,wBVhVO,CU+UT,yEACE,wBVhVO,CUwVjB,0BACE,UAAA,CACA,UAAA,CACA,aAAA,CAKF,8BAEE,oBAAA,CElNJ,cAlLA,kBZsSmB,CYnSjB,YAAA,CACA,cAAA,CACA,mBAAA,CACA,WAAA,CX+HF,2CAEE,aAAA,CACA,WAAA,CAGE,YAAA,CACA,OAAA,CAIJ,qBACE,UAAA,CWzIA,2CAEE,YAAA,CAOJ,sBACE,QAAA,CACA,gBZoRkB,CYnRlB,iBZmRkB,CYlRlB,eAAA,CAGE,aAAA,CAGF,iCACE,cAAA,CA2JA,2BACE,eAFmB,CACrB,4BACE,gBAFmB,CACrB,4BACE,iBAFmB,CAvGzB,+BAEI,YAAA,CFgFJ,mSAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,wEACE,wBAbmB,CAcnB,aAlBQ,CAQV,iTAIE,qBVnIiB,CUoIjB,aAbQ,CAgBV,4EACE,qBAbmB,CAcnB,aAlBQ,CAQV,mSAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,wEACE,wBAbmB,CAcnB,aAlBQ,CAQV,mSAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,wEACE,wBAbmB,CAcnB,aAlBQ,CAQV,qRAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,oEACE,wBAbmB,CAcnB,aAlBQ,CA0BR,kWACE,8BAAA,CAiBJ,4RAIE,wBAAA,CACA,aCrHgB,CDwHlB,sEACE,oBAZY,CAaZ,aAbY,CAGd,wqBAIE,wBAAA,CACA,aVxKiB,CU2KnB,4KACE,oBAZY,CAaZ,aAbY,CAGd,osBAIE,qBAAA,CACA,UVxKiB,CU2KnB,oLACE,iBAZY,CAaZ,UAbY,CAGd,wqBAIE,wBAAA,CACA,aVxKiB,CU2KnB,4KACE,oBAZY,CAaZ,aAbY,CAGd,wqBAIE,wBAAA,CACA,aVxKiB,CU2KnB,4KACE,oBAZY,CAaZ,aAbY,CAGd,4oBAIE,wBAAA,CACA,aVxKiB,CU2KnB,oKACE,oBAZY,CAaZ,aAbY,CAqBZ,yVACE,0BAAA,CACA,8BAAA,CAeJ,qRAIE,aCvJgB,CD0JlB,oEACE,aAXY,CAGd,0pBAIE,aV1MiB,CU6MnB,wKACE,aAXY,CAGd,srBAIE,UV1MiB,CU6MnB,gLACE,UAXY,CAGd,0pBAIE,aV1MiB,CU6MnB,wKACE,aAXY,CAGd,0pBAIE,aV1MiB,CU6MnB,wKACE,aAXY,CAGd,8nBAIE,aV1MiB,CU6MnB,gKACE,aAXY,CEhLd,8BACE,sBAAA,CAEA,sCACE,+BAAA,CA0KF,uFAhHA,cAAA,CAGF,+GAEI,aAAA,CAMF,gJACE,eAAA,CAhDJ,0IAEI,YAAA,CC8DE,0CDQN,wCAEI,aAAA,CAKF,eAAA,CAAA,CCfI,0CDQN,yCAEI,aAAA,CAKF,eAAA,CAAA,CCfI,gDD0GJ,yCAEI,aAAA,CAEA,iDACE,aAAA,CACA,cAAA,CAAA,CChHF,gDDqHJ,0CAEI,aAAA,CAEA,kDACE,aAAA,CACA,cAAA,CAAA,CE7SV,KACE,qBAAA,CAEF,mBAGE,QAAA,CACA,SAAA,CACA,kBAAA,CAGF,EACE,kCAAA,CACA,iCAAA,CAGF,oEAmBE,QAAA,CACA,SAAA,CAIF,OACE,eAAA,CACA,oBAAA,CACA,uBAAA,CC5CF,YACE,YAAA,CACA,wBAAA,CCCF,sBACE,kBCJc,CDKd,aCKU,CDHZ,iBACE,kBCPS,CDQT,aCCU,CDCZ,uBACE,kBCVe,CDWf,aCHU,CDKZ,yBACE,kBCbiB,CDcjB,aCZa,CDcf,qBACE,kBChBa,CDiBb,aChBa,CDoBf,qBACE,kBCrBa,CDsBb,aCjBU,CDmBZ,qBACE,kBCxBa,CDyBb,aCrBU,CDuBZ,oBACE,kBC3BY,CD4BZ,aCzBU,CD2BZ,oBACE,kBC9BY,CD+BZ,aClCa,CDoCf,iBACE,kBCjCS,CDkCT,aCtCa,CDwCf,kBACE,kBCpCU,CDqCV,aC1Ca,CD6Cf,iBACE,kBCvCS,CDwCT,aC/Ca,CDiDf,mBACE,iBC1CW,CD2CX,aCnDa,CDsDf,eACE,kBC9CO,CD+CP,aCxDa,CD0Df,gBACE,kBCjDQ,CDkDR,aC5Da,CD8Df,kBACE,kBCpDU,CDqDV,aC3DU,CD6DZ,uBACE,kBCtDe,CDuDf,aC/DU,CDiEZ,mBACE,kBCzDW,CD0DX,aCnEU,CDqEZ,cACE,kBC5DM,CD6DN,aCvEU,CDyEZ,cACE,kBC/DM,CDgEN,aC3EU,CD+EZ,mBACE,kBChEW,CDiEX,aCjFU,CDqFZ,yBACE,aCpFS,CDsFX,2BACE,YCtFW,CD0Fb,gBACE,eClFQ,CDoFV,gBACE,kBCpFQ,CDsFV,gBACE,kBCtFQ,CDwFV,aACE,kBCxFK,CD4FP,qBACE,kBC3Fa,CD6Ff,oBACE,kBC7FY,CDgGd,YACE,kBAAA,CACA,oBAAA,CACA,SAAA,CACA,UAAA,CACA,iBAAA,CACA,ahBoDgB,CgBnDhB,mBACE,uBAAA,CACA,aChIW,CDiIX,eAAA,CACA,aAAA,CACA,iBAAA,CErIJ,QACE,+CAAA,CACA,kBAAA,CAEA,gBAAA,CAEA,YACE,WAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,qBAAA,CACA,YDLQ,CCQV,uBACE,YAAA,CACA,aAAA,CACA,kBAAA,CACA,kBAAA,CAIA,yCAEE,wBD3BK,CC4BL,kCAAA,CAGF,yEAGE,wBDlCK,CCmCL,kCAAA,CACA,sBAAA,CAKF,6CAEE,aD3CK,CC4CL,uBAAA,CACA,+BAAA,CACA,eAAA,CAEA,qDACE,iBAAA,CAKN,iBACE,eAAA,CACA,aDxDO,CCyDP,uBAAA,CACA,gBlB+BiB,CkB9BjB,SAAA,CACA,eAAA,CACA,eAAA,CAEA,gCACE,aDhEK,CCiEL,uBAAA,CACA,wBDzDM,CC4DR,qBACE,iBAAA,CAIA,2CACE,YDnEG,CC0EX,cACE,oBAAA,CACA,mBAAA,CAEA,wBACE,iBAAA,CCpFF,gBACE,aFOO,CELT,kBACE,YFKS,CEHX,eACE,aFIM,CEFR,0BACE,aFGiB,CEDnB,mCACE,aFVU,CEYZ,4BACE,aFlBa,CGEjB,UAEE,6BCLkB,CDMlB,wBHGU,CpBaR,qBuBnBJ,UAMI,cCLc,CAAA,CxBkBd,yBuBnBJ,UAUI,cCRe,CAAA,CxBiBf,0BuBnBJ,UAcI,cCXc,CAAA,CDgBlB,kBAME,wCC3BqB,CD4BrB,aHzBa,CG+Bf,QACE,kBAAA,CACA,eCvBoB,CD0BtB,SAEE,kBAAA,CACA,eC9ByB,CDgC3B,QAEE,kBAAA,CACA,eCnCyB,CDqC3B,WAEE,kBAAA,CACA,eCxCyB,CD0C3B,UAEE,iBAAA,CACA,eC7CyB,CD+C3B,SAEE,cAAA,CACA,eClDyB,CDqD3B,GACE,cAAA,CACA,eCxDuB,CD2DzB,EACE,sBAAA,CAGF,MAEE,mBAAA,CAGF,0BAEE,eAAA,CACA,aAAA,CAGF,SAGE,kBAAA,CACA,2BAAA,CACA,eAAA,CAGF,GACE,oBAAA,CAGF,EACE,aHpGc,CGqGd,oBAAA,CACA,eCxFyB,CDyFzB,QACE,aAAA,CE5FJ,cACE,YAAA,CACA,QATI,CAUJ,gDAAA,CAII,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,0CACE,wBAAA,CADF,0CACE,wBAAA,CADF,0CACE,wBAAA,CAKF,2CACE,mBAAA,CADF,2CACE,mBAAA,CADF,2CACE,mBAAA,CADF,2CACE,mBAAA,CADF,2CACE,mBAAA,CADF,2CACE,mBAAA,CADF,2CACE,mBAAA,CADF,2CACE,mBAAA,CADF,2CACE,oBAAA,CADF,4CACE,oBAAA,CADF,4CACE,oBAAA,CADF,4CACE,oBAAA,CzBHJ,qByBYM,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,gDACE,wBAAA,CADF,gDACE,wBAAA,CADF,gDACE,wBAAA,CAKF,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,kDACE,oBAFS,CACX,kDACE,oBAFS,CACX,kDACE,oBAFS,CAAA,CzBjBjB,yByBYM,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,iDACE,wBAAA,CADF,iDACE,wBAAA,CADF,iDACE,wBAAA,CAKF,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,mDACE,oBAFS,CACX,mDACE,oBAFS,CACX,mDACE,oBAFS,CAAA,CzBjBjB,0ByBYM,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,gDACE,wBAAA,CADF,gDACE,wBAAA,CADF,gDACE,wBAAA,CAKF,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,kDACE,oBAFS,CACX,kDACE,oBAFS,CACX,kDACE,oBAFS,CAAA,CAUrB,wBACE,gBAAA,CACA,sBAAA,CACA,iBAAA,CAGF,0BACE,uEAAA,CC7BF,0CACE,kBAAA,CACA,oBAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,kBAAA,CACA,SAAA,CCjCF,KACE,gBAAA,CACA,oCAAA",sourcesContent:["@import 'mixins';\n\nhtml {\n --top-header-margin: 55px;\n\n @include fs-breakpoints('large') {\n --top-header-margin: 70px;\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",'// sass-lint:disable no-vendor-prefixes\n\n@mixin foundation-normalize() {\n /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */\n\n // Document\n // ==========================================================================\n\n // 1. Correct the line height in all browsers.\n // 2. Prevent adjustments of font size after orientation changes in iOS.\n\n html {\n line-height: 1.15; // 1\n -webkit-text-size-adjust: 100%; // 2\n }\n\n // Sections\n // ==========================================================================\n\n // Remove the margin in all browsers.\n\n body {\n margin: 0;\n }\n\n // Correct the font size and margin on `h1` elements within `section` and\n // `article` contexts in Chrome, Firefox, and Safari.\n\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n\n // Grouping content\n // ==========================================================================\n\n // 1. Add the correct box sizing in Firefox.\n // 2. Show the overflow in Edge and IE.\n\n hr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n }\n\n // 1. Correct the inheritance and scaling of font size in all browsers.\n // 2. Correct the odd `em` font sizing in all browsers.\n\n pre {\n font-family: monospace, monospace; // 1\n font-size: 1em; // 2\n }\n\n // Text-level semantics\n // ==========================================================================\n\n // Remove the gray background on active links in IE 10.\n\n a {\n background-color: transparent;\n }\n\n // 1. Remove the bottom border in Chrome 57-\n // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n\n abbr[title] {\n border-bottom: 0; // 1\n text-decoration: underline dotted; // 2\n }\n\n // Add the correct font weight in Chrome, Edge, and Safari.\n\n b,\n strong {\n font-weight: bolder;\n }\n\n // 1. Correct the inheritance and scaling of font size in all browsers.\n // 2. Correct the odd `em` font sizing in all browsers.\n\n code,\n kbd,\n samp {\n font-family: monospace, monospace; // 1\n font-size: 1em; // 2\n }\n\n // Add the correct font size in all browsers.\n\n small {\n font-size: 80%;\n }\n\n // Prevent `sub` and `sup` elements from affecting the line height in\n // all browsers.\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n // Embedded content\n // ==========================================================================\n\n // Remove the border on images inside links in IE 10.\n\n img {\n border-style: none;\n }\n\n // Forms\n // ==========================================================================\n\n // 1. Change the font styles in all browsers.\n // 2. Remove the margin in Firefox and Safari.\n\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit; // 1\n font-size: 100%; // 1\n line-height: 1.15; // 1\n margin: 0; // 2\n }\n\n // Show the overflow in IE.\n // 1. Show the overflow in Edge.\n\n button,\n input { // 1\n overflow: visible;\n }\n\n // Remove the inheritance of text transform in Edge, Firefox, and IE.\n // 1. Remove the inheritance of text transform in Firefox.\n\n button,\n select { // 1\n text-transform: none;\n }\n\n // Correct the inability to style clickable types in iOS and Safari.\n\n button,\n [type="button"],\n [type="reset"],\n [type="submit"] {\n -webkit-appearance: button;\n }\n\n // Remove the inner border and padding in Firefox.\n\n button::-moz-focus-inner,\n [type="button"]::-moz-focus-inner,\n [type="reset"]::-moz-focus-inner,\n [type="submit"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n\n // Restore the focus styles unset by the previous rule.\n\n button:-moz-focusring,\n [type="button"]:-moz-focusring,\n [type="reset"]:-moz-focusring,\n [type="submit"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n\n // Correct the padding in Firefox.\n\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n\n // 1. Correct the text wrapping in Edge and IE.\n // 2. Correct the color inheritance from `fieldset` elements in IE.\n // 3. Remove the padding so developers are not caught out when they zero out\n // `fieldset` elements in all browsers.\n\n legend {\n box-sizing: border-box; // 1\n color: inherit; // 2\n display: table; // 1\n max-width: 100%; // 1\n padding: 0; // 3\n white-space: normal; // 1\n }\n\n // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n\n progress {\n vertical-align: baseline;\n }\n\n // Remove the default vertical scrollbar in IE 10+.\n\n textarea {\n overflow: auto;\n }\n\n // 1. Add the correct box sizing in IE 10.\n // 2. Remove the padding in IE 10.\n\n [type="checkbox"],\n [type="radio"] {\n box-sizing: border-box; // 1\n padding: 0; // 2\n }\n\n // Correct the cursor style of increment and decrement buttons in Chrome.\n\n [type="number"]::-webkit-inner-spin-button,\n [type="number"]::-webkit-outer-spin-button {\n height: auto;\n }\n\n // 1. Correct the odd appearance in Chrome and Safari.\n // 2. Correct the outline style in Safari.\n\n [type="search"] {\n -webkit-appearance: textfield; // 1\n outline-offset: -2px; // 2\n }\n\n // Remove the inner padding in Chrome and Safari on macOS.\n\n [type="search"]::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n // 1. Correct the inability to style clickable types in iOS and Safari.\n // 2. Change font properties to `inherit` in Safari.\n\n ::-webkit-file-upload-button {\n -webkit-appearance: button; // 1\n font: inherit; // 2\n }\n\n // Interactive\n // ==========================================================================\n\n // Add the correct display in Edge, IE 10+, and Firefox.\n\n details {\n display: block;\n }\n\n // Add the correct display in all browsers.\n\n summary {\n display: list-item;\n }\n\n // Misc\n // ==========================================================================\n\n // Add the correct display in IE 10+.\n\n template {\n display: none;\n }\n\n // Add the correct display in IE 10.\n\n [hidden] {\n display: none;\n }\n\n // Disable outline when intent is clearly mouse and touch\n [data-whatintent="mouse"],\n [data-whatintent="touch"],\n [data-whatinput="mouse"],\n [data-whatinput="touch"] {\n *, *:focus {\n outline: none;\n }\n }\n\n // Disable iOS callouts when draggable is false\n [draggable=false] {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n }\n}\n','// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n// sass-lint:disable no-color-literals, no-qualifying-elements\n\n////\n/// @group global\n////\n\n@import \'util/util\';\n\n/// Font size attribute applied to `` and ``. We use 100% by default so the value is inherited from the user\'s browser settings.\n/// @type Number\n$global-font-size: 100% !default;\n\n/// Global width of your site. Used by the grid to determine row width.\n/// @type Number\n$global-width: rem-calc(1200) !default;\n\n/// Default line height for all type. `$global-lineheight` is 24px while `$global-font-size` is 16px\n/// @type Number\n$global-lineheight: 1.5 !default;\n\n/// Colors used for buttons, callouts, links, etc. There must always be a color called `primary`.\n/// @type Map\n$foundation-palette: (\n "primary": #1779ba,\n "secondary": #767676,\n "success": #3adb76,\n "warning": #ffae00,\n "alert": #cc4b37,\n) !default;\n\n/// Color used for light gray UI items.\n/// @type Color\n$light-gray: #e6e6e6 !default;\n\n/// Color used for medium gray UI items.\n/// @type Color\n$medium-gray: #cacaca !default;\n\n/// Color used for dark gray UI items.\n/// @type Color\n$dark-gray: #8a8a8a !default;\n\n/// Color used for black ui items.\n/// @type Color\n$black: #0a0a0a !default;\n\n/// Color used for white ui items.\n/// @type Color\n$white: #fefefe !default;\n\n/// Background color of the body.\n/// @type Color\n$body-background: $white !default;\n\n/// Text color of the body.\n/// @type Color\n$body-font-color: $black !default;\n\n/// Font stack of the body.\n/// @type List\n$body-font-family: \'Helvetica Neue\', Helvetica, Roboto, Arial, sans-serif !default;\n\n/// Set to `true` to enable safe padding on the body for non-rectangular devices (i.e. phones with notches)\n/// @type Boolean\n$body-safe-padding: false !default;\n\n/// Set to `true` to enable antialiased type, using the `-webkit-font-smoothing` and `-moz-osx-font-smoothing` CSS properties.\n/// @type Boolean\n$body-antialiased: true !default;\n\n/// Global value used for margin on components.\n/// @type Number\n$global-margin: 1rem !default;\n\n/// Global value used for padding on components.\n/// @type Number\n$global-padding: 1rem !default;\n\n/// Global value used for positioning on components.\n/// @type Number\n$global-position: 1rem !default;\n\n/// Global font weight used for normal type.\n/// @type Keyword | Number\n$global-weight-normal: normal !default;\n\n/// Global font weight used for bold type.\n/// @type Keyword | Number\n$global-weight-bold: bold !default;\n\n/// Global value used for all elements that have a border radius.\n/// @type Number\n$global-radius: 0 !default;\n\n/// Global value used for all menu styles. Can be overwritten at individual menu component level.\n/// @type Number\n$global-menu-padding: 0.7rem 1rem !default;\n\n/// Global value used for all menu styles. Nested margin for submenu.\n$global-menu-nested-margin: 1rem !default;\n\n/// Sets the text direction of the CSS. Can be either `ltr` or `rtl`.\n/// @type Keyword\n$global-text-direction: ltr !default;\n\n/// Enables flexbox for components that support it.\n/// @type Boolean\n$global-flexbox: true !default;\n\n/// Enabled responsive breakpoints for prototypes if applicable\n/// @type Boolean\n$global-prototype-breakpoints: false !default;\n\n/// Button cursor\'s value, `auto` by default\n/// @type Keyword\n$global-button-cursor: auto !default;\n\n@if not map-has-key($foundation-palette, primary) {\n @error \'In $foundation-palette, you must have a color named "primary".\';\n}\n\n// Internal variables used for text direction\n$global-left: if($global-text-direction == rtl, right, left);\n$global-right: if($global-text-direction == rtl, left, right);\n\n// Internal variable that contains the flex justifying options\n$-zf-flex-justify: -zf-flex-justify($global-text-direction);\n\n/// Global tolerance for color pick contrast.\n/// @type Number\n$global-color-pick-contrast-tolerance: 0 !default;\n\n// Internal variables used for colors\n@include add-foundation-colors;\n\n@mixin foundation-global-styles {\n @include foundation-normalize;\n\n // These styles are applied to a tag, which is read by the Foundation JavaScript\n .foundation-mq {\n font-family: \'#{-zf-bp-serialize($breakpoints)}\';\n }\n\n html {\n box-sizing: border-box;\n font-size: $global-font-size;\n }\n\n // Set box-sizing globally to handle padding and border widths\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n\n // Default body styles\n body {\n margin: 0;\n padding: 0;\n\n @if ($body-safe-padding) {\n // using environment variables to account for non-rectangular displays e.g. phones with notches\n padding-top: env(safe-area-inset-top);\n padding-right: env(safe-area-inset-right);\n padding-bottom: env(safe-area-inset-bottom);\n padding-left: env(safe-area-inset-left);\n }\n\n background: $body-background;\n\n font-family: $body-font-family;\n font-weight: $global-weight-normal;\n line-height: $global-lineheight;\n color: $body-font-color;\n\n @if ($body-antialiased) {\n -webkit-font-smoothing: antialiased; // sass-lint:disable-line no-vendor-prefixes\n -moz-osx-font-smoothing: grayscale; // sass-lint:disable-line no-vendor-prefixes\n }\n }\n\n img {\n // Get rid of gap under images by making them display: inline-block; by default\n display: inline-block;\n vertical-align: middle;\n\n // Grid defaults to get images and embeds to work properly\n max-width: 100%;\n height: auto;\n -ms-interpolation-mode: bicubic;\n }\n\n // Make sure textarea takes on height automatically\n textarea {\n height: auto;\n min-height: 50px;\n border-radius: $global-radius;\n }\n\n // Make select elements are 100% width by default\n select {\n box-sizing: border-box;\n width: 100%;\n border-radius: $global-radius;\n }\n\n // Styles Google Maps and MapQuest embeds properly\n // sass-lint:disable-line no-ids\n .map_canvas,\n .mqa-display {\n img,\n embed,\n object {\n max-width: none !important;\n }\n }\n\n // Reset ",name:"type",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"submit"'},{value:'"reset"'}]}},variant:{defaultValue:null,description:"Variant of the button",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},className:{defaultValue:null,description:"Classnames to be added to the button",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dropdown-button.tsx#dropdownbutton"]={docgenInfo:dropdownbutton.__docgenInfo,name:"dropdownbutton",path:"src/components/dropdown-button.tsx#dropdownbutton"})}catch(__react_docgen_typescript_loader_error){}},81458:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{ZP:function(){return src_components_expandable_list}});var slicedToArray=__webpack_require__(34699),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(88674),__webpack_require__(19601),__webpack_require__(27670),__webpack_require__(84865),__webpack_require__(52552),__webpack_require__(70731),__webpack_require__(67294)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),components_button=__webpack_require__(19210),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),expandable_list=__webpack_require__(97161),expandable_list_default=__webpack_require__.n(expandable_list),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()(expandable_list_default(),options),expandable_list_default()&&expandable_list_default().locals&&expandable_list_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["children","numberCollapsedItems","descriptionString","showBullets","extraActions","displayNumberOfHiddenItems","className"],ExpandableMessage=function ExpandableMessage(_ref){var _ref$descriptionStrin=_ref.descriptionString,descriptionString=void 0===_ref$descriptionStrin?"items":_ref$descriptionStrin,expanded=_ref.expanded,setExpanded=_ref.setExpanded,showHideWording=_ref.showHideWording,nHiddenItems=_ref.nHiddenItems,message=(showHideWording?"Hide":"Less")+" "+descriptionString;return expanded||(message=void 0===nHiddenItems?showHideWording?"Show":"More":showHideWording?"Show "+nHiddenItems:nHiddenItems+" more",message+=" "+descriptionString),(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",className:"expandable-list__action",onClick:function onClick(){return setExpanded(!expanded)},"data-testid":"expandable-message",children:message})};ExpandableMessage.displayName="ExpandableMessage";var ExpandableList=function ExpandableList(_ref2){var c=_ref2.children,_ref2$numberCollapsed=_ref2.numberCollapsedItems,numberCollapsedItems=void 0===_ref2$numberCollapsed?5:_ref2$numberCollapsed,_ref2$descriptionStri=_ref2.descriptionString,descriptionString=void 0===_ref2$descriptionStri?"items":_ref2$descriptionStri,showBullets=_ref2.showBullets,extraActions=_ref2.extraActions,displayNumberOfHiddenItems=_ref2.displayNumberOfHiddenItems,className=_ref2.className,props=(0,objectWithoutProperties.Z)(_ref2,_excluded),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),expanded=_useState2[0],setExpanded=_useState2[1],children=react.Children.toArray(c).filter(Boolean);if(!children.length)return null;var enoughChildren=children.length>numberCollapsedItems+1,itemNodes=react.Children.map(children.slice(0,expanded||!enoughChildren?children.length:numberCollapsedItems),(function(child,index){var key=index;return"object"==typeof child&&"key"in child&&child.key&&(key=child.key),(0,jsx_runtime.jsx)("li",{children:child},key)})),actions=null;return(enoughChildren||extraActions)&&(actions=(0,jsx_runtime.jsxs)("li",{children:[enoughChildren&&(0,jsx_runtime.jsx)(ExpandableMessage,{expanded:expanded,setExpanded:setExpanded,descriptionString:descriptionString||"items",showHideWording:0===numberCollapsedItems,nHiddenItems:displayNumberOfHiddenItems?children.length-numberCollapsedItems:void 0}),extraActions]})),(0,jsx_runtime.jsxs)("ul",Object.assign({className:classnames_default()(className,"expandable-list",{"no-bullet":!showBullets})},props,{children:[itemNodes,actions]}))};ExpandableList.displayName="ExpandableList";var src_components_expandable_list=ExpandableList;try{ExpandableMessage.displayName="ExpandableMessage",ExpandableMessage.__docgenInfo={description:"",displayName:"ExpandableMessage",props:{expanded:{defaultValue:null,description:"",name:"expanded",required:!1,type:{name:"boolean"}},setExpanded:{defaultValue:null,description:"",name:"setExpanded",required:!0,type:{name:"(expanded: boolean) => unknown"}},descriptionString:{defaultValue:{value:"items"},description:"",name:"descriptionString",required:!1,type:{name:"string"}},showHideWording:{defaultValue:null,description:"",name:"showHideWording",required:!1,type:{name:"boolean"}},nHiddenItems:{defaultValue:null,description:"",name:"nHiddenItems",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/expandable-list.tsx#ExpandableMessage"]={docgenInfo:ExpandableMessage.__docgenInfo,name:"ExpandableMessage",path:"src/components/expandable-list.tsx#ExpandableMessage"})}catch(__react_docgen_typescript_loader_error){}try{ExpandableList.displayName="ExpandableList",ExpandableList.__docgenInfo={description:"",displayName:"ExpandableList",props:{children:{defaultValue:null,description:"Children as an array of react elements, items of the list",name:"children",required:!1,type:{name:"ReactNode"}},numberCollapsedItems:{defaultValue:{value:"5"},description:"Threshold from which to start hiding items of the list",name:"numberCollapsedItems",required:!1,type:{name:"number"}},descriptionString:{defaultValue:{value:"items"},description:"Description of the items to put in text of the open/close button",name:"descriptionString",required:!1,type:{name:"string"}},showBullets:{defaultValue:null,description:"Wether to show or hide the visual bullet points",name:"showBullets",required:!1,type:{name:"boolean"}},extraActions:{defaultValue:null,description:"Extra element to place alongside the open/close button",name:"extraActions",required:!1,type:{name:"ReactNode"}},displayNumberOfHiddenItems:{defaultValue:null,description:"Wether to display or not the number of hidden elements",name:"displayNumberOfHiddenItems",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"Classnames to be added to the list container",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/expandable-list.tsx#ExpandableList"]={docgenInfo:ExpandableList.__docgenInfo,name:"ExpandableList",path:"src/components/expandable-list.tsx#ExpandableList"})}catch(__react_docgen_typescript_loader_error){}try{expandablelist.displayName="expandablelist",expandablelist.__docgenInfo={description:"",displayName:"expandablelist",props:{children:{defaultValue:null,description:"Children as an array of react elements, items of the list",name:"children",required:!1,type:{name:"ReactNode"}},numberCollapsedItems:{defaultValue:{value:"5"},description:"Threshold from which to start hiding items of the list",name:"numberCollapsedItems",required:!1,type:{name:"number"}},descriptionString:{defaultValue:{value:"items"},description:"Description of the items to put in text of the open/close button",name:"descriptionString",required:!1,type:{name:"string"}},showBullets:{defaultValue:null,description:"Wether to show or hide the visual bullet points",name:"showBullets",required:!1,type:{name:"boolean"}},extraActions:{defaultValue:null,description:"Extra element to place alongside the open/close button",name:"extraActions",required:!1,type:{name:"ReactNode"}},displayNumberOfHiddenItems:{defaultValue:null,description:"Wether to display or not the number of hidden elements",name:"displayNumberOfHiddenItems",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"Classnames to be added to the list container",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/expandable-list.tsx#expandablelist"]={docgenInfo:expandablelist.__docgenInfo,name:"expandablelist",path:"src/components/expandable-list.tsx#expandablelist"})}catch(__react_docgen_typescript_loader_error){}},38893:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return src_components_external_link}});var objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),utils=__webpack_require__(31365),external_link=__webpack_require__(3426),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_external_link=__webpack_require__(37360),external_link_default=__webpack_require__.n(components_external_link),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()(external_link_default(),options),external_link_default()&&external_link_default().locals&&external_link_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["children","url","tidyUrl","newTab","className","rel","noIcon"],ExternalLink=function ExternalLink(_ref){var children=_ref.children,url=_ref.url,_ref$tidyUrl=_ref.tidyUrl,tidyUrl=void 0!==_ref$tidyUrl&&_ref$tidyUrl,_ref$newTab=_ref.newTab,newTab=void 0===_ref$newTab||_ref$newTab,className=_ref.className,rel=_ref.rel,_ref$noIcon=_ref.noIcon,noIcon=void 0!==_ref$noIcon&&_ref$noIcon,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsxs)("a",Object.assign({},props,{className:classnames_default()("external-link",className),rel:classnames_default()("noopener",rel),href:url},newTab?{target:"_blank"}:{},{children:[children||(tidyUrl?(0,utils.HA)(url):url),!noIcon&&(0,jsx_runtime.jsx)(external_link.Z,{"data-testid":"external-link-icon",width:12.5})]}))};ExternalLink.displayName="ExternalLink";var src_components_external_link=ExternalLink;try{externallink.displayName="externallink",externallink.__docgenInfo={description:"",displayName:"externallink",props:{url:{defaultValue:null,description:"The location that is visted when clicked",name:"url",required:!0,type:{name:"string"}},newTab:{defaultValue:{value:"true"},description:"Decides if a new browser tab should be opened or not, defaults to true",name:"newTab",required:!1,type:{name:"boolean"}},tidyUrl:{defaultValue:{value:"false"},description:"",name:"tidyUrl",required:!1,type:{name:"boolean"}},noIcon:{defaultValue:{value:"false"},description:"",name:"noIcon",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/external-link.tsx#externallink"]={docgenInfo:externallink.__docgenInfo,name:"externallink",path:"src/components/external-link.tsx#externallink"})}catch(__react_docgen_typescript_loader_error){}},20563:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return src_components_histogram}});__webpack_require__(74916),__webpack_require__(41817),__webpack_require__(52552),__webpack_require__(99217),__webpack_require__(73494),__webpack_require__(22560),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559);var toConsumableArray=__webpack_require__(87329),slicedToArray=__webpack_require__(34699),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(33948),__webpack_require__(19601),__webpack_require__(7609),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(46627),__webpack_require__(84865),__webpack_require__(70731),__webpack_require__(67294)),d3=__webpack_require__(69882),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),useSize=__webpack_require__(66303),jsx_runtime=__webpack_require__(85893),XAxis=function XAxis(_ref){var min=_ref.min,max=_ref.max,interval=_ref.interval,yPos=_ref.yPos,label=_ref.label,d3Container=(0,react.useRef)(null),_useSize=(0,useSize.Z)(d3Container),size=(0,slicedToArray.Z)(_useSize,1)[0];(0,react.useEffect)((function(){if(null!=size&&size.width&&d3Container.current){var scale=(0,d3.BYU)().domain([min,max]).range([0,size.width]),axis=(0,d3.LLu)(scale).tickValues((0,d3.w6H)(min,max+interval,interval)).tickPadding(6);axis.tickSize(0);var svg=(0,d3.Ys)(d3Container.current);svg.selectAll("*").remove(),svg.append("g").call(axis),svg.append("text").attr("transform","translate("+size.width/2+", 40)").style("text-anchor","middle").text(label)}}),[interval,label,max,min,null==size?void 0:size.width]);var style=(0,react.useMemo)((function(){return{top:yPos}}),[yPos]);return(0,jsx_runtime.jsx)("svg",{style:style,width:"100%",height:80,ref:d3Container})};XAxis.displayName="XAxis";var histogram_x_axis=XAxis;try{histogramxaxis.displayName="histogramxaxis",histogramxaxis.__docgenInfo={description:"",displayName:"histogramxaxis",props:{min:{defaultValue:null,description:"The start point of the axis",name:"min",required:!0,type:{name:"number"}},max:{defaultValue:null,description:"The end point of the axis",name:"max",required:!0,type:{name:"number"}},interval:{defaultValue:null,description:"Interval size between each tick",name:"interval",required:!0,type:{name:"number"}},yPos:{defaultValue:null,description:"The top offset to vertically shift the axis",name:"yPos",required:!0,type:{name:"number"}},label:{defaultValue:null,description:"Label to appear under the axis",name:"label",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/histogram-x-axis.tsx#histogramxaxis"]={docgenInfo:histogramxaxis.__docgenInfo,name:"histogramxaxis",path:"src/components/histogram-x-axis.tsx#histogramxaxis"})}catch(__react_docgen_typescript_loader_error){}var YAxis=function YAxis(_ref){var scale=_ref.scale,height=_ref.height,label=_ref.label,d3Container=(0,react.useRef)(null);return(0,react.useEffect)((function(){if(d3Container.current){var axis=(0,d3.y4O)(scale).tickPadding(6);axis.tickSize(0);var svg=(0,d3.Ys)(d3Container.current);svg.selectAll("*").remove(),svg.append("g").attr("transform","translate(50, 0)").call(axis),svg.append("text").attr("transform","rotate(-90)").attr("y",20).attr("x",-height/2).style("text-anchor","middle").text(label)}}),[height,label,scale]),(0,jsx_runtime.jsx)("svg",{width:80,height:height,ref:d3Container,className:"y-axis"})};YAxis.displayName="YAxis";var histogram_y_axis=YAxis;try{histogramyaxis.displayName="histogramyaxis",histogramyaxis.__docgenInfo={description:"",displayName:"histogramyaxis",props:{scale:{defaultValue:null,description:"D3 scale function",name:"scale",required:!0,type:{name:"ScaleLinear"}},height:{defaultValue:null,description:"The height of axis component",name:"height",required:!0,type:{name:"number"}},label:{defaultValue:null,description:"Label to appear to the left of the axis",name:"label",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/histogram-y-axis.tsx#histogramyaxis"]={docgenInfo:histogramyaxis.__docgenInfo,name:"histogramyaxis",path:"src/components/histogram-y-axis.tsx#histogramyaxis"})}catch(__react_docgen_typescript_loader_error){}var injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_histogram=__webpack_require__(31375),histogram_default=__webpack_require__.n(components_histogram),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()(histogram_default(),options),histogram_default()&&histogram_default().locals&&histogram_default().locals;var _excluded=["selectedRange","values","unfilteredValues","nBins","min","max","height","binSize","xLabel","yLabel","unfilteredValuesShadow","className","children"];function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1)&&console.warn('Loader\'s "progress" prop needs to be within [0, 1], it is now "'+progress+'"'),p=progress),(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()("loader-container",className)},props,{children:[(0,jsx_runtime.jsx)(protein.Z,{className:"loader",width:"100",height:"100"}),p&&(0,jsx_runtime.jsx)("span",{className:"loader-container__progress",children:(0,jsx_runtime.jsxs)("progress",{title:"Progress: "+Math.floor(100*p)+"%",value:p,children:[Math.floor(100*p),"%"]})})]}))};Loader.displayName="Loader";var src_components_loader=Loader;try{loader.displayName="loader",loader.__docgenInfo={description:"",displayName:"loader",props:{progress:{defaultValue:null,description:"",name:"progress",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/loader.tsx#loader"]={docgenInfo:loader.__docgenInfo,name:"loader",path:"src/components/loader.tsx#loader"})}catch(__react_docgen_typescript_loader_error){}},86416:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return src_components_main_search}});var objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(84865),__webpack_require__(97973),__webpack_require__(70731),__webpack_require__(85827),__webpack_require__(19601),__webpack_require__(67294)),dropdown_button=__webpack_require__(64424),components_button=__webpack_require__(19210),colours=__webpack_require__(65241),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),main_search=__webpack_require__(69236),main_search_default=__webpack_require__.n(main_search),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()(main_search_default(),options),main_search_default()&&main_search_default().locals&&main_search_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["searchTerm","namespaces","onTextChange","onSubmit","onNamespaceChange","selectedNamespace","secondaryButtons"],MainSearch=function MainSearch(_ref){var searchTerm=_ref.searchTerm,_ref$namespaces=_ref.namespaces,namespaces=void 0===_ref$namespaces?{}:_ref$namespaces,onTextChange=_ref.onTextChange,onSubmit=_ref.onSubmit,onNamespaceChange=_ref.onNamespaceChange,selectedNamespace=_ref.selectedNamespace,secondaryButtons=_ref.secondaryButtons,props=(0,objectWithoutProperties.Z)(_ref,_excluded),style=(0,react.useMemo)((function(){return{"--main-button-color":colours[selectedNamespace]||colours.seaBlue}}),[selectedNamespace]),inputStyle=(0,react.useMemo)((function(){var count=secondaryButtons&&function countCharacters(items){return items.reduce((function(prev,curr){return prev+curr.length}),0)}(secondaryButtons.map((function(_ref2){return _ref2.label})));return count?{"--input-padding":count+"ch"}:void 0}),[secondaryButtons]);return(0,jsx_runtime.jsxs)("form",{onSubmit:onSubmit,"aria-label":"Main search",className:"main-search",children:[Object.keys(namespaces).length>0&&onNamespaceChange&&(0,jsx_runtime.jsx)(dropdown_button.Lt,{visibleElement:(0,jsx_runtime.jsx)(components_button.Z,{variant:"primary",style:style,children:namespaces[selectedNamespace||Object.keys(namespaces)[0]]}),propChangeToClose:selectedNamespace,children:(0,jsx_runtime.jsx)("ul",{className:"no-bullet",children:Object.keys(namespaces).map((function(key){return(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",onClick:function onClick(){onNamespaceChange(key)},children:namespaces[key]})},key)}))})}),(0,jsx_runtime.jsxs)("div",{className:"main-search__input-container",children:[(0,jsx_runtime.jsx)("input",Object.assign({type:"search","aria-label":"Text query"+(selectedNamespace?" in "+selectedNamespace:""),onChange:function onChange(e){return onTextChange(e.target.value)},value:searchTerm,style:inputStyle},props)),secondaryButtons&&(0,jsx_runtime.jsx)("div",{className:"main-search__secondary-container",children:secondaryButtons.map((function(_ref3,index){var label=_ref3.label,action=_ref3.action;return(0,jsx_runtime.jsxs)(react.Fragment,{children:[index>0&&(0,jsx_runtime.jsx)("small",{children:" | "}),(0,jsx_runtime.jsx)("button",{type:"button",onClick:action,className:"main-search--secondary",children:(0,jsx_runtime.jsx)("small",{children:label})},label)]},index)}))})]}),(0,jsx_runtime.jsx)(components_button.Z,{type:"submit",children:"Search"})]})};MainSearch.displayName="MainSearch";var src_components_main_search=MainSearch;try{mainsearch.displayName="mainsearch",mainsearch.__docgenInfo={description:"",displayName:"mainsearch",props:{onSubmit:{defaultValue:null,description:"Action performed upon search submission",name:"onSubmit",required:!1,type:{name:"((e: SyntheticEvent) => void) & FormEventHandler"}},onTextChange:{defaultValue:null,description:"What happens when text is typed in the search box",name:"onTextChange",required:!0,type:{name:"(selectedValue: string) => void"}},searchTerm:{defaultValue:null,description:"The search term",name:"searchTerm",required:!1,type:{name:"string"}},namespaces:{defaultValue:{value:"{}"},description:"An object representing the different namespace options",name:"namespaces",required:!1,type:{name:"Record"}},onNamespaceChange:{defaultValue:null,description:"What happens when a namespace is changed in the dropdown",name:"onNamespaceChange",required:!1,type:{name:"((namespace: string) => void)"}},selectedNamespace:{defaultValue:null,description:"The selected namespace in the dropdown",name:"selectedNamespace",required:!1,type:{name:"string"}},secondaryButtons:{defaultValue:null,description:"A list of objects representing secondary buttons and their actions",name:"secondaryButtons",required:!1,type:{name:"{ label: string; action: () => void; }[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/main-search.tsx#mainsearch"]={docgenInfo:mainsearch.__docgenInfo,name:"mainsearch",path:"src/components/main-search.tsx#mainsearch"})}catch(__react_docgen_typescript_loader_error){}},91317:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return src_components_message}});var objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),information=__webpack_require__(96502),warning_triangle=__webpack_require__(53038),error=__webpack_require__(92652),success=__webpack_require__(36544),times=__webpack_require__(74070),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_message=__webpack_require__(15022),message_default=__webpack_require__.n(components_message),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()(message_default(),options),message_default()&&message_default().locals&&message_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["children","level","heading","subtitle","onDismiss","noIcon","noShadow","className"],Message=function Message(_ref){var children=_ref.children,_ref$level=_ref.level,level=void 0===_ref$level?"info":_ref$level,heading=_ref.heading,subtitle=_ref.subtitle,onDismiss=_ref.onDismiss,noIcon=_ref.noIcon,noShadow=_ref.noShadow,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded),maybeIcon=null,iconAlign=heading?"message--icon-align-center":"message--icon-align-top";return noIcon||(maybeIcon=(0,jsx_runtime.jsx)(information.Z,{width:"1.125em",height:"1.125em",className:iconAlign}),"warning"===level?maybeIcon=(0,jsx_runtime.jsx)(warning_triangle.Z,{width:"1.125em",height:"1.125em",className:iconAlign}):"failure"===level?maybeIcon=(0,jsx_runtime.jsx)(error.Z,{width:"1.125em",height:"1.125em",className:iconAlign}):"success"===level&&(maybeIcon=(0,jsx_runtime.jsx)(success.Z,{width:"1.125em",height:"1.125em",className:iconAlign}))),(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()(className,"message","message--"+level,{"message--no-shadow":noShadow}),role:"status"},props,{children:[(0,jsx_runtime.jsx)("div",{className:"message__side-border"}),maybeIcon,heading?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{className:classnames_default()("message__title",{"message__title--no-icon":noIcon}),children:heading}),(0,jsx_runtime.jsx)("div",{className:"message__text",children:children})]}):(0,jsx_runtime.jsx)("div",{className:"message__title",children:children}),onDismiss&&(0,jsx_runtime.jsx)("button",{type:"button",className:"message__dismiss",onClick:onDismiss,children:(0,jsx_runtime.jsx)(times.Z,{width:"10",height:"10"})}),subtitle&&(0,jsx_runtime.jsx)("div",{className:"message__subtitle",children:subtitle})]}))};Message.displayName="Message";var src_components_message=Message;try{message.displayName="message",message.__docgenInfo={description:"",displayName:"message",props:{level:{defaultValue:{value:"info"},description:"The message level: 'warning', 'failure', 'success', 'info' (default)",name:"level",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"failure"'},{value:'"success"'},{value:'"info"'}]}},heading:{defaultValue:null,description:"The title of the message",name:"heading",required:!1,type:{name:"ReactNode"}},subtitle:{defaultValue:null,description:"The content to appear underneath of the main message",name:"subtitle",required:!1,type:{name:"ReactNode"}},onDismiss:{defaultValue:null,description:"Whether the message can be closed or not",name:"onDismiss",required:!1,type:{name:"((event: MouseEvent) => void)"}},noIcon:{defaultValue:null,description:"To hide the default message icon",name:"noIcon",required:!1,type:{name:"boolean"}},noShadow:{defaultValue:null,description:"To hide the default box shadow",name:"noShadow",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/message.tsx#message"]={docgenInfo:message.__docgenInfo,name:"message",path:"src/components/message.tsx#message"})}catch(__react_docgen_typescript_loader_error){}},20703:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return src_components_search_input}});var objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(67294)),spinner=__webpack_require__(43653),times=__webpack_require__(74070),search=__webpack_require__(30601),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),search_input=__webpack_require__(39650),search_input_default=__webpack_require__.n(search_input),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()(search_input_default(),options),search_input_default()&&search_input_default().locals&&search_input_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["value","onChange","onKeyDown","placeholder","isLoading"],SearchInput=function SearchInput(_ref){var icon,value=_ref.value,onChange=_ref.onChange,onKeyDown=_ref.onKeyDown,placeholder=_ref.placeholder,_ref$isLoading=_ref.isLoading,isLoading=void 0!==_ref$isLoading&&_ref$isLoading,props=(0,objectWithoutProperties.Z)(_ref,_excluded),inputRef=(0,react.useRef)(null),handleSuffixInteraction=function handleSuffixInteraction(){var _inputRef$current;null==inputRef||null===(_inputRef$current=inputRef.current)||void 0===_inputRef$current||_inputRef$current.focus(),value&&!isLoading&&(null==onChange||onChange({target:{value:""}}))};return icon=isLoading?(0,jsx_runtime.jsx)(spinner.Z,{width:14,height:14}):value?(0,jsx_runtime.jsx)(times.Z,{width:14,height:14}):(0,jsx_runtime.jsx)(search.Z,{width:14,height:14}),(0,jsx_runtime.jsxs)("span",{className:"search-input",children:[(0,jsx_runtime.jsx)("input",Object.assign({"data-testid":"search-input",type:"search",value:value,onChange:onChange,onKeyDown:onKeyDown,placeholder:placeholder,ref:inputRef},props)),(0,jsx_runtime.jsx)("span",{"data-testid":"search-input-suffix",role:"presentation",className:"search-input__suffix",onKeyPress:handleSuffixInteraction,onClick:handleSuffixInteraction,children:icon})]})};SearchInput.displayName="SearchInput";var src_components_search_input=SearchInput;try{searchinput.displayName="searchinput",searchinput.__docgenInfo={description:"",displayName:"searchinput",props:{value:{defaultValue:null,description:"The value to display in the text input.",name:"value",required:!1,type:{name:"string | (string & readonly string[])"}},onChange:{defaultValue:null,description:"Value change callback for the text input component.",name:"onChange",required:!1,type:{name:"ChangeEventHandler"}},onKeyDown:{defaultValue:null,description:"Key pressed callback for the text input component.",name:"onKeyDown",required:!1,type:{name:"(((event: KeyboardEvent) => void) & KeyboardEventHandler)"}},placeholder:{defaultValue:null,description:"Text to place in the text input component in the absence of value.",name:"placeholder",required:!1,type:{name:"string"}},isLoading:{defaultValue:{value:"false"},description:"Text to place in the text input component in the absence of value.",name:"isLoading",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/search-input.tsx#searchinput"]={docgenInfo:searchinput.__docgenInfo,name:"searchinput",path:"src/components/search-input.tsx#searchinput"})}catch(__react_docgen_typescript_loader_error){}},2771:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(89893),__webpack_require__(52552);var _utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(31365),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(85893);__webpack_exports__.Z=function SubstringHighlight(_ref){var string=_ref.children,substring=_ref.substring;if(!string||!substring)return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:string});var trimmed=substring.trim(),i=(0,_utils__WEBPACK_IMPORTED_MODULE_3__.uf)(string,trimmed);if(i<0)return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:string});var prestring=string.slice(0,i),highlight=string.slice(i,i+trimmed.length),poststring=string.slice(i+trimmed.length);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[prestring,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("mark",{children:highlight}),poststring]})};try{substringhighlight.displayName="substringhighlight",substringhighlight.__docgenInfo={description:"",displayName:"substringhighlight",props:{substring:{defaultValue:null,description:"",name:"substring",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/substring-highlight.tsx#substringhighlight"]={docgenInfo:substringhighlight.__docgenInfo,name:"substringhighlight",path:"src/components/substring-highlight.tsx#substringhighlight"})}catch(__react_docgen_typescript_loader_error){}},98330:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return window_window}});var classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),objectWithoutProperties=__webpack_require__(81253),times=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(74070)),jsx_runtime=__webpack_require__(85893),_excluded=["iconOnly","text","onClick"],WindowActionButton=function WindowActionButton(_ref){var _cn,icon=_ref.icon,text=_ref.text,onClick=_ref.onClick,_ref$primary=_ref.primary,primary=void 0!==_ref$primary&&_ref$primary,className=_ref.className,iconOnly=icon&&!text;return(0,jsx_runtime.jsxs)("button",{className:classnames_default()("window__action-button",className,(_cn={},_cn["window__action-button--icon-only"]=!!iconOnly,_cn.button=!iconOnly,_cn.secondary=!iconOnly&&!primary,_cn)),onClick:onClick,type:"button",children:[icon&&icon,text&&text]})};WindowActionButton.displayName="WindowActionButton";var DefaultCloseButton=function DefaultCloseButton(_ref2){var _cn2,_ref2$iconOnly=_ref2.iconOnly,iconOnly=void 0!==_ref2$iconOnly&&_ref2$iconOnly,onClick=(_ref2.text,_ref2.onClick),otherProps=(0,objectWithoutProperties.Z)(_ref2,_excluded);return(0,jsx_runtime.jsx)(WindowActionButton,Object.assign({className:classnames_default()("window__default-close-button",(_cn2={},_cn2["window__default-close-button--icon-only"]=!!iconOnly,_cn2)),icon:iconOnly?(0,jsx_runtime.jsx)(times.Z,{width:"10",height:"10"}):null,text:iconOnly?void 0:"Close",primary:!iconOnly,onClick:onClick},otherProps))};DefaultCloseButton.displayName="DefaultCloseButton";try{WindowActionButton.displayName="WindowActionButton",WindowActionButton.__docgenInfo={description:"",displayName:"WindowActionButton",props:{icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},text:{defaultValue:null,description:"",name:"text",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"() => void"}},primary:{defaultValue:{value:"false"},description:"",name:"primary",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/window/window-buttons.tsx#WindowActionButton"]={docgenInfo:WindowActionButton.__docgenInfo,name:"WindowActionButton",path:"src/components/window/window-buttons.tsx#WindowActionButton"})}catch(__react_docgen_typescript_loader_error){}try{DefaultCloseButton.displayName="DefaultCloseButton",DefaultCloseButton.__docgenInfo={description:"",displayName:"DefaultCloseButton",props:{iconOnly:{defaultValue:{value:"false"},description:"",name:"iconOnly",required:!1,type:{name:"boolean"}},text:{defaultValue:null,description:"",name:"text",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/window/window-buttons.tsx#DefaultCloseButton"]={docgenInfo:DefaultCloseButton.__docgenInfo,name:"DefaultCloseButton",path:"src/components/window/window-buttons.tsx#DefaultCloseButton"})}catch(__react_docgen_typescript_loader_error){}var WindowHeader=function WindowHeader(_ref){var title=_ref.title,withCloseButton=_ref.withCloseButton,onWindowClose=_ref.onWindowClose;return(0,jsx_runtime.jsxs)("div",{className:"window__header",children:[(0,jsx_runtime.jsx)("span",{className:"window__header__title",children:title}),withCloseButton&&onWindowClose&&(0,jsx_runtime.jsx)(DefaultCloseButton,{onClick:onWindowClose,iconOnly:!0})]})};WindowHeader.displayName="WindowHeader";var window_header=WindowHeader;try{windowheader.displayName="windowheader",windowheader.__docgenInfo={description:"",displayName:"windowheader",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},withCloseButton:{defaultValue:null,description:"",name:"withCloseButton",required:!1,type:{name:"boolean"}},onWindowClose:{defaultValue:null,description:"",name:"onWindowClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/window/window-header.tsx#windowheader"]={docgenInfo:windowheader.__docgenInfo,name:"windowheader",path:"src/components/window/window-header.tsx#windowheader"})}catch(__react_docgen_typescript_loader_error){}var WindowFooter=function WindowFooter(_ref){var withCloseButton=_ref.withCloseButton,onWindowClose=_ref.onWindowClose,children=_ref.children;return(0,jsx_runtime.jsxs)("div",{className:"window__footer",children:[children,withCloseButton&&onWindowClose&&(0,jsx_runtime.jsx)(DefaultCloseButton,{onClick:onWindowClose,text:"Close"})]})};WindowFooter.displayName="WindowFooter";var window_footer=WindowFooter;try{windowfooter.displayName="windowfooter",windowfooter.__docgenInfo={description:"",displayName:"windowfooter",props:{withCloseButton:{defaultValue:null,description:"",name:"withCloseButton",required:!1,type:{name:"boolean"}},onWindowClose:{defaultValue:null,description:"",name:"onWindowClose",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/window/window-footer.tsx#windowfooter"]={docgenInfo:windowfooter.__docgenInfo,name:"windowfooter",path:"src/components/window/window-footer.tsx#windowfooter"})}catch(__react_docgen_typescript_loader_error){}var injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_window=__webpack_require__(47888),window_default=__webpack_require__.n(components_window),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()(window_default(),options),window_default()&&window_default().locals&&window_default().locals;var Window=function Window(_ref){var _cn,_ref$width=_ref.width,width=void 0===_ref$width?"50vw":_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?"50vh":_ref$height,title=_ref.title,_ref$withHeaderCloseB=_ref.withHeaderCloseButton,withHeaderCloseButton=void 0!==_ref$withHeaderCloseB&&_ref$withHeaderCloseB,_ref$withFooterCloseB=_ref.withFooterCloseButton,withFooterCloseButton=void 0!==_ref$withFooterCloseB&&_ref$withFooterCloseB,onWindowOpen=_ref.onWindowOpen,onWindowClose=_ref.onWindowClose,actionButtons=_ref.actionButtons,_ref$withShadow=_ref.withShadow,withShadow=void 0!==_ref$withShadow&&_ref$withShadow,className=_ref.className,children=_ref.children,styles={width:width,minHeight:height,top:"calc((80vh - "+height+") / 2)",left:"calc((100vw - "+width+") / 2)"},cssClasses=classnames_default()("window",className,((_cn={})["window--with-shadow"]=!!withShadow,_cn));return null==onWindowOpen||onWindowOpen(),(0,jsx_runtime.jsxs)("div",{className:cssClasses,style:styles,children:[title&&(0,jsx_runtime.jsx)(window_header,{title:title,withCloseButton:withHeaderCloseButton,onWindowClose:onWindowClose}),(0,jsx_runtime.jsx)("div",{className:"window__content",children:children}),(withFooterCloseButton||actionButtons)&&(0,jsx_runtime.jsx)(window_footer,{withCloseButton:withFooterCloseButton,onWindowClose:onWindowClose,children:actionButtons&&actionButtons})]})};Window.displayName="Window";var window_window=Window;try{window.displayName="window",window.__docgenInfo={description:"",displayName:"window",props:{width:{defaultValue:{value:"50vw"},description:"",name:"width",required:!1,type:{name:"string"}},height:{defaultValue:{value:"50vh"},description:"",name:"height",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},withHeaderCloseButton:{defaultValue:{value:"false"},description:"",name:"withHeaderCloseButton",required:!1,type:{name:"boolean"}},withFooterCloseButton:{defaultValue:{value:"false"},description:"",name:"withFooterCloseButton",required:!1,type:{name:"boolean"}},onWindowOpen:{defaultValue:null,description:"",name:"onWindowOpen",required:!1,type:{name:"(() => void)"}},onWindowClose:{defaultValue:null,description:"",name:"onWindowClose",required:!1,type:{name:"(() => void)"}},withShadow:{defaultValue:{value:"false"},description:"",name:"withShadow",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},actionButtons:{defaultValue:null,description:"",name:"actionButtons",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/window/window.tsx#window"]={docgenInfo:window.__docgenInfo,name:"window",path:"src/components/window/window.tsx#window"})}catch(__react_docgen_typescript_loader_error){}},22390:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{zF:function(){return columns},Si:function(){return DataLoaderDecorator},Y_:function(){return DataDecorator}});var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(87329),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(34699),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(81253),react__WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__(19601),__webpack_require__(84865),__webpack_require__(99217),__webpack_require__(34102),__webpack_require__(70731),__webpack_require__(67294)),_mock_data_lipsum__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(78645),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(38893),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(85893),_excluded=["children"],_excluded2=["children"],getIdKey=function getIdKey(datum){return datum.id},columns=[{label:"Column 1",name:"content1",tooltip:"Some content for the tooltip",render:function render(row){return row.content1},sortable:!0,sorted:"descend"},{label:"Column 2",name:"content2",tooltip:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:["Some ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("strong",{children:"richer"})," content for the tooltip with a"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components__WEBPACK_IMPORTED_MODULE_7__.Z,{url:"https://www.uniprot.org",children:"link"})]}),render:function render(row){return row.content2}},{label:"Column 3",name:"content3",tooltip:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:["Some ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("strong",{children:"richer"})," content for the tooltip with a"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a",{href:"https://www.uniprot.org",children:"link"})]}),render:function render(row){return row.content3},sortable:!0},{label:"Column 4",name:"content4",render:function render(row){return row.content4},width:"30vw",sortable:!0},{label:function label(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:["Column 5 ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("small",{children:"FC"})]})},name:"content5",render:function render(row){return row.content5}}],generateData=function generateData(numberElements){return(0,_mock_data_lipsum__WEBPACK_IMPORTED_MODULE_8__.JS)({keys:columns.map((function(column){return column.name})),numberElements:numberElements})},DataLoaderDecorator=function DataLoaderDecorator(_ref){var children=_ref.children,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__.Z)(_ref,_excluded),loadingData=!1,_useState=(0,react__WEBPACK_IMPORTED_MODULE_5__.useState)(generateData(1)),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_10__.Z)(_useState,2),data=_useState2[0],setData=_useState2[1];var hasMoreData=data.length<50;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",Object.assign({},props,{children:children({data:data,getIdKey:getIdKey,columns:columns,hasMoreData:hasMoreData,onLoadMoreItems:function onLoadMoreItems(){if(loadingData)return null;loadingData=!0;var numberDataPoints=Math.min(6,50-data.length),moreData=generateData(numberDataPoints);return setTimeout((function(){loadingData=!1,setData([].concat((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_11__.Z)(data),(0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_11__.Z)(moreData)))}),750)}})}))};DataLoaderDecorator.displayName="DataLoaderDecorator";var DataDecorator=function DataDecorator(_ref2){var children=_ref2.children,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__.Z)(_ref2,_excluded2);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",Object.assign({},props,{children:children({data:generateData(50),getIdKey:getIdKey,columns:columns})}))};DataDecorator.displayName="DataDecorator";try{DataLoaderDecorator.displayName="DataLoaderDecorator",DataLoaderDecorator.__docgenInfo={description:"",displayName:"DataLoaderDecorator",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/DataDecorator.tsx#DataLoaderDecorator"]={docgenInfo:DataLoaderDecorator.__docgenInfo,name:"DataLoaderDecorator",path:"src/decorators/DataDecorator.tsx#DataLoaderDecorator"})}catch(__react_docgen_typescript_loader_error){}try{DataDecorator.displayName="DataDecorator",DataDecorator.__docgenInfo={description:"",displayName:"DataDecorator",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/DataDecorator.tsx#DataDecorator"]={docgenInfo:DataDecorator.__docgenInfo,name:"DataDecorator",path:"src/decorators/DataDecorator.tsx#DataDecorator"})}catch(__react_docgen_typescript_loader_error){}},9633:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__(33948),__webpack_require__(74916),__webpack_require__(41817),__webpack_require__(7609),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(73494),__webpack_require__(22560),__webpack_require__(52552),__webpack_require__(99217),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559);var react__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(67294),lodash_es__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(79481),timing_functions__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(53457);function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i input[type="checkbox"]');if(null!=allCheckboxes&&allCheckboxes.length){var checkedCheckboxes=checkboxContainer.querySelectorAll('.checkbox-cell > input[type="checkbox"]:checked');null!=checkedCheckboxes&&checkedCheckboxes.length&&allCheckboxes.length!==checkedCheckboxes.length?(selectAllCheckbox.checked=!0,selectAllCheckbox.indeterminate=!0):(selectAllCheckbox.checked=Boolean(null==checkedCheckboxes?void 0:checkedCheckboxes.length),selectAllCheckbox.indeterminate=!1)}else selectAllCheckbox.checked=!1,selectAllCheckbox.indeterminate=!1}}),0,{leading:!1});__webpack_exports__.ZP=function useDataCheckboxes(onSelectionChange){var privateSelectAllRef=(0,react__WEBPACK_IMPORTED_MODULE_13__.useRef)(null),privateCheckboxContainerRef=(0,react__WEBPACK_IMPORTED_MODULE_13__.useRef)(null),lastTickedRef=(0,react__WEBPACK_IMPORTED_MODULE_13__.useRef)(null);return{selectAllRef:(0,react__WEBPACK_IMPORTED_MODULE_13__.useCallback)((function(selectAll){if(privateSelectAllRef.current=selectAll,selectAll){var listener=function listener(){var _privateCheckboxConta,allCheckboxes=null===(_privateCheckboxConta=privateCheckboxContainerRef.current)||void 0===_privateCheckboxConta?void 0:_privateCheckboxConta.querySelectorAll('.checkbox-cell > input[type="checkbox"]');if(null!=allCheckboxes&&allCheckboxes.length){var shouldBeChecked=selectAll.checked;selectAll.disabled=!0,(0,timing_functions__WEBPACK_IMPORTED_MODULE_14__.Os)().then((function(){var _step,_iterator=_createForOfIteratorHelper(allCheckboxes.values());try{for(_iterator.s();!(_step=_iterator.n()).done;){var checkbox=_step.value;shouldBeChecked!==checkbox.checked&&checkbox.click()}}catch(err){_iterator.e(err)}finally{_iterator.f()}selectAll.disabled=!1}))}};return selectAll.addEventListener("click",listener),function(){selectAll.removeEventListener("click",listener)}}}),[]),checkboxContainerRef:(0,react__WEBPACK_IMPORTED_MODULE_13__.useCallback)((function(checkboxContainer){if(privateCheckboxContainerRef.current=checkboxContainer,onSelectionChange&&checkboxContainer){var listener=function listener(event){var _target$parentElement,target=event.target;if((event instanceof MouseEvent||event instanceof KeyboardEvent)&&target instanceof HTMLElement&&null!==(_target$parentElement=target.parentElement)&&void 0!==_target$parentElement&&_target$parentElement.matches(".checkbox-cell")){var _window$getSelection;if(event.shiftKey)null===(_window$getSelection=window.getSelection())||void 0===_window$getSelection||_window$getSelection.removeAllRanges();if(target instanceof HTMLInputElement){if(event.shiftKey){var checkboxes=Array.from(checkboxContainer.querySelectorAll('.checkbox-cell > input[type="checkbox"]')||[]),firstIndex=Math.max(0,lastTickedRef.current?checkboxes.indexOf(lastTickedRef.current):0),lastIndex=checkboxes.indexOf(target);if(lastIndex1);return mu+sigma*y*Math.sqrt(-2*Math.log(r)/r)}(mu,sigma)}));return void 0!==min||void 0!==max?values.map((function(number){return void 0!==min&&numbermax?max:number})):values},getUniformSample=function getUniformSample(min,max,n){return Array.from({length:n},(function(){return Math.random()*(max-min)+min}))}},46900:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{B:function(){return treeData},d:function(){return flattenedPaths}});var _utils__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(31365),treeData=[{label:"Item 1",id:"item_1",items:[{label:"Item 1a",id:"item_1a"},{label:"Item 1b",id:"item_1b",items:[{label:"Item 1b A",id:"item_1b_A"},{label:"Item 1b B",id:"item_1b_B"}],tags:["tag2","tag3"]}]},{label:"Some Item 2",id:"item_2"},{label:"Another reaaaaalllllyyyyy looooooong Item 3",id:"item_3",items:[{label:"Item 3a (single child, open by default)",id:"item_3a",items:[{label:"Item 3a A",id:"item_3a_A"},{label:"Item 3a B",id:"item_3a_B"}]}]}],flatPaths=(0,_utils__WEBPACK_IMPORTED_MODULE_0__.qf)(treeData),flattenedPaths=(0,_utils__WEBPACK_IMPORTED_MODULE_0__.I9)(flatPaths)},31365:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{uf:function(){return getLastIndexOfSubstringIgnoreCase},qf:function(){return getNodePaths},I9:function(){return prepareTreeDataForAutocomplete},zD:function(){return getSingleChildren},HN:function(){return formatLargeNumber},S5:function(){return formatBytesNumber},HA:function(){return tidyUrlString}});__webpack_require__(41817),__webpack_require__(52552),__webpack_require__(99217),__webpack_require__(73494),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559);var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__(34699),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__(87329),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__(81253),_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(87757),_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_7__),_excluded=(__webpack_require__(86535),__webpack_require__(99244),__webpack_require__(33948),__webpack_require__(39714),__webpack_require__(26699),__webpack_require__(32023),__webpack_require__(74916),__webpack_require__(15306),__webpack_require__(56977),__webpack_require__(54678),__webpack_require__(9810),__webpack_require__(34102),__webpack_require__(84865),__webpack_require__(87351),__webpack_require__(24290),__webpack_require__(36891),__webpack_require__(22560),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(7609),__webpack_require__(81828),__webpack_require__(87723),__webpack_require__(9647),__webpack_require__(77151),__webpack_require__(36385),__webpack_require__(3220),__webpack_require__(27670),__webpack_require__(90612),["items"]),_marked=_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_7___default().mark(getSingleChildren);function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i2&&void 0!==arguments[2]?arguments[2]:[],nodePaths=[];return items.forEach((function(node){var items=node.items,thisNode=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_36__.Z)(node,_excluded),nodePath=[].concat((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_37__.Z)(path),[thisNode]);if(items){var result=getNodePaths(items,id,nodePath);result.length&&(nodePaths=[].concat((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_37__.Z)(nodePaths),(0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_37__.Z)(result)))}else id&&thisNode.id!==id||(nodePaths=[].concat((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_37__.Z)(nodePaths),[nodePath]))})),nodePaths};function prepareTreeDataForAutocomplete(flattenedTreeData){return flattenedTreeData.map((function(items){var autocompleteItem={id:items[items.length-1].id,pathLabel:items.map((function(item){return item.label})).join(" / "),itemLabel:items[items.length-1].label},tags=items.flatMap((function(item){return item.tags||[]}));return tags.length&&(autocompleteItem.tags=tags),autocompleteItem}))}function getSingleChildren(children){var _iterator,_step,child;return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_7___default().wrap((function getSingleChildren$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(1!==children.length){_context.next=3;break}return _context.next=3,children[0].id;case 3:_iterator=_createForOfIteratorHelper(children),_context.prev=4,_iterator.s();case 6:if((_step=_iterator.n()).done){_context.next=12;break}if(!(child=_step.value).items){_context.next=10;break}return _context.delegateYield(getSingleChildren(child.items),"t0",10);case 10:_context.next=6;break;case 12:_context.next=17;break;case 14:_context.prev=14,_context.t1=_context.catch(4),_iterator.e(_context.t1);case 17:return _context.prev=17,_iterator.f(),_context.finish(17);case 20:case"end":return _context.stop()}}),_marked,null,[[4,14,17,20]])}function formatLargeNumber(x){var string=x.toString();if(string.includes("e"))return string;var _x$toString$split=x.toString().split("."),_x$toString$split2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_38__.Z)(_x$toString$split,2),integer=_x$toString$split2[0],decimal=_x$toString$split2[1];return[integer.replace(/\B(?=(\d{3})+(?!\d))/g,","),decimal].filter((function(el){return void 0!==el})).join(".")}function formatBytesNumber(bytes){var decimals=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,bytesNumber=+bytes;if(!bytesNumber)return"0 Bytes";var positiveDecimals=decimals<0?0:decimals,baseFactor=1024,units=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],unitsIndex=Math.min(Math.floor(Math.log(bytesNumber)/Math.log(baseFactor)),units.length-1),number=(bytesNumber/Math.pow(baseFactor,unitsIndex)).toFixed(positiveDecimals),unit=units[unitsIndex];return formatLargeNumber(parseFloat(number))+" "+unit}var reProtocol=/^(https?:)?(\/\/)?/,reTrailingSlashes=/(\/+$)/,tidyUrlString=function tidyUrlString(url){return url.replace(reProtocol,"").replace(reTrailingSlashes,"")};try{prepareTreeDataForAutocomplete.displayName="prepareTreeDataForAutocomplete",prepareTreeDataForAutocomplete.__docgenInfo={description:"",displayName:"prepareTreeDataForAutocomplete",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/utils.tsx#prepareTreeDataForAutocomplete"]={docgenInfo:prepareTreeDataForAutocomplete.__docgenInfo,name:"prepareTreeDataForAutocomplete",path:"src/utils.tsx#prepareTreeDataForAutocomplete"})}catch(__react_docgen_typescript_loader_error){}try{getSingleChildren.displayName="getSingleChildren",getSingleChildren.__docgenInfo={description:"",displayName:"getSingleChildren",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/utils.tsx#getSingleChildren"]={docgenInfo:getSingleChildren.__docgenInfo,name:"getSingleChildren",path:"src/utils.tsx#getSingleChildren"})}catch(__react_docgen_typescript_loader_error){}try{formatLargeNumber.displayName="formatLargeNumber",formatLargeNumber.__docgenInfo={description:"",displayName:"formatLargeNumber",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/utils.tsx#formatLargeNumber"]={docgenInfo:formatLargeNumber.__docgenInfo,name:"formatLargeNumber",path:"src/utils.tsx#formatLargeNumber"})}catch(__react_docgen_typescript_loader_error){}try{tidyUrlString.displayName="tidyUrlString",tidyUrlString.__docgenInfo={description:"",displayName:"tidyUrlString",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/utils.tsx#tidyUrlString"]={docgenInfo:tidyUrlString.__docgenInfo,name:"tidyUrlString",path:"src/utils.tsx#tidyUrlString"})}catch(__react_docgen_typescript_loader_error){}},15314:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AccordionSearch:function(){return Accordion_stories_AccordionSearch},accordion:function(){return Accordion_stories_accordion},default:function(){return Accordion_stories}});var toConsumableArray=__webpack_require__(87329),slicedToArray=__webpack_require__(34699),react=(__webpack_require__(34102),__webpack_require__(52552),__webpack_require__(67294)),dist=__webpack_require__(13380),addon_knobs_dist=__webpack_require__(95099),objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),bubble=__webpack_require__(74690),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_accordion=__webpack_require__(87556),accordion_default=__webpack_require__.n(components_accordion),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()(accordion_default(),options),accordion_default()&&accordion_default().locals&&accordion_default().locals;var chevron_down=__webpack_require__(43029),chevron_up=__webpack_require__(1960),jsx_runtime=__webpack_require__(85893),_excluded=["accordionTitle","count","children","alwaysOpen","initialOpen","className"],Accordion=function Accordion(_ref){var accordionTitle=_ref.accordionTitle,_ref$count=_ref.count,count=void 0===_ref$count?0:_ref$count,children=_ref.children,alwaysOpen=_ref.alwaysOpen,_ref$initialOpen=_ref.initialOpen,initialOpen=void 0!==_ref$initialOpen&&_ref$initialOpen,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded),_useState=(0,react.useState)(initialOpen),_useState2=(0,slicedToArray.Z)(_useState,2),open=_useState2[0],setOpen=_useState2[1];return(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()(className,"accordion")},props,{children:[(0,jsx_runtime.jsxs)("button",{type:"button",className:"accordion__title",onClick:function toggleOpen(){setOpen((function(open){return!open}))},children:[(0,jsx_runtime.jsx)("span",{children:accordionTitle}),count>0&&(0,jsx_runtime.jsx)(bubble.Z,{size:"small",children:count}),!alwaysOpen&&(open?(0,jsx_runtime.jsx)(chevron_up.Z,{width:16,height:16}):(0,jsx_runtime.jsx)(chevron_down.Z,{width:16,height:16}))]}),(open||alwaysOpen)&&(0,jsx_runtime.jsx)("div",{className:"accordion__content",children:children})]}))};Accordion.displayName="Accordion";var src_components_accordion=Accordion;try{accordion.displayName="accordion",accordion.__docgenInfo={description:"",displayName:"accordion",props:{accordionTitle:{defaultValue:null,description:"The title, works as a trigger to open/close",name:"accordionTitle",required:!0,type:{name:"ReactNode"}},count:{defaultValue:{value:"0"},description:"Number displayed at the right of the accordion. This could, for example, be used to inform\nthe user how many checkboxes have selected in the accodion's hidden content.",name:"count",required:!1,type:{name:"number"}},alwaysOpen:{defaultValue:null,description:"Disable toggling and always open accordion",name:"alwaysOpen",required:!1,type:{name:"boolean"}},initialOpen:{defaultValue:{value:"false"},description:"",name:"initialOpen",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/accordion.tsx#accordion"]={docgenInfo:accordion.__docgenInfo,name:"accordion",path:"src/components/accordion.tsx#accordion"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__(86535),__webpack_require__(99244),__webpack_require__(26699),__webpack_require__(32023),__webpack_require__(33948),__webpack_require__(74916),__webpack_require__(41817),__webpack_require__(24290),__webpack_require__(36891),__webpack_require__(87723),__webpack_require__(9647),__webpack_require__(10760),__webpack_require__(7609),__webpack_require__(22560),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(27670),__webpack_require__(84865),__webpack_require__(89893),__webpack_require__(99217),__webpack_require__(73494),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559);var debounce=__webpack_require__(79481),substring_highlight=__webpack_require__(2771),loader=__webpack_require__(15410),message=__webpack_require__(91317),search_input=__webpack_require__(20703),accordion_search=__webpack_require__(84669),accordion_search_default=__webpack_require__.n(accordion_search),accordion_search_options={};accordion_search_options.styleTagTransform=styleTagTransform_default(),accordion_search_options.setAttributes=setAttributesWithoutAttributes_default(),accordion_search_options.insert=insertBySelector_default().bind(null,"head"),accordion_search_options.domAPI=styleDomAPI_default(),accordion_search_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(accordion_search_default(),accordion_search_options),accordion_search_default()&&accordion_search_default().locals&&accordion_search_default().locals;function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i unknown"}},selected:{defaultValue:null,description:"Array of the selected items' IDs",name:"selected",required:!0,type:{name:"string[]"}},columns:{defaultValue:null,description:"A boolean indicating whether the component should span multiple\ncolumns: 2 columns for medium to 3 columns for large+ screens.",name:"columns",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/accordion-search.tsx#accordionsearch"]={docgenInfo:accordionsearch.__docgenInfo,name:"accordionsearch",path:"src/components/accordion-search.tsx#accordionsearch"})}catch(__react_docgen_typescript_loader_error){}var Accordion_stories={title:"Layout/Accordion",parameters:{purposeFunction:{function:"Show/hide blocks of content",purpose:"Minimise information-overload"}}},Accordion_stories_accordion=function accordion(){return(0,jsx_runtime.jsx)(src_components_accordion,{accordionTitle:(0,addon_knobs_dist.text)("title","Title"),count:(0,addon_knobs_dist.number)("count",0),alwaysOpen:(0,addon_knobs_dist.boolean)("alwaysOpen",!1),initialOpen:(0,addon_knobs_dist.boolean)("initialOpen",!1),children:(0,jsx_runtime.jsx)("div",{children:(0,dist.fH)({count:25,units:"words"})})})};Accordion_stories_accordion.displayName="accordion";var accordionData=[{label:"Data",id:"data",items:[{label:"Gene",id:"gene",items:[{label:"BRCA1",id:"brca1"},{label:"BRCA2",id:"brca2"},{label:"TP53",id:"tp53"}]},{label:"Organelle",id:"organelle",items:[{label:"Ribosome",id:"ribosome"},{label:"Nucleus",id:"nucleus"}]}]},{label:"External links",id:"external-links",items:[{label:"Sequence",id:"sequence",items:[{label:"CCDS",id:"ccds"},{label:"PIR",id:"pir"}]},{label:"3d structure",id:"3d-structure",items:[{label:"AlphaFoldDB",id:"alphafolddb"},{label:"BMRB",id:"bmrb"}]}]}],Accordion_stories_AccordionSearch=function AccordionSearch(){var _useState=(0,react.useState)([]),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1];return(0,jsx_runtime.jsx)(src_components_accordion_search,{placeholder:"Filter",accordionData:accordionData,selected:selected,onSelect:function onSelect(itemId){setSelected((function(selected){var index=selected.indexOf(itemId);return-1===index?[].concat((0,toConsumableArray.Z)(selected),[itemId]):[].concat((0,toConsumableArray.Z)(selected.slice(0,index)),(0,toConsumableArray.Z)(selected.slice(index+1)))}))}})};Accordion_stories_AccordionSearch.displayName="AccordionSearch"},26021:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{autocomplete:function(){return autocomplete},loadingAutocomplete:function(){return loadingAutocomplete}});var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85914),_src_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(17118),_src_mock_data_tree_data__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(46900),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893);__webpack_exports__.default={title:"Forms/Autocomplete",parameters:{purposeFunction:{function:"Search through an array to make a selection",purpose:"Allow selection of item from flat data set"}}};var autocomplete=function autocomplete(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.ZP,{data:_src_mock_data_tree_data__WEBPACK_IMPORTED_MODULE_3__.d,onSelect:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onSelect"),placeholder:"Item A",filter:!0})};autocomplete.displayName="autocomplete";var loadingAutocomplete=function loadingAutocomplete(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.ZP,{data:_src_mock_data_tree_data__WEBPACK_IMPORTED_MODULE_3__.d,onSelect:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_0__.action)("onSelect"),placeholder:"Item A",filter:!0,isLoading:!0})};loadingAutocomplete.displayName="loadingAutocomplete"},47160:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{bubble:function(){return bubble}});var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(95099),_src_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(74690),_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(65241),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893);__webpack_exports__.default={title:"Visualisation/Bubble",parameters:{purposeFunction:{purpose:"Highlight numbers.",function:"If there is more than 100 items the bubble will show 99+."}}};var bubble=function bubble(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.Z,{size:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.select)("size",["small","medium","large"],"small","Props"),style:{"--main-bubble-color":(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.select)("--main-bubble-color",_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_3__,_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_3__.seaBlue,"Custom Properties")},children:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.number)("children (bubble number value)",20,{min:0,max:200,step:.5},"Props")})};bubble.displayName="bubble"},10208:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Buttons:function(){return Buttons},ButtonGroups:function(){return ButtonGroups},WithIcon:function(){return WithIcon}});var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(95099),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85914),_src_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(19210),_src_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(7134),_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(65241),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(85893);__webpack_exports__.default={title:"Forms/Button",decorators:[(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.withKnobs)()],parameters:{purposeFunction:{purpose:"",function:""}}};var useColor=function useColor(){return(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.select)("--main-button-color",_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_3__,_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_3__.seaBlue,"Custom Properties")},useDisabled=function useDisabled(){return(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("disabled",!1,"Props")},Buttons=function Buttons(){var color=useColor(),disabled=useDisabled();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:{"--main-button-color":color},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Primary"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"secondary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Secondary"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"tertiary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Tertiary"})})]})};Buttons.displayName="Buttons";var ButtonGroups=function ButtonGroups(){var color=useColor(),disabled=useDisabled();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:{"--main-button-color":color},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"button-group",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("button",{className:"button tertiary",type:"button",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"One"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("button",{className:"button tertiary",type:"button",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Two"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("button",{className:"button tertiary",type:"button",onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Three"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"button-group",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"One"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Two"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Three"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"button-group",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"secondary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"One"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"secondary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Two"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"secondary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Three"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"button-group",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"tertiary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"One"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"tertiary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Two"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"tertiary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:"Three"})]})]})};ButtonGroups.displayName="ButtonGroups";var WithIcon=function WithIcon(){var color=useColor(),disabled=useDisabled();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:{"--main-button-color":color},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_5__.Z,{}),"Primary"]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"secondary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_5__.Z,{}),"Secondary"]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Z,{variant:"tertiary",disabled:disabled,onClick:(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onClick"),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_5__.Z,{}),"Tertiary"]})})]})};WithIcon.displayName="WithIcon"},49117:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{bytesNumber:function(){return bytesNumber},default:function(){return BytesNumber_stories}});var dist=__webpack_require__(95099),utils=__webpack_require__(31365),jsx_runtime=__webpack_require__(85893),bytes_number=function BytesNumber(_ref){var children=_ref.children,_ref$decimals=_ref.decimals,decimals=void 0===_ref$decimals?0:_ref$decimals;return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,utils.S5)(children,decimals)})};try{bytesnumber.displayName="bytesnumber",bytesnumber.__docgenInfo={description:"",displayName:"bytesnumber",props:{children:{defaultValue:null,description:"The number to format",name:"children",required:!0,type:{name:"string | number"}},decimals:{defaultValue:{value:"0"},description:"",name:"decimals",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/bytes-number.tsx#bytesnumber"]={docgenInfo:bytesnumber.__docgenInfo,name:"bytesnumber",path:"src/components/bytes-number.tsx#bytesnumber"})}catch(__react_docgen_typescript_loader_error){}var BytesNumber_stories={title:"Visualisation/Bytes number"},bytesNumber=function bytesNumber(){return(0,jsx_runtime.jsx)(bytes_number,{decimals:(0,dist.number)("decimals",0),children:(0,dist.number)("bytes",1024)})};bytesNumber.displayName="bytesNumber"},47653:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Card:function(){return Card}});var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(95099),_src_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(14113),_src_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(58193),_src_mock_data_lipsum__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(78645),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893),links=[{name:"10 Protein Interactions",link:"/red",color:"red"},{name:"9 Pathways",link:"/blue",color:"blue"},{name:"5 Diseases",link:"/diseases",color:"#bada55"},{name:"72 Variants",link:"/burlywood",color:"burlywood"},{key:"swissprot",name:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.Z,{width:"1.5ch"})," Reviewed"]}),link:"/reviewed"}];__webpack_exports__.default={title:"Layout/Card",parameters:{purposeFunction:{function:"Provide a contained section to show content for a given category.",purpose:"Create visually delimited areas to allow for easier scanning of content."}}};var Card=function Card(){var hasHeader=(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("header",!0,"Props"),hasHeaderSeparator=(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("headerSeparator",!0,"Props"),hasCheckbox=(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("checkbox (only if header)",!1,"Props");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_3__.Z,{header:hasHeader?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[hasCheckbox&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("input",{type:"checkbox"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("h2",{children:["Title"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a",{className:"medium",href:"/#",children:"APOE_HUMAN - P02649"})]})]}):void 0,headerSeparator:hasHeaderSeparator,links:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("links",!1,"Props")?links:void 0,children:(0,_src_mock_data_lipsum__WEBPACK_IMPORTED_MODULE_4__.GX)()})};Card.displayName="Card"},31006:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{chips:function(){return chips},default:function(){return Chips_stories},removable:function(){return removable},withClick:function(){return withClick},withKeyPress:function(){return withKeyPress}});var dist=__webpack_require__(95099),esm=__webpack_require__(85914),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(67294)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),times=__webpack_require__(74070),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_chip=__webpack_require__(29893),chip_default=__webpack_require__.n(components_chip),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()(chip_default(),options),chip_default()&&chip_default().locals&&chip_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["children","onRemove","className","disabled","compact","title","onClick","onKeyPress"],Chip=function Chip(_ref){var children=_ref.children,onRemove=_ref.onRemove,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,disabled=_ref.disabled,_ref$compact=_ref.compact,compact=void 0!==_ref$compact&&_ref$compact,onClick=(_ref.title,_ref.onClick),onKeyPress=_ref.onKeyPress,rest=(0,objectWithoutProperties.Z)(_ref,_excluded),onRemoveRef=(0,react.useRef)(onRemove);onRemoveRef.current=onRemove;var handleRemove=(0,react.useCallback)((function(event){var _onRemoveRef$current;event.stopPropagation(),null===(_onRemoveRef$current=onRemoveRef.current)||void 0===_onRemoveRef$current||_onRemoveRef$current.call(onRemoveRef,event)}),[]),props=Object.assign({},rest),element="button";onRemove&&(element="span",(onClick||onKeyPress)&&(props.role="button",props.tabIndex=0));var Element=element;return(0,jsx_runtime.jsxs)(Element,Object.assign({className:classnames_default()("chip",{"chip--disabled":disabled,"chip--compact":compact},className),type:"button"===element?"button":void 0,onKeyPress:onKeyPress,onClick:onClick},props,{children:[children,onRemove&&!disabled&&(0,jsx_runtime.jsx)(times.Z,{"data-testid":"remove-icon",onClick:handleRemove})]}))};Chip.displayName="Chip";var src_components_chip=Chip;try{Chip.displayName="Chip",Chip.__docgenInfo={description:"",displayName:"Chip",props:{children:{defaultValue:null,description:"What is displayed within the chip",name:"children",required:!1,type:{name:"ReactNode"}},onRemove:{defaultValue:null,description:"Call back which, if present, will display a remove icon and is fired when this is clicked",name:"onRemove",required:!1,type:{name:"((event: MouseEvent) => void)"}},disabled:{defaultValue:null,description:"If true will opacify the chip and prevent the remove from being clickable",name:"disabled",required:!1,type:{name:"boolean"}},className:{defaultValue:{value:""},description:"Additional CSS classnames to apply (eg secondary, tertiary)",name:"className",required:!1,type:{name:"string"}},compact:{defaultValue:{value:"false"},description:"Compact styling for chip",name:"compact",required:!1,type:{name:"boolean"}},title:{defaultValue:null,description:"Title to display on mouse over",name:"title",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"click event listener on the component (except on the close button if present)",name:"onClick",required:!1,type:{name:"((() => void) & MouseEventHandler)"}},onKeyPress:{defaultValue:null,description:"key press event listener on the component",name:"onKeyPress",required:!1,type:{name:"((() => void) & KeyboardEventHandler)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/chip.tsx#Chip"]={docgenInfo:Chip.__docgenInfo,name:"Chip",path:"src/components/chip.tsx#Chip"})}catch(__react_docgen_typescript_loader_error){}try{chip.displayName="chip",chip.__docgenInfo={description:"",displayName:"chip",props:{children:{defaultValue:null,description:"What is displayed within the chip",name:"children",required:!1,type:{name:"ReactNode"}},onRemove:{defaultValue:null,description:"Call back which, if present, will display a remove icon and is fired when this is clicked",name:"onRemove",required:!1,type:{name:"((event: MouseEvent) => void)"}},disabled:{defaultValue:null,description:"If true will opacify the chip and prevent the remove from being clickable",name:"disabled",required:!1,type:{name:"boolean"}},className:{defaultValue:{value:""},description:"Additional CSS classnames to apply (eg secondary, tertiary)",name:"className",required:!1,type:{name:"string"}},compact:{defaultValue:{value:"false"},description:"Compact styling for chip",name:"compact",required:!1,type:{name:"boolean"}},title:{defaultValue:null,description:"Title to display on mouse over",name:"title",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"click event listener on the component (except on the close button if present)",name:"onClick",required:!1,type:{name:"((() => void) & MouseEventHandler)"}},onKeyPress:{defaultValue:null,description:"key press event listener on the component",name:"onKeyPress",required:!1,type:{name:"((() => void) & KeyboardEventHandler)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/chip.tsx#chip"]={docgenInfo:chip.__docgenInfo,name:"chip",path:"src/components/chip.tsx#chip"})}catch(__react_docgen_typescript_loader_error){}var colours=__webpack_require__(65241),Chips_stories={title:"Core/Chip",decorators:[(0,dist.withKnobs)()],parameters:{purposeFunction:{function:"Can be used to make selections or trigger actions",purpose:"Display compact discrete information"}}},chips=function chips(){return(0,jsx_runtime.jsx)(src_components_chip,{title:(0,dist.text)("title","this is a chip","Props"),compact:(0,dist.boolean)("compact",!1,"Props"),disabled:(0,dist.boolean)("disabled",!1,"Props"),className:(0,dist.select)("className",["primary","secondary"],"primary","Props"),style:{"--main-chip-color":(0,dist.select)("--main-chip-color",colours,colours.sapphireBlue,"Custom Properties")},children:"Chip content"})};chips.displayName="chips";var withClick=function withClick(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(src_components_chip,{title:"this is a primary chip",onClick:(0,esm.action)("click on primary"),children:"Primary"}),(0,jsx_runtime.jsx)(src_components_chip,{className:"secondary",onClick:(0,esm.action)("click on secondary"),children:"Secondary"})]})},withKeyPress=function withKeyPress(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(src_components_chip,{title:"this is a primary chip",onKeyPress:(0,esm.action)("key press on primary"),children:"Primary"}),(0,jsx_runtime.jsx)(src_components_chip,{className:"secondary",onKeyPress:(0,esm.action)("key press on secondary"),children:"Secondary"})]})},removable=function removable(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(src_components_chip,{onRemove:(0,esm.action)("Remove chip"),children:"Primary"}),(0,jsx_runtime.jsx)(src_components_chip,{onRemove:(0,esm.action)("Remove chip"),className:"secondary",children:"Secondary"})]})}},49383:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{codeBlock:function(){return codeBlock},default:function(){return CodeBlock_stories}});var dist=__webpack_require__(95099),lorem_ipsum_dist=__webpack_require__(13380),objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),code_block=__webpack_require__(86082),code_block_default=__webpack_require__.n(code_block),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()(code_block_default(),options),code_block_default()&&code_block_default().locals&&code_block_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["lightMode","children","className"],CodeBlock=function CodeBlock(_ref){var lightMode=_ref.lightMode,children=_ref.children,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsx)("pre",Object.assign({className:classnames_default()("codeblock",{"codeblock-light":lightMode},className)},props,{children:(0,jsx_runtime.jsx)("code",{children:children})}))};CodeBlock.displayName="CodeBlock";var src_components_code_block=CodeBlock;try{codeblock.displayName="codeblock",codeblock.__docgenInfo={description:"",displayName:"codeblock",props:{lightMode:{defaultValue:null,description:"Activate light mode or defaults to dark mode",name:"lightMode",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/code-block.tsx#codeblock"]={docgenInfo:codeblock.__docgenInfo,name:"codeblock",path:"src/components/code-block.tsx#codeblock"})}catch(__react_docgen_typescript_loader_error){}var CodeBlock_stories={title:"Layout/CodeBlock",parameters:{purposeFunction:{function:"Display of preformatted text/code",purpose:"Provide pre-styled code blocks"}}},li=new lorem_ipsum_dist.Ap({sentencesPerParagraph:{max:1,min:1},wordsPerSentence:{max:12,min:8}}).generateParagraphs(10),codeBlock=function codeBlock(){return(0,jsx_runtime.jsx)(src_components_code_block,{lightMode:(0,dist.boolean)("lightMode",!1),children:li})};codeBlock.displayName="codeBlock"},34016:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{colours:function(){return colours}});var react_markdown__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(59362),rehype_raw__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(94656),_markdown_colours_md__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(4982),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893);__webpack_exports__.default={title:"Core/Colours"};var colours=function colours(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_markdown__WEBPACK_IMPORTED_MODULE_1__.D,{rehypePlugins:[rehype_raw__WEBPACK_IMPORTED_MODULE_2__.Z],children:_markdown_colours_md__WEBPACK_IMPORTED_MODULE_3__})};colours.displayName="colours"},92770:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{dataList:function(){return dataList},dataListLoading:function(){return dataListLoading},dataListWithLoader:function(){return dataListWithLoader},dataListWithLoaderAndCards:function(){return dataListWithLoaderAndCards},default:function(){return DataList_stories}});__webpack_require__(19601),__webpack_require__(40544),__webpack_require__(70731);var esm=__webpack_require__(85914),dist=__webpack_require__(95099),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(84865),__webpack_require__(67294)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),loader=__webpack_require__(15410),useDataCheckboxes=__webpack_require__(9633),data_loader=__webpack_require__(28566),jsx_runtime=__webpack_require__(85893),_excluded=["data","getIdKey","dataRenderer","loading","onSelectionChange","className"],DataListItem=function DataListItem(_ref){var rendered,datum=_ref.datum,id=_ref.id,dataRenderer=_ref.dataRenderer,loading=_ref.loading,firstItem=_ref.firstItem;try{rendered=dataRenderer(datum)}catch(error){if(!loading)throw error;rendered=firstItem&&(0,jsx_runtime.jsx)(loader.Z,{})}return(0,jsx_runtime.jsx)("li",{children:rendered},id)};DataListItem.displayName="DataListItem";var MemoizedDataListItem=(0,react.memo)(DataListItem),DataList=function DataList(_ref2){var data=_ref2.data,getIdKey=_ref2.getIdKey,dataRenderer=_ref2.dataRenderer,_ref2$loading=_ref2.loading,loading=void 0!==_ref2$loading&&_ref2$loading,onSelectionChange=_ref2.onSelectionChange,className=_ref2.className,props=(0,objectWithoutProperties.Z)(_ref2,_excluded),checkboxContainerRef=(0,useDataCheckboxes.ZP)(onSelectionChange).checkboxContainerRef;return(0,jsx_runtime.jsx)("ul",Object.assign({},props,{className:classnames_default()("data-list","no-bullet",className),ref:checkboxContainerRef,children:data.map((function(datum,index){var id=getIdKey(datum,index,data);return(0,jsx_runtime.jsx)(MemoizedDataListItem,{datum:datum,id:id,dataRenderer:dataRenderer,loading:loading,firstItem:0===index},id)}))}))};DataList.displayName="DataList";var DataListWithLoader=function DataListWithLoader(props){return(0,data_loader.Z)(DataList)(props)};try{DataList.displayName="DataList",DataList.__docgenInfo={description:"",displayName:"DataList",props:{data:{defaultValue:null,description:"The data to be displayed",name:"data",required:!0,type:{name:"Datum[]"}},loading:{defaultValue:{value:"false"},description:"Flag saying that data is loading, so we might be showing stale data",name:"loading",required:!1,type:{name:"boolean"}},getIdKey:{defaultValue:null,description:"A function that returns a unique ID for each of the data objects.\nSame function signature as a map function.",name:"getIdKey",required:!0,type:{name:"(datum: Datum, index: number, data: Datum[]) => string"}},onSelectionChange:{defaultValue:null,description:"A callback that is called whenever a user selects or unselects a row.",name:"onSelectionChange",required:!1,type:{name:"((event: MouseEvent | KeyboardEvent) => void)"}},dataRenderer:{defaultValue:null,description:"A renderer function for each item of the list.\nMake sure that it doesn't change unecessarily by wrapping it in useCallback",name:"dataRenderer",required:!0,type:{name:"(datum: Datum) => ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/data-list.tsx#DataList"]={docgenInfo:DataList.__docgenInfo,name:"DataList",path:"src/components/data-list.tsx#DataList"})}catch(__react_docgen_typescript_loader_error){}try{DataListWithLoader.displayName="DataListWithLoader",DataListWithLoader.__docgenInfo={description:"",displayName:"DataListWithLoader",props:{onLoadMoreItems:{defaultValue:null,description:"Callback to request more items if user scrolled to the bottom of the scroll-container or if\nthe scroll-container isn't scrollable yet because not enough items have been loaded yet. If\nnot provided this component will simply pass the data prop to the BaseComponent to be rendered\nwithout observing scroll or triggering more data loading.",name:"onLoadMoreItems",required:!0,type:{name:"() => void"}},hasMoreData:{defaultValue:null,description:"A boolean to indicate that the parent has more items to provide.",name:"hasMoreData",required:!0,type:{name:"boolean"}},loaderComponent:{defaultValue:null,description:"A custom loader component",name:"loaderComponent",required:!1,type:{name:"ReactNode"}},data:{defaultValue:null,description:"Data that is being represented in the wrapped component\nThe data to be displayed",name:"data",required:!0,type:{name:"Datum[]"}},clickToLoad:{defaultValue:null,description:"Use a button to load more data instead of having infinite scrolling.\nIf this prop is a string or a node, it will render this within the button",name:"clickToLoad",required:!1,type:{name:"ReactNode"}},loading:{defaultValue:{value:"false"},description:"Flag saying that data is loading, so we might be showing stale data",name:"loading",required:!1,type:{name:"boolean"}},getIdKey:{defaultValue:null,description:"A function that returns a unique ID for each of the data objects.\nSame function signature as a map function.",name:"getIdKey",required:!0,type:{name:"(datum: Datum, index: number, data: Datum[]) => string"}},onSelectionChange:{defaultValue:null,description:"A callback that is called whenever a user selects or unselects a row.",name:"onSelectionChange",required:!1,type:{name:"((event: MouseEvent | KeyboardEvent) => void)"}},dataRenderer:{defaultValue:null,description:"A renderer function for each item of the list.\nMake sure that it doesn't change unecessarily by wrapping it in useCallback",name:"dataRenderer",required:!0,type:{name:"(datum: Datum) => ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/data-list.tsx#DataListWithLoader"]={docgenInfo:DataListWithLoader.__docgenInfo,name:"DataListWithLoader",path:"src/components/data-list.tsx#DataListWithLoader"})}catch(__react_docgen_typescript_loader_error){}var card=__webpack_require__(58193),DataDecorator=__webpack_require__(22390),DataList_stories={title:"Data/Data List",parameters:{purposeFunction:{purpose:"",function:""}}},useClickToLoad=function useClickToLoad(){return(0,dist.boolean)("clickToLoad",!1,"Props")},useClickToLoadContent=function useClickToLoadContent(){return(0,dist.text)("clickToLoad content","")},dataList=function dataList(){return(0,jsx_runtime.jsx)(DataDecorator.Y_,{children:function children(props){return(0,jsx_runtime.jsx)(DataList,Object.assign({},props,{dataRenderer:function dataRenderer(content){return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:Object.values(content)})}}))}})};dataList.displayName="dataList";var dataListLoading=function dataListLoading(){return(0,jsx_runtime.jsx)(DataDecorator.Y_,{children:function children(props){return(0,jsx_runtime.jsx)(DataList,Object.assign({},props,{loading:!0,dataRenderer:function dataRenderer(content){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object.values(content),content.complex.value]})}}))}})};dataListLoading.displayName="dataListLoading";var dataListWithLoader=function dataListWithLoader(){return(0,jsx_runtime.jsx)(DataDecorator.Si,{children:function children(props){var clickToLoad=useClickToLoad(),clickToLoadContent=useClickToLoadContent();return(0,jsx_runtime.jsx)(DataListWithLoader,Object.assign({},props,{dataRenderer:function dataRenderer(content){return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:Object.values(content)})},clickToLoad:clickToLoad&&(clickToLoadContent||clickToLoad)}))}})};dataListWithLoader.displayName="dataListWithLoader";var dataListWithLoaderAndCards=function dataListWithLoaderAndCards(){return(0,jsx_runtime.jsx)(DataDecorator.Si,{children:function children(props){var selectable=(0,dist.boolean)("selectable",!1,"Props"),clickToLoad=useClickToLoad(),clickToLoadContent=useClickToLoadContent();return(0,jsx_runtime.jsx)(DataListWithLoader,Object.assign({},props,{dataRenderer:function dataRenderer(content){return(0,jsx_runtime.jsxs)(card.Z,{children:[selectable&&(0,jsx_runtime.jsx)("div",{className:"checkbox-cell",children:(0,jsx_runtime.jsx)("input",{type:"checkbox"})}),Object.values(content)]})},onSelectionChange:selectable?(0,esm.action)("onSelect"):void 0,clickToLoad:clickToLoad&&(clickToLoadContent||clickToLoad)}))}})};dataListWithLoaderAndCards.displayName="dataListWithLoaderAndCards"},79068:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{dataTable:function(){return dataTable},dataTableColumnLoading:function(){return dataTableColumnLoading},dataTableWithLoader:function(){return dataTableWithLoader},default:function(){return DataTable_stories}});var toConsumableArray=__webpack_require__(87329),esm=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(34102),__webpack_require__(85914)),dist=__webpack_require__(95099),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(84865),__webpack_require__(99217),__webpack_require__(67294)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),v1=__webpack_require__(42689),tippy_react_esm=__webpack_require__(13009),loader=__webpack_require__(15410),useDataCheckboxes=__webpack_require__(9633),data_loader=__webpack_require__(28566),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),data_table=__webpack_require__(97627),data_table_default=__webpack_require__.n(data_table),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()(data_table_default(),options),data_table_default()&&data_table_default().locals&&data_table_default().locals,__webpack_require__(96807);var jsx_runtime=__webpack_require__(85893),_excluded=["data","loading","columns","getIdKey","onHeaderClick","onSelectionChange","density","fixedLayout","optimisedRendering","className"],BLOCK="data-table",LabelContent=function LabelContent(_ref){var label=_ref.label;return"function"==typeof label?label():label},TippyLabelContent=(0,react.forwardRef)((function(_ref2,ref){var label=_ref2.label;return(0,jsx_runtime.jsx)("span",{ref:ref,children:(0,jsx_runtime.jsx)(LabelContent,{label:label})})})),DataTableHead=function DataTableHead(_ref3){var columns=_ref3.columns,onHeaderClick=_ref3.onHeaderClick,checkbox=_ref3.checkbox;return(0,jsx_runtime.jsx)("thead",{children:(0,jsx_runtime.jsxs)("tr",{children:[checkbox&&(0,jsx_runtime.jsx)("th",{className:BLOCK+"__header-cell--checkbox",children:(0,jsx_runtime.jsx)("div",{className:"checkbox-cell",children:checkbox})}),columns.map((function(_ref4){var _cn,sorted=_ref4.sorted,name=_ref4.name,label=_ref4.label,tooltip=_ref4.tooltip,sortable=_ref4.sortable,width=_ref4.width;return(0,jsx_runtime.jsx)("th",{className:classnames_default()((_cn={},_cn[BLOCK+"__header-cell--sortable"]=sortable,_cn[BLOCK+"__header-cell--"+(sorted||"ascend")]=sortable&&sorted,_cn)),onClick:sortable?function(){return null==onHeaderClick?void 0:onHeaderClick(name)}:void 0,style:width?{width:width}:void 0,children:tooltip&&void 0!==tooltip?(0,jsx_runtime.jsx)(tippy_react_esm.ZP,{content:tooltip,interactive:!0,placement:"bottom",children:(0,jsx_runtime.jsx)(TippyLabelContent,{label:label})}):(0,jsx_runtime.jsx)(LabelContent,{label:label})},name)}))]})})};DataTableHead.displayName="DataTableHead";var MemoizedDataTableHead=(0,react.memo)(DataTableHead),Cell=function Cell(_ref5){var rendered,column=_ref5.column,datum=_ref5.datum,loading=_ref5.loading,fixedLayout=_ref5.fixedLayout,firstColumn=_ref5.firstColumn;try{rendered=column.render(datum)}catch(error){if(!loading)throw error;rendered=firstColumn&&(0,jsx_runtime.jsx)(loader.Z,{})}return(0,jsx_runtime.jsx)("td",{className:fixedLayout?BLOCK+"__cell--ellipsis":void 0,children:rendered})};Cell.displayName="Cell";var DataTableRow=function DataTableRow(_ref6){var datum=_ref6.datum,loading=_ref6.loading,columns=_ref6.columns,selectable=_ref6.selectable,id=_ref6.id,fixedLayout=_ref6.fixedLayout,firstColumn=_ref6.firstColumn,idRef=(0,react.useRef)((0,v1.Z)());return(0,jsx_runtime.jsxs)("tr",{children:[selectable&&(0,jsx_runtime.jsxs)("td",{className:"checkbox-cell",children:[(0,jsx_runtime.jsx)("input",{type:"checkbox","data-id":id,id:idRef.current}),(0,jsx_runtime.jsx)("label",{htmlFor:idRef.current,"aria-label":id,title:"click to select, shift+click for multiple selection"})]}),columns.map((function(column){return(0,jsx_runtime.jsx)(Cell,{column:column,datum:datum,loading:loading,fixedLayout:fixedLayout,firstColumn:firstColumn},id+"-"+column.name)}))]})};DataTableRow.displayName="DataTableRow";var MemoizedDataTableRow=(0,react.memo)(DataTableRow),DataTable=function DataTable(_ref7){var _cn2,data=_ref7.data,loading=_ref7.loading,columns=_ref7.columns,getIdKey=_ref7.getIdKey,onHeaderClick=_ref7.onHeaderClick,onSelectionChange=_ref7.onSelectionChange,_ref7$density=_ref7.density,density=void 0===_ref7$density?"normal":_ref7$density,fixedLayout=_ref7.fixedLayout,optimisedRendering=_ref7.optimisedRendering,className=_ref7.className,props=(0,objectWithoutProperties.Z)(_ref7,_excluded),idRef=(0,react.useRef)((0,v1.Z)()),_useDataCheckboxes=(0,useDataCheckboxes.ZP)(onSelectionChange),selectAllRef=_useDataCheckboxes.selectAllRef,checkboxContainerRef=_useDataCheckboxes.checkboxContainerRef,checkSelectAllSync=_useDataCheckboxes.checkSelectAllSync;(0,react.useEffect)(checkSelectAllSync,[data,checkSelectAllSync]);var selectable=Boolean(onSelectionChange),selectAllCheckbox=(0,react.useMemo)((function(){return selectable&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("input",{type:"checkbox",id:idRef.current,ref:selectAllRef}),(0,jsx_runtime.jsx)("label",{htmlFor:idRef.current,"aria-label":"Selection control for all visible items"})]})}),[selectAllRef,selectable]);return(0,jsx_runtime.jsxs)("table",Object.assign({className:classnames_default()(className,BLOCK,(_cn2={},_cn2[BLOCK+"--compact"]="compact"===density,_cn2[BLOCK+"--fixed"]=fixedLayout,_cn2[BLOCK+"--optimised-rendering"]=optimisedRendering,_cn2))},props,{children:[(0,jsx_runtime.jsx)(MemoizedDataTableHead,{columns:columns,onHeaderClick:onHeaderClick,checkbox:selectAllCheckbox}),(0,jsx_runtime.jsx)("tbody",{ref:checkboxContainerRef,translate:"no",children:data.map((function(datum,index){var id=getIdKey(datum,index,data);return(0,jsx_runtime.jsx)(MemoizedDataTableRow,{datum:datum,loading:loading,id:id,selectable:selectable,firstColumn:0===index,columns:columns,fixedLayout:fixedLayout},id)}))})]}))};DataTable.displayName="DataTable";var DataTableWithLoader=function DataTableWithLoader(props){return(0,data_loader.Z)(DataTable)(props)};try{DataTable.displayName="DataTable",DataTable.__docgenInfo={description:"",displayName:"DataTable",props:{density:{defaultValue:{value:"normal"},description:"Display density of the table (default is 'normal')",name:"density",required:!1,type:{name:"enum",value:[{value:'"compact"'},{value:'"normal"'}]}},optimisedRendering:{defaultValue:null,description:'Choose to activate optimised rendering (default: false). Do not use if\n - height of row is really tall or variable (scroll bar will jump)\n - column width changes (should be fine with "fixedLayout")',name:"optimisedRendering",required:!1,type:{name:"boolean"}},data:{defaultValue:null,description:"The data to be displayed",name:"data",required:!0,type:{name:"Datum[]"}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},getIdKey:{defaultValue:null,description:"A function that returns a unique ID for each of the data objects.\nSame function signature as a map function.",name:"getIdKey",required:!0,type:{name:"(datum: Datum, index: number, data: Datum[]) => string"}},onSelectionChange:{defaultValue:null,description:"A callback that is called whenever a user selects or unselects a row.",name:"onSelectionChange",required:!1,type:{name:"((event: MouseEvent | KeyboardEvent) => void)"}},onHeaderClick:{defaultValue:null,description:"Optional event handler called when a sortable column header gets clicked\nMake sure that it doesn't change unecessarily by wrapping it in useCallback",name:"onHeaderClick",required:!1,type:{name:"((columnName: string) => void)"}},columns:{defaultValue:null,description:"An array of objects which specifies attributes about each column of your\ndata. Each object has label, name and render attributes.",name:"columns",required:!0,type:{name:"(SortableColumn | NonSortableColumn)[]"}},fixedLayout:{defaultValue:null,description:"Table fixed layout",name:"fixedLayout",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/data-table.tsx#DataTable"]={docgenInfo:DataTable.__docgenInfo,name:"DataTable",path:"src/components/data-table.tsx#DataTable"})}catch(__react_docgen_typescript_loader_error){}try{DataTableWithLoader.displayName="DataTableWithLoader",DataTableWithLoader.__docgenInfo={description:"",displayName:"DataTableWithLoader",props:{onLoadMoreItems:{defaultValue:null,description:"Callback to request more items if user scrolled to the bottom of the scroll-container or if\nthe scroll-container isn't scrollable yet because not enough items have been loaded yet. If\nnot provided this component will simply pass the data prop to the BaseComponent to be rendered\nwithout observing scroll or triggering more data loading.",name:"onLoadMoreItems",required:!0,type:{name:"() => void"}},hasMoreData:{defaultValue:null,description:"A boolean to indicate that the parent has more items to provide.",name:"hasMoreData",required:!0,type:{name:"boolean"}},loaderComponent:{defaultValue:null,description:"A custom loader component",name:"loaderComponent",required:!1,type:{name:"ReactNode"}},data:{defaultValue:null,description:"Data that is being represented in the wrapped component\nThe data to be displayed",name:"data",required:!0,type:{name:"Datum[]"}},clickToLoad:{defaultValue:null,description:"Use a button to load more data instead of having infinite scrolling.\nIf this prop is a string or a node, it will render this within the button",name:"clickToLoad",required:!1,type:{name:"ReactNode"}},density:{defaultValue:{value:"normal"},description:"Display density of the table (default is 'normal')",name:"density",required:!1,type:{name:"enum",value:[{value:'"compact"'},{value:'"normal"'}]}},optimisedRendering:{defaultValue:null,description:'Choose to activate optimised rendering (default: false). Do not use if\n - height of row is really tall or variable (scroll bar will jump)\n - column width changes (should be fine with "fixedLayout")',name:"optimisedRendering",required:!1,type:{name:"boolean"}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},getIdKey:{defaultValue:null,description:"A function that returns a unique ID for each of the data objects.\nSame function signature as a map function.",name:"getIdKey",required:!0,type:{name:"(datum: Datum, index: number, data: Datum[]) => string"}},onSelectionChange:{defaultValue:null,description:"A callback that is called whenever a user selects or unselects a row.",name:"onSelectionChange",required:!1,type:{name:"((event: MouseEvent | KeyboardEvent) => void)"}},onHeaderClick:{defaultValue:null,description:"Optional event handler called when a sortable column header gets clicked\nMake sure that it doesn't change unecessarily by wrapping it in useCallback",name:"onHeaderClick",required:!1,type:{name:"((columnName: string) => void)"}},columns:{defaultValue:null,description:"An array of objects which specifies attributes about each column of your\ndata. Each object has label, name and render attributes.",name:"columns",required:!0,type:{name:"(SortableColumn | NonSortableColumn)[]"}},fixedLayout:{defaultValue:null,description:"Table fixed layout",name:"fixedLayout",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/data-table.tsx#DataTableWithLoader"]={docgenInfo:DataTableWithLoader.__docgenInfo,name:"DataTableWithLoader",path:"src/components/data-table.tsx#DataTableWithLoader"})}catch(__react_docgen_typescript_loader_error){}var DataDecorator=__webpack_require__(22390),DataTable_stories={title:"Data/Data Table",parameters:{purposeFunction:{purpose:"",function:""}}},useCheckbox=function useCheckbox(){return(0,dist.boolean)("onSelectionChange",!1,"Props")},useFixedLayout=function useFixedLayout(){return(0,dist.boolean)("fixedLayout",!1,"Props")},useDensity=function useDensity(){return(0,dist.select)("density",["normal","compact"],"normal","Props")},useClickToLoad=function useClickToLoad(){return(0,dist.boolean)("clickToLoad",!1,"Props")},useClickToLoadContent=function useClickToLoadContent(){return(0,dist.text)("clickToLoad content","")},dataTable=function dataTable(){return(0,jsx_runtime.jsx)(DataDecorator.Y_,{children:function children(props){return(0,jsx_runtime.jsx)(DataTable,Object.assign({},props,{columns:DataDecorator.zF,onSelectionChange:useCheckbox()?(0,esm.action)("onSelectionChange"):void 0,onHeaderClick:(0,esm.action)("onHeaderClick"),fixedLayout:useFixedLayout(),density:useDensity()}))}})};dataTable.displayName="dataTable";var dataTableWithLoader=function dataTableWithLoader(){return(0,jsx_runtime.jsx)(DataDecorator.Si,{children:function children(props){var clickToLoad=useClickToLoad(),clickToLoadContent=useClickToLoadContent();return(0,jsx_runtime.jsx)(DataTableWithLoader,Object.assign({},props,{columns:DataDecorator.zF,onSelectionChange:useCheckbox()?(0,esm.action)("onSelectionChange"):void 0,onHeaderClick:(0,esm.action)("onHeaderClick"),fixedLayout:useFixedLayout(),density:useDensity(),clickToLoad:clickToLoad&&(clickToLoadContent||clickToLoad)}))}})};dataTableWithLoader.displayName="dataTableWithLoader";var dataTableColumnLoading=function dataTableColumnLoading(){return(0,jsx_runtime.jsx)(DataDecorator.Si,{children:function children(props){var clickToLoad=useClickToLoad(),clickToLoadContent=useClickToLoadContent();return(0,jsx_runtime.jsx)(DataTableWithLoader,Object.assign({},props,{loading:!0,columns:[].concat((0,toConsumableArray.Z)(DataDecorator.zF),[{label:"Column 6",name:"content6",render:function render(row){return row.content6.complexValue}}]),onSelectionChange:useCheckbox()?(0,esm.action)("onSelectionChange"):void 0,onHeaderClick:(0,esm.action)("onHeaderClick"),fixedLayout:useFixedLayout(),density:useDensity(),clickToLoad:clickToLoad&&(clickToLoadContent||clickToLoad)}))}})};dataTableColumnLoading.displayName="dataTableColumnLoading"},33143:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{decoratedListItem:function(){return decoratedListItem}});__webpack_require__(84865);var _src_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(47005),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893);__webpack_exports__.default={title:"Data/Decorated List Item",parameters:{purposeFunction:{purpose:"Provides a re-usable styled list element.",function:"Display a list item in various visual styles."}}};var data=[{title:"First",content:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:"Number one"})},{title:"Second",content:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:"Number two"})},{title:"Third",content:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:"Number three"})},{title:"Fourth",content:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{children:"Number four"})}],decoratedListItem=function decoratedListItem(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:"uniprot-grid",children:data.map((function(i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:"uniprot-grid-cell--span-3",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.Z,{compact:!0,altStyle:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("h3",{children:i.title})})},i.title)}))})};decoratedListItem.displayName="decoratedListItem",decoratedListItem.storyName="Alternative Style"},36180:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return DisplayMenu_stories},displayMenu:function(){return displayMenu}});__webpack_require__(84865),__webpack_require__(99217);var react_router_dom=__webpack_require__(73727),react_router=__webpack_require__(5977),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),display_menu=__webpack_require__(91130),display_menu_default=__webpack_require__.n(display_menu),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()(display_menu_default(),options),display_menu_default()&&display_menu_default().locals&&display_menu_default().locals;var jsx_runtime=__webpack_require__(85893),DisplayMenu=function DisplayMenu(_ref){var data=_ref.data,_useRouteMatch=(0,react_router.useRouteMatch)(),path=_useRouteMatch.path,url=_useRouteMatch.url;return(0,jsx_runtime.jsx)("ul",{className:"display-menu",children:(0,jsx_runtime.jsx)("ul",{className:"no-bullet",children:data.map((function(displayItem){return(0,jsx_runtime.jsxs)("li",{children:[(0,jsx_runtime.jsx)("h5",{className:"display-menu__item_title",children:(0,jsx_runtime.jsxs)(react_router_dom.OL,{to:""+url+(displayItem.path.length>0?"/"+displayItem.path:displayItem.path),activeClassName:"display-menu__item_title--active",exact:displayItem.exact,children:[(0,jsx_runtime.jsx)("span",{className:"display-menu__item_icon",children:displayItem.icon&&displayItem.icon}),displayItem.name]})}),(0,jsx_runtime.jsx)(react_router.Route,{path:path+"/"+displayItem.path,render:function render(){return(0,jsx_runtime.jsx)("div",{className:"display-menu__item_content",children:displayItem.itemContent})},exact:displayItem.exact})]},displayItem.name)}))})})};DisplayMenu.displayName="DisplayMenu";var src_components_display_menu=DisplayMenu;try{displaymenu.displayName="displaymenu",displaymenu.__docgenInfo={description:"",displayName:"displaymenu",props:{data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"{ name: string; icon?: ReactNode; path: string; exact?: boolean | undefined; itemContent?: ReactNode; mainContent?: ReactNode; }[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/display-menu.tsx#displaymenu"]={docgenInfo:displaymenu.__docgenInfo,name:"displaymenu",path:"src/components/display-menu.tsx#displaymenu"})}catch(__react_docgen_typescript_loader_error){}var swissprot=__webpack_require__(14113),_mocks_displayMenu=[{name:"Item 1",icon:(0,jsx_runtime.jsx)(swissprot.Z,{}),itemContent:(0,jsx_runtime.jsxs)("ul",{className:"no-bullet",children:[(0,jsx_runtime.jsx)("li",{children:"Something"}),(0,jsx_runtime.jsx)("li",{children:"Something"}),(0,jsx_runtime.jsx)("li",{children:"Something"}),(0,jsx_runtime.jsx)("li",{children:"Something"}),(0,jsx_runtime.jsx)("li",{children:"Something"})]}),path:"",exact:!0},{name:"Item 2",icon:null,itemContent:(0,jsx_runtime.jsx)("div",{children:"Something else"}),path:"/item2"},{name:"Item 3",path:"/item3"}],DisplayMenu_stories={title:"Layout/Display Menu",parameters:{purposeFunction:{purpose:"",function:""}}},displayMenu=function displayMenu(){return(0,jsx_runtime.jsx)(src_components_display_menu,{data:_mocks_displayMenu})};displayMenu.displayName="displayMenu"},3812:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Doughnut_stories},largeDoughnut:function(){return largeDoughnut},regularDoughnut:function(){return regularDoughnut},smallDoughnut:function(){return smallDoughnut}});var injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),doughnut_chart=__webpack_require__(52529),doughnut_chart_default=__webpack_require__.n(doughnut_chart),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()(doughnut_chart_default(),options),doughnut_chart_default()&&doughnut_chart_default().locals&&doughnut_chart_default().locals;var jsx_runtime=__webpack_require__(85893),DoughnutChart=function DoughnutChart(_ref){var leftTransformerDegree,rightTransformerDegree,_ref$size=_ref.size,size=void 0===_ref$size?"medium":_ref$size,_ref$percent=_ref.percent,percent=void 0===_ref$percent?0:_ref$percent,_ref$bgColorClass=_ref.bgColorClass,bgColorClass=void 0===_ref$bgColorClass?"colour-platinum":_ref$bgColorClass,_ref$colorClass=_ref.colorClass,colorClass=void 0===_ref$colorClass?"colour-sea-blue":_ref$colorClass,children=_ref.children;return percent>=50?(rightTransformerDegree="180deg",leftTransformerDegree=3.6*(percent-50)+"deg"):(rightTransformerDegree=3.6*percent+"deg",leftTransformerDegree="0deg"),(0,jsx_runtime.jsxs)("span",{className:"doughnut-chart--"+size+" "+bgColorClass,children:[(0,jsx_runtime.jsx)("span",{className:"doughnut-chart--"+size+"__left-wrap",children:(0,jsx_runtime.jsx)("span",{className:"doughnut-chart--"+size+"__left-wrap__loader "+colorClass,style:{transform:"rotate("+leftTransformerDegree+")"}})}),(0,jsx_runtime.jsx)("span",{className:"doughnut-chart--"+size+"__right-wrap",children:(0,jsx_runtime.jsx)("span",{className:"doughnut-chart--"+size+"__right-wrap__loader "+colorClass,style:{transform:"rotate("+rightTransformerDegree+")"}})}),(0,jsx_runtime.jsx)("span",{className:"doughnut-chart--"+size+"__inner-circle",style:{},children:children||(0,jsx_runtime.jsx)("span",{children:percent+"%"})})]})};DoughnutChart.displayName="DoughnutChart";var src_components_doughnut_chart=DoughnutChart;try{doughnutchart.displayName="doughnutchart",doughnutchart.__docgenInfo={description:"",displayName:"doughnutchart",props:{size:{defaultValue:{value:"medium"},description:"The bubble size (default is medium)",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},colorClass:{defaultValue:{value:"colour-sea-blue"},description:"The chart colour",name:"colorClass",required:!1,type:{name:"string"}},bgColorClass:{defaultValue:{value:"colour-platinum"},description:"The background chart colour",name:"bgColorClass",required:!1,type:{name:"string"}},percent:{defaultValue:{value:"0"},description:"The ratio to be displayed in percent.",name:"percent",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/doughnut-chart.tsx#doughnutchart"]={docgenInfo:doughnutchart.__docgenInfo,name:"doughnutchart",path:"src/components/doughnut-chart.tsx#doughnutchart"})}catch(__react_docgen_typescript_loader_error){}var Doughnut_stories={title:"Visualisation/Doughnut",parameters:{purposeFunction:{purpose:"Highlight a ratio.",function:"Used to represent numbers which represent a quantity relative to a total. By default shown as percentages but custom text can be shown instead"}}},smallDoughnut=function smallDoughnut(){return(0,jsx_runtime.jsx)(src_components_doughnut_chart,{percent:90,size:"small",children:"9"})};smallDoughnut.displayName="smallDoughnut";var regularDoughnut=function regularDoughnut(){return(0,jsx_runtime.jsx)(src_components_doughnut_chart,{percent:60,colorClass:"colour-uniref",bgColorClass:"colour-sky-white",children:"3/5"})};regularDoughnut.displayName="regularDoughnut";var largeDoughnut=function largeDoughnut(){return(0,jsx_runtime.jsx)(src_components_doughnut_chart,{percent:20,size:"large"})};largeDoughnut.displayName="largeDoughnut"},41011:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{controlledDropdown:function(){return controlledDropdown},dropdown:function(){return dropdown}});__webpack_require__(84865);var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(95099),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(67294),_src_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(64424),_src_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(19210),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(85893);__webpack_exports__.default={title:"Forms/Dropdown button",parameters:{purposeFunction:{function:"Shows a dropdown area when clicked",purpose:"Allow the user to perform actions"}}};var variants=["primary","secondary","tertiary"],controlledDropdown=function controlledDropdown(){var expanded=(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("expanded",!1);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p",{children:"Controlled dropdowns (trigger through storybook knobs)"}),variants.map((function(variant){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_src_components__WEBPACK_IMPORTED_MODULE_4__.F4,{visibleElement:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_5__.Z,{variant:variant,children:"Download"}),expanded:expanded,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p",{children:"Download content from:"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("ul",{className:"no-bullet",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("li",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"//www.uniprot.org",children:"UniProt"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("li",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"//www.ensembl.org",children:"Ensembl"})})]})]})," "]},variant)}))]})};controlledDropdown.displayName="controlledDropdown";var dropdown=function dropdown(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p",{children:"Uncontrolled/automatic dropdowns"}),variants.map((function(variant){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_4__.Lt,{visibleElement:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_5__.Z,{variant:variant,children:"Download"}),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p",{children:"Download content from:"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("ul",{className:"no-bullet",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("li",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"//www.uniprot.org",children:"UniProt"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("li",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a",{href:"//www.ensembl.org",children:"Ensembl"})})]})]})})," "]},variant)}))]})};dropdown.displayName="dropdown"},46795:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return EllipsisReveal_stories},ellipsisReveal:function(){return ellipsisReveal},ellipsisRevealInGroup:function(){return ellipsisRevealInGroup}});var toConsumableArray=__webpack_require__(87329),slicedToArray=__webpack_require__(34699),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(33948),__webpack_require__(19601),__webpack_require__(10760),__webpack_require__(7609),__webpack_require__(22560),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(34102),__webpack_require__(70731),__webpack_require__(67294)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),components_button=__webpack_require__(19210),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),ellipsis_reveal=__webpack_require__(18322),ellipsis_reveal_default=__webpack_require__.n(ellipsis_reveal),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()(ellipsis_reveal_default(),options),ellipsis_reveal_default()&&ellipsis_reveal_default().locals&&ellipsis_reveal_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["children","className","title","contextKey"],Context=(0,react.createContext)(null);Context.displayName="EllipsisRevealContext";var Provider=function Provider(_ref){var children=_ref.children,state=(0,react.useState)(new Set);return(0,jsx_runtime.jsx)(Context.Provider,{value:state,children:children})};Provider.displayName="Provider";var EllipsisReveal=function EllipsisReveal(_ref2){var children=_ref2.children,className=_ref2.className,title=_ref2.title,contextKey=_ref2.contextKey,props=(0,objectWithoutProperties.Z)(_ref2,_excluded),contextState=(0,react.useContext)(Context),openFromContext=contextState&&contextKey&&contextState[0].has(contextKey),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),open=_useState2[0],setOpen=_useState2[1];return open||openFromContext?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:children}):(0,jsx_runtime.jsx)(components_button.z,Object.assign({variant:"tertiary",onClick:function onClick(){setOpen(!0),contextKey&&contextState&&contextState[1]((function(previousSet){return new Set([].concat((0,toConsumableArray.Z)(previousSet),[contextKey]))}))},className:classnames_default()(className,"ellipsis-reveal"),title:title||"Show more","aria-expanded":"false"},props,{children:"[...]"}))};EllipsisReveal.displayName="EllipsisReveal",EllipsisReveal.Provider=Provider;var src_components_ellipsis_reveal=EllipsisReveal;try{ellipsisreveal.displayName="ellipsisreveal",ellipsisreveal.__docgenInfo={description:"",displayName:"ellipsisreveal",props:{contextKey:{defaultValue:null,description:"",name:"contextKey",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ellipsis-reveal.tsx#ellipsisreveal"]={docgenInfo:ellipsisreveal.__docgenInfo,name:"ellipsisreveal",path:"src/components/ellipsis-reveal.tsx#ellipsisreveal"})}catch(__react_docgen_typescript_loader_error){}var lipsum=__webpack_require__(78645),EllipsisReveal_stories={title:"Data/Ellipsis Reveal",decorators:[],parameters:{purposeFunction:{purpose:"Make the display more compact by not displaying all information by default.",function:"Display additional text as part of an already existing block of text."}}},ellipsisReveal=function ellipsisReveal(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Some text ",(0,jsx_runtime.jsx)(src_components_ellipsis_reveal,{children:(0,lipsum.GX)()})]})},ellipsisRevealInGroup=function ellipsisRevealInGroup(){return(0,jsx_runtime.jsxs)(src_components_ellipsis_reveal.Provider,{children:[(0,jsx_runtime.jsxs)("p",{children:["Some text"," ",(0,jsx_runtime.jsx)(src_components_ellipsis_reveal,{contextKey:"group",children:(0,lipsum.GX)()})]}),(0,jsx_runtime.jsxs)("p",{children:["Some other text"," ",(0,jsx_runtime.jsx)(src_components_ellipsis_reveal,{contextKey:"group",children:(0,lipsum.GX)()})]}),(0,jsx_runtime.jsxs)("p",{children:["Some other text again"," ",(0,jsx_runtime.jsx)(src_components_ellipsis_reveal,{contextKey:"group",children:(0,lipsum.GX)()})]})]})};ellipsisRevealInGroup.displayName="ellipsisRevealInGroup"},83535:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return EvidenceTag_stories},evidenceTag:function(){return evidenceTag}});var dist=__webpack_require__(95099),slicedToArray=__webpack_require__(34699),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(67294)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),v1=__webpack_require__(42689),evidence_tag=__webpack_require__(67607),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_evidence_tag=__webpack_require__(10959),evidence_tag_default=__webpack_require__.n(components_evidence_tag),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()(evidence_tag_default(),options),evidence_tag_default()&&evidence_tag_default().locals&&evidence_tag_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["label","title","className","iconComponent","children"],src_components_evidence_tag=function EvidenceTag(_ref){var label=_ref.label,className=(_ref.title,_ref.className),_ref$iconComponent=_ref.iconComponent,iconComponent=void 0===_ref$iconComponent?(0,jsx_runtime.jsx)(evidence_tag.Z,{}):_ref$iconComponent,children=_ref.children,props=(0,objectWithoutProperties.Z)(_ref,_excluded),idRef=(0,react.useRef)((0,v1.Z)()),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),contentDisplay=_useState2[0],setContentDisplay=_useState2[1];return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("button",Object.assign({className:classnames_default()(className,"evidence-tag"),onClick:function onClick(){return setContentDisplay(!contentDisplay)},type:"button","data-testid":"evidence-tag-trigger","aria-expanded":contentDisplay,"aria-controls":idRef.current},props,{children:[(0,react.cloneElement)(iconComponent,{width:12,height:12}),(0,jsx_runtime.jsx)("span",{className:"evidence-tag__label",children:label})]})),children&&(0,jsx_runtime.jsx)("div",{className:"evidence-tag-content "+(contentDisplay?"evidence-tag-content--visible":""),"data-testid":"evidence-tag-content",id:idRef.current,children:contentDisplay&&children})]})};try{evidencetag.displayName="evidencetag",evidencetag.__docgenInfo={description:"",displayName:"evidencetag",props:{label:{defaultValue:null,description:"Displayed on the tag",name:"label",required:!0,type:{name:"string"}},iconComponent:{defaultValue:{value:""},description:"Icon to display",name:"iconComponent",required:!1,type:{name:"ReactElement<{ width: number; height: number; }, string | JSXElementConstructor>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/evidence-tag.tsx#evidencetag"]={docgenInfo:evidencetag.__docgenInfo,name:"evidencetag",path:"src/components/evidence-tag.tsx#evidencetag"})}catch(__react_docgen_typescript_loader_error){}var information=__webpack_require__(96502),help=__webpack_require__(5407),lipsum=__webpack_require__(78645),EvidenceTag_stories={title:"Biocomponents/Evidence Tag",decorators:[(0,dist.withKnobs)()],parameters:{purposeFunction:{function:"Provide the user with information about the evidence associated to a piece of text.",purpose:"Inform the user so they can make a decision regarding the trustworthyness of a piece of text"}}},IconComponentOptions={EvidenceTag:(0,jsx_runtime.jsx)(evidence_tag.Z,{}),InformationIcon:(0,jsx_runtime.jsx)(information.Z,{}),HelpIcon:(0,jsx_runtime.jsx)(help.Z,{})},evidenceTag=function evidenceTag(){return(0,jsx_runtime.jsx)(src_components_evidence_tag,{label:(0,dist.text)("label","this is an evidence tag","Props"),iconComponent:IconComponentOptions[(0,dist.select)("iconComponent",["EvidenceTag","InformationIcon","HelpIcon"],"EvidenceTag","Props")],children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("h5",{children:"Some title"}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()}),(0,jsx_runtime.jsx)("p",{children:(0,lipsum.GX)()})]})})};evidenceTag.displayName="evidenceTag"},25979:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{expandableList:function(){return expandableList},expandableListWithExtraAction:function(){return expandableListWithExtraAction}});__webpack_require__(84865);var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(95099),_src_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(81458),_src_mock_data_lipsum__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(78645),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(85893);__webpack_exports__.default={title:"Data/Expandable List",decorators:[(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.withKnobs)()],parameters:{purposeFunction:{purpose:"Provide a way of truncating long unordered lists of items.",function:"Display an unordered list of items which is initially collapsed."}}};var expandableList=function expandableList(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_3__.ZP,{numberCollapsedItems:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.number)("Number of displayed items",5,{min:0,step:1},"Props"),descriptionString:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.text)("Description string","lorem ipsum items","Props"),displayNumberOfHiddenItems:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_1__.boolean)("Display number of hidden items",!1,"Props"),children:(0,_src_mock_data_lipsum__WEBPACK_IMPORTED_MODULE_4__.JS)({numberElements:10,keys:["content"],type:"words"}).map((function(_ref){var id=_ref.id,content=_ref.content;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span",{children:content},id)}))})};expandableList.displayName="expandableList";var expandableListWithExtraAction=function expandableListWithExtraAction(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_3__.ZP,{numberCollapsedItems:5,descriptionString:"Lorem ipsum items",extraActions:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a",{className:"button tertiary expandable-list__action",children:"some link"}),children:(0,_src_mock_data_lipsum__WEBPACK_IMPORTED_MODULE_4__.JS)({numberElements:10,keys:["content"],type:"words"}).map((function(_ref2){var id=_ref2.id,content=_ref2.content;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span",{children:content},id)}))})};expandableListWithExtraAction.displayName="expandableListWithExtraAction"},57053:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{externalLink:function(){return externalLink},externalLinkWithoutPassingText:function(){return externalLinkWithoutPassingText}});var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(95099),_src_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(38893),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893);__webpack_exports__.default={title:"Core/External link",decorators:[(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.withKnobs)()],parameters:{purposeFunction:{purpose:"Indicate to the user that the link will take them to another website.",function:"Provide a link to another web resource."}}};var externalLink=function externalLink(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.Z,{url:"https://www.ebi.ac.uk/",noIcon:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("Hide icon?",!1),children:"external link"})};externalLink.displayName="externalLink";var externalLinkWithoutPassingText=function externalLinkWithoutPassingText(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.Z,{url:"https://www.ebi.ac.uk/",tidyUrl:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("Tidy URL string?",!1),noIcon:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.boolean)("Hide icon?",!1)})};externalLinkWithoutPassingText.displayName="externalLinkWithoutPassingText"},69728:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Facets_stories},facets:function(){return Facets_stories_facets}});__webpack_require__(74916),__webpack_require__(64765),__webpack_require__(52552),__webpack_require__(21156),__webpack_require__(36385),__webpack_require__(84865),__webpack_require__(99217);var react_router=__webpack_require__(5977),objectWithoutProperties=(__webpack_require__(41817),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559),__webpack_require__(41678),__webpack_require__(45083),__webpack_require__(10245),__webpack_require__(81253)),slicedToArray=__webpack_require__(34699),react=(__webpack_require__(33948),__webpack_require__(41637),__webpack_require__(38559),__webpack_require__(84944),__webpack_require__(33792),__webpack_require__(39714),__webpack_require__(19601),__webpack_require__(89999),__webpack_require__(7609),__webpack_require__(22560),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(38802),__webpack_require__(77151),__webpack_require__(10760),__webpack_require__(87351),__webpack_require__(23269),__webpack_require__(39120),__webpack_require__(73494),__webpack_require__(81828),__webpack_require__(70731),__webpack_require__(67294)),react_router_dom=__webpack_require__(73727),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),expandable_list=__webpack_require__(81458),utils=__webpack_require__(31365),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),facets=__webpack_require__(22012),facets_default=__webpack_require__.n(facets),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()(facets_default(),options),facets_default()&&facets_default().locals&&facets_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["data","extraActions","queryStringKey","facetClickHandler"],_excluded2=["data","extraActionsFor","queryStringKey","children","className","facetClickHandler"];function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1&&void 0!==arguments[1]?arguments[1]:"facets",parsed=new URLSearchParams(string),customParsed=Object.fromEntries(parsed),queryStringFacet=parsed.get(queryStringKey);if(!queryStringFacet)return customParsed;var _step,facetTokens=queryStringFacet.split(",").map((function(stringTuple){return stringTuple.split(":")})),facets={},_iterator=_createForOfIteratorHelper(facetTokens);try{for(_iterator.s();!(_step=_iterator.n()).done;){var _ref=_step.value,_ref2=(0,slicedToArray.Z)(_ref,2),name=_ref2[0],value=_ref2[1];facets[name]||(facets[name]=new Set),facets[name].add(value)}}catch(err){_iterator.e(err)}finally{_iterator.f()}return customParsed[queryStringKey]=facets,customParsed},stringify=function stringify(query){var queryStringKey=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"facets",_query$queryStringKey=query[queryStringKey],facets=void 0===_query$queryStringKey?{}:_query$queryStringKey,rest=(0,objectWithoutProperties.Z)(query,[queryStringKey].map(_toPropertyKey)),facetString=Object.entries(facets).map((function(_ref3){var _ref4=(0,slicedToArray.Z)(_ref3,2),name=_ref4[0],values=_ref4[1];return Array.from(values).map((function(value){return name+":"+value}))})).flat().join(","),sp=new URLSearchParams(rest);return facetString?(sp.set(queryStringKey,facetString),sp.toString()):sp.toString()},Facet=function Facet(_ref5){var _data$values,data=_ref5.data,extraActions=_ref5.extraActions,_ref5$queryStringKey=_ref5.queryStringKey,queryStringKey=void 0===_ref5$queryStringKey?"facets":_ref5$queryStringKey,facetClickHandler=_ref5.facetClickHandler,props=(0,objectWithoutProperties.Z)(_ref5,_excluded),location=(0,react_router.useLocation)(),search=parse(location.search,queryStringKey);return null!==(_data$values=data.values)&&void 0!==_data$values&&_data$values.length?(0,jsx_runtime.jsxs)("div",Object.assign({},props,{children:[(0,jsx_runtime.jsx)("div",{className:"facet-name",children:data.label||data.name}),(0,jsx_runtime.jsx)(expandable_list.ZP,{extraActions:extraActions,children:data.values.map((function(_ref6){var _queryField$data$name,_Object$assign,_Object$assign2,value=_ref6.value,label=_ref6.label,count=_ref6.count,queryField=search[queryStringKey],isActive=null==queryField||null===(_queryField$data$name=queryField[data.name])||void 0===_queryField$data$name?void 0:_queryField$data$name.has(value),facetSet=new Set(data.allowMultipleSelection&&queryField?queryField[data.name]:null);facetSet[isActive?"delete":"add"](value);var to=Object.assign({},location,{search:stringify(Object.assign({},search,(_Object$assign2={},_Object$assign2[queryStringKey]=Object.assign({},queryField,(_Object$assign={},_Object$assign[data.name]=facetSet,_Object$assign)),_Object$assign2)),queryStringKey)});return(0,jsx_runtime.jsxs)(react_router_dom.rU,{to:to,className:isActive?"facet-active":void 0,onClick:facetClickHandler,children:[label||value," ("+(0,utils.HN)(count)+")"]},data.name+"_"+value)}))})]})):null};Facet.displayName="Facet";var Facets=function Facets(_ref7){var data=_ref7.data,extraActionsFor=_ref7.extraActionsFor,_ref7$queryStringKey=_ref7.queryStringKey,queryStringKey=void 0===_ref7$queryStringKey?"facets":_ref7$queryStringKey,children=_ref7.children,className=_ref7.className,facetClickHandler=_ref7.facetClickHandler,props=(0,objectWithoutProperties.Z)(_ref7,_excluded2);return null!=data&&data.length||react.Children.count(children)?(0,jsx_runtime.jsx)("div",Object.assign({className:classnames_default()(className,"facets")},props,{children:(0,jsx_runtime.jsxs)("ul",{className:"no-bullet",children:[null==data?void 0:data.map((function(facet){var _facet$values;return null!==(_facet$values=facet.values)&&void 0!==_facet$values&&_facet$values.length?(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)(Facet,{data:facet,extraActions:null==extraActionsFor?void 0:extraActionsFor.get(facet.name),queryStringKey:queryStringKey,facetClickHandler:facetClickHandler})},facet.name):null})),react.Children.map(children,(function(child,index){return child?(0,jsx_runtime.jsx)("li",{children:child},"object"==typeof child&&"key"in child&&child.key||index):null}))]})})):null};Facets.displayName="Facets";try{parse.displayName="parse",parse.__docgenInfo={description:"Takes a search string and parse it, handle facets specifically, keeps them\nas sets of values",displayName:"parse",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/facets.tsx#parse"]={docgenInfo:parse.__docgenInfo,name:"parse",path:"src/components/facets.tsx#parse"})}catch(__react_docgen_typescript_loader_error){}try{stringify.displayName="stringify",stringify.__docgenInfo={description:'Takes a parsed search object (as generated by the previous "parse" function)\nand generate a search string',displayName:"stringify",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/facets.tsx#stringify"]={docgenInfo:stringify.__docgenInfo,name:"stringify",path:"src/components/facets.tsx#stringify"})}catch(__react_docgen_typescript_loader_error){}try{Facet.displayName="Facet",Facet.__docgenInfo={description:"",displayName:"Facet",props:{data:{defaultValue:null,description:"The facet data to be displayed",name:"data",required:!0,type:{name:"FacetObject"}},extraActions:{defaultValue:null,description:'Extra components to be added in the "action" area',name:"extraActions",required:!1,type:{name:"ReactNode"}},queryStringKey:{defaultValue:{value:"facets"},description:'Key with which to add the facets in the querystring (defaults to "facets")',name:"queryStringKey",required:!1,type:{name:"string"}},facetClickHandler:{defaultValue:null,description:"ClickHandler for specific behaviour",name:"facetClickHandler",required:!1,type:{name:"((event: MouseEvent) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/facets.tsx#Facet"]={docgenInfo:Facet.__docgenInfo,name:"Facet",path:"src/components/facets.tsx#Facet"})}catch(__react_docgen_typescript_loader_error){}try{Facets.displayName="Facets",Facets.__docgenInfo={description:"",displayName:"Facets",props:{data:{defaultValue:null,description:"The facet data to be displayed",name:"data",required:!1,type:{name:"FacetObject[]"}},extraActionsFor:{defaultValue:null,description:'Extra components to be added in the "action" area, map of ',name:"extraActionsFor",required:!1,type:{name:"Map"}},queryStringKey:{defaultValue:{value:"facets"},description:'Key with which to add the facets in the querystring (defaults to "facets")',name:"queryStringKey",required:!1,type:{name:"string"}},facetClickHandler:{defaultValue:null,description:"ClickHandler for specific behaviour",name:"facetClickHandler",required:!1,type:{name:"((event: MouseEvent) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/facets.tsx#Facets"]={docgenInfo:Facets.__docgenInfo,name:"Facets",path:"src/components/facets.tsx#Facets"})}catch(__react_docgen_typescript_loader_error){}var mock_data_facetData=[{label:"Facet 1",name:"facet_1",allowMultipleSelection:!1,values:[{label:"Value 1",value:"value_1",count:76},{label:"Value 2",value:"value_2",count:79}]},{label:"Facet 2",name:"facet_2",allowMultipleSelection:!0,values:[{label:"Value 1",value:"value_1",count:764879},{label:void 0,value:"value_2",count:794}]},{label:"Facet not shown",name:"facet_not"},{label:"Long facet shown",name:"long_facet",allowMultipleSelection:!0,values:[{label:"Value 1",value:"value_1",count:764879},{label:"Value 2",value:"value_2",count:764879},{label:"Value 3",value:"value_3",count:764879},{label:"Value 4",value:"value_4",count:764879},{label:"Value 5",value:"value_5",count:764879},{label:"Value 6",value:"value_6",count:764879},{label:"Value 7",value:"value_7",count:764879},{label:"Value 8",value:"value_8",count:764879},{label:"Value 9",value:"value_9",count:764879},{label:"Value 10",value:"value_10",count:764879},{label:"Value 11",value:"value_11",count:764879}]}],Facets_stories={title:"Data/Facets",parameters:{purposeFunction:{purpose:"Give meta-information about a result set (e.g. keywords, top organisms, …) and allow restriction of a results set.",function:"Modify a query to filter a set of results, highlight filter which is currently selected, remove selected filter."}}},propFacetData=mock_data_facetData.slice(0,2),childFacetData=mock_data_facetData.slice(2),Demo=function Demo(){var location=(0,react_router.useLocation)();return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("code",{style:{margin:"0 1ch"},children:["pathname: ",location.pathname+location.search]}),(0,jsx_runtime.jsx)("div",{style:{border:"1px solid black",padding:"1ch"},children:(0,jsx_runtime.jsxs)(Facets,{data:propFacetData,children:["injected content",childFacetData.map((function(facet){return(0,jsx_runtime.jsx)(Facet,{data:facet},facet.name)}))]})})]})},Facets_stories_facets=function facets(){return(0,jsx_runtime.jsx)(react_router.MemoryRouter,{initialEntries:["/initial/path/id1?facets=facet_2%3Avalue_2&other_field&yet_another=value"],children:(0,jsx_runtime.jsx)(Demo,{})})};Facets_stories_facets.displayName="facets"},25684:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{grid:function(){return grid}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893);__webpack_exports__.default={title:"Core/Grid"};var gridStyles={grid:{margin:"1rem 0","--grid-background":"#ccc"},cell:{background:"#ccc",padding:".5rem"},cell2:{background:"blue",paddingTop:"0.5rem",paddingBottom:"0.5rem"}},grid=function grid(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3",{children:"Uniprot Grid"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.grid,className:"uniprot-grid",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-12",children:"span-12"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{style:gridStyles.grid,className:"uniprot-grid",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-6",children:"span-6"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-6",children:"span-6"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{style:gridStyles.grid,className:"uniprot-grid",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-4",children:"span-4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-8",children:"span-8"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{style:gridStyles.grid,className:"uniprot-grid",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-4",children:"span-4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-4",children:"span-4"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-4",children:"span-4"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{style:gridStyles.grid,className:"uniprot-grid",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-1",children:"span-1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-11",children:"span-1"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.grid,className:"uniprot-grid",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-11 uniprot-grid-cell--offset-1",children:"span-11 offset-1"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{style:gridStyles.grid,className:"uniprot-grid",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-5 uniprot-grid-cell--offset-2",children:"span-5 offset-2"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-5",children:"span-5"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3",{children:"Grid modifiers"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("code",{children:"--centered"}),": To use if the grid should be centered on the page instead of full width."]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("code",{children:"--with-bleed"}),": Sometimes, you need the grid background to overflow into the leftmost and rightmost gutters. Define the colour by using the css variable ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("code",{children:"--grid-background"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.grid,className:"uniprot-grid uniprot-grid--centered uniprot-grid--with-bleed",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:gridStyles.cell,className:"uniprot-grid-cell--span-12",children:"span-12"})})]})]})}},34015:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Header_stories},header:function(){return Header_stories_header}});var slicedToArray=__webpack_require__(34699),react=__webpack_require__(67294),react_router_dom=__webpack_require__(73727),esm=__webpack_require__(85914),dist=__webpack_require__(95099),objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(74916),__webpack_require__(64765),__webpack_require__(19601),__webpack_require__(21156),__webpack_require__(36385),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__(31104),__webpack_require__(85893)),_excluded=["logo","search","secondaryItems","subtext","isNegative","className","children"],Header=function Header(_ref){var logo=_ref.logo,search=_ref.search,secondaryItems=_ref.secondaryItems,subtext=_ref.subtext,_ref$isNegative=_ref.isNegative,isNegative=void 0!==_ref$isNegative&&_ref$isNegative,className=_ref.className,children=_ref.children,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()(className,"header",{"header--negative":isNegative})},props,{children:[(0,jsx_runtime.jsx)("div",{className:"header__logo",children:(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:logo})}),(0,jsx_runtime.jsx)("div",{className:"header__navigation",children:children}),(0,jsx_runtime.jsx)("div",{className:"header__search",children:search}),(secondaryItems||subtext)&&(0,jsx_runtime.jsxs)("div",{className:"header__secondary",children:[secondaryItems&&(0,jsx_runtime.jsx)("div",{className:"header__navigation",children:secondaryItems}),subtext&&(0,jsx_runtime.jsx)("small",{children:subtext})]})]}))};Header.displayName="Header";var src_components_header=Header;try{header.displayName="header",header.__docgenInfo={description:"",displayName:"header",props:{logo:{defaultValue:null,description:"Logo to display where the link to the home page will be",name:"logo",required:!1,type:{name:"ReactNode"}},search:{defaultValue:null,description:"Search component",name:"search",required:!1,type:{name:"ReactNode"}},secondaryItems:{defaultValue:null,description:"Secondary items",name:"secondaryItems",required:!1,type:{name:"ReactNode"}},subtext:{defaultValue:null,description:"Subtext",name:"subtext",required:!1,type:{name:"ReactNode"}},isNegative:{defaultValue:{value:"false"},description:'Flag representing if the header should be in a "negative" style',name:"isNegative",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header.tsx#header"]={docgenInfo:header.__docgenInfo,name:"header",path:"src/components/header.tsx#header"})}catch(__react_docgen_typescript_loader_error){}var help=__webpack_require__(5407),envelope=__webpack_require__(3271),basket=__webpack_require__(67019),main_search=__webpack_require__(86416),dropdown_button=__webpack_require__(64424),components_button=__webpack_require__(19210),external_link=__webpack_require__(38893),swissprot=__webpack_require__(14113),Header_stories={title:"Layout/Header",parameters:{purposeFunction:{purpose:"",function:""}},decorators:[dist.withKnobs]},headerSecondaryItems=(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:(0,jsx_runtime.jsx)(help.Z,{width:"1.8ch"})}),(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:(0,jsx_runtime.jsx)(envelope.Z,{width:"2ch"})}),(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:(0,jsx_runtime.jsx)(basket.Z,{width:"2ch"})})]}),Search=function Search(){var _useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),value=_useState2[0],setValue=_useState2[1];return(0,jsx_runtime.jsx)(main_search.Z,{onTextChange:setValue,searchTerm:value,onSubmit:function onSubmit(e){e.preventDefault(),(0,esm.action)("onSubmit")(e)}})};Search.displayName="Search";var Header_stories_header=function header(){return(0,jsx_runtime.jsxs)(src_components_header,{logo:(0,jsx_runtime.jsx)(swissprot.Z,{width:30}),search:(0,dist.boolean)("With Search",!0)&&(0,jsx_runtime.jsx)(Search,{}),secondaryItems:(0,dist.boolean)("Secondary items",!0)?headerSecondaryItems:void 0,subtext:(0,dist.boolean)("Subtext",!0)&&"Release info | Statistics",isNegative:(0,dist.boolean)("Negative",!0),children:[(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:"Link 1"}),(0,jsx_runtime.jsx)(dropdown_button.Lt,{visibleElement:(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",children:"Links 2"}),children:(0,jsx_runtime.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:"sublink 1"}),(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:"sublink 2"}),(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:"sublink 3"}),(0,jsx_runtime.jsx)(external_link.Z,{url:"//www.uniprot.org",children:"external link"}),(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",onClick:(0,esm.action)("onClick"),children:"action"})]})}),(0,jsx_runtime.jsx)(react_router_dom.rU,{to:"/",children:"Link 3"}),(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",onClick:(0,esm.action)("onClick"),children:"action"})]})};Header_stories_header.displayName="header"},3585:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return HeroContainer_stories},heroContainer:function(){return heroContainer}});var dist=__webpack_require__(13380),addon_knobs_dist=__webpack_require__(95099),react=__webpack_require__(67294),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),hero_container=__webpack_require__(1849),hero_container_default=__webpack_require__.n(hero_container),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()(hero_container_default(),options),hero_container_default()&&hero_container_default().locals&&hero_container_default().locals;var jsx_runtime=__webpack_require__(85893),HeroContainer=function HeroContainer(_ref){var title=_ref.title,_ref$headingLevel=_ref.headingLevel,headingLevel=void 0===_ref$headingLevel?"h2":_ref$headingLevel,children=_ref.children,className=_ref.className,titleClassName=_ref.titleClassName,_ref$noSidePadding=_ref.noSidePadding,noSidePadding=void 0!==_ref$noSidePadding&&_ref$noSidePadding;return(0,jsx_runtime.jsxs)("section",{className:classnames_default()("hero-container",className,!noSidePadding&&"hero-container--side-padding"),children:[title&&(0,react.createElement)(headingLevel,{className:classnames_default()(titleClassName,"hero-container__title","big")},title),children]})};HeroContainer.displayName="HeroContainer";var src_components_hero_container=HeroContainer;try{HeroContainer.displayName="HeroContainer",HeroContainer.__docgenInfo={description:"",displayName:"HeroContainer",props:{headingLevel:{defaultValue:{value:"h2"},description:"The tile title heading level",name:"headingLevel",required:!1,type:{name:"enum",value:[{value:'"h2"'},{value:'"h1"'},{value:'"h5"'},{value:'"h3"'},{value:'"h4"'},{value:'"h6"'}]}},titleClassName:{defaultValue:null,description:"CSS classes to pass to the component title",name:"titleClassName",required:!1,type:{name:"string"}},noSidePadding:{defaultValue:{value:"false"},description:"Remove left and right padding",name:"noSidePadding",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero-container.tsx#HeroContainer"]={docgenInfo:HeroContainer.__docgenInfo,name:"HeroContainer",path:"src/components/hero-container.tsx#HeroContainer"})}catch(__react_docgen_typescript_loader_error){}try{herocontainer.displayName="herocontainer",herocontainer.__docgenInfo={description:"",displayName:"herocontainer",props:{headingLevel:{defaultValue:{value:"h2"},description:"The tile title heading level",name:"headingLevel",required:!1,type:{name:"enum",value:[{value:'"h2"'},{value:'"h1"'},{value:'"h5"'},{value:'"h3"'},{value:'"h4"'},{value:'"h6"'}]}},titleClassName:{defaultValue:null,description:"CSS classes to pass to the component title",name:"titleClassName",required:!1,type:{name:"string"}},noSidePadding:{defaultValue:{value:"false"},description:"Remove left and right padding",name:"noSidePadding",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero-container.tsx#herocontainer"]={docgenInfo:herocontainer.__docgenInfo,name:"herocontainer",path:"src/components/hero-container.tsx#herocontainer"})}catch(__react_docgen_typescript_loader_error){}var HeroContainer_stories={title:"Layout/Hero Container",decorators:[(0,addon_knobs_dist.withKnobs)()],parameters:{purposeFunction:{purpose:"Differentiate section from others",function:"Highlight a specific section"}}},heroContainer=function heroContainer(){return(0,jsx_runtime.jsx)(src_components_hero_container,{title:(0,addon_knobs_dist.text)("Title","Title","Props"),noSidePadding:(0,addon_knobs_dist.boolean)("No side padding",!1,"Props"),children:(0,dist.fH)({count:25,units:"words"})})};heroContainer.displayName="heroContainer"},75109:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{HeroHeader:function(){return HeroHeader_stories_HeroHeader},default:function(){return HeroHeader_stories}});var dist=__webpack_require__(13380),addon_knobs_dist=__webpack_require__(95099),objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__(31104),__webpack_require__(85893)),_excluded=["title","children","footer","className"],HeroHeader=function HeroHeader(_ref){var _ref$title=_ref.title,title=void 0===_ref$title?"":_ref$title,children=_ref.children,footer=_ref.footer,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()("hero-header",className)},props,{children:[(0,jsx_runtime.jsxs)("div",{className:"hero-header__content",children:[(0,jsx_runtime.jsx)("h1",{className:"x-huge",children:title}),children]}),(0,jsx_runtime.jsx)("div",{className:"hero-header__footer",children:footer})]}))};HeroHeader.displayName="HeroHeader";var hero_header=HeroHeader;try{HeroHeader.displayName="HeroHeader",HeroHeader.__docgenInfo={description:"",displayName:"HeroHeader",props:{title:{defaultValue:{value:""},description:"The title of the hero header",name:"title",required:!1,type:{name:"ReactNode"}},children:{defaultValue:null,description:"The content of the hero header",name:"children",required:!1,type:{name:"ReactNode"}},footer:{defaultValue:null,description:"An optional footer, displayed at the bottom",name:"footer",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"An optional class name",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero-header.tsx#HeroHeader"]={docgenInfo:HeroHeader.__docgenInfo,name:"HeroHeader",path:"src/components/hero-header.tsx#HeroHeader"})}catch(__react_docgen_typescript_loader_error){}try{heroheader.displayName="heroheader",heroheader.__docgenInfo={description:"",displayName:"heroheader",props:{title:{defaultValue:{value:""},description:"The title of the hero header",name:"title",required:!1,type:{name:"ReactNode"}},children:{defaultValue:null,description:"The content of the hero header",name:"children",required:!1,type:{name:"ReactNode"}},footer:{defaultValue:null,description:"An optional footer, displayed at the bottom",name:"footer",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"An optional class name",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/hero-header.tsx#heroheader"]={docgenInfo:heroheader.__docgenInfo,name:"heroheader",path:"src/components/hero-header.tsx#heroheader"})}catch(__react_docgen_typescript_loader_error){}var useTitle=function useTitle(){return(0,addon_knobs_dist.text)("Title","Title")},useFooter=function useFooter(){return(0,addon_knobs_dist.text)("Footer",(0,dist.fH)({count:25,units:"words"}))},HeroHeader_stories={title:"Layout/Hero Header",decorators:[(0,addon_knobs_dist.withKnobs)()],parameters:{purposeFunction:{purpose:"Provide an entry point",function:"Tell the user what the resource is about and offer a way in"}}},HeroHeader_stories_HeroHeader=function HeroHeader(){return(0,jsx_runtime.jsx)(hero_header,{title:useTitle(),footer:useFooter(),children:(0,jsx_runtime.jsx)("input",{type:"text"})})};HeroHeader_stories_HeroHeader.displayName="HeroHeader"},90747:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ChangingGaussian:function(){return ChangingGaussian},Gaussian:function(){return Gaussian},Uniform:function(){return Uniform}});var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(34699),_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(87329),react__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__(27670),__webpack_require__(67294)),_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(95099),_src_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(20563),_src_mock_data_probability_distribution_sample__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(88720),_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(65241),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(85893);__webpack_exports__.default={title:"Visualisation/Histogram",decorators:[(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.withKnobs)()],parameters:{purposeFunction:{purpose:"purpose",function:"function"}}};var gaussianSample=(0,_src_mock_data_probability_distribution_sample__WEBPACK_IMPORTED_MODULE_4__.x)(0,1,1e3),uniformSample=(0,_src_mock_data_probability_distribution_sample__WEBPACK_IMPORTED_MODULE_4__.j)(-10,10,1e3),gaussianMin=Math.min.apply(Math,(0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5__.Z)(gaussianSample)),gaussianMax=Math.max.apply(Math,(0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_5__.Z)(gaussianSample)),randomFilter=function randomFilter(){return Math.random()>.5},ChangingGaussian=function ChangingGaussian(){var interval=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(),_useState=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(gaussianSample.filter(randomFilter)),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__.Z)(_useState,2),filteredSample=_useState2[0],setFilteredSample=_useState2[1];return(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)((function(){return interval.current=window.setInterval((function(){setFilteredSample(gaussianSample.filter(randomFilter))}),3e3),function(){return window.clearInterval(interval.current)}}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_7__.Z,{values:filteredSample,unfilteredValues:gaussianSample,nBins:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.number)("Number of bins",20,{min:1,step:1},"Props"),min:gaussianMin,max:gaussianMax,xLabel:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("X label","Value","Props"),yLabel:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("Y label","Count","Props"),unfilteredValuesShadow:.1,style:{"--main-histogram-color":(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.select)("--main-histogram-color",_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_8__,_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_8__.weldonBlue,"Custom Properties"),"--histogram-bar-gap":(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("--histogram-bar-gap","-1px","Custom Properties")}})};ChangingGaussian.displayName="ChangingGaussian";var Gaussian=function Gaussian(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_7__.Z,{values:gaussianSample,nBins:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.number)("Number of bins",20,{min:1,step:1},"Props"),xLabel:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("X label","Value","Props"),yLabel:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("Y label","Count","Props"),style:{"--main-histogram-color":(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.select)("--main-histogram-color",_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_8__,_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_8__.weldonBlue,"Custom Properties"),"--histogram-bar-gap":(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("--histogram-bar-gap","-1px","Custom Properties")}})};Gaussian.displayName="Gaussian";var Uniform=function Uniform(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_7__.Z,{values:uniformSample,binSize:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.number)("Bin size",1,void 0,"Props"),xLabel:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("X label","Value","Props"),yLabel:(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("Y label","Count","Props"),style:{"--main-histogram-color":(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.select)("--main-histogram-color",_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_8__,_src_styles_colours_json__WEBPACK_IMPORTED_MODULE_8__.weldonBlue,"Custom Properties"),"--histogram-bar-gap":(0,_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_2__.text)("--histogram-bar-gap","-1px","Custom Properties")}})};Uniform.displayName="Uniform"},41357:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Gaussian:function(){return Gaussian},Uniform:function(){return Uniform},default:function(){return HistogramFilter_stories}});var slicedToArray=__webpack_require__(34699),react=__webpack_require__(67294),dist=__webpack_require__(95099),esm=__webpack_require__(85914),toConsumableArray=__webpack_require__(87329),objectWithoutProperties=__webpack_require__(81253),classnames=(__webpack_require__(33948),__webpack_require__(19601),__webpack_require__(7609),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(46903),__webpack_require__(10245),__webpack_require__(70731),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),d3=__webpack_require__(69882),histogram=__webpack_require__(20563),useSize=__webpack_require__(66303),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),histogram_filter=__webpack_require__(8653),histogram_filter_default=__webpack_require__.n(histogram_filter),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()(histogram_filter_default(),options),histogram_filter_default()&&histogram_filter_default().locals&&histogram_filter_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["min","max","values","unfilteredValues","unfilteredValuesShadow","selectedRange","onChange","nBins","height","className"],HistogramFilter=function HistogramFilter(_ref){var minOrUndef=_ref.min,maxOrUndef=_ref.max,values=_ref.values,unfilteredValues=_ref.unfilteredValues,unfilteredValuesShadow=_ref.unfilteredValuesShadow,selectedRange=_ref.selectedRange,_onChange=_ref.onChange,_ref$nBins=_ref.nBins,nBins=void 0===_ref$nBins?30:_ref$nBins,_ref$height=_ref.height,height=void 0===_ref$height?50:_ref$height,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded),d3Container=(0,react.useRef)(null),_useSize=(0,useSize.Z)(d3Container),size=(0,slicedToArray.Z)(_useSize,1)[0],brushRef=(0,react.useRef)(),onChangeRef=(0,react.useRef)(_onChange);onChangeRef.current=_onChange;var _useMemo=(0,react.useMemo)((function(){return[void 0===minOrUndef?Math.min.apply(Math,(0,toConsumableArray.Z)(values)):minOrUndef,void 0===maxOrUndef?Math.max.apply(Math,(0,toConsumableArray.Z)(values)):maxOrUndef]}),[maxOrUndef,minOrUndef,values]),_useMemo2=(0,slicedToArray.Z)(_useMemo,2),min=_useMemo2[0],max=_useMemo2[1],_useState=(0,react.useState)(""+min),_useState2=(0,slicedToArray.Z)(_useState,2),startInput=_useState2[0],setStartInput=_useState2[1],_useState3=(0,react.useState)(""+max),_useState4=(0,slicedToArray.Z)(_useState3,2),endInput=_useState4[0],setEndInput=_useState4[1];return(0,react.useEffect)((function(){if(size){var scale=(0,d3.BYU)().domain([min,max]).range([0,size.width]),getOnBrush=function getOnBrush(type){return function(){var range=d3.Ba6.selection;if(d3.Ba6.sourceEvent&&range){var start=+(""+scale.invert(range[0]).toPrecision(4)),end=+(""+scale.invert(range[1]).toPrecision(4));setStartInput(""+start),setEndInput(""+end),"end"===type&&onChangeRef.current([start,end])}}};brushRef.current=(0,d3.Yud)().extent([[0,0],[size.width,size.height]]).on("start brush",getOnBrush()).on("end",getOnBrush("end"));var selection=(0,d3.Ys)(d3Container.current).append("g");return brushRef.current(selection),function(){var _brushRef$current;null===(_brushRef$current=brushRef.current)||void 0===_brushRef$current||_brushRef$current.on("start brush end",null),selection.remove()}}}),[size,min,max]),(0,react.useEffect)((function(){if(size){var _brushRef$current2,_brushRef$current3,scale=(0,d3.BYU)().domain([min,max]).range([0,size.width]);if(selectedRange[0]===min&&selectedRange[1]===max)null===(_brushRef$current2=brushRef.current)||void 0===_brushRef$current2||_brushRef$current2.move((0,d3.Ys)(d3Container.current).select("g"),null);else null===(_brushRef$current3=brushRef.current)||void 0===_brushRef$current3||_brushRef$current3.move((0,d3.Ys)(d3Container.current).select("g"),[scale(selectedRange[0]),scale(selectedRange[1])])}}),[min,max,selectedRange,size]),(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()("histogram-filter",className)},props,{children:[(0,jsx_runtime.jsx)(histogram.Z,{values:values,unfilteredValues:unfilteredValues,unfilteredValuesShadow:unfilteredValuesShadow,selectedRange:selectedRange,nBins:nBins,min:min,max:max,height:height,children:(0,jsx_runtime.jsx)("svg",{ref:d3Container,width:"100%",height:"100%"})}),(0,jsx_runtime.jsxs)("div",{className:"histogram-filter__text-input-container",children:[(0,jsx_runtime.jsx)("input",{type:"text",onChange:function onChange(e){var textValue=e.target.value;setStartInput(e.target.value);var numberValue=+textValue;!Number.isNaN(numberValue)&&numberValue=min&&_onChange([numberValue,selectedRange[1]])},onBlur:function onBlur(){return setStartInput(""+selectedRange[0])},value:startInput,style:{width:startInput.length+2+"ch"}}),(0,jsx_runtime.jsx)("input",{type:"text",onChange:function onChange(e){var textValue=e.target.value;setEndInput(e.target.value);var numberValue=+textValue;!Number.isNaN(numberValue)&&numberValue>selectedRange[0]&&numberValue<=max&&_onChange([selectedRange[0],numberValue])},onBlur:function onBlur(){return setEndInput(""+selectedRange[1])},value:endInput,style:{width:endInput.length+2+"ch"}})]})]}))};HistogramFilter.displayName="HistogramFilter";var src_components_histogram_filter=HistogramFilter;try{histogramfilter.displayName="histogramfilter",histogramfilter.__docgenInfo={description:"",displayName:"histogramfilter",props:{min:{defaultValue:null,description:"The left-most, smallest, value the histogram starts at irrespective of the\narray values. Defaults to min(values).",name:"min",required:!1,type:{name:"number"}},max:{defaultValue:null,description:"The right-most, largest, value the histogram ends at irrespective of the\narray values. Defaults to max(values).",name:"max",required:!1,type:{name:"number"}},values:{defaultValue:null,description:"An array of values which the histogram is based on.",name:"values",required:!0,type:{name:"number[]"}},unfilteredValues:{defaultValue:null,description:"An array of unfiltered values which the histogram is based on.\n(useful to calculate max bin height)",name:"unfilteredValues",required:!1,type:{name:"number[]"}},selectedRange:{defaultValue:null,description:"A value which specifies the start and end points selected by the user.",name:"selectedRange",required:!0,type:{name:"Range"}},onChange:{defaultValue:null,description:"A callback that returns the selected and final (ie after drag) range.",name:"onChange",required:!0,type:{name:"(range: Range) => unknown"}},nBins:{defaultValue:{value:"30"},description:"Number of bins (intervals) which the values are allocated to.\nEach interval is of the size (max - min) / nBins. Defaults to 50.",name:"nBins",required:!1,type:{name:"number"}},height:{defaultValue:{value:"50"},description:"The height in pixels of the bin with the most values. Defaults to 300.",name:"height",required:!1,type:{name:"number"}},unfilteredValuesShadow:{defaultValue:null,description:"Display a shadow of the unfiltered data (opacity value)",name:"unfilteredValuesShadow",required:!1,type:{name:"number"}},className:{defaultValue:null,description:"Additional CSS classnames to apply (eg secondary, tertiary)",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/histogram-filter.tsx#histogramfilter"]={docgenInfo:histogramfilter.__docgenInfo,name:"histogramfilter",path:"src/components/histogram-filter.tsx#histogramfilter"})}catch(__react_docgen_typescript_loader_error){}var probability_distribution_sample=__webpack_require__(88720),colours=__webpack_require__(65241),HistogramFilter_stories={title:"Forms/Histogram Filter",decorators:[(0,dist.withKnobs)()],parameters:{purposeFunction:{purpose:"purpose",function:"function"}}},gaussianSample=(0,probability_distribution_sample.x)(500,125,1e3,0,1e3),uniformSample=(0,probability_distribution_sample.j)(0,1e3,1e3),Gaussian=function Gaussian(){var _useState=(0,react.useState)([0,1e3]),_useState2=(0,slicedToArray.Z)(_useState,2),selectedRange=_useState2[0],setSelectedRange=_useState2[1];return(0,jsx_runtime.jsx)(src_components_histogram_filter,{min:0,max:1e3,selectedRange:selectedRange,onChange:function handleChange(range){(0,esm.action)("range selected")(range),setSelectedRange(range)},values:gaussianSample,style:{width:"25rem","--main-histogram-color":(0,dist.select)("--main-histogram-color",colours,colours.weldonBlue,"Custom Properties"),"--out-range-histogram-color":(0,dist.select)("--out-range-histogram-color",colours,colours.platinum,"Custom Properties"),"--histogram-bar-gap":(0,dist.text)("--histogram-bar-gap","-1px","Custom Properties")}})};Gaussian.displayName="Gaussian";var Uniform=function Uniform(){var _useState3=(0,react.useState)([0,1e3]),_useState4=(0,slicedToArray.Z)(_useState3,2),selectedRange=_useState4[0],setSelectedRange=_useState4[1];return(0,jsx_runtime.jsx)(src_components_histogram_filter,{min:0,max:1e3,selectedRange:selectedRange,onChange:function handleChange(range){(0,esm.action)("range selected")(range),setSelectedRange(range)},values:uniformSample,style:{width:"25rem","--main-histogram-color":(0,dist.select)("--main-histogram-color",colours,colours.weldonBlue,"Custom Properties"),"--out-range-histogram-color":(0,dist.select)("--out-range-histogram-color",colours,colours.platinum,"Custom Properties"),"--histogram-bar-gap":(0,dist.text)("--histogram-bar-gap","-1px","Custom Properties")}})};Uniform.displayName="Uniform"},92619:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Icons_stories},icons:function(){return icons}});__webpack_require__(41817),__webpack_require__(84865),__webpack_require__(99217),__webpack_require__(17921),__webpack_require__(83770);var _path,_path2,dist=__webpack_require__(95099),react=__webpack_require__(67294);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i void"}},onWindowOpen:{defaultValue:null,description:"",name:"onWindowOpen",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal-backdrop.tsx#modalbackdrop"]={docgenInfo:modalbackdrop.__docgenInfo,name:"modalbackdrop",path:"src/components/modal-backdrop.tsx#modalbackdrop"})}catch(__react_docgen_typescript_loader_error){}var window_window=__webpack_require__(98330),slicedToArray=__webpack_require__(34699),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),modal=__webpack_require__(66076),modal_default=__webpack_require__.n(modal),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()(modal_default(),options),modal_default()&&modal_default().locals&&modal_default().locals;var modal_excluded=["children","title","width","height","handleExitModal","withHeaderCloseButton","withFooterCloseButton"];var DialogWindow=function DialogWindow(_ref){var title=_ref.title,width=_ref.width,height=_ref.height,className=_ref.className,handleExitModal=_ref.handleExitModal,onWindowOpen=_ref.onWindowOpen,withHeaderCloseButton=_ref.withHeaderCloseButton,withFooterCloseButton=_ref.withFooterCloseButton,children=_ref.children;return(0,jsx_runtime.jsx)(window_window.Z,{width:width,height:height,title:title,withHeaderCloseButton:withHeaderCloseButton,withFooterCloseButton:withFooterCloseButton,onWindowOpen:onWindowOpen,onWindowClose:handleExitModal,withShadow:!0,className:className,children:children})};DialogWindow.displayName="DialogWindow";var ButtonModal=function ButtonModal(_ref2){var buttonText=_ref2.buttonText,title=_ref2.title,_ref2$width=_ref2.width,width=void 0===_ref2$width?"70vw":_ref2$width,_ref2$height=_ref2.height,height=void 0===_ref2$height?"70vh":_ref2$height,withHeaderCloseButton=_ref2.withHeaderCloseButton,_ref2$withFooterClose=_ref2.withFooterCloseButton,withFooterCloseButton=void 0===_ref2$withFooterClose||_ref2$withFooterClose,children=_ref2.children,_useModal=function useModal(Backdrop,Content){var _useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2);return{displayModal:_useState2[0],setDisplayModal:_useState2[1],Modal:function Modal(_ref){var children=_ref.children,title=_ref.title,_ref$width=_ref.width,width=void 0===_ref$width?"50vw":_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?"50vh":_ref$height,handleExitModal=_ref.handleExitModal,withHeaderCloseButton=_ref.withHeaderCloseButton,withFooterCloseButton=_ref.withFooterCloseButton,rest=(0,objectWithoutProperties.Z)(_ref,modal_excluded);return(0,jsx_runtime.jsxs)("div",{className:"modal",children:[(0,jsx_runtime.jsx)(Backdrop,Object.assign({className:"modal__backdrop--visible",handleExitModal:handleExitModal},rest)),(0,jsx_runtime.jsx)(Content,Object.assign({className:"modal__content",title:title,width:width,height:height,handleExitModal:handleExitModal,withHeaderCloseButton:withHeaderCloseButton,withFooterCloseButton:withFooterCloseButton},rest,{children:children}))]})}}}(modal_backdrop,DialogWindow),displayModal=_useModal.displayModal,setDisplayModal=_useModal.setDisplayModal,Modal=_useModal.Modal;return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("button",{onClick:function onClick(){return setDisplayModal(!0)},className:"button",type:"button",children:buttonText}),displayModal&&(0,jsx_runtime.jsx)(Modal,{handleExitModal:function handleExitModal(){return setDisplayModal(!1)},title:title,width:width,height:height,withHeaderCloseButton:withHeaderCloseButton,withFooterCloseButton:withFooterCloseButton,children:children})]})};ButtonModal.displayName="ButtonModal";var button_modal=ButtonModal;try{buttonmodal.displayName="buttonmodal",buttonmodal.__docgenInfo={description:"",displayName:"buttonmodal",props:{buttonText:{defaultValue:null,description:"The button label",name:"buttonText",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"The modal title",name:"title",required:!0,type:{name:"string"}},width:{defaultValue:{value:"70vw"},description:"The width of the modal window",name:"width",required:!1,type:{name:"string"}},height:{defaultValue:{value:"70vh"},description:"The height of the modal window",name:"height",required:!1,type:{name:"string"}},withHeaderCloseButton:{defaultValue:null,description:"Display the close icon in the header",name:"withHeaderCloseButton",required:!1,type:{name:"boolean"}},withFooterCloseButton:{defaultValue:{value:"true"},description:"Display the close button in the footer",name:"withFooterCloseButton",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button-modal.tsx#buttonmodal"]={docgenInfo:buttonmodal.__docgenInfo,name:"buttonmodal",path:"src/components/button-modal.tsx#buttonmodal"})}catch(__react_docgen_typescript_loader_error){}var Modal_stories={title:"Layout/Modal",parameters:{purposeFunction:{purpose:"Display extra contextual information, offer the user choices",function:"Overlay content on top of the current page, obscuring the page content."}}},Modal_stories_modal=function modal(){return(0,jsx_runtime.jsx)(button_modal,{buttonText:"click me",title:"Example modal window",children:(0,dist.fH)({count:45})})};Modal_stories_modal.displayName="modal"},27600:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return PageIntro_stories},pageIntro:function(){return pageIntro}});var dist=__webpack_require__(95099),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(67294)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),utils=__webpack_require__(31365),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),page_intro=__webpack_require__(23882),page_intro_default=__webpack_require__.n(page_intro),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()(page_intro_default(),options),page_intro_default()&&page_intro_default().locals&&page_intro_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["title","resultsCount","titlePostscript","headingLevel","titleClassName","children","className"],PageIntro=function PageIntro(_ref){var title=_ref.title,resultsCount=_ref.resultsCount,titlePostscript=_ref.titlePostscript,_ref$headingLevel=_ref.headingLevel,headingLevel=void 0===_ref$headingLevel?"h1":_ref$headingLevel,titleClassName=_ref.titleClassName,children=_ref.children,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()(className,"page-intro")},props,{children:[(0,react.createElement)(headingLevel,{className:classnames_default()(titleClassName)},(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[title,void 0!==resultsCount&&(0,jsx_runtime.jsxs)("small",{children:[" ",(0,utils.HN)(resultsCount)," result",1===resultsCount?"":"s"," "]}),titlePostscript]})),children]}))};PageIntro.displayName="PageIntro";var src_components_page_intro=PageIntro;try{pageintro.displayName="pageintro",pageintro.__docgenInfo={description:"",displayName:"pageintro",props:{title:{defaultValue:null,description:"The title",name:"title",required:!0,type:{name:"ReactNode"}},headingLevel:{defaultValue:{value:"h1"},description:"The tile title heading level",name:"headingLevel",required:!1,type:{name:"enum",value:[{value:'"h2"'},{value:'"h1"'},{value:'"h5"'},{value:'"h3"'},{value:'"h4"'},{value:'"h6"'}]}},titleClassName:{defaultValue:null,description:"CSS classes to pass to the component title",name:"titleClassName",required:!1,type:{name:"string"}},titlePostscript:{defaultValue:null,description:"Optional title postscript to follow resultsCount",name:"titlePostscript",required:!1,type:{name:"ReactNode"}},resultsCount:{defaultValue:null,description:"Number of results",name:"resultsCount",required:!1,type:{name:"number"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:"enum",value:[{value:'"yes"'},{value:'"no"'}]}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:"enum",value:[{value:'"on"'},{value:'"off"'}]}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'},{value:'"numeric"'},{value:'"decimal"'}]}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:"enum",value:[{value:'"list"'},{value:'"none"'},{value:'"inline"'},{value:'"both"'}]}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"none"'},{value:'"copy"'},{value:'"execute"'},{value:'"move"'},{value:'"popup"'}]}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"additions"'},{value:'"additions removals"'},{value:'"additions text"'},{value:'"all"'},{value:'"removals"'},{value:'"removals additions"'},{value:'"removals text"'},{value:'"text additions"'},{value:'"text removals"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"ascending"'},{value:'"descending"'},{value:'"other"'}]}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/page-intro.tsx#pageintro"]={docgenInfo:pageintro.__docgenInfo,name:"pageintro",path:"src/components/page-intro.tsx#pageintro"})}catch(__react_docgen_typescript_loader_error){}var lipsum=__webpack_require__(78645),PageIntro_stories={title:"Layout/Page Intro",decorators:[dist.withKnobs],parameters:{purposeFunction:{function:"Tell users a bit about the area of the website that they are on with links to further information",purpose:"People might land on areas of the website they don’t know much about. The intro is a place they can get some contextual help, some introductory info and links to further help, information and downloads"}}},pageIntro=function pageIntro(){return(0,jsx_runtime.jsx)(src_components_page_intro,{title:"UniProt",resultsCount:1e3,titlePostscript:(0,dist.text)("Title Postcript","","Props"),children:(0,lipsum.GX)()})};pageIntro.displayName="pageIntro"},55205:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SearchInput:function(){return SearchInput}});var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(34699),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(67294),_src_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(20703),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893);__webpack_exports__.default={title:"Forms/Search Input",parameters:{purposeFunction:{function:"Filter data displayed on the screen (autocomplete, list of fields etc.)",purpose:"Provide the user with an indication that typing in the input box will search something"}}};var SearchInput=function SearchInput(){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(""),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.Z)(_useState,2),value=_useState2[0],setValue=_useState2[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_3__.Z,{placeholder:"Search",value:value,onChange:function onChange(e){return setValue(e.target.value)}})};SearchInput.displayName="SearchInput"},15248:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SequenceAsyncLoad:function(){return SequenceAsyncLoad},default:function(){return Sequence_stories},sequence:function(){return Sequence_stories_sequence},sequenceCollapsableWithInfoData:function(){return sequenceCollapsableWithInfoData},sequenceTools:function(){return Sequence_stories_sequenceTools},sequenceWithoutActionBar:function(){return sequenceWithoutActionBar}});var asyncToGenerator=__webpack_require__(92137),slicedToArray=__webpack_require__(34699),regenerator=__webpack_require__(87757),regenerator_default=__webpack_require__.n(regenerator),react=(__webpack_require__(59693),__webpack_require__(7609),__webpack_require__(67294)),esm=__webpack_require__(85914),timing_functions_es=__webpack_require__(53457),classnames=(__webpack_require__(41817),__webpack_require__(52552),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559),__webpack_require__(19601),__webpack_require__(33948),__webpack_require__(74916),__webpack_require__(4723),__webpack_require__(38559),__webpack_require__(26699),__webpack_require__(32023),__webpack_require__(84865),__webpack_require__(70731),__webpack_require__(10760),__webpack_require__(22560),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(94422),__webpack_require__(36385),__webpack_require__(87351),__webpack_require__(99217),__webpack_require__(38802),__webpack_require__(73494),__webpack_require__(87723),__webpack_require__(9647),__webpack_require__(94184)),classnames_default=__webpack_require__.n(classnames),components_button=__webpack_require__(19210),spinner=__webpack_require__(43653),dropdown_button=__webpack_require__(64424),jsx_runtime=__webpack_require__(85893),sequenceTools=[{name:"ProtParam",url:"/protparam/protparam?"},{name:"ProtScale",url:"/protscale/protscale.pl?"},{name:"Compute pI/Mw",url:"/compute_pi/pi_tool?"},{name:"PeptideMass",url:"/peptide_mass/peptide-mass.pl?"},{name:"PeptideCutter",url:"/peptide_cutter/peptidecutter.pl?"}],SequenceTools=function SequenceTools(_ref){var accession=_ref.accession,onBlastClick=_ref.onBlastClick;return(0,jsx_runtime.jsx)(dropdown_button.Lt,{visibleElement:(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",children:"Tools"}),children:(0,jsx_runtime.jsxs)("ul",{children:[onBlastClick&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",onClick:onBlastClick,children:"BLAST"})}),sequenceTools.map((function(sequenceTool){return(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:"//web.expasy.org/cgi-bin"+sequenceTool.url+accession,target:"_blank",rel:"noopener noreferrer",children:sequenceTool.name})},sequenceTool.name)}))]})})};SequenceTools.displayName="SequenceTools";var sequence_tools=SequenceTools;try{sequencetools.displayName="sequencetools",sequencetools.__docgenInfo={description:"",displayName:"sequencetools",props:{accession:{defaultValue:null,description:"",name:"accession",required:!0,type:{name:"string"}},onBlastClick:{defaultValue:null,description:"",name:"onBlastClick",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sequence-tools.tsx#sequencetools"]={docgenInfo:sequencetools.__docgenInfo,name:"sequencetools",path:"src/components/sequence-tools.tsx#sequencetools"})}catch(__react_docgen_typescript_loader_error){}var download=__webpack_require__(7134),objectWithoutProperties=__webpack_require__(81253),_excluded=["textToCopy","beforeCopy","afterCopy","onCopy"],copy_to_clipboard=(0,react.memo)((function(_ref){var textToCopy=_ref.textToCopy,_ref$beforeCopy=_ref.beforeCopy,beforeCopy=void 0===_ref$beforeCopy?"Copy":_ref$beforeCopy,_ref$afterCopy=_ref.afterCopy,afterCopy=void 0===_ref$afterCopy?"Copied":_ref$afterCopy,onCopy=_ref.onCopy,props=(0,objectWithoutProperties.Z)(_ref,_excluded),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),copied=_useState2[0],setCopied=_useState2[1],copyPromise=(0,react.useRef)(null);(0,react.useEffect)((function(){return setCopied(!1),function(){copyPromise.current=null}}),[textToCopy]);var handleClick=(0,react.useCallback)((function(){var p=navigator.clipboard.writeText(textToCopy).then((function(){return copyPromise.current===p?(setCopied(!0),null==onCopy||onCopy(textToCopy),(0,timing_functions_es._v)(1e4)):null})).then((function(){copyPromise.current===p&&setCopied(!1)}));copyPromise.current=p}),[onCopy,textToCopy]);return"clipboard"in navigator&&"writeText"in navigator.clipboard?(0,jsx_runtime.jsx)(components_button.z,Object.assign({},props,{onClick:handleClick,children:copied?afterCopy:beforeCopy})):null})),info_list=__webpack_require__(88547),amino_acid_properties_namespaceObject=JSON.parse('[{"name":"Polar","aminoAcids":["R","N","D","Q","E","G","H","K","S","T","Y","B","Z","U","O"],"colour":"red"},{"name":"Hydrophobic","aminoAcids":["A","C","G","I","L","M","F","P","W","T","V","J","U"],"colour":"blue"}]'),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_sequence=__webpack_require__(41814),sequence_default=__webpack_require__.n(components_sequence),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()(sequence_default(),options),sequence_default()&&sequence_default().locals&&sequence_default().locals;function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i void)"}},isCollapsible:{defaultValue:{value:"false"},description:'Display option to show/hide the sequence. If no sequence is\nprovided and `onShowSequence` is defined, this defaults to "true"',name:"isCollapsible",required:!1,type:{name:"boolean"}},isLoading:{defaultValue:{value:"false"},description:"If the sequence is loading, display a spinner in the button",name:"isLoading",required:!1,type:{name:"boolean"}},infoData:{defaultValue:null,description:"Data to be displayed in an InfoData component above the sequence",name:"infoData",required:!1,type:{name:"InfoListItem[]"}},downloadUrl:{defaultValue:null,description:"The URL to download the isoform sequence",name:"downloadUrl",required:!1,type:{name:"string"}},onBlastClick:{defaultValue:null,description:"Callback which is fired when the BLAST button is clicked. If no callback\nis provided then no BLAST button will be displayed.",name:"onBlastClick",required:!1,type:{name:"(() => void)"}},addToBasketButton:{defaultValue:null,description:"Callback which is fired when the Add button is clicked. If no callback\nis provided then no Add button will be displayed.",name:"addToBasketButton",required:!1,type:{name:"ReactNode"}},showActionBar:{defaultValue:{value:"true"},description:"",name:"showActionBar",required:!1,type:{name:"boolean"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"((copied: string) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sequence.tsx#sequence"]={docgenInfo:sequence.__docgenInfo,name:"sequence",path:"src/components/sequence.tsx#sequence"})}catch(__react_docgen_typescript_loader_error){}var sequence_data="MFNFPHPAIDLASRMKSSPLMAGGSSSASSEDLFSPPMMEDLDTPMTEYPMGSPPRMPYRGEDIEIAFLRSEASIKKSSLFNDKFAATLDDLSARPIDSASLIGKLQSMTRSVREILDSGGEDIEIAFLRSEASIKKSSLFNDKFAATLDDLSARPIDSASLIGKLQSMTRSVREILDSGDQLVHEDGPQEILKQFVRVVNKHLCQDEDIHTVLAPLALEPEEKFHIIQTYYQAISMTQFDQLVHEDGPQEILKQFVRVVNKHLCQDEDIHTVLAPLALEPEEKFHIIQTYYQAISMTQFVSPKWTSSLLSDALCRRANIVTVFNGQGVEGYFSELQHLYDTYGGLLAEPLYALSKQLKGVSPKWTSSLLSDALCRRANIVTVFNGQGVEGYFSELQHLYDTYGGLLAEPLYALSKQLKGLASDVRAQDMYPHGLDVIGWLENPEARPSTDYLLSAPVSQPLIGLVQLLNYAITCKILNKLASDVRAQDMYPHGLDVIGWLENPEARPSTDYLLSAPVSQPLIGLVQLLNYAITCKILNKSPGEFARHLSGSAGHSQGIVVAAMLATVVSWPTFFDAASTALQVLFWIGCRSQQCYPSHSSPGEFARHLSGSAGHSQGIVVAAMLATVVSWPTFFDAASTALQVLFWIGCRSQQCYPSHSIPPSLVDQSERLSPMLSVKGASRESLLKYLDEHNRHLPPAQQGSLALINGRQQFVVAGNPIPPSLVDQSERLSPMLSVKGASRESLLKYLDEHNRHLPPAQQGSLALINGRQQFVVAGNPLSLYAFANKLRAASNNSSTTNTARVPFSQRPLLITARFLPISVPFHTSLLEDAEAQILEDED",Sequence_stories={title:"Biocomponents/Sequence",parameters:{purposeFunction:{function:"Display protein/nucleotide sequence, allow users to copy it",purpose:"Allow users to see a protein / nucleotide sequence"}}},AddToBasketButton=function AddToBasketButton(){return(0,jsx_runtime.jsx)(components_button.Z,{variant:"tertiary",onClick:(0,esm.action)("AddToBasketButton clicked"),children:"Add To Basket"})};AddToBasketButton.displayName="AddToBasketButton";var Sequence_stories_sequence=function sequence(){return(0,jsx_runtime.jsx)(src_components_sequence,{sequence:sequence_data,accession:"P05067",downloadUrl:"https://wwwdev.ebi.ac.uk/uniprot/api/uniprotkb/accession/P05067.fasta",onBlastClick:(0,esm.action)("onBlastClick"),onCopy:(0,esm.action)("onCopy"),addToBasketButton:(0,jsx_runtime.jsx)(AddToBasketButton,{})})};Sequence_stories_sequence.displayName="sequence";var sequenceWithoutActionBar=function sequenceWithoutActionBar(){return(0,jsx_runtime.jsx)(src_components_sequence,{sequence:sequence_data,showActionBar:!1})};sequenceWithoutActionBar.displayName="sequenceWithoutActionBar";var sequenceCollapsableWithInfoData=function sequenceCollapsableWithInfoData(){var data=[{title:"Item 1",content:(0,jsx_runtime.jsx)("div",{children:"Some content"})},{title:"Another item",content:(0,jsx_runtime.jsx)("div",{children:"Some more content"})}];return(0,jsx_runtime.jsx)(src_components_sequence,{sequence:sequence_data,infoData:data,isCollapsible:!0})};sequenceCollapsableWithInfoData.displayName="sequenceCollapsableWithInfoData";var SequenceAsyncLoad=function SequenceAsyncLoad(){var _useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),sequence=_useState2[0],setSequence=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),isLoading=_useState4[0],setIsLoading=_useState4[1],onShowSequence=function(){var _ref=(0,asyncToGenerator.Z)(regenerator_default().mark((function _callee(){return regenerator_default().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return setIsLoading(!0),_context.next=3,(0,timing_functions_es._v)(2e3);case 3:setSequence(sequence_data),setIsLoading(!1);case 5:case"end":return _context.stop()}}),_callee)})));return function onShowSequence(){return _ref.apply(this,arguments)}}();return(0,jsx_runtime.jsx)(src_components_sequence,{sequence:sequence,isLoading:isLoading,onShowSequence:onShowSequence})};SequenceAsyncLoad.displayName="SequenceAsyncLoad";var Sequence_stories_sequenceTools=function sequenceTools(){return(0,jsx_runtime.jsx)(sequence_tools,{accession:"P05067",onBlastClick:(0,esm.action)("onBlastClick")})};Sequence_stories_sequenceTools.displayName="sequenceTools"},64005:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DynamicallyChangeValue:function(){return DynamicallyChangeValue},default:function(){return SequenceSubmission_stories},sequenceSubmission:function(){return sequenceSubmission},withInvalidSequenceError:function(){return withInvalidSequenceError},withMultipleSequences:function(){return withMultipleSequences},withMultipleSequencesWarning:function(){return withMultipleSequencesWarning}});var slicedToArray=__webpack_require__(34699),react=__webpack_require__(67294);__webpack_require__(52552),__webpack_require__(73494),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559),__webpack_require__(33948),__webpack_require__(74916),__webpack_require__(41817),__webpack_require__(78637),__webpack_require__(7609),__webpack_require__(22560),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(87351),__webpack_require__(84865),__webpack_require__(99217),__webpack_require__(19601),__webpack_require__(15306),__webpack_require__(70731),__webpack_require__(77151),__webpack_require__(36385),__webpack_require__(3220),__webpack_require__(16750),__webpack_require__(39714),__webpack_require__(4723),__webpack_require__(46205),__webpack_require__(81828),__webpack_require__(89893),__webpack_require__(94422),__webpack_require__(27670);var commentLineRE=/^\s*[>;](.*)$/m;function extractNameFromFASTAHeader(fasta){if(fasta){var _ref=fasta.match(commentLineRE)||[],_ref2$=(0,slicedToArray.Z)(_ref,2)[1],_header$split$filter=(void 0===_ref2$?"":_ref2$).split(" ").filter(Boolean);return(0,slicedToArray.Z)(_header$split$filter,1)[0]}}__webpack_require__(23123),__webpack_require__(85827),__webpack_require__(32023),__webpack_require__(69616),__webpack_require__(97973),__webpack_require__(9647);var naturalAminoAcids="ARNDCEQGHILKMFPSTWYV",baseNucleicAcids="ACGTU",aminoAcidsOnly=/[EQILFPXJ]/gi,nucleicAcidsOnly=/U/gi,errorResponses=([naturalAminoAcids,"XBZJ","*",".-"].join(""),[baseNucleicAcids,"WSMKRYBDHVNZ"].join(""),Object.freeze({missingSequence:Object.freeze({valid:!1,message:"The sequence is missing"}),invalidSequence:Object.freeze({valid:!1,message:"The sequence is invalid"}),shortSequence:Object.freeze({valid:!1,message:"The sequence is too short"})})),validResponse=Object.freeze({valid:!0}),validCharacters=/^[A-NP-Z*.-]+$/i,validCharactersUnderStrictMode=new RegExp("^["+naturalAminoAcids+"*.-]+$","i"),isFASTA=function isFASTA(seq){return/.*[>;]+/gm.test(seq)};function prepareFASTAString(fasta){return fasta.split(/^[>;].*\n?$/gm).map((function(s){return s.replace(/\s/g,"")})).filter(Boolean)}function findLikelyType(sequence){return function guessSequenceType(sequence,threshold){if(nucleicAcidsOnly.test(sequence)&&!aminoAcidsOnly.test(sequence))return"na";if(aminoAcidsOnly.test(sequence)&&!nucleicAcidsOnly.test(sequence))return"aa";for(var counts={},index=0;indexthreshold?"na":"aa"}(sequence.replace(/[^A-Z]|[NX]/gi,"").toUpperCase(),90)}function sequenceValidator(sequence,minimumLength,strict){if(!sequence)return errorResponses.missingSequence;var cleanSequence;if(isFASTA(sequence)){var cleanSequences=prepareFASTAString(sequence);if(cleanSequences.length>0)cleanSequence=(0,slicedToArray.Z)(cleanSequences,1)[0]}else cleanSequence=sequence.replace(/\s/g,"");if(!cleanSequence)return errorResponses.missingSequence;if(minimumLength&&cleanSequence.length=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function sequence_processor_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function sequence_submission_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1||1===processed.length&&processed[0].sequence.length>10){var _step,uniqueErrors=new Map,uniqueSequences=new Map,_iterator=sequence_submission_createForOfIteratorHelper(processed.entries());try{for(_iterator.s();!(_step=_iterator.n()).done;){var _uniqueSequences$get,_ref2=_step.value,_ref3=(0,slicedToArray.Z)(_ref2,2),index=_ref3[0],sequenceObject=_ref3[1],valid=sequenceObject.valid,message=sequenceObject.message;if(!valid&&message){var _uniqueErrors$get,_itemList=null!==(_uniqueErrors$get=uniqueErrors.get(message))&&void 0!==_uniqueErrors$get?_uniqueErrors$get:[];_itemList.push({sequenceIndex:index+1,sequenceObject:sequenceObject}),uniqueErrors.set(message,_itemList)}var sequence=sequenceObject.sequence.toLowerCase(),itemList=null!==(_uniqueSequences$get=uniqueSequences.get(sequence))&&void 0!==_uniqueSequences$get?_uniqueSequences$get:[];itemList.push({sequenceIndex:index+1,sequenceObject:sequenceObject}),uniqueSequences.set(sequence,itemList)}}catch(err){_iterator.e(err)}finally{_iterator.f()}var _step2,_iterator2=sequence_submission_createForOfIteratorHelper(uniqueErrors.entries());try{for(_iterator2.s();!(_step2=_iterator2.n()).done;){var _ref4=_step2.value,_ref5=(0,slicedToArray.Z)(_ref4,2),errorMessage=_ref5[0],sameErrors=_ref5[1];errorMessages.push((0,jsx_runtime.jsxs)(components_message.Z,{level:"failure","data-testid":"sequence-submission-error",children:["Error: ",errorMessage,". Sequence",1===sameErrors.length?" ":"s ",sameErrors.map((function(_ref7,index){var sequenceIndex=_ref7.sequenceIndex,name=_ref7.sequenceObject.name;return(0,jsx_runtime.jsxs)(react.Fragment,{children:[index?", ":"",sequenceIndex," ",name?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["(",(0,jsx_runtime.jsx)("code",{children:name}),")"]}):""]},sequenceIndex)}))]},sameErrors.map((function(_ref6){return _ref6.sequenceIndex})).join("-")))}}catch(err){_iterator2.e(err)}finally{_iterator2.f()}var _step3,_iterator3=sequence_submission_createForOfIteratorHelper(uniqueSequences.values());try{for(_iterator3.s();!(_step3=_iterator3.n()).done;){var sameSequences=_step3.value;sameSequences.length>1&&warningMessages.push((0,jsx_runtime.jsxs)(components_message.Z,{level:"info",children:["Sequences"," ",sameSequences.map((function(_ref9,index){var sequenceIndex=_ref9.sequenceIndex,name=_ref9.sequenceObject.name;return(0,jsx_runtime.jsxs)(react.Fragment,{children:[index?", ":"",sequenceIndex," ",name?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["(",(0,jsx_runtime.jsx)("code",{children:name}),")"]}):""]},sequenceIndex)}))," ","are identical, this might be unintended."]},sameSequences.map((function(_ref8){return _ref8.sequenceIndex})).join("-")))}}catch(err){_iterator3.e(err)}finally{_iterator3.f()}}return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("textarea",{className:"sequence-submission-input",value:value,onChange:function onChange(e){return onChangeWithValidation(e.target.value)},placeholder:placeholder,"data-testid":"sequence-submission-input",defaultValue:defaultValue,spellCheck:"false"}),processed[0]&&processed[0].sequence.length>10&&(0,jsx_runtime.jsxs)(components_message.Z,{level:"info",children:["Your input contains ",processed.length," sequence",1===processed.length?"":"s"]}),errorMessages,warningMessages]})};try{sequencesubmission.displayName="sequencesubmission",sequencesubmission.__docgenInfo={description:"",displayName:"sequencesubmission",props:{value:{defaultValue:null,description:"The value, if needed.",name:"value",required:!1,type:{name:"string"}},defaultValue:{defaultValue:null,description:"The default value, if needed.",name:"defaultValue",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Triggers when the value is changed.",name:"onChange",required:!1,type:{name:"((processed: SequenceObject[]) => void)"}},placeholder:{defaultValue:null,description:"Display text when the textarea is empty.",name:"placeholder",required:!1,type:{name:"string"}},minimumLength:{defaultValue:null,description:"Minimum acceptable length for a sequence",name:"minimumLength",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sequence-submission.tsx#sequencesubmission"]={docgenInfo:sequencesubmission.__docgenInfo,name:"sequencesubmission",path:"src/components/sequence-submission.tsx#sequencesubmission"})}catch(__react_docgen_typescript_loader_error){}var SequenceSubmission_stories={title:"Forms/Sequence Submission",parameters:{purposeFunction:{function:"Accepts a sequence from user",purpose:"Enable input validation on sequences entered by the user"}}},sequenceSubmission=function sequenceSubmission(){return(0,jsx_runtime.jsx)(src_components_sequence_submission,{placeholder:"Enter a sequence..."})};sequenceSubmission.displayName="sequenceSubmission";var withInvalidSequenceError=function withInvalidSequenceError(){return(0,jsx_runtime.jsx)(src_components_sequence_submission,{placeholder:"Enter a sequence...",defaultValue:"ACTGUACTGUACTGU+"})};withInvalidSequenceError.displayName="withInvalidSequenceError";var withMultipleSequences=function withMultipleSequences(){return(0,jsx_runtime.jsx)(src_components_sequence_submission,{placeholder:"Enter a sequence...",defaultValue:"> sequence_1\nACTGUACTGUACTGU\n> sequence_2\nACTGAUTTGUATTGUUUGU\n"})};withMultipleSequences.displayName="withMultipleSequences";var withMultipleSequencesWarning=function withMultipleSequencesWarning(){return(0,jsx_runtime.jsx)(src_components_sequence_submission,{placeholder:"Enter a sequence...",defaultValue:"> sequence_1\nACTGUACTGUACTGU\n> sequence_2\nACTGAUTTGUATTGUUUGU\n> sequence_3\nACTGUACTGUACTGU\n"})};withMultipleSequencesWarning.displayName="withMultipleSequencesWarning";var DynamicallyChangeValue=function DynamicallyChangeValue(){var _useState=(0,react.useState)("ACTG"),_useState2=(0,slicedToArray.Z)(_useState,2),sequence=_useState2[0],setSequence=_useState2[1],_useState3=(0,react.useState)(),_useState4=(0,slicedToArray.Z)(_useState3,2),likelyType=_useState4[0],setLikelyType=_useState4[1];return(0,jsx_runtime.jsxs)("form",{children:[(0,jsx_runtime.jsx)(src_components_sequence_submission,{placeholder:"Enter a sequence...",value:sequence,onChange:function onChange(event){var _event$,_event$2;setSequence(null===(_event$=event[0])||void 0===_event$?void 0:_event$.sequence),setLikelyType(null===(_event$2=event[0])||void 0===_event$2?void 0:_event$2.likelyType)}}),(0,jsx_runtime.jsxs)("p",{children:["Sequence:",(0,jsx_runtime.jsx)("output",{children:sequence})]}),(0,jsx_runtime.jsxs)("p",{children:["Likely type:",(0,jsx_runtime.jsx)("output",{children:likelyType})]}),(0,jsx_runtime.jsx)("input",{type:"reset",onClick:function onClick(e){e.preventDefault(),setSequence("")}}),(0,jsx_runtime.jsx)("input",{type:"button",value:"async load sequence",onClick:function onClick(){return setSequence("ACTGUACTGUACTGU")}})]})};DynamicallyChangeValue.displayName="DynamicallyChangeValue"},79334:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SlidingPanelInSlidingPanel:function(){return SlidingPanelInSlidingPanel},SlidingPanels:function(){return SlidingPanels},SlidingPanelsWithArrow:function(){return SlidingPanelsWithArrow},default:function(){return SlidingPanel_stories}});var slicedToArray=__webpack_require__(34699),react=__webpack_require__(67294),esm=__webpack_require__(85914),dist=__webpack_require__(95099),lorem_ipsum_dist=__webpack_require__(13380),objectWithoutProperties=(__webpack_require__(74916),__webpack_require__(41817),__webpack_require__(33948),__webpack_require__(52552),__webpack_require__(7609),__webpack_require__(99217),__webpack_require__(73494),__webpack_require__(22560),__webpack_require__(17921),__webpack_require__(83770),__webpack_require__(34559),__webpack_require__(72021),__webpack_require__(52481),__webpack_require__(81253)),react_dom=(__webpack_require__(19601),__webpack_require__(68650),__webpack_require__(10245),__webpack_require__(70731),__webpack_require__(73935)),react_router=__webpack_require__(5977),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),timing_functions_es=__webpack_require__(53457),components_button=__webpack_require__(19210),times=__webpack_require__(74070),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),sliding_panel=__webpack_require__(36528),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__(85893),_excluded=["children","onClose","position","size","title","arrowX","className"];function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function F(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i 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"}},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){}var SlidingPanel_stories={title:"Layout/Sliding Panel",decorators:[(0,dist.withKnobs)()],parameters:{purposeFunction:{purpose:"Display additional information or options without leaving the page",function:"Overlayed on top of the page, obfuscating part of the page."}}},usePositionLR=function usePositionLR(){return(0,dist.select)("Position",["right","left"],"left")},useTitle=function useTitle(){return(0,dist.text)("Title","Title")},useSize=function useSize(){return(0,dist.select)("Size",["small","medium","large","full-screen"],"medium")},SlidingPanels=function SlidingPanels(){var title=useTitle(),position=function usePosition(){return(0,dist.select)("Position",["top","right","bottom","left"],"left")}(),size=useSize();return(0,jsx_runtime.jsx)(src_components_sliding_panel,{title:title,position:position,size:size,onClose:(0,esm.action)("Closing"),children:(0,lorem_ipsum_dist.fH)({count:25})})};SlidingPanels.displayName="SlidingPanels";var SlidingPanelsWithArrow=function SlidingPanelsWithArrow(){var _useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),showPanel=_useState2[0],setShowPanel=_useState2[1],_useState3=(0,react.useState)(),_useState4=(0,slicedToArray.Z)(_useState3,2),arrowX=_useState4[0],setArrowX=_useState4[1],position=usePositionLR(),title=useTitle(),size=useSize(),buttonRef=(0,react.useCallback)((function(node){if(node){var bcr=node.getBoundingClientRect();setArrowX(bcr.x+bcr.width/2)}}),[position]);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(components_button.Z,{onClick:function onClick(){setShowPanel(!0)},style:{position:"absolute",top:"-2rem",left:"left"===position?"1rem":"",right:"right"===position?"1rem":""},ref:buttonRef,children:"Click me"}),showPanel&&(0,jsx_runtime.jsx)(src_components_sliding_panel,{title:title,position:position,size:size,onClose:function onClose(reason){setShowPanel(!1),(0,esm.action)("onClose")(reason)},arrowX:arrowX,children:(0,lorem_ipsum_dist.fH)({count:25})})]})},SlidingPanelInSlidingPanel=function SlidingPanelInSlidingPanel(){var _useState5=(0,react.useState)(!1),_useState6=(0,slicedToArray.Z)(_useState5,2),showPanel=_useState6[0],setShowPanel=_useState6[1],_useState7=(0,react.useState)(!1),_useState8=(0,slicedToArray.Z)(_useState7,2),showPanel2=_useState8[0],setShowPanel2=_useState8[1],position=usePositionLR(),title=useTitle(),size=useSize();return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(components_button.Z,{onClick:function onClick(){return setShowPanel(!0)},style:{position:"absolute",top:"-2rem",left:"left"===position?"1rem":"",right:"right"===position?"1rem":""},children:"Click me"}),showPanel&&(0,jsx_runtime.jsx)(src_components_sliding_panel,{title:"Sliding panel 1: "+title,position:position,size:size,onClose:function onClose(reason){setShowPanel(!1),setShowPanel2(!1),(0,esm.action)("onClose 1")(reason)},children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(components_button.Z,{onClick:function onClick(){return setShowPanel2(!0)},children:"Click me too"}),(0,jsx_runtime.jsx)("br",{}),(0,lorem_ipsum_dist.fH)({count:25}),showPanel2&&(0,jsx_runtime.jsx)(src_components_sliding_panel,{title:"Sliding panel 2: "+title,position:position,size:size,onClose:function onClose(reason){setShowPanel2(!1),(0,esm.action)("onClose 2")(reason)},children:(0,lorem_ipsum_dist.fH)({count:25})})]})})]})}},50154:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{cachedTabs:function(){return cachedTabs},default:function(){return Tabs_stories},managedTabs:function(){return managedTabs},unmanagedTabs:function(){return unmanagedTabs},unmanagedTabsWithDifferentDefault:function(){return unmanagedTabsWithDifferentDefault}});var slicedToArray=__webpack_require__(34699),react=__webpack_require__(67294),dist=__webpack_require__(13380),objectWithoutProperties=__webpack_require__(81253),v1=(__webpack_require__(88674),__webpack_require__(19601),__webpack_require__(27670),__webpack_require__(84865),__webpack_require__(70731),__webpack_require__(51392),__webpack_require__(42689)),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),tabs=__webpack_require__(79692),tabs_default=__webpack_require__.n(tabs),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()(tabs_default(),options),tabs_default()&&tabs_default().locals&&tabs_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["children","active","className"],_excluded2=["id"],_excluded3=["title","id","className","children","defaultSelected","cache"],Tab=function Tab(_){return null},Tabs=function Tabs(_ref){var content,children=_ref.children,active=_ref.active,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded),idRef=(0,react.useRef)((0,v1.Z)()),isManaged=void 0!==active,tabs=react.Children.toArray(children).filter(Boolean).map((function(_ref2,index){var _ref2$props=_ref2.props,id=_ref2$props.id,props=(0,objectWithoutProperties.Z)(_ref2$props,_excluded2);return Object.assign({id:void 0===id?""+index:id},props)})),_useState=(0,react.useState)((function(){if(isManaged)return active;var defaultSelected=tabs.filter((function(tab){return tab.defaultSelected}));return defaultSelected.length?(defaultSelected.length>1&&console.warn("a component has been rendered with "+defaultSelected.length+" children. There should be a maximum of 1 default selected child."),defaultSelected[0].id):tabs[0].id})),_useState2=(0,slicedToArray.Z)(_useState,2),selectedState=_useState2[0],setSelectedState=_useState2[1],handleClick=(0,react.useCallback)((function(event){if(!isManaged){var target=event.currentTarget.dataset.target;!event||"key"in event&&"Enter"!==event.key&&" "!==event.key||setSelectedState(target)}}),[isManaged]),activeFromPropsOrState=isManaged?active:selectedState,selectedTab=tabs.find((function(tab){return tab.id===activeFromPropsOrState}));if(!selectedTab)throw new Error('Could not find a tab with the id: "'+selectedState+'"');content=tabs.some((function(_ref3){return _ref3.cache}))?tabs.map((function(tab){var selected=tab.id===selectedTab.id;return(tab.cache||selected)&&(0,jsx_runtime.jsx)("div",{style:{display:selected?"block":"none"},children:tab.children},tab.id)})):selectedTab.children;var unmanagedProps={};return isManaged||(unmanagedProps={onClick:handleClick,onKeyPress:handleClick,tabIndex:0}),(0,jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()("tabs",className)},props,{children:[(0,jsx_runtime.jsx)("div",{className:"tabs__header",role:"tablist",children:tabs.map((function(_ref4){var title=_ref4.title,id=_ref4.id,className=_ref4.className,props=(_ref4.children,_ref4.defaultSelected,_ref4.cache,(0,objectWithoutProperties.Z)(_ref4,_excluded3));return title&&(0,jsx_runtime.jsx)("div",Object.assign({"data-testid":"tab-title","data-target":id,role:"tab","aria-controls":idRef.current,className:classnames_default()("tabs__header__item",{"tabs__header__item--active":id===activeFromPropsOrState},className)},unmanagedProps,props,{children:title}),id)}))}),(0,jsx_runtime.jsx)("div",{role:"tabpanel",id:idRef.current,"data-testid":"tab-content",children:content})]}))};Tabs.displayName="Tabs";try{Tab.displayName="Tab",Tab.__docgenInfo={description:"",displayName:"Tab",props:{title:{defaultValue:null,description:"Title of that tab",name:"title",required:!0,type:{name:"ReactNode"}},id:{defaultValue:null,description:"Optional ID for that tab, one of the expected options for the parent component",name:"id",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Content of that tab",name:"children",required:!1,type:{name:"ReactNode"}},defaultSelected:{defaultValue:null,description:"Choose that tab as the default to be displayed",name:"defaultSelected",required:!1,type:{name:"boolean"}},cache:{defaultValue:null,description:"Option to render and hide tab (display:none) rather than remove from the DOM",name:"cache",required:!1,type:{name:"boolean"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:"enum",value:[{value:'"yes"'},{value:'"no"'}]}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:"enum",value:[{value:'"on"'},{value:'"off"'}]}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'},{value:'"numeric"'},{value:'"decimal"'}]}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:"enum",value:[{value:'"list"'},{value:'"none"'},{value:'"inline"'},{value:'"both"'}]}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"none"'},{value:'"copy"'},{value:'"execute"'},{value:'"move"'},{value:'"popup"'}]}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"additions"'},{value:'"additions removals"'},{value:'"additions text"'},{value:'"all"'},{value:'"removals"'},{value:'"removals additions"'},{value:'"removals text"'},{value:'"text additions"'},{value:'"text removals"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"ascending"'},{value:'"descending"'},{value:'"other"'}]}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs.tsx#Tab"]={docgenInfo:Tab.__docgenInfo,name:"Tab",path:"src/components/tabs.tsx#Tab"})}catch(__react_docgen_typescript_loader_error){}try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{children:{defaultValue:null,description:" elements defining the content and title of each tab",name:"children",required:!0,type:{name:"ReactElement> | (ReactElement> | null)[] | null"}},active:{defaultValue:null,description:"Optional way of controling the tabs from the outside of this component by\nassigning here a value corresponding to an 'id' prop of one of the child\n",name:"active",required:!1,type:{name:"string | number"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | readonly string[]"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'Booleanish | "inherit"'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"Booleanish"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:"Booleanish"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:"enum",value:[{value:'"yes"'},{value:'"no"'}]}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"AriaRole"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:"enum",value:[{value:'"on"'},{value:'"off"'}]}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"search"'},{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'},{value:'"numeric"'},{value:'"decimal"'}]}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:"enum",value:[{value:'"list"'},{value:'"none"'},{value:'"inline"'},{value:'"both"'}]}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time"'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"none"'},{value:'"copy"'},{value:'"execute"'},{value:'"move"'},{value:'"popup"'}]}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree"'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling"'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed"'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"additions"'},{value:'"additions removals"'},{value:'"additions text"'},{value:'"all"'},{value:'"removals"'},{value:'"removals additions"'},{value:'"removals text"'},{value:'"text additions"'},{value:'"text removals"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:'boolean | "true" | "false"'}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"ascending"'},{value:'"descending"'},{value:'"other"'}]}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string; }"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"ClipboardEventHandler"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"ClipboardEventHandler"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"ClipboardEventHandler"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"ClipboardEventHandler"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"ClipboardEventHandler"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"CompositionEventHandler"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"CompositionEventHandler"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"CompositionEventHandler"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"CompositionEventHandler"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"FocusEventHandler"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"FocusEventHandler"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FormEventHandler"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"FormEventHandler"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"FormEventHandler"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"FormEventHandler"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"FormEventHandler"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"FormEventHandler"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"FormEventHandler"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"FormEventHandler"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"FormEventHandler"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"FormEventHandler"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"FormEventHandler"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"FormEventHandler"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"ReactEventHandler"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"ReactEventHandler"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"ReactEventHandler"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"ReactEventHandler"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"KeyboardEventHandler"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler"}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"KeyboardEventHandler"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"KeyboardEventHandler"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"ReactEventHandler"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"ReactEventHandler"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"ReactEventHandler"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"ReactEventHandler"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"ReactEventHandler"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"ReactEventHandler"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"ReactEventHandler"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"ReactEventHandler"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"ReactEventHandler"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"ReactEventHandler"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"ReactEventHandler"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"ReactEventHandler"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"ReactEventHandler"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"ReactEventHandler"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"ReactEventHandler"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"ReactEventHandler"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"ReactEventHandler"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"ReactEventHandler"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"ReactEventHandler"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"ReactEventHandler"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"ReactEventHandler"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"ReactEventHandler"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"ReactEventHandler"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"ReactEventHandler"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"ReactEventHandler"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"ReactEventHandler"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"ReactEventHandler"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"ReactEventHandler"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"ReactEventHandler"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"ReactEventHandler"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"ReactEventHandler"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"ReactEventHandler"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"ReactEventHandler"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"ReactEventHandler"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"ReactEventHandler"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"ReactEventHandler"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"ReactEventHandler"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"MouseEventHandler"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"MouseEventHandler"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"MouseEventHandler"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"MouseEventHandler"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"MouseEventHandler"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"MouseEventHandler"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"MouseEventHandler"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"DragEventHandler"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"DragEventHandler"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"DragEventHandler"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"DragEventHandler"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"DragEventHandler"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"DragEventHandler"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"DragEventHandler"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"DragEventHandler"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"DragEventHandler"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"DragEventHandler"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"DragEventHandler"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"DragEventHandler"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"MouseEventHandler"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"MouseEventHandler"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"MouseEventHandler"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"MouseEventHandler"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"MouseEventHandler"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"MouseEventHandler"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"MouseEventHandler"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"MouseEventHandler"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"ReactEventHandler"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"ReactEventHandler"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"TouchEventHandler"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"TouchEventHandler"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"TouchEventHandler"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"TouchEventHandler"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"TouchEventHandler"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"PointerEventHandler"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"PointerEventHandler"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"PointerEventHandler"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"PointerEventHandler"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"PointerEventHandler"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"PointerEventHandler"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"PointerEventHandler"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"PointerEventHandler"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"PointerEventHandler"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"PointerEventHandler"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"PointerEventHandler"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"UIEventHandler"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"UIEventHandler"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"WheelEventHandler"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"WheelEventHandler"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"AnimationEventHandler"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"AnimationEventHandler"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"AnimationEventHandler"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"AnimationEventHandler"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"TransitionEventHandler"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"TransitionEventHandler"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:"src/components/tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}var cog=__webpack_require__(12444),Tabs_stories={title:"Layout/Tabs",parameters:{purposeFunction:{purpose:"Prevent information overload by categorising data to display and only showing one category at a time",function:"Allow users to switch between different views."}}},unmanagedTabs=function unmanagedTabs(){return(0,jsx_runtime.jsxs)(Tabs,{children:[(0,jsx_runtime.jsx)(Tab,{title:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Title 1",(0,jsx_runtime.jsx)(cog.Z,{style:{verticalAlign:"text-top"},width:16,height:16})]}),children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{title:"Title 2",children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{title:"Title 3",children:(0,dist.fH)({count:2})})]})};unmanagedTabs.displayName="unmanagedTabs";var unmanagedTabsWithDifferentDefault=function unmanagedTabsWithDifferentDefault(){return(0,jsx_runtime.jsxs)(Tabs,{children:[(0,jsx_runtime.jsx)(Tab,{title:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Title 1",(0,jsx_runtime.jsx)(cog.Z,{style:{verticalAlign:"text-top"},width:16,height:16})]}),children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{title:"Title 2",children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{title:"Title 3 (default)",defaultSelected:!0,children:(0,dist.fH)({count:2})})]})};unmanagedTabsWithDifferentDefault.displayName="unmanagedTabsWithDifferentDefault";var Tabs_stories_options=["option a","option 2","option III"],ManagedTabs=function ManagedTabs(){var interval=(0,react.useRef)(),_useState=(0,react.useState)(Tabs_stories_options[0]),_useState2=(0,slicedToArray.Z)(_useState,2),selected=_useState2[0],setSelected=_useState2[1];return(0,react.useEffect)((function(){return interval.current=window.setInterval((function(){setSelected(Tabs_stories_options[Math.floor(Math.random()*Tabs_stories_options.length)])}),3e3),function(){return clearInterval(interval.current)}}),[]),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("p",{children:['Selected: "',selected,'"']}),(0,jsx_runtime.jsx)("p",{children:"Will change automatically every 3 seconds"}),(0,jsx_runtime.jsxs)(Tabs,{active:selected,children:[(0,jsx_runtime.jsx)(Tab,{title:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Title 1 (not interactive)",(0,jsx_runtime.jsx)(cog.Z,{style:{verticalAlign:"text-top"},width:16,height:16})]}),id:Tabs_stories_options[0],children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{title:"Title 2 (not interactive)",id:Tabs_stories_options[1],children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{title:"Title 3 (not interactive)",id:Tabs_stories_options[2],children:(0,dist.fH)({count:2})})]})]})},managedTabs=function managedTabs(){return(0,jsx_runtime.jsx)(ManagedTabs,{})};managedTabs.displayName="managedTabs";var cachedTabs=function cachedTabs(){return(0,jsx_runtime.jsxs)(Tabs,{children:[(0,jsx_runtime.jsx)(Tab,{cache:!0,title:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Title 1",(0,jsx_runtime.jsx)(cog.Z,{style:{verticalAlign:"text-top"},width:16,height:16})]}),children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{title:"Title 2",children:(0,dist.fH)({count:2})}),(0,jsx_runtime.jsx)(Tab,{cache:!0,title:"Title 3",children:(0,dist.fH)({count:2})})]})};cachedTabs.displayName="cachedTabs"},99089:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BasicTile:function(){return BasicTile},default:function(){return Tile_stories}});var dist=__webpack_require__(95099),esm=__webpack_require__(85914),lorem_ipsum_dist=__webpack_require__(13380),objectWithoutProperties=__webpack_require__(81253),react=(__webpack_require__(19601),__webpack_require__(70731),__webpack_require__(67294)),react_router_dom=__webpack_require__(73727),classnames=__webpack_require__(94184),classnames_default=__webpack_require__.n(classnames),external_link=__webpack_require__(38893),injectStylesIntoStyleTag=__webpack_require__(93379),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__(7795),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__(90569),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__(3565),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__(19216),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__(44589),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_tile=__webpack_require__(98364),tile_default=__webpack_require__.n(components_tile),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()(tile_default(),options),tile_default()&&tile_default().locals&&tile_default().locals;var jsx_runtime=__webpack_require__(85893),_excluded=["title","headingLevel","subtitle","backgroundColor","backgroundImage","gradient","width","className","style","children","descriptionSlideUp"],nextHeading=function nextHeading(level){return"h"+(+level[1]+1)},Tile=function Tile(_ref){var title=_ref.title,_ref$headingLevel=_ref.headingLevel,headingLevel=void 0===_ref$headingLevel?"h2":_ref$headingLevel,subtitle=_ref.subtitle,backgroundColor=_ref.backgroundColor,backgroundImage=_ref.backgroundImage,_ref$gradient=_ref.gradient,gradient=void 0!==_ref$gradient&&_ref$gradient,width=_ref.width,className=_ref.className,style=_ref.style,children=_ref.children,_ref$descriptionSlide=_ref.descriptionSlideUp,descriptionSlideUp=void 0!==_ref$descriptionSlide&&_ref$descriptionSlide,props=(0,objectWithoutProperties.Z)(_ref,_excluded),isExternal="url"in props,mainContent=(0,jsx_runtime.jsxs)("span",{children:[(0,react.createElement)(headingLevel,{className:"tile__header big"},title),subtitle&&(0,react.createElement)(nextHeading(headingLevel),{className:"tile__subtitle small"},subtitle)]});return(0,jsx_runtime.jsxs)("div",{className:classnames_default()(className,"tile",{"tile-gradient":gradient}),style:Object.assign({},style,{"--tile-background":backgroundColor,width:width}),children:[(0,jsx_runtime.jsx)("div",{className:"tile__background-image","aria-hidden":"true",children:backgroundImage}),isExternal?(0,jsx_runtime.jsx)(external_link.Z,Object.assign({className:"tile__main-content"},props,{noIcon:!0,children:mainContent})):(0,jsx_runtime.jsx)(react_router_dom.rU,Object.assign({className:"tile__main-content"},props,{children:mainContent})),children&&(0,jsx_runtime.jsx)("small",{className:classnames_default()("tile__description",descriptionSlideUp&&"tile__description--animated"),children:children})]})};Tile.displayName="Tile";var _path,_g,_defs,src_components_tile=Tile;try{Tile.displayName="Tile",Tile.__docgenInfo={description:"",displayName:"Tile",props:{url:{defaultValue:null,description:"The location that is visted when clicked",name:"url",required:!0,type:{name:"string"}},newTab:{defaultValue:null,description:"Decides if a new browser tab should be opened or not, defaults to true",name:"newTab",required:!1,type:{name:"boolean"}},tidyUrl:{defaultValue:null,description:"",name:"tidyUrl",required:!1,type:{name:"boolean"}},noIcon:{defaultValue:null,description:"",name:"noIcon",required:!1,type:{name:"boolean"}},headingLevel:{defaultValue:{value:"h2"},description:"The tile title heading level",name:"headingLevel",required:!1,type:{name:"enum",value:[{value:'"h2"'},{value:'"h1"'},{value:'"h5"'},{value:'"h3"'},{value:'"h4"'}]}},subtitle:{defaultValue:null,description:"The tile subtitle",name:"subtitle",required:!1,type:{name:"ReactNode"}},backgroundColor:{defaultValue:null,description:"The background color",name:"backgroundColor",required:!1,type:{name:"string"}},backgroundImage:{defaultValue:null,description:"The background image",name:"backgroundImage",required:!1,type:{name:"ReactNode"}},gradient:{defaultValue:{value:"false"},description:"Whether to create a gradient based on the backgroung color or not",name:"gradient",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"The width Tile square (css value). By default it will use the\nwidth of the provided container.",name:"width",required:!1,type:{name:"string"}},descriptionSlideUp:{defaultValue:{value:"false"},description:"Whether to slide up the description when the mouse is over the tile.\nCan be useful if the description text is long.",name:"descriptionSlideUp",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tile.tsx#Tile"]={docgenInfo:Tile.__docgenInfo,name:"Tile",path:"src/components/tile.tsx#Tile"})}catch(__react_docgen_typescript_loader_error){}try{tile.displayName="tile",tile.__docgenInfo={description:"",displayName:"tile",props:{url:{defaultValue:null,description:"The location that is visted when clicked",name:"url",required:!0,type:{name:"string"}},newTab:{defaultValue:null,description:"Decides if a new browser tab should be opened or not, defaults to true",name:"newTab",required:!1,type:{name:"boolean"}},tidyUrl:{defaultValue:null,description:"",name:"tidyUrl",required:!1,type:{name:"boolean"}},noIcon:{defaultValue:null,description:"",name:"noIcon",required:!1,type:{name:"boolean"}},headingLevel:{defaultValue:{value:"h2"},description:"The tile title heading level",name:"headingLevel",required:!1,type:{name:"enum",value:[{value:'"h2"'},{value:'"h1"'},{value:'"h5"'},{value:'"h3"'},{value:'"h4"'}]}},subtitle:{defaultValue:null,description:"The tile subtitle",name:"subtitle",required:!1,type:{name:"ReactNode"}},backgroundColor:{defaultValue:null,description:"The background color",name:"backgroundColor",required:!1,type:{name:"string"}},backgroundImage:{defaultValue:null,description:"The background image",name:"backgroundImage",required:!1,type:{name:"ReactNode"}},gradient:{defaultValue:{value:"false"},description:"Whether to create a gradient based on the backgroung color or not",name:"gradient",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"The width Tile square (css value). By default it will use the\nwidth of the provided container.",name:"width",required:!1,type:{name:"string"}},descriptionSlideUp:{defaultValue:{value:"false"},description:"Whether to slide up the description when the mouse is over the tile.\nCan be useful if the description text is long.",name:"descriptionSlideUp",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tile.tsx#tile"]={docgenInfo:tile.__docgenInfo,name:"tile",path:"src/components/tile.tsx#tile"})}catch(__react_docgen_typescript_loader_error){}function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i2&&void 0!==arguments[2]&&arguments[2];return(0,jsx_runtime.jsx)("ul",{role:first?"tree":"group",children:items.map((function(node){var _node$items,ariaExpanded;return node.items&&(ariaExpanded=openNodes.includes(node.id)?"true":"false"),(0,jsx_runtime.jsxs)("li",{role:"treeitem","aria-expanded":ariaExpanded,className:classnames_default()({branch:node.items}),children:[(0,jsx_runtime.jsx)(components_button.Z,{onClick:function onClick(){return handleNodeClick(node,setShowDropdownMenu)},className:classnames_default()({active:activeNodes.includes(node.id)}),variant:"secondary","aria-label":null!==(_node$items=node.items)&&void 0!==_node$items&&_node$items.length?node.label+" ("+node.items.length+" nested option"+(1===node.items.length?"":"s")+")":void 0,children:node.label}),node.items&&buildTree(node.items,setShowDropdownMenu)]},node.id)}))})}),[activeNodes,handleNodeClick,openNodes]);return(0,jsx_runtime.jsx)(dropdown_button.ZP,Object.assign({label:label||"Select"},props,{children:function children(setShowDropdownMenu){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[autocomplete&&(0,jsx_runtime.jsx)(components_autocomplete.ZP,{data:autocompleteData,onDropdownChange:setAutocompleteShowDropdown,onSelect:function onSelect(node){return handleNodeClick(node,setShowDropdownMenu)},placeholder:autocompletePlaceholder,filter:autocompleteFilter,clearOnSelect:!0,autoFocus:!0}),!autocompleteShowDropdown&&(0,jsx_runtime.jsx)("div",{className:"dropdown-menu__panel",children:buildTree(data,setShowDropdownMenu,!0)})]})}}))};TreeSelect.displayName="TreeSelect";var src_components_tree_select=TreeSelect;try{treeselect.displayName="treeselect",treeselect.__docgenInfo={description:"",displayName:"treeselect",props:{openOnHover:{defaultValue:null,description:"Open on pointer over (useful for dropdowns in header)",name:"openOnHover",required:!1,type:{name:"boolean"}},element:{defaultValue:null,description:"The element to use as a button",name:"element",required:!1,type:{name:'"button" | "a" | FunctionComponent<{}> | ComponentClass<{}, any>'}},disabled:{defaultValue:null,description:"Flag to disable the button",name:"disabled",required:!1,type:{name:"boolean"}},type:{defaultValue:null,description:"Type to pass to the underlying ",name:"type",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"submit"'},{value:'"reset"'}]}},variant:{defaultValue:null,description:"Variant of the button",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},className:{defaultValue:null,description:"Classnames to be added to the button",name:"className",required:!1,type:{name:"string"}},data:{defaultValue:null,description:"The tree structure",name:"data",required:!0,type:{name:"Item[]"}},onSelect:{defaultValue:null,description:"What happens when something is selected",name:"onSelect",required:!0,type:{name:'(item: Omit) => void'}},autocomplete:{defaultValue:{value:"false"},description:"Contains autocomplete functionality to search through tree",name:"autocomplete",required:!1,type:{name:"boolean"}},autocompletePlaceholder:{defaultValue:{value:""},description:"Placeholder for the autocomplete input box",name:"autocompletePlaceholder",required:!1,type:{name:"string"}},autocompleteFilter:{defaultValue:{value:"true"},description:"",name:"autocompleteFilter",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"The displayed label on the button",name:"label",required:!1,type:{name:"ReactNode"}},defaultActiveNodes:{defaultValue:{value:"[]"},description:"Array of default active nodes for initialisation",name:"defaultActiveNodes",required:!1,type:{name:'Item["id"][]'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tree-select.tsx#treeselect"]={docgenInfo:treeselect.__docgenInfo,name:"treeselect",path:"src/components/tree-select.tsx#treeselect"})}catch(__react_docgen_typescript_loader_error){}var tree_data=__webpack_require__(46900),TreeSelect_stories={title:"Forms/Tree Select",decorators:[(0,dist.withKnobs)()],parameters:{purposeFunction:{purpose:"Allow selection of item(s) from nested data set",function:"Navigate through a tree to make a selection"}}},useLabel=function useLabel(){return(0,dist.text)("label","Select","Props")},variants=["primary","secondary","tertiary"],useVariant=function useVariant(){return(0,dist.select)("variant",variants,"primary","Props")},TreeSelect_stories_TreeSelect=function TreeSelect(){return(0,jsx_runtime.jsx)(src_components_tree_select,{label:useLabel(),data:tree_data.B,onSelect:(0,esm.action)("onSelect"),variant:useVariant()})};TreeSelect_stories_TreeSelect.displayName="TreeSelect";var TreeSelectWithAutocomplete=function TreeSelectWithAutocomplete(){return(0,jsx_runtime.jsx)(src_components_tree_select,{label:useLabel(),data:tree_data.B,onSelect:(0,esm.action)("onSelect"),autocomplete:!0,autocompletePlaceholder:"Search for item",autocompleteFilter:!0,variant:useVariant()})};TreeSelectWithAutocomplete.displayName="TreeSelectWithAutocomplete"},68909:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{typography:function(){return typography}});var react_markdown__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(59362),rehype_raw__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(94656),_markdown_typography_md__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(56379),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893);__webpack_exports__.default={title:"Core/Typography"};var typography=function typography(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_markdown__WEBPACK_IMPORTED_MODULE_1__.D,{rehypePlugins:[rehype_raw__WEBPACK_IMPORTED_MODULE_2__.Z],children:_markdown_typography_md__WEBPACK_IMPORTED_MODULE_3__})};typography.displayName="typography"},39493:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{window:function(){return window}});var lorem_ipsum__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(13380),_src_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(98330),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(85893);__webpack_exports__.default={title:"Layout/Window",parameters:{purposeFunction:{purpose:"Improve the User Experience by providing another way of conent-isoloation.",function:"Provide reusable window component with various configurations possible."}}};var window=function window(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components__WEBPACK_IMPORTED_MODULE_2__.Z,{title:"Alert",withHeaderCloseButton:!0,withFooterCloseButton:!0,withShadow:!0,children:(0,lorem_ipsum__WEBPACK_IMPORTED_MODULE_0__.fH)({count:25,units:"words"})},"full-featured-window")};window.displayName="window"},67019:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var _path,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(67294);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i*{break-inside:avoid}}@media print,screen and (min-width: 40em)and (max-width: 63.99875em){.accordion-search__list--columns{column-count:2;column-width:50%}.accordion-search__list--columns>*{break-inside:avoid}}@media print,screen and (min-width: 64em){.accordion-search__list--columns{column-count:3;column-width:33.3333333333%}.accordion-search__list--columns>*{break-inside:avoid}}","",{version:3,sources:["webpack://./src/styles/components/accordion-search.scss","webpack://./node_modules/foundation-sites/scss/util/_breakpoint.scss","webpack://./src/styles/_mixins.scss"],names:[],mappings:"AAIE,wBACE,eAAA,CACA,wCACE,eAAA,CC4KE,gDC5KN,iCACE,cFKyC,CEJzC,iBAAA,CAEA,mCACE,kBAAA,CAAA,CDuKE,qEC5KN,iCACE,cFSyC,CERzC,gBAAA,CAEA,mCACE,kBAAA,CAAA,CDuKE,0CC5KN,iCACE,cFayC,CEZzC,2BAAA,CAEA,mCACE,kBAAA,CAAA",sourcesContent:["@import '../settings';\n@import '../mixins.scss';\n\n.accordion-search {\n &__list {\n margin-bottom: 0;\n &__item__checkbox {\n margin-bottom: 0;\n }\n }\n}\n\n@include breakpoint(small only) {\n @include columns('accordion-search__list', 1);\n}\n\n@include breakpoint(medium only) {\n @include columns('accordion-search__list', 2);\n}\n\n@include breakpoint(large) {\n @include columns('accordion-search__list', 3);\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group breakpoints\n////\n\n/// Patch to fix issue #12080\n$-zf-size: null;\n\n/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.\n/// @type Map\n$breakpoints: (\n \"small\": 0,\n \"medium\": 640px,\n \"large\": 1024px,\n \"xlarge\": 1200px,\n \"xxlarge\": 1440px,\n) !default;\n\n/// A list of named HiDPI breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries for resolutions.\n/// Values must represent the device pixels / web pixels ration and be unitless or in DPPX.\n/// @type Map\n$breakpoints-hidpi: (\n \"hidpi-1\": 1,\n \"hidpi-1-5\": 1.5,\n \"hidpi-2\": 2,\n \"retina\": 2,\n \"hidpi-3\": 3\n) !default;\n\n/// The largest named breakpoint in which to include print as a media type\n/// @type Keyword\n$print-breakpoint: large !default;\n\n$-zf-zero-breakpoint: small !default;\n\n$-zf-breakpoints-keys: map-to-list($breakpoints, 'keys');\n\n@if nth(map-values($breakpoints), 1) != 0 {\n @error 'The first key in the $breakpoints map must have a value of \"0\".';\n}\n@else {\n $-zf-zero-breakpoint: nth(map-keys($breakpoints), 1);\n}\n\n/// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.\n/// @type List\n$breakpoint-classes: (small medium large) !default;\n\n/// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are.\n///\n/// @param {Keyword|Number} $val [small] - Breakpoint name, or px, rem, or em value to process.\n@function breakpoint($val: $-zf-zero-breakpoint) {\n // Web standard Pixels per inch. (1ddpx / $std-web-dpi) = 1dpi\n // See https://www.w3.org/TR/css-values-3/#absolute-lengths\n $std-web-dpi: 96;\n\n // Size or keyword\n $bp: nth($val, 1);\n // Value of the following breakpoint\n $bp-next: null;\n // Value for max-width media queries\n $bp-min: null;\n // Value for min-width media queries\n $bp-max: null;\n // Direction of media query (up, down, or only)\n $dir: if(length($val) > 1, nth($val, 2), up);\n // If named, name of the breakpoint\n $name: null;\n // If the breakpoint is a HiDPI breakpoint\n $hidpi: false;\n\n // Orientation media queries have a unique syntax\n @if $bp == 'landscape' or $bp == 'portrait' {\n @return '(orientation: #{$bp})';\n }\n\n // If a breakpoint name is given, get its value from the $breakpoints/$breakpoints-hidpi map.\n @if type-of($bp) == 'string' {\n @if map-has-key($breakpoints, $bp) {\n $name: $bp;\n $bp: map-get($breakpoints, $name);\n $bp-next: -zf-map-next($breakpoints, $name);\n }\n @else if map-has-key($breakpoints-hidpi, $bp) {\n $name: $bp;\n $bp: map-get($breakpoints-hidpi, $name);\n $bp-next: -zf-map-next-number($breakpoints-hidpi, $bp);\n $hidpi: true;\n }\n @else {\n $bp: 0;\n @warn 'breakpoint(): \"#{$val}\" is not defined in your `$breakpoints` or `$breakpoints-hidpi` setting.';\n }\n }\n\n @if not $name and $dir == 'only' {\n @warn 'breakpoint(): Only named media queries can have an `only` range.';\n @return null;\n }\n\n // Only 'only' and 'up' have a min limit.\n @if $dir == 'only' or $dir == 'up' {\n $bp-min: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n }\n // Only 'only' and 'down' have a max limit.\n @if $dir == 'only' or $dir == 'down' {\n // If the breakpoint is a value, use it as max limit.\n @if not $name {\n $bp-max: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n }\n // If the breakpoint is named, the max limit is the following breakpoint - 1px.\n @else if $bp-next {\n // Max value is 0.2px under the next breakpoint (0.02 / 16 = 0.00125).\n // Use a precision under 1px to support browser zoom, but not to low to avoid rounding.\n // See https://github.com/foundation/foundation-sites/issues/11313\n $bp-max: if($hidpi, $bp-next - divide(1, $std-web-dpi), -zf-bp-to-em($bp-next) - 0.00125);\n }\n }\n\n // Generate the media query string from min and max limits.\n @if $hidpi {\n // Generate values in DPI instead of DPPX for an IE9-11/Opera mini compatibility.\n // See https://caniuse.com/#feat=css-media-resolution\n $bp-min-dpi: if($bp-min, $bp-min * $std-web-dpi * 1dpi, $bp-min);\n $bp-max-dpi: if($bp-max, $bp-max * $std-web-dpi * 1dpi, $bp-max);\n @return zf-str-join(\n -zf-bp-join($bp-min, $bp-max, '-webkit-min-device-pixel-ratio', '-webkit-max-device-pixel-ratio'),\n -zf-bp-join($bp-min-dpi, $bp-max-dpi, 'min-resolution', 'max-resolution'),\n ', ');\n }\n @else {\n @return -zf-bp-join($bp-min, $bp-max);\n }\n}\n\n/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:\n/// - If a string is passed, the mixin will look for it in the `$breakpoints` and `$breakpoints-hidpi` maps, and use a media query there.\n/// - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.\n/// - If a rem value is passed, the unit will be changed to em.\n/// - If an em value is passed, the value will be used as-is.\n///\n/// If multiple values are passed, the mixin will generate a media query for each of them as described above.\n/// Since the content is duplicated for each breakpoint, this mixin should only be used with properties that\n/// change across breakpoints.\n///\n/// @param {Keyword|Number} $values... - Breakpoint name or px/rem/em value to process.\n///\n/// @output If the breakpoint is \"0px and larger\", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.\n@mixin breakpoint($values...) {\n @for $i from 1 through length($values) {\n $value: nth($values, $i);\n $str: breakpoint($value);\n $bp: index($-zf-breakpoints-keys, nth($value, 1));\n $pbp: index($-zf-breakpoints-keys, $print-breakpoint);\n // Direction of media query (up, down, or only)\n $dir: if(length($value) > 1, nth($value, 2), up);\n\n $old-zf-size: null;\n\n // Make breakpoint size available as a variable\n @if global-variable-exists(-zf-size) {\n $old-zf-size: $-zf-size;\n }\n $-zf-size: nth($value, 1) !global; // get the first value to account for `only` and `down` keywords\n\n // If $str is still an empty string, no media query is needed\n @if $str == '' {\n @content;\n }\n\n // Otherwise, wrap the content in a media query\n @else {\n // For named breakpoints less than or equal to $print-breakpoint, add print to the media types\n // generate print if the breakpoint affects the print-breakpoint (or smaller).\n // This means the current condition only needs to be extended so 'down' always generates print.\n @if $bp != null and ($bp <= $pbp or $dir == down) {\n @media print, screen and #{$str} {\n @content;\n }\n }\n @else {\n @media screen and #{$str} {\n @content;\n }\n }\n }\n\n $-zf-size: $old-zf-size !global;\n }\n}\n\n/// Converts the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place.\n/// @access private\n///\n/// @param {Map} $map - Map to convert.\n///\n/// @returns {String} A string containing the map's contents.\n@function -zf-bp-serialize($map) {\n $str: '';\n @each $key, $value in $map {\n $str: $str + $key + '=' + -zf-bp-to-em($value) + '&';\n }\n $str: str-slice($str, 1, -2);\n\n @return $str;\n}\n\n/// Find the next key in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $key - Key to use as a starting point.\n///\n/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.\n@function -zf-map-next($map, $key) {\n\n // Store the keys of the map as a list\n $values: map-keys($map);\n\n $i: 0;\n\n // If the Key Exists, Get the index of the key within the map and add 1 to it for the next breakpoint in the map\n @if (map-has-key($map, $key)) {\n $i: index($values, $key) + 1;\n }\n\n // If the key doesn't exist, or it's the last key in the map, return null\n @if ($i > length($map) or $i == 0) {\n @return null;\n }\n // Otherwise, return the value\n @else {\n @return map-get($map, nth($values, $i));\n }\n\n}\n\n/// Find the next number in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $number - Number to use as a starting point.\n///\n/// @returns {Mixed} The number following `$number`, if `$number` was found. If `$number` was not found, or `$number` was the biggest number in the map, returns `null`.\n@function -zf-map-next-number($map, $number) {\n\n $next-number: null;\n\n @each $k, $v in $map {\n @if type-of($v) == 'number' and $v > $number and ($next-number == null or $v < $next-number) {\n $next-number: $v;\n }\n }\n\n @return $next-number;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $key - Key to use as last breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-breakpoints-less-than($key) {\n $list: ();\n $found-key: false;\n\n @each $name in $-zf-breakpoints-keys {\n @if ($name == $key) {\n $found-key: true;\n }\n @if not $found-key {\n $list: append($list, $name);\n }\n }\n @return $list;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $breakpoint - a named or non-named breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-closest-named-breakpoint($breakpoint) {\n $last: $-zf-zero-breakpoint;\n $found: false;\n\n $value: unitless-calc($breakpoint, 1px);\n @each $key, $val in $breakpoints {\n @if not $found {\n @if unitless-calc($val) > $value {\n $found: true;\n } @else {\n $last: $key;\n }\n }\n }\n\n @return $last;\n}\n\n/// Get a value for a breakpoint from a responsive config map or single value.\n/// - If the config is a single value, return it regardless of `$value`.\n/// - If the config is a map and has the key `$value`, the exact breakpoint value is returned.\n/// - If the config is a map and does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.\n/// @access private\n///\n/// @param {Number|Map} $map - Responsive config map or single value.\n/// @param {Keyword} $value - Breakpoint name to use.\n///\n/// @return {Mixed} The corresponding breakpoint value.\n@function -zf-get-bp-val($map, $value) {\n // If the given map is a single value, return it\n @if type-of($map) == 'number' {\n @return $map;\n }\n\n\n // Check if the breakpoint name exists globally\n @if not map-has-key($breakpoints, $value) {\n @if type-of($value) == 'number' {\n $value: -zf-closest-named-breakpoint($value);\n } @else {\n @return null;\n }\n }\n // Check if the breakpoint name exists in the local config map\n @else if map-has-key($map, $value) {\n // If it does, just return the value\n @return map-get($map, $value);\n }\n // Otherwise, find the next lowest breakpoint and return that value\n @else {\n $anchor: null;\n $found: false;\n\n @each $key, $val in $breakpoints {\n @if not $found {\n @if map-has-key($map, $key) {\n $anchor: $key;\n }\n @if $key == $value {\n $found: true;\n }\n }\n }\n\n @return map-get($map, $anchor);\n }\n}\n\n/// Return the best breakpoint to use according to the calling context. It returns in order:\n/// 1. the given `$value` argument if it is not null.\n/// 2. the global breakpoint context `$-zf-size` if it is not null (like if called inside then `breakpoint()` mixin)\n/// 3. the given `$default` argument.\n/// @access private\n///\n/// @param {Keyword} $value [null] - Breakpoint to use in priority if non-null.\n/// @param {Keyword} $default [null] - Breakpoint to use by default if no other value can be used.\n///\n/// @return {Keyword} The resolved breakpoint.\n@function -zf-current-breakpoint($value: null, $default: null) {\n @if ($value != null) {\n @return $value;\n }\n @else if (variable-exists(-zf-size) and type-of($-zf-size) != 'number') and $-zf-size != null {\n @return $-zf-size;\n }\n @else {\n @return $default;\n }\n}\n\n/// Return media query string from the given min and/or max limits.\n/// If a limit is equal to `null` or `0`, it is ignored.\n/// @access private\n///\n/// @param {Number} $min [0] - Min media query limit.\n/// @param {Number} $max [0] - Max media query limit.\n/// @param {String} $min-name ['min-width'] - Name of the min media query limit.\n/// @param {String} $delimiter ['max-width'] - Name of the max media query limit.\n///\n/// @returns {String} Media Query string.\n@function -zf-bp-join(\n $min: 0,\n $max: 0,\n $min-name: 'min-width',\n $max-name: 'max-width'\n) {\n @return zf-str-join(\n if($min and $min > 0, '(#{$min-name}: #{$min})', null),\n if($max and $max > 0, '(#{$max-name}: #{$max})', null),\n ' and ');\n}\n\n$small-up: '';\n$small-only: '';\n\n@if map-has-key($breakpoints, small) {\n $small-up: screen;\n $small-only: unquote('screen and #{breakpoint(small only)}');\n}\n\n$medium-up: '';\n$medium-only: '';\n\n@if map-has-key($breakpoints, medium) {\n $medium-up: unquote('screen and #{breakpoint(medium)}');\n $medium-only: unquote('screen and #{breakpoint(medium only)}');\n}\n\n$large-up: '';\n$large-only: '';\n\n@if map-has-key($breakpoints, large) {\n $large-up: unquote('screen and #{breakpoint(large)}');\n $large-only: unquote('screen and #{breakpoint(large only)}');\n}\n\n$xlarge-up: '';\n$xlarge-only: '';\n\n@if map-has-key($breakpoints, xlarge) {\n $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');\n $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');\n}\n\n$xxlarge-up: '';\n\n@if map-has-key($breakpoints, xxlarge) {\n $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');\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"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},87556:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.accordion{width:100%}.accordion__title{width:100%;min-height:2.5rem;display:flex;align-items:center;flex-wrap:nowrap;gap:.5ch;padding:.25rem .5rem;margin-bottom:.25rem;background-color:#e4e8eb;font-family:"Source Sans Pro",sans-serif;font-size:1.25rem}.accordion__title>:first-child{flex-grow:1;text-align:start}.accordion__content{padding-left:2rem}.accordion-group .accordion:not(:first-child){border-top:none}',"",{version:3,sources:["webpack://./src/styles/components/accordion.scss","webpack://./colours.json","webpack://./src/styles/_franklin-settings.scss"],names:[],mappings:"AAGA,WACE,UAAA,CAEA,kBACE,UAAA,CACA,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,gBAAA,CACA,QAAA,CAEA,oBAAA,CACA,oBAAA,CAEA,wBCRO,CDSP,wCEhBmB,CFiBnB,iBAAA,CAEA,+BACE,WAAA,CACA,gBAAA,CAIJ,oBACE,iBAAA,CAKF,8CACE,eAAA",sourcesContent:["@import '../franklin-settings';\n@import '../colours';\n\n.accordion {\n width: 100%;\n\n &__title {\n width: 100%;\n min-height: 2.5rem;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n gap: 0.5ch;\n\n padding: 0.25rem 0.5rem;\n margin-bottom: 0.25rem;\n\n background-color: $colour-platinum;\n font-family: $fs-headers-font-face;\n font-size: 1.25rem;\n\n & > :first-child {\n flex-grow: 1;\n text-align: start;\n }\n }\n\n &__content {\n padding-left: 2rem;\n }\n}\n\n.accordion-group {\n .accordion:not(:first-child) {\n border-top: none;\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;","// Font families\n$fs-base-font-face: 'Lato', sans-serif;\n$fs-headers-font-face: 'Source Sans Pro', sans-serif;\n\n// Base font sizes\n$font-size-small: 12px;\n$font-size-medium: 14px;\n$font-size-large: 16px;\n\n// Font sizes\n$fs-base-font-size: $font-size-large;\n\n// Font weights\n$fs-font-weight-regular: 400;\n$fs-font-weight-semi-bold: 600;\n$fs-font-weight-bold: 700;\n$fs-font-weight-extra-bold: 900;\n\n// Breakpoints\n$fs-breakpoint-values: (\n 'small': (\n min-width: 0,\n ),\n 'medium': (\n min-width: 640px,\n ),\n 'large': (\n min-width: 1024px,\n ),\n);\n\n$gutter-size: 1rem;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},4293:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.button.dropdown::after{border-top-color:currentColor}.dropdown{position:relative;display:inline-block;white-space:nowrap}.dropdown>button.button:first-child{margin-inline-end:1rem;padding-inline-end:1.5ch}.dropdown>button.button.primary:first-child,.dropdown>button.button.secondary:first-child{padding-inline-end:2.5ch}.dropdown>:first-child::after{content:"▾";position:absolute;margin-inline-start:.5ch}.dropdown .button{margin-block-end:0;margin-inline-end:0}.dropdown ul{margin-inline-start:0;margin-block-end:0}.dropdown__content{box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);overflow-y:auto;width:max-content;z-index:9000;animation:200ms reveal;background:#fff;position:absolute;padding:.5rem;border-radius:0 0 .2rem .2rem}.dropdown__content button.button,.dropdown__content a,.dropdown__content a.button{display:inline-block;color:#161d39;margin:0;padding:.25em 1ch;width:100%;line-height:2;border:none;font-weight:normal}.dropdown__content button.button:hover,.dropdown__content button.button:focus-visible,.dropdown__content a:hover,.dropdown__content a:focus-visible,.dropdown__content a.button:hover,.dropdown__content a.button:focus-visible{background:#e4e8eb}.dropdown-container{position:relative;display:inline-block}.hover,.dropdown-content ul li button:hover,.dropdown-content ul li button.primary:hover,.dropdown-content ul li button.secondary:hover,.dropdown-content ul li button.tertiary:hover,.dropdown-content ul li a:hover,.dropdown-content ul li a.primary:hover,.dropdown-content ul li a.secondary:hover,.dropdown-content ul li a.tertiary:hover,.dropdown-menu ul li button:hover,.autocomplete-menu ul li button:hover,.dropdown-menu ul li button.primary:hover,.autocomplete-menu ul li button.primary:hover,.dropdown-menu ul li button.secondary:hover,.autocomplete-menu ul li button.secondary:hover,.dropdown-menu ul li button.tertiary:hover,.autocomplete-menu ul li button.tertiary:hover,.dropdown-menu ul li a:hover,.autocomplete-menu ul li a:hover,.dropdown-menu ul li a.primary:hover,.autocomplete-menu ul li a.primary:hover,.dropdown-menu ul li a.secondary:hover,.autocomplete-menu ul li a.secondary:hover,.dropdown-menu ul li a.tertiary:hover,.autocomplete-menu ul li a.tertiary:hover{color:#161d39;border:none;background:#e4e8eb}.dropdown-content,.dropdown-menu,.autocomplete-menu{--main-button-color: black;box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);display:none;overflow-y:auto;white-space:nowrap;position:absolute;background:#fff;z-index:9000}.dropdown-content input,.dropdown-menu input,.autocomplete-menu input{margin:0}.dropdown-content .dropdown-menu__content,.dropdown-menu .dropdown-menu__content,.autocomplete-menu .dropdown-menu__content{padding:1rem}.dropdown-content .dropdown-menu__panel,.dropdown-menu .dropdown-menu__panel,.autocomplete-menu .dropdown-menu__panel{overflow-y:auto}.dropdown-content ul,.dropdown-menu ul,.autocomplete-menu ul{display:block;list-style:none;margin:0;padding:0}.dropdown-content ul li,.dropdown-menu ul li,.autocomplete-menu ul li{float:none !important;display:block;line-height:1.6rem;background-color:#fefefe !important}.dropdown-content ul li button,.dropdown-content ul li button.primary,.dropdown-content ul li button.secondary,.dropdown-content ul li button.tertiary,.dropdown-content ul li a,.dropdown-content ul li a.primary,.dropdown-content ul li a.secondary,.dropdown-content ul li a.tertiary,.dropdown-menu ul li button,.autocomplete-menu ul li button,.dropdown-menu ul li button.primary,.autocomplete-menu ul li button.primary,.dropdown-menu ul li button.secondary,.autocomplete-menu ul li button.secondary,.dropdown-menu ul li button.tertiary,.autocomplete-menu ul li button.tertiary,.dropdown-menu ul li a,.autocomplete-menu ul li a,.dropdown-menu ul li a.primary,.autocomplete-menu ul li a.primary,.dropdown-menu ul li a.secondary,.autocomplete-menu ul li a.secondary,.dropdown-menu ul li a.tertiary,.autocomplete-menu ul li a.tertiary{cursor:pointer;line-height:1.6rem;width:100%;text-align:left;font-weight:normal;padding:.5rem !important;margin:0 !important;position:relative;display:block;border:none;padding-right:1rem;text-decoration:none;white-space:nowrap}.dropdown-content ul li button.active,.dropdown-content ul li button.primary.active,.dropdown-content ul li button.secondary.active,.dropdown-content ul li button.tertiary.active,.dropdown-content ul li a.active,.dropdown-content ul li a.primary.active,.dropdown-content ul li a.secondary.active,.dropdown-content ul li a.tertiary.active,.dropdown-menu ul li button.active,.autocomplete-menu ul li button.active,.dropdown-menu ul li button.primary.active,.autocomplete-menu ul li button.primary.active,.dropdown-menu ul li button.secondary.active,.autocomplete-menu ul li button.secondary.active,.dropdown-menu ul li button.tertiary.active,.autocomplete-menu ul li button.tertiary.active,.dropdown-menu ul li a.active,.autocomplete-menu ul li a.active,.dropdown-menu ul li a.primary.active,.autocomplete-menu ul li a.primary.active,.dropdown-menu ul li a.secondary.active,.autocomplete-menu ul li a.secondary.active,.dropdown-menu ul li a.tertiary.active,.autocomplete-menu ul li a.tertiary.active{font-weight:bold}.dropdown-content .dropdown-menu,.dropdown-content .autocomplete-menu,.dropdown-menu .dropdown-menu,.autocomplete-menu .dropdown-menu,.dropdown-menu .autocomplete-menu,.autocomplete-menu .autocomplete-menu{position:relative;top:0}.dropdown-menu-open{display:block;animation:200ms reveal}@keyframes reveal{from{clip-path:circle(0% at 50% 0%)}to{clip-path:circle(100% at 50% 0%)}}.autocomplete-menu{top:2.44rem;width:100%}.autocomplete-container{width:100%;position:relative}',"",{version:3,sources:["webpack://./src/styles/components/autocomplete.scss","webpack://./src/styles/components/dropdown.scss","webpack://./src/styles/_mixins.scss","webpack://./src/styles/common/_z-index.scss","webpack://./colours.json"],names:[],mappings:"AAAA,wBCMA,6BACE,CAAA,UAGF,iBACE,CAAA,oBACA,CAAA,kBACA,CAAA,oCAIE,sBACE,CAAA,wBAEA,CAAA,0FAKA,wBAEE,CAAA,8BAKN,WACE,CAAA,iBACA,CAAA,wBACA,CAAA,kBAKF,kBACE,CAAA,mBACA,CAAA,aAGF,qBACE,CAAA,kBACA,CAAA,mBAIJ,qDCjCE,CAAA,eDmCA,CAAA,iBACA,CAAA,YEpDa,CAAA,sBFsDb,CAAA,eACA,CAAA,iBACA,CAAA,aACA,CAAA,6BACA,CAAA,kFAEA,oBAGE,CAAA,aG5DW,CAAA,QH8DX,CAAA,iBACA,CAAA,UACA,CAAA,aACA,CAAA,WACA,CAAA,kBACA,CAAA,gOAEA,kBGjEO,CAAA,oBHwEX,iBACE,CAAA,oBACA,CAAA,q9BAGF,aGjFe,CAAA,WHmFb,CAAA,kBG/ES,CAAA,oDHmFX,0BAEE,CAAA,qDC5EA,CAAA,YDmFA,CAAA,eACA,CAAA,kBACA,CAAA,iBACA,CAAA,eACA,CAAA,YEvGa,CAAA,sEF8Fb,QACE,CAAA,4HAWF,YACE,CAAA,sHAGF,eACE,CAAA,6DAGF,aACE,CAAA,eACA,CAAA,QACA,CAAA,SACA,CAAA,sEAIA,qBACE,CAAA,aACA,CAAA,kBACA,CAAA,mCACA,CAAA,8zBAIE,cAIE,CAAA,kBACA,CAAA,UACA,CAAA,eACA,CAAA,kBACA,CAAA,wBACA,CAAA,mBACA,CAAA,iBACA,CAAA,aACA,CAAA,WACA,CAAA,kBACA,CAAA,oBACA,CAAA,kBACA,CAAA,s+BAMA,gBACE,CAAA,8MAUV,iBACE,CAAA,KACA,CAAA,oBAIJ,aACE,CAAA,sBACA,CAAA,kBAGF,KACE,8BACE,CAAA,GAEF,gCACE,CAAA,CAAA,mBDnLJ,WAEE,CAAA,UACA,CAAA,wBAGF,UACE,CAAA,iBACA",sourcesContent:["@import './dropdown';\n\n.autocomplete-menu {\n @extend .dropdown-menu;\n top: 2.44rem;\n width: 100%;\n}\n\n.autocomplete-container {\n width: 100%;\n position: relative;\n}\n","@import '../settings';\n@import '../colours';\n@import '../common/z-index';\n@import '../mixins';\n\n// For legacy dropdown (using borders)\n.button.dropdown::after {\n border-top-color: currentColor;\n}\n\n.dropdown {\n position: relative;\n display: inline-block;\n white-space: nowrap;\n\n /* Specificity fight with foundation */\n & > button.button {\n &:first-child {\n margin-inline-end: 1rem;\n /* A bit of space for the dropdown indicator */\n padding-inline-end: 1.5ch;\n }\n\n &.primary,\n &.secondary {\n &:first-child {\n /* A bit more space for the dropdown indicator for non-tertiary */\n padding-inline-end: 2.5ch;\n }\n }\n }\n\n & > :first-child::after {\n content: '▾';\n position: absolute;\n margin-inline-start: 0.5ch;\n }\n\n /* Override of franklin patterns when used within */\n /* try to keep as little as possible, watch out of specificity wars */\n .button {\n margin-block-end: 0;\n margin-inline-end: 0;\n }\n\n ul {\n margin-inline-start: 0;\n margin-block-end: 0;\n }\n}\n\n.dropdown__content {\n @include box-shadow();\n overflow-y: auto;\n width: max-content;\n z-index: $z-index-high;\n animation: 200ms reveal;\n background: #fff;\n position: absolute;\n padding: 0.5 * $global-padding;\n border-radius: 0 0 0.2rem 0.2rem;\n\n button.button,\n a,\n a.button {\n display: inline-block;\n color: $colour-yankees-blue;\n margin: 0;\n padding: 0.25em 1ch;\n width: 100%;\n line-height: 2;\n border: none;\n font-weight: normal;\n\n &:hover,\n &:focus-visible {\n background: $colour-platinum;\n }\n }\n}\n\n.dropdown-container {\n position: relative;\n display: inline-block;\n}\n\n.hover {\n color: $colour-yankees-blue;\n border: none;\n background: $colour-platinum;\n}\n\n.dropdown-content,\n.dropdown-menu {\n --main-button-color: black;\n\n input {\n margin: 0;\n }\n\n @include box-shadow();\n display: none;\n overflow-y: auto;\n white-space: nowrap;\n position: absolute;\n background: #fff;\n z-index: $z-index-high;\n\n .dropdown-menu__content {\n padding: 1rem;\n }\n\n .dropdown-menu__panel {\n overflow-y: auto;\n }\n\n ul {\n display: block;\n list-style: none;\n margin: 0;\n padding: 0;\n\n // overflow-y: hidden;\n // height: auto !important;\n li {\n float: none !important;\n display: block;\n line-height: 1.6rem;\n background-color: $white !important;\n\n button,\n a {\n &,\n &.primary,\n &.secondary,\n &.tertiary {\n cursor: pointer;\n line-height: 1.6rem;\n width: 100%;\n text-align: left;\n font-weight: normal;\n padding: 0.5rem !important; // These two !important's are required to ensure the BLAST button is ...\n margin: 0 !important; // styled in the same way as the tags in the Sequence component\n position: relative;\n display: block;\n border: none;\n padding-right: 1rem;\n text-decoration: none;\n white-space: nowrap;\n\n &:hover {\n @extend .hover;\n }\n\n &.active {\n font-weight: bold;\n }\n }\n }\n }\n }\n\n // The autocomplete has a dropdown-menu inside a dropdown-menu\n // so needs to have position set to relative so its width can\n // follow its container's\n .dropdown-menu {\n position: relative;\n top: 0;\n }\n}\n\n.dropdown-menu-open {\n display: block;\n animation: 200ms reveal;\n}\n\n@keyframes reveal {\n from {\n clip-path: circle(0% at 50% 0%);\n }\n to {\n clip-path: circle(100% at 50% 0%);\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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},75765:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.bubble--small{display:inline-block;margin:0 .2rem;border-radius:50%;text-align:center;vertical-align:middle;width:1.6rem;height:1.6rem;line-height:1.6rem;font-size:.7333333333rem;color:#fbfeff;--main-color: var(--main-bubble-color, #00639a);background-color:#00639a;background-color:var(--main-color)}.bubble--medium{display:inline-block;margin:0 .2rem;border-radius:50%;text-align:center;vertical-align:middle;width:3rem;height:3rem;line-height:3rem;font-size:1.0833333333rem;color:#fbfeff;--main-color: var(--main-bubble-color, #00639a);background-color:#00639a;background-color:var(--main-color)}.bubble--large{display:inline-block;margin:0 .2rem;border-radius:50%;text-align:center;vertical-align:middle;width:5rem;height:5rem;line-height:5rem;font-size:1.5833333333rem;color:#fbfeff;--main-color: var(--main-bubble-color, #00639a);background-color:#00639a;background-color:var(--main-color)}","",{version:3,sources:["webpack://./src/styles/common/_utils.scss","webpack://./src/styles/components/bubble.scss","webpack://./colours.json"],names:[],mappings:"AA4BA,0CACE,kBAAA,CACA,oBAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,kBAAA,CACA,SAAA,CCdF,eAhBE,oBAAA,CACA,cAAA,CACA,iBAAA,CACA,iBAAA,CACA,qBAAA,CACA,YDPa,CCQb,aDRa,CCSb,kBDTa,CCUb,wBAAA,CACA,aCJU,CDMV,+CAAA,CACA,wBChBS,CDiBT,kCAAA,CAOF,gBApBE,oBAAA,CACA,cAAA,CACA,iBAAA,CACA,iBAAA,CACA,qBAAA,CACA,UDNc,CCOd,WDPc,CCQd,gBDRc,CCSd,yBAAA,CACA,aCJU,CDMV,+CAAA,CACA,wBChBS,CDiBT,kCAAA,CAWF,eAxBE,oBAAA,CACA,cAAA,CACA,iBAAA,CACA,iBAAA,CACA,qBAAA,CACA,UDLa,CCMb,WDNa,CCOb,gBDPa,CCQb,yBAAA,CACA,aCJU,CDMV,+CAAA,CACA,wBChBS,CDiBT,kCAAA",sourcesContent:["@use 'sass:math';\n@import '../settings';\n\n$small-bubble: 1.6rem;\n$medium-bubble: 3rem;\n$large-bubble: 5rem;\n\n$rootPx: 16px;\n\n@function remToPx($rem) {\n @return unitless-calc($rem) * $rootPx;\n}\n\n@function pxToRem($px) {\n @return math.div(unitless-calc($px), unitless-calc($rootPx)) + 0px;\n}\n\n@function bubbleFontSize($size) {\n @return $size * 0.25 + 0.3333333333;\n}\n\n/******************************************************************************\\\n * *\n * Visually hide any element (mostly text) accessibly. *\n * Support includes IE9+ *\n * Source: https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html *\n * *\n ******************************************************************************/\n.visually-hidden:not(:focus):not(:active) {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n","@import '../settings';\n@import '../colours';\n@import '../common/utils';\n\n@mixin bubble($size) {\n display: inline-block;\n margin: 0 $global-margin * 0.2;\n border-radius: 50%;\n text-align: center;\n vertical-align: middle;\n width: $size;\n height: $size;\n line-height: $size;\n font-size: bubbleFontSize($size);\n color: $colour-sky-white;\n\n --main-color: var(--main-bubble-color, #{$colour-sea-blue});\n background-color: $colour-sea-blue;\n background-color: var(--main-color);\n}\n\n.bubble--small {\n @include bubble($small-bubble);\n}\n\n.bubble--medium {\n @include bubble($medium-bubble);\n}\n\n.bubble--large {\n @include bubble($large-bubble);\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},85671:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.card{box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);background-color:#fbfeff;border-radius:.2rem;margin:1rem .125rem;width:calc(100% - 1rem);position:relative}.card__container{padding:1rem;padding-block:.5rem}.card__header{display:flex;align-items:baseline;position:relative}.card__header--with-separator::after{content:"";position:absolute;left:-1rem;right:-1rem;bottom:0;border-bottom:.125rem solid #e4e8eb}.card__header>*{margin:0}.card__header>*:not(:last-child){margin-right:1rem}.card__header:not(.card__header--with-separator)+.card__content{padding-top:0}.card__actions{display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;padding:0;background-color:#d2dce3}.card-action{margin:0;padding:.5rem;font-weight:600;white-space:nowrap;background-color:#d2dce3}.card-action:hover,.card-action:focus,.card-action:focus-within{transition:.5s background-color ease;background-color:#f3f4f6}.card-action:not(:first-child)::before{content:" · ";margin-left:-0.5rem;margin-right:.5rem}.card-action--active{background-color:#e9edef}',"",{version:3,sources:["webpack://./src/styles/components/card.scss","webpack://./src/styles/_mixins.scss","webpack://./colours.json","webpack://./src/styles/_settings.scss","webpack://./src/styles/_colours.scss"],names:[],mappings:"AAAA,MAOA,qDCWE,CAAA,wBCRU,CAAA,mBAAA,CAAA,mBFCV,CAAA,uBACA,CAAA,iBACA,CAAA,iBAEA,YGwEe,CAAA,mBHtEb,CAAA,cAGF,YACE,CAAA,oBACA,CAAA,iBACA,CAAA,qCAEA,UACE,CAAA,iBACA,CAAA,UACA,CAAA,WACA,CAAA,QACA,CAAA,mCACA,CAAA,gBAGF,QACE,CAAA,iCAGF,iBGgDY,CAAA,gEH5CZ,aACE,CAAA,eAIJ,YACE,CAAA,kBACA,CAAA,gBACA,CAAA,eACA,CAAA,SACA,CAAA,wBEhDW,CAAA,aFqDf,QACE,CAAA,aArDkB,CAAA,eAuDlB,CAAA,kBACA,CAAA,wBEzDa,CAAA,gEF4Db,oCAGE,CAAA,wBItBW,CAAA,uCJ0Bb,aACE,CAAA,mBACA,CAAA,kBApEgB,CAAA,qBAwElB,wBACE",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../mixins';\n\n$shadow-padding: 0.125rem;\n$card-link-padding: 0.5rem;\n\n.card {\n @include box-shadow($shadow-padding);\n background-color: $colour-sky-white;\n border-radius: 0.2rem;\n margin: $global-margin $shadow-padding;\n width: calc(100% - #{$global-padding});\n position: relative;\n\n &__container {\n padding: $global-padding;\n padding-block: 0.5 * $global-padding;\n }\n\n &__header {\n display: flex;\n align-items: baseline;\n position: relative;\n\n &--with-separator::after {\n content: '';\n position: absolute;\n left: -$global-padding;\n right: -$global-padding;\n bottom: 0;\n border-bottom: 0.125rem solid $colour-platinum;\n }\n\n & > * {\n margin: 0;\n }\n\n & > *:not(:last-child) {\n margin-right: $global-margin;\n }\n\n &:not(&--with-separator) + .card__content {\n padding-top: 0;\n }\n }\n\n &__actions {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n overflow-x: auto;\n padding: 0;\n background-color: $colour-selected;\n }\n}\n\n.card-action {\n margin: 0;\n padding: $card-link-padding;\n font-weight: 600;\n white-space: nowrap;\n background-color: $colour-gainsborough;\n\n &:hover,\n &:focus,\n &:focus-within {\n transition: 0.5s background-color ease;\n background-color: $colour-hover;\n }\n\n &:not(:first-child)::before {\n content: ' · ';\n margin-left: -$card-link-padding;\n margin-right: $card-link-padding;\n }\n\n &--active {\n background-color: scale-color($color: $colour-platinum, $lightness: 20%);\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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;","// 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","/* \n** @name Colours\n** @template ./app/html/colours.html\n** @text-only\n*/\n@import './settings';\n@import './colours.json';\n\n// PRIMARY COLOURS\n$colour-sapphire-blue: $sapphire-blue;\n$colour-sea-blue: $sea-blue;\n$colour-vivid-cerulean: $vivid-cerulean;\n$colour-medium-turquoise: $medium-turquoise;\n$colour-gainsborough: $gainsborough;\n\n// GREYSCALE\n$colour-yankees-blue: $yankees-blue;\n$colour-independence: $independence;\n$colour-weldon-blue: $weldon-blue;\n$colour-pastel-blue: $pastel-blue;\n$colour-platinum: $platinum;\n$colour-sky-white: $sky-white;\n\n// CURATION\n$colour-reviewed: $reviewed;\n$colour-unreviewed: $unreviewed;\n$colour-reference-proteome: $reference-proteome;\n\n// NAMESPACES\n$colour-uniref: $uniref;\n$colour-uniparc: $uniparc;\n$colour-proteomes: $proteomes;\n\n// TOOLS\n$colour-peptide-search: $peptide-search;\n$colour-id-mapping: $id-mapping;\n$colour-blast: $blast;\n$colour-align: $align;\n\n// HELP\n$colour-help-green: $help-green;\n\n// COLOUR VARIABLES\n$colour-link: $colour-sapphire-blue;\n$colour-selected: $colour-gainsborough;\n$colour-hover: lighten($colour-platinum, 5%);\n\n// MESSAGE COLOURS\n$colour-warning: $warning;\n$colour-failure: $failure;\n$colour-success: $success;\n$colour-info: $info;\n\n// DATA VISUALISATION\n$colour-coyote-brown: $coyote-brown;\n$colour-outer-space: $outer-space;\n$colour-bronze: $bronze;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},29893:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.chip{--main-color: var(--main-chip-color, #00639a);line-height:1;user-select:none;display:inline-block;vertical-align:middle;margin:.25rem;padding:2px 5px;background-color:#00639a;background-color:var(--main-color);color:#fbfeff;border-radius:4px;border:1px solid #00639a;border:1px solid var(--main-color);cursor:default;white-space:nowrap}.chip svg{margin-top:-0.2rem;margin-left:.2rem;margin-right:0;width:.7rem;height:.7rem;vertical-align:middle;fill:currentColor;cursor:pointer}.chip--disabled{opacity:.25;cursor:not-allowed}.chip--compact{font-size:12px;border-radius:3px;padding:1px 2px;line-height:12px}.chip.secondary{background-color:#fff;color:#00639a;color:var(--main-color)}.chip.secondary svg{fill:currentColor}","",{version:3,sources:["webpack://./src/styles/common/_utils.scss","webpack://./src/styles/components/chip.scss","webpack://./colours.json","webpack://./src/styles/_franklin-settings.scss"],names:[],mappings:"AA4BA,0CACE,kBAAA,CACA,oBAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,kBAAA,CACA,SAAA,CC9BF,MACE,6CAAA,CACA,aAAA,CACA,gBAAA,CACA,oBAAA,CACA,qBAAA,CACA,aAAA,CACA,eAAA,CACA,wBCZS,CDaT,kCAAA,CACA,aCLU,CDMV,iBAAA,CACA,wBAAA,CACA,kCAAA,CACA,cAAA,CACA,kBAAA,CAEA,UACE,kBAAA,CACA,iBAAA,CACA,cAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,iBAAA,CACA,cAAA,CAGF,gBACE,WAAA,CACA,kBAAA,CAGF,eACE,cElCc,CFmCd,iBAAA,CACA,eAAA,CACA,gBErCc,CFwChB,gBACE,qBAAA,CACA,aC9CO,CD+CP,uBAAA,CAEA,oBACE,iBAAA",sourcesContent:["@use 'sass:math';\n@import '../settings';\n\n$small-bubble: 1.6rem;\n$medium-bubble: 3rem;\n$large-bubble: 5rem;\n\n$rootPx: 16px;\n\n@function remToPx($rem) {\n @return unitless-calc($rem) * $rootPx;\n}\n\n@function pxToRem($px) {\n @return math.div(unitless-calc($px), unitless-calc($rootPx)) + 0px;\n}\n\n@function bubbleFontSize($size) {\n @return $size * 0.25 + 0.3333333333;\n}\n\n/******************************************************************************\\\n * *\n * Visually hide any element (mostly text) accessibly. *\n * Support includes IE9+ *\n * Source: https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html *\n * *\n ******************************************************************************/\n.visually-hidden:not(:focus):not(:active) {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n","@import '../colours';\n@import '../common/utils';\n@import '../settings';\n@import '../franklin-settings';\n\n.chip {\n --main-color: var(--main-chip-color, #{$colour-sea-blue});\n line-height: 1;\n user-select: none;\n display: inline-block;\n vertical-align: middle;\n margin: 0.25rem;\n padding: pxToRem(2) pxToRem(5);\n background-color: $colour-sea-blue;\n background-color: var(--main-color);\n color: $colour-sky-white;\n border-radius: pxToRem(4);\n border: pxToRem(1) solid $colour-sea-blue;\n border: pxToRem(1) solid var(--main-color);\n cursor: default;\n white-space: nowrap;\n\n svg {\n margin-top: -0.2rem;\n margin-left: 0.2rem;\n margin-right: 0;\n width: 0.7rem;\n height: 0.7rem;\n vertical-align: middle;\n fill: currentColor;\n cursor: pointer;\n }\n\n &--disabled {\n opacity: 0.25;\n cursor: not-allowed;\n }\n\n &--compact {\n font-size: $font-size-small;\n border-radius: pxToRem(3);\n padding: pxToRem(1) pxToRem(2);\n line-height: $font-size-small;\n }\n\n &.secondary {\n background-color: map-get($foundation-palette, secondary);\n color: $colour-sea-blue;\n color: var(--main-color);\n\n svg {\n fill: currentColor;\n }\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;","// Font families\n$fs-base-font-face: 'Lato', sans-serif;\n$fs-headers-font-face: 'Source Sans Pro', sans-serif;\n\n// Base font sizes\n$font-size-small: 12px;\n$font-size-medium: 14px;\n$font-size-large: 16px;\n\n// Font sizes\n$fs-base-font-size: $font-size-large;\n\n// Font weights\n$fs-font-weight-regular: 400;\n$fs-font-weight-semi-bold: 600;\n$fs-font-weight-bold: 700;\n$fs-font-weight-extra-bold: 900;\n\n// Breakpoints\n$fs-breakpoint-values: (\n 'small': (\n min-width: 0,\n ),\n 'medium': (\n min-width: 640px,\n ),\n 'large': (\n min-width: 1024px,\n ),\n);\n\n$gutter-size: 1rem;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},86082:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.codeblock{display:inline-block;background:#161d39;color:#fefefe;font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:normal;border:1px solid #cacaca;padding:.125rem .3125rem .0625rem}.codeblock-light{background-color:#e6e6e6;color:#0a0a0a}',"",{version:3,sources:["webpack://./src/styles/components/code-block.scss","webpack://./src/styles/_settings.scss"],names:[],mappings:"AAGA,WACE,oBAAA,CACA,kBAAA,CACA,aC2EM,CD1EN,wDCgIsB,CD/HtB,kBCiFqB,CDhFrB,wBCsLY,CDrLZ,iCCsLa,CDpLb,iBACE,wBCgES,CD/DT,aCkEI",sourcesContent:["@import '../settings';\n@import '../colours';\n\n.codeblock {\n display: inline-block;\n background: $colour-yankees-blue;\n color: $white;\n font-family: $code-font-family;\n font-weight: $code-font-weight;\n border: $code-border;\n padding: $code-padding;\n\n &-light {\n background-color: $code-background;\n color: $code-color;\n }\n}\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___},27045:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".data-loader__loading{text-align:center}","",{version:3,sources:["webpack://./src/styles/components/data-loader.scss"],names:[],mappings:"AAAA,sBACE,iBAAA",sourcesContent:[".data-loader__loading {\n text-align: center;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},97627:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.data-table{border:0;border-collapse:collapse;text-align:left;width:100%}.data-table input[type=checkbox]{margin:0}.data-table--fixed{table-layout:fixed}.data-table thead{background-color:#00639a}.data-table th{width:auto;border:0;padding:.25rem .5rem;font-weight:bold;white-space:nowrap;color:#fbfeff;background-color:#00639a;top:0;z-index:2000;position:sticky}.data-table th.data-table__header-cell--sortable{cursor:pointer}.data-table th.data-table__header-cell--sortable::after{content:"▲";display:inline-block;font-size:.6em;margin:0 .8em;opacity:.7;transition:transform ease-out .5s;transform:rotateX(0)}@media(prefers-reduced-motion: reduce){.data-table th.data-table__header-cell--sortable::after{transition-duration:0s}}.data-table th.data-table__header-cell--sortable:hover::after{opacity:1;transform:rotateX(0.5turn)}.data-table th.data-table__header-cell--ascend::after,.data-table th.data-table__header-cell--descend::after{opacity:1}.data-table th.data-table__header-cell--descend::after{transform:rotateX(0.5turn)}.data-table th.data-table__header-cell--descend:hover::after{transform:rotateX(0)}.data-table th.data-table__header-cell--checkbox{width:1.5rem;padding:0}.data-table th.data-table__header-cell--checkbox input[type=checkbox]{margin-top:.5em}.data-table tr:nth-of-type(2n){background-color:#e4e8eb}.data-table td{padding:.5rem;border:0;vertical-align:top;border-bottom:1px solid #fbfeff}.data-table .checkbox-cell{position:relative;padding:0}.data-table .checkbox-cell>input[type=checkbox]{margin:.9em .75ch 0 1.25ch}.data-table .checkbox-cell>input[type=checkbox]+label{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;border-left:1ch solid #00639a;opacity:0;transition:opacity ease-in-out .1s}.data-table .checkbox-cell>input[type=checkbox]:hover+label,.data-table .checkbox-cell>input[type=checkbox]:focus+label{opacity:.2}.data-table .checkbox-cell>input[type=checkbox]:checked+label{opacity:1}.data-table--optimised-rendering td{content-visibility:auto;contain-intrinsic-size:1px 2em}.data-table__cell--warning{background-color:#ffae00}.data-table__cell--loading{text-align:center}.data-table__cell--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table--compact{font-size:14px}.data-table--compact .data-table__header-cell,.data-table--compact .data-table__cell{padding:.25}.data-table .expandable-list button,.data-table .expandable-list a{white-space:nowrap}.data-table .tippy-content a,.data-table .tippy-content a.external-link{color:#fff;text-decoration:underline}',"",{version:3,sources:["webpack://./src/styles/components/data-table.scss","webpack://./colours.json","webpack://./src/styles/common/_z-index.scss","webpack://./src/styles/_mixins.scss","webpack://./src/styles/_franklin-settings.scss"],names:[],mappings:"AAAA,YAMA,QAEE,CAAA,wBACA,CAAA,eACA,CAAA,UACA,CAAA,iCAEA,QACE,CAAA,mBAGF,kBACE,CAAA,kBAGF,wBCpBS,CAAA,eDyBT,UACE,CAAA,QACA,CAAA,oBACA,CAAA,gBACA,CAAA,kBACA,CAAA,aCrBQ,CAAA,wBATD,CAAA,KDiCP,CAAA,YElCU,CAAA,eFoCV,CAAA,iDAGE,cACE,CAAA,wDAEA,WACE,CAAA,oBACA,CAAA,cACA,CAAA,aACA,CAAA,UACA,CAAA,iCACA,CAAA,oBACA,CAAA,uCAEA,wDATF,sBAUI,CAAA,CAAA,8DAIJ,SACE,CAAA,0BACA,CAAA,6GAMF,SACE,CAAA,uDAKF,0BACE,CAAA,6DAEF,oBACE,CAAA,iDAIJ,YAEE,CAAA,SAEA,CAAA,sEAEA,eACE,CAAA,+BAON,wBCnFO,CAAA,eDyFT,aACE,CAAA,QACA,CAAA,kBACA,CAAA,+BACA,CAAA,2BAGF,iBACE,CAAA,SACA,CAAA,gDAEA,0BACE,CAAA,sDAEA,iBACE,CAAA,KACA,CAAA,OACA,CAAA,QACA,CAAA,MACA,CAAA,QACA,CAAA,6BACA,CAAA,SACA,CAAA,kCAEA,CAAA,wHAKA,UACE,CAAA,8DAIJ,SACE,CAAA,oCAKN,uBAKE,CAAA,8BACA,CAAA,2BAIA,wBACE,CAAA,2BAGF,iBACE,CAAA,4BAGF,kBG9HF,CAAA,eACA,CAAA,sBACA,CAAA,qBHiIA,cI3JiB,CAAA,qFJ6Jf,WAEE,CAAA,mEAKF,kBAEE,CAAA,wEAKJ,UAEE,CAAA,yBACA",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../mixins';\n@import '../franklin-settings';\n@import '../common/z-index';\n\n.data-table {\n $self: &;\n border: 0;\n border-collapse: collapse;\n text-align: left;\n width: 100%;\n\n input[type='checkbox'] {\n margin: 0;\n }\n\n &--fixed {\n table-layout: fixed;\n }\n\n & thead {\n background-color: $colour-sea-blue;\n }\n\n // table header cell, without any specific modifier applied\n & th {\n width: auto;\n border: 0;\n padding: 0.25rem 0.5rem;\n font-weight: bold;\n white-space: nowrap;\n color: $colour-sky-white;\n background-color: $colour-sea-blue;\n top: 0;\n z-index: $z-index-low;\n position: sticky;\n\n &.data-table__header-cell {\n &--sortable {\n cursor: pointer;\n\n &::after {\n content: '▲';\n display: inline-block;\n font-size: 0.6em;\n margin: 0 0.8em;\n opacity: 0.7;\n transition: transform ease-out 0.5s;\n transform: rotateX(0);\n\n @media (prefers-reduced-motion: reduce) {\n transition-duration: 0s;\n }\n }\n\n &:hover::after {\n opacity: 1;\n transform: rotateX(0.5turn);\n }\n }\n\n &--ascend,\n &--descend {\n &::after {\n opacity: 1;\n }\n }\n\n &--descend {\n &::after {\n transform: rotateX(0.5turn);\n }\n &:hover::after {\n transform: rotateX(0);\n }\n }\n\n &--checkbox {\n // This doesn't have an effect unless `table-layout: fixed`\n width: 1.5rem;\n\n padding: 0;\n\n & input[type='checkbox'] {\n margin-top: 0.5em;\n }\n }\n }\n }\n // table row, without any specific modifier applied\n & tr {\n &:nth-of-type(2n) {\n background-color: $colour-platinum;\n }\n }\n\n // table body cell, without any specific modifier applied\n & td {\n padding: 0.5rem;\n border: 0;\n vertical-align: top;\n border-bottom: 1px solid $colour-sky-white;\n }\n\n & .checkbox-cell {\n position: relative;\n padding: 0;\n\n & > input[type='checkbox'] {\n margin: 0.9em 0.75ch 0 1.25ch;\n\n & + label {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n margin: 0;\n border-left: 1ch solid $colour-sea-blue;\n opacity: 0;\n\n transition: opacity ease-in-out 0.1s;\n }\n\n &:hover,\n &:focus {\n & + label {\n opacity: 0.2;\n }\n }\n\n &:checked + label {\n opacity: 1;\n }\n }\n }\n\n &--optimised-rendering td {\n /** notes: do not use if:\n * - height of row is really tall or variable (scroll bar will jump)\n * - column width changes (should be fine with \"fixedLayout\")\n */\n content-visibility: auto; // avoid rendering rows that are out of view\n contain-intrinsic-size: 1px 2em; // assume minimum size of one line + margin\n }\n\n &__cell {\n &--warning {\n background-color: map-get($foundation-palette, warning);\n }\n\n &--loading {\n text-align: center;\n }\n\n &--ellipsis {\n @include ellipsis();\n }\n }\n\n &--compact {\n font-size: $font-size-medium;\n #{ $self }__header-cell,\n #{ $self }__cell {\n padding: 0.25;\n }\n }\n\n & .expandable-list {\n button,\n a {\n white-space: nowrap;\n }\n }\n\n // Tippy link styling\n .tippy-content a,\n .tippy-content a.external-link {\n color: white;\n text-decoration: underline;\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;","$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","@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","// Font families\n$fs-base-font-face: 'Lato', sans-serif;\n$fs-headers-font-face: 'Source Sans Pro', sans-serif;\n\n// Base font sizes\n$font-size-small: 12px;\n$font-size-medium: 14px;\n$font-size-large: 16px;\n\n// Font sizes\n$fs-base-font-size: $font-size-large;\n\n// Font weights\n$fs-font-weight-regular: 400;\n$fs-font-weight-semi-bold: 600;\n$fs-font-weight-bold: 700;\n$fs-font-weight-extra-bold: 900;\n\n// Breakpoints\n$fs-breakpoint-values: (\n 'small': (\n min-width: 0,\n ),\n 'medium': (\n min-width: 640px,\n ),\n 'large': (\n min-width: 1024px,\n ),\n);\n\n$gutter-size: 1rem;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},24603:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".decorated-list-item{display:flex;align-items:baseline;padding:.25rem 0;align-items:stretch}.decorated-list-item__title{flex-basis:10vw;flex-shrink:0;text-align:right;padding-right:.7rem}.decorated-list-item__title .tiny{line-height:1}.decorated-list-item__content{flex-grow:1;padding-left:.7rem;padding-top:.1rem;padding-bottom:.1rem;border-left:.125rem solid #00a6d5}.decorated-list-item__content ul{margin-bottom:0}.decorated-list-item--compact{border-left:.125rem solid #00a6d5;padding:0 0 0 .7rem;margin:0}.decorated-list-item--compact .decorated-list-item__title{font-size:1rem;flex:0;text-align:left;white-space:nowrap;margin-right:0}.decorated-list-item--compact .decorated-list-item__title .tiny{line-height:1;font-size:1rem;margin:0}.decorated-list-item--compact .decorated-list-item__content{font-size:1rem;flex:1;margin:0;padding:0;border-left:none}.decorated-list-item--no-title .decorated-list-item{margin-bottom:.5rem}.decorated-list-item--no-title .decorated-list-item__title{display:none}.decorated-list-item--inline{flex-grow:1;flex-basis:0}.decorated-list-item--alt-style{border-left:.25rem solid #abc7d6}.decorated-list-item--alt-style .decorated-list-item__title{padding:0}.decorated-list-item--alt-style .decorated-list-item__content h5{margin:0;line-height:1.25;font-weight:600}.decorated-list-item__link{position:absolute;top:0;bottom:0;left:0;right:0;cursor:pointer}.decorated-list-item--has-link{transition:.5s background-color ease;position:relative}.decorated-list-item--has-link:hover,.decorated-list-item--has-link:focus-within{background-color:#eff1f3}.decorated-list-item--has-link *{pointer-events:none}.decorated-list-item--has-link a,.decorated-list-item--has-link button,.decorated-list-item--has-link input,.decorated-list-item--has-link label{pointer-events:initial}@media print,screen and (max-width: 39.99875em){.decorated-list-item{display:block}.decorated-list-item__title{text-align:left}.decorated-list-item__content{border-left:none;padding-left:0;padding-top:0}}","",{version:3,sources:["webpack://./src/styles/components/decorated-list-item.scss","webpack://./node_modules/foundation-sites/scss/util/_breakpoint.scss"],names:[],mappings:"AAOA,qBAEE,YAAA,CACA,oBAAA,CACA,gBAAA,CACA,mBAAA,CAEA,4BACE,eAAA,CACA,aAAA,CACA,gBAAA,CACA,mBAAA,CACA,kCACE,aAAA,CAIJ,8BACE,WAAA,CACA,kBAAA,CACA,iBAAA,CACA,oBAAA,CACA,iCAzBa,CA0Bb,iCACE,eAAA,CAIJ,8BACE,iCAhCa,CAiCb,mBAAA,CACA,QAAA,CAEA,0DACE,cAAA,CAMA,MAAA,CACA,eAAA,CACA,kBAAA,CACA,cAAA,CARA,gEACE,aAAA,CACA,cAAA,CACA,QAAA,CAOJ,4DACE,cAAA,CACA,MAAA,CACA,QAAA,CACA,SAAA,CACA,gBAAA,CAKF,oDACE,mBAAA,CAEF,2DACE,YAAA,CAKJ,6BACE,WAAA,CACA,YAAA,CAGF,gCACE,gCAxEiB,CA0EjB,4DACE,SAAA,CAIA,iEACE,QAAA,CACA,gBAAA,CACA,eAAA,CAKN,2BACE,iBAAA,CACA,KAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CACA,cAAA,CAIF,+BACE,oCAAA,CACA,iBAAA,CAEA,iFAEE,wBAAA,CAGF,iCACE,mBAAA,CAGF,iJAIE,sBAAA,CC4DE,gDDtDN,qBACE,aAAA,CAEA,4BACE,eAAA,CAEF,8BACE,gBAAA,CACA,cAAA,CACA,aAAA,CAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../mixins.scss';\n\n$decorative-bar: 0.125rem solid $colour-vivid-cerulean;\n$alt-decorative-bar: 0.25rem solid $colour-pastel-blue;\n\n.decorated-list-item {\n $self: &;\n display: flex;\n align-items: baseline;\n padding: 0.25rem 0;\n align-items: stretch;\n\n &__title {\n flex-basis: 10vw;\n flex-shrink: 0;\n text-align: right;\n padding-right: 0.7rem;\n .tiny {\n line-height: 1;\n }\n }\n\n &__content {\n flex-grow: 1;\n padding-left: 0.7rem;\n padding-top: 0.1rem;\n padding-bottom: 0.1rem;\n border-left: $decorative-bar;\n ul {\n margin-bottom: 0;\n }\n }\n\n &--compact {\n border-left: $decorative-bar;\n padding: 0 0 0 0.7rem;\n margin: 0;\n\n #{ $self }__title {\n font-size: 1rem;\n .tiny {\n line-height: 1;\n font-size: 1rem;\n margin: 0;\n }\n flex: 0;\n text-align: left;\n white-space: nowrap;\n margin-right: 0;\n }\n #{ $self }__content {\n font-size: 1rem;\n flex: 1;\n margin: 0;\n padding: 0;\n border-left: none;\n }\n }\n\n &--no-title {\n #{ $self } {\n margin-bottom: 0.5rem;\n }\n #{ $self }__title {\n display: none;\n }\n }\n\n // IMPORTANT: The parent should have set `display: inline-flex;` for this to work\n &--inline {\n flex-grow: 1;\n flex-basis: 0;\n }\n\n &--alt-style {\n border-left: $alt-decorative-bar;\n\n #{ $self }__title {\n padding: 0;\n }\n\n #{ $self }__content {\n h5 {\n margin: 0;\n line-height: 1.25;\n font-weight: 600;\n }\n }\n }\n\n &__link {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n cursor: pointer;\n }\n\n // Lifted from card style\n &--has-link {\n transition: 0.5s background-color ease;\n position: relative; // Needed this otherwise the whole list becomes the anchor element\n\n &:hover,\n &:focus-within {\n background-color: scale-color($color: $colour-platinum, $lightness: 40%);\n }\n\n * {\n pointer-events: none;\n }\n\n a,\n button,\n input,\n label {\n pointer-events: initial;\n }\n }\n}\n\n@include breakpoint(small only) {\n .decorated-list-item {\n display: block;\n\n &__title {\n text-align: left;\n }\n &__content {\n border-left: none;\n padding-left: 0;\n padding-top: 0;\n }\n }\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group breakpoints\n////\n\n/// Patch to fix issue #12080\n$-zf-size: null;\n\n/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.\n/// @type Map\n$breakpoints: (\n \"small\": 0,\n \"medium\": 640px,\n \"large\": 1024px,\n \"xlarge\": 1200px,\n \"xxlarge\": 1440px,\n) !default;\n\n/// A list of named HiDPI breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries for resolutions.\n/// Values must represent the device pixels / web pixels ration and be unitless or in DPPX.\n/// @type Map\n$breakpoints-hidpi: (\n \"hidpi-1\": 1,\n \"hidpi-1-5\": 1.5,\n \"hidpi-2\": 2,\n \"retina\": 2,\n \"hidpi-3\": 3\n) !default;\n\n/// The largest named breakpoint in which to include print as a media type\n/// @type Keyword\n$print-breakpoint: large !default;\n\n$-zf-zero-breakpoint: small !default;\n\n$-zf-breakpoints-keys: map-to-list($breakpoints, 'keys');\n\n@if nth(map-values($breakpoints), 1) != 0 {\n @error 'The first key in the $breakpoints map must have a value of \"0\".';\n}\n@else {\n $-zf-zero-breakpoint: nth(map-keys($breakpoints), 1);\n}\n\n/// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.\n/// @type List\n$breakpoint-classes: (small medium large) !default;\n\n/// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are.\n///\n/// @param {Keyword|Number} $val [small] - Breakpoint name, or px, rem, or em value to process.\n@function breakpoint($val: $-zf-zero-breakpoint) {\n // Web standard Pixels per inch. (1ddpx / $std-web-dpi) = 1dpi\n // See https://www.w3.org/TR/css-values-3/#absolute-lengths\n $std-web-dpi: 96;\n\n // Size or keyword\n $bp: nth($val, 1);\n // Value of the following breakpoint\n $bp-next: null;\n // Value for max-width media queries\n $bp-min: null;\n // Value for min-width media queries\n $bp-max: null;\n // Direction of media query (up, down, or only)\n $dir: if(length($val) > 1, nth($val, 2), up);\n // If named, name of the breakpoint\n $name: null;\n // If the breakpoint is a HiDPI breakpoint\n $hidpi: false;\n\n // Orientation media queries have a unique syntax\n @if $bp == 'landscape' or $bp == 'portrait' {\n @return '(orientation: #{$bp})';\n }\n\n // If a breakpoint name is given, get its value from the $breakpoints/$breakpoints-hidpi map.\n @if type-of($bp) == 'string' {\n @if map-has-key($breakpoints, $bp) {\n $name: $bp;\n $bp: map-get($breakpoints, $name);\n $bp-next: -zf-map-next($breakpoints, $name);\n }\n @else if map-has-key($breakpoints-hidpi, $bp) {\n $name: $bp;\n $bp: map-get($breakpoints-hidpi, $name);\n $bp-next: -zf-map-next-number($breakpoints-hidpi, $bp);\n $hidpi: true;\n }\n @else {\n $bp: 0;\n @warn 'breakpoint(): \"#{$val}\" is not defined in your `$breakpoints` or `$breakpoints-hidpi` setting.';\n }\n }\n\n @if not $name and $dir == 'only' {\n @warn 'breakpoint(): Only named media queries can have an `only` range.';\n @return null;\n }\n\n // Only 'only' and 'up' have a min limit.\n @if $dir == 'only' or $dir == 'up' {\n $bp-min: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n }\n // Only 'only' and 'down' have a max limit.\n @if $dir == 'only' or $dir == 'down' {\n // If the breakpoint is a value, use it as max limit.\n @if not $name {\n $bp-max: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n }\n // If the breakpoint is named, the max limit is the following breakpoint - 1px.\n @else if $bp-next {\n // Max value is 0.2px under the next breakpoint (0.02 / 16 = 0.00125).\n // Use a precision under 1px to support browser zoom, but not to low to avoid rounding.\n // See https://github.com/foundation/foundation-sites/issues/11313\n $bp-max: if($hidpi, $bp-next - divide(1, $std-web-dpi), -zf-bp-to-em($bp-next) - 0.00125);\n }\n }\n\n // Generate the media query string from min and max limits.\n @if $hidpi {\n // Generate values in DPI instead of DPPX for an IE9-11/Opera mini compatibility.\n // See https://caniuse.com/#feat=css-media-resolution\n $bp-min-dpi: if($bp-min, $bp-min * $std-web-dpi * 1dpi, $bp-min);\n $bp-max-dpi: if($bp-max, $bp-max * $std-web-dpi * 1dpi, $bp-max);\n @return zf-str-join(\n -zf-bp-join($bp-min, $bp-max, '-webkit-min-device-pixel-ratio', '-webkit-max-device-pixel-ratio'),\n -zf-bp-join($bp-min-dpi, $bp-max-dpi, 'min-resolution', 'max-resolution'),\n ', ');\n }\n @else {\n @return -zf-bp-join($bp-min, $bp-max);\n }\n}\n\n/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:\n/// - If a string is passed, the mixin will look for it in the `$breakpoints` and `$breakpoints-hidpi` maps, and use a media query there.\n/// - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.\n/// - If a rem value is passed, the unit will be changed to em.\n/// - If an em value is passed, the value will be used as-is.\n///\n/// If multiple values are passed, the mixin will generate a media query for each of them as described above.\n/// Since the content is duplicated for each breakpoint, this mixin should only be used with properties that\n/// change across breakpoints.\n///\n/// @param {Keyword|Number} $values... - Breakpoint name or px/rem/em value to process.\n///\n/// @output If the breakpoint is \"0px and larger\", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.\n@mixin breakpoint($values...) {\n @for $i from 1 through length($values) {\n $value: nth($values, $i);\n $str: breakpoint($value);\n $bp: index($-zf-breakpoints-keys, nth($value, 1));\n $pbp: index($-zf-breakpoints-keys, $print-breakpoint);\n // Direction of media query (up, down, or only)\n $dir: if(length($value) > 1, nth($value, 2), up);\n\n $old-zf-size: null;\n\n // Make breakpoint size available as a variable\n @if global-variable-exists(-zf-size) {\n $old-zf-size: $-zf-size;\n }\n $-zf-size: nth($value, 1) !global; // get the first value to account for `only` and `down` keywords\n\n // If $str is still an empty string, no media query is needed\n @if $str == '' {\n @content;\n }\n\n // Otherwise, wrap the content in a media query\n @else {\n // For named breakpoints less than or equal to $print-breakpoint, add print to the media types\n // generate print if the breakpoint affects the print-breakpoint (or smaller).\n // This means the current condition only needs to be extended so 'down' always generates print.\n @if $bp != null and ($bp <= $pbp or $dir == down) {\n @media print, screen and #{$str} {\n @content;\n }\n }\n @else {\n @media screen and #{$str} {\n @content;\n }\n }\n }\n\n $-zf-size: $old-zf-size !global;\n }\n}\n\n/// Converts the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place.\n/// @access private\n///\n/// @param {Map} $map - Map to convert.\n///\n/// @returns {String} A string containing the map's contents.\n@function -zf-bp-serialize($map) {\n $str: '';\n @each $key, $value in $map {\n $str: $str + $key + '=' + -zf-bp-to-em($value) + '&';\n }\n $str: str-slice($str, 1, -2);\n\n @return $str;\n}\n\n/// Find the next key in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $key - Key to use as a starting point.\n///\n/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.\n@function -zf-map-next($map, $key) {\n\n // Store the keys of the map as a list\n $values: map-keys($map);\n\n $i: 0;\n\n // If the Key Exists, Get the index of the key within the map and add 1 to it for the next breakpoint in the map\n @if (map-has-key($map, $key)) {\n $i: index($values, $key) + 1;\n }\n\n // If the key doesn't exist, or it's the last key in the map, return null\n @if ($i > length($map) or $i == 0) {\n @return null;\n }\n // Otherwise, return the value\n @else {\n @return map-get($map, nth($values, $i));\n }\n\n}\n\n/// Find the next number in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $number - Number to use as a starting point.\n///\n/// @returns {Mixed} The number following `$number`, if `$number` was found. If `$number` was not found, or `$number` was the biggest number in the map, returns `null`.\n@function -zf-map-next-number($map, $number) {\n\n $next-number: null;\n\n @each $k, $v in $map {\n @if type-of($v) == 'number' and $v > $number and ($next-number == null or $v < $next-number) {\n $next-number: $v;\n }\n }\n\n @return $next-number;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $key - Key to use as last breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-breakpoints-less-than($key) {\n $list: ();\n $found-key: false;\n\n @each $name in $-zf-breakpoints-keys {\n @if ($name == $key) {\n $found-key: true;\n }\n @if not $found-key {\n $list: append($list, $name);\n }\n }\n @return $list;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $breakpoint - a named or non-named breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-closest-named-breakpoint($breakpoint) {\n $last: $-zf-zero-breakpoint;\n $found: false;\n\n $value: unitless-calc($breakpoint, 1px);\n @each $key, $val in $breakpoints {\n @if not $found {\n @if unitless-calc($val) > $value {\n $found: true;\n } @else {\n $last: $key;\n }\n }\n }\n\n @return $last;\n}\n\n/// Get a value for a breakpoint from a responsive config map or single value.\n/// - If the config is a single value, return it regardless of `$value`.\n/// - If the config is a map and has the key `$value`, the exact breakpoint value is returned.\n/// - If the config is a map and does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.\n/// @access private\n///\n/// @param {Number|Map} $map - Responsive config map or single value.\n/// @param {Keyword} $value - Breakpoint name to use.\n///\n/// @return {Mixed} The corresponding breakpoint value.\n@function -zf-get-bp-val($map, $value) {\n // If the given map is a single value, return it\n @if type-of($map) == 'number' {\n @return $map;\n }\n\n\n // Check if the breakpoint name exists globally\n @if not map-has-key($breakpoints, $value) {\n @if type-of($value) == 'number' {\n $value: -zf-closest-named-breakpoint($value);\n } @else {\n @return null;\n }\n }\n // Check if the breakpoint name exists in the local config map\n @else if map-has-key($map, $value) {\n // If it does, just return the value\n @return map-get($map, $value);\n }\n // Otherwise, find the next lowest breakpoint and return that value\n @else {\n $anchor: null;\n $found: false;\n\n @each $key, $val in $breakpoints {\n @if not $found {\n @if map-has-key($map, $key) {\n $anchor: $key;\n }\n @if $key == $value {\n $found: true;\n }\n }\n }\n\n @return map-get($map, $anchor);\n }\n}\n\n/// Return the best breakpoint to use according to the calling context. It returns in order:\n/// 1. the given `$value` argument if it is not null.\n/// 2. the global breakpoint context `$-zf-size` if it is not null (like if called inside then `breakpoint()` mixin)\n/// 3. the given `$default` argument.\n/// @access private\n///\n/// @param {Keyword} $value [null] - Breakpoint to use in priority if non-null.\n/// @param {Keyword} $default [null] - Breakpoint to use by default if no other value can be used.\n///\n/// @return {Keyword} The resolved breakpoint.\n@function -zf-current-breakpoint($value: null, $default: null) {\n @if ($value != null) {\n @return $value;\n }\n @else if (variable-exists(-zf-size) and type-of($-zf-size) != 'number') and $-zf-size != null {\n @return $-zf-size;\n }\n @else {\n @return $default;\n }\n}\n\n/// Return media query string from the given min and/or max limits.\n/// If a limit is equal to `null` or `0`, it is ignored.\n/// @access private\n///\n/// @param {Number} $min [0] - Min media query limit.\n/// @param {Number} $max [0] - Max media query limit.\n/// @param {String} $min-name ['min-width'] - Name of the min media query limit.\n/// @param {String} $delimiter ['max-width'] - Name of the max media query limit.\n///\n/// @returns {String} Media Query string.\n@function -zf-bp-join(\n $min: 0,\n $max: 0,\n $min-name: 'min-width',\n $max-name: 'max-width'\n) {\n @return zf-str-join(\n if($min and $min > 0, '(#{$min-name}: #{$min})', null),\n if($max and $max > 0, '(#{$max-name}: #{$max})', null),\n ' and ');\n}\n\n$small-up: '';\n$small-only: '';\n\n@if map-has-key($breakpoints, small) {\n $small-up: screen;\n $small-only: unquote('screen and #{breakpoint(small only)}');\n}\n\n$medium-up: '';\n$medium-only: '';\n\n@if map-has-key($breakpoints, medium) {\n $medium-up: unquote('screen and #{breakpoint(medium)}');\n $medium-only: unquote('screen and #{breakpoint(medium only)}');\n}\n\n$large-up: '';\n$large-only: '';\n\n@if map-has-key($breakpoints, large) {\n $large-up: unquote('screen and #{breakpoint(large)}');\n $large-only: unquote('screen and #{breakpoint(large only)}');\n}\n\n$xlarge-up: '';\n$xlarge-only: '';\n\n@if map-has-key($breakpoints, xlarge) {\n $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');\n $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');\n}\n\n$xxlarge-up: '';\n\n@if map-has-key($breakpoints, xxlarge) {\n $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},91130:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.display-menu__item_title{width:100%;line-height:2rem}.display-menu__item_title a{width:100%;display:block;padding-left:1rem}.display-menu__item_title--active{background-color:#e2e8ed}.display-menu__item_title:hover{background-color:#f3f4f6}.display-menu__item_title--active:before{content:"";position:absolute;width:.2rem;margin-left:-1rem;height:2rem;border-left:.2rem solid #014371}.display-menu__item_icon{display:inline-block;text-align:center;vertical-align:middle;width:1.5rem;fill:#014371}.display-menu__item_icon svg{height:1rem;width:1rem}.display-menu__item_content{margin-left:1.7rem}',"",{version:3,sources:["webpack://./src/styles/components/display-menu.scss","webpack://./src/styles/_colours.scss","webpack://./colours.json"],names:[],mappings:"AAME,0BACE,UAAA,CACA,gBALU,CAMV,4BACE,UAAA,CACA,aAAA,CACA,iBAAA,CAEF,kCACE,wBAAA,CAEF,gCACE,wBC2BS,CDzBX,yCACE,UAAA,CACA,iBAAA,CACA,WAAA,CACA,iBAAA,CACA,WAtBQ,CAuBR,+BAAA,CAGJ,yBACE,oBAAA,CACA,iBAAA,CACA,qBAAA,CACA,YAAA,CACA,YElCY,CFmCZ,6BACE,WAAA,CACA,UAAA,CAGJ,4BACE,kBAAA",sourcesContent:["@import '../colours';\n@import '../settings';\n\n$line-height: 2rem;\n\n.display-menu {\n &__item_title {\n width: 100%;\n line-height: $line-height;\n a {\n width: 100%;\n display: block;\n padding-left: 1rem;\n }\n &--active {\n background-color: lighten($colour-selected, 5%);\n }\n &:hover {\n background-color: $colour-hover;\n }\n &--active:before {\n content: '';\n position: absolute;\n width: 0.2rem;\n margin-left: -1rem;\n height: $line-height;\n border-left: 0.2rem solid $colour-link;\n }\n }\n &__item_icon {\n display: inline-block;\n text-align: center;\n vertical-align: middle;\n width: $global-margin * 1.5;\n fill: $colour-link;\n svg {\n height: 1rem;\n width: 1rem;\n }\n }\n &__item_content {\n margin-left: $global-margin * 1.5 + 0.2;\n }\n}\n","/* \n** @name Colours\n** @template ./app/html/colours.html\n** @text-only\n*/\n@import './settings';\n@import './colours.json';\n\n// PRIMARY COLOURS\n$colour-sapphire-blue: $sapphire-blue;\n$colour-sea-blue: $sea-blue;\n$colour-vivid-cerulean: $vivid-cerulean;\n$colour-medium-turquoise: $medium-turquoise;\n$colour-gainsborough: $gainsborough;\n\n// GREYSCALE\n$colour-yankees-blue: $yankees-blue;\n$colour-independence: $independence;\n$colour-weldon-blue: $weldon-blue;\n$colour-pastel-blue: $pastel-blue;\n$colour-platinum: $platinum;\n$colour-sky-white: $sky-white;\n\n// CURATION\n$colour-reviewed: $reviewed;\n$colour-unreviewed: $unreviewed;\n$colour-reference-proteome: $reference-proteome;\n\n// NAMESPACES\n$colour-uniref: $uniref;\n$colour-uniparc: $uniparc;\n$colour-proteomes: $proteomes;\n\n// TOOLS\n$colour-peptide-search: $peptide-search;\n$colour-id-mapping: $id-mapping;\n$colour-blast: $blast;\n$colour-align: $align;\n\n// HELP\n$colour-help-green: $help-green;\n\n// COLOUR VARIABLES\n$colour-link: $colour-sapphire-blue;\n$colour-selected: $colour-gainsborough;\n$colour-hover: lighten($colour-platinum, 5%);\n\n// MESSAGE COLOURS\n$colour-warning: $warning;\n$colour-failure: $failure;\n$colour-success: $success;\n$colour-info: $info;\n\n// DATA VISUALISATION\n$colour-coyote-brown: $coyote-brown;\n$colour-outer-space: $outer-space;\n$colour-bronze: $bronze;\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},52529:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.doughnut-chart--small{overflow:hidden;position:relative;display:inline-block;margin:0 .2rem;vertical-align:middle;width:25.6px;height:25.6px;border-radius:12.8px;font-size:.7333333333rem}.doughnut-chart--small__left-wrap{overflow:hidden;position:absolute;top:0;left:0;width:12.8px;height:25.6px}.doughnut-chart--small__left-wrap__loader{position:absolute;left:0;top:0;border-radius:1000px;transform-origin:0 50%;left:12.8px;width:12.8px;height:25.6px;border-top-left-radius:0;border-bottom-left-radius:0}.doughnut-chart--small__right-wrap{overflow:hidden;position:absolute;top:0;left:12.8px;width:12.8px;height:25.6px}.doughnut-chart--small__right-wrap__loader{position:absolute;left:0;top:0;border-radius:1000px;transform-origin:100% 50%;left:-12.8px;width:12.8px;height:25.6px;border-top-right-radius:0;border-bottom-right-radius:0}.doughnut-chart--small__inner-circle{background-color:#fbfeff;position:relative;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;left:2px;top:2px;width:21.6px;height:21.6px;border-radius:10.8px}.doughnut-chart--medium{overflow:hidden;position:relative;display:inline-block;margin:0 .2rem;vertical-align:middle;width:48px;height:48px;border-radius:24px;font-size:1.0833333333rem}.doughnut-chart--medium__left-wrap{overflow:hidden;position:absolute;top:0;left:0;width:24px;height:48px}.doughnut-chart--medium__left-wrap__loader{position:absolute;left:0;top:0;border-radius:1000px;transform-origin:0 50%;left:24px;width:24px;height:48px;border-top-left-radius:0;border-bottom-left-radius:0}.doughnut-chart--medium__right-wrap{overflow:hidden;position:absolute;top:0;left:24px;width:24px;height:48px}.doughnut-chart--medium__right-wrap__loader{position:absolute;left:0;top:0;border-radius:1000px;transform-origin:100% 50%;left:-24px;width:24px;height:48px;border-top-right-radius:0;border-bottom-right-radius:0}.doughnut-chart--medium__inner-circle{background-color:#fbfeff;position:relative;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;left:2px;top:2px;width:44px;height:44px;border-radius:22px}.doughnut-chart--large{overflow:hidden;position:relative;display:inline-block;margin:0 .2rem;vertical-align:middle;width:80px;height:80px;border-radius:40px;font-size:1.5833333333rem}.doughnut-chart--large__left-wrap{overflow:hidden;position:absolute;top:0;left:0;width:40px;height:80px}.doughnut-chart--large__left-wrap__loader{position:absolute;left:0;top:0;border-radius:1000px;transform-origin:0 50%;left:40px;width:40px;height:80px;border-top-left-radius:0;border-bottom-left-radius:0}.doughnut-chart--large__right-wrap{overflow:hidden;position:absolute;top:0;left:40px;width:40px;height:80px}.doughnut-chart--large__right-wrap__loader{position:absolute;left:0;top:0;border-radius:1000px;transform-origin:100% 50%;left:-40px;width:40px;height:80px;border-top-right-radius:0;border-bottom-right-radius:0}.doughnut-chart--large__inner-circle{background-color:#fbfeff;position:relative;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;left:2px;top:2px;width:76px;height:76px;border-radius:38px}","",{version:3,sources:["webpack://./src/styles/common/_utils.scss","webpack://./src/styles/components/doughnut-chart.scss","webpack://./colours.json"],names:[],mappings:"AA4BA,0CACE,kBAAA,CACA,oBAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,kBAAA,CACA,SAAA,CC2CF,uBAtEE,eAAA,CACA,iBAAA,CACA,oBAAA,CACA,cAAA,CACA,qBAAA,CACA,YAAA,CACA,aAAA,CACA,oBARO,CASP,wBAAA,CAEA,kCACE,eAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,YAhBK,CAiBL,aAAA,CAEA,0CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,oBAAA,CACA,sBAAA,CACA,WAzBG,CA0BH,YA1BG,CA2BH,aAAA,CACA,wBAAA,CACA,2BAAA,CAIJ,mCACE,eAAA,CACA,iBAAA,CACA,KAAA,CACA,WArCK,CAsCL,YAtCK,CAuCL,aAAA,CAEA,2CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,oBAAA,CACA,yBAAA,CACA,YAAA,CACA,YAhDG,CAiDH,aAAA,CACA,yBAAA,CACA,4BAAA,CAIJ,qCACE,wBCrDQ,CDsDR,iBAAA,CACA,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,kBAAA,CACA,QAlEW,CAmEX,OAnEW,CAoEX,YAAA,CACA,aAAA,CACA,oBAAA,CAQJ,wBA1EE,eAAA,CACA,iBAAA,CACA,oBAAA,CACA,cAAA,CACA,qBAAA,CACA,UAAA,CACA,WAAA,CACA,kBARO,CASP,yBAAA,CAEA,mCACE,eAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAhBK,CAiBL,WAAA,CAEA,2CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,oBAAA,CACA,sBAAA,CACA,SAzBG,CA0BH,UA1BG,CA2BH,WAAA,CACA,wBAAA,CACA,2BAAA,CAIJ,oCACE,eAAA,CACA,iBAAA,CACA,KAAA,CACA,SArCK,CAsCL,UAtCK,CAuCL,WAAA,CAEA,4CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,oBAAA,CACA,yBAAA,CACA,UAAA,CACA,UAhDG,CAiDH,WAAA,CACA,yBAAA,CACA,4BAAA,CAIJ,sCACE,wBCrDQ,CDsDR,iBAAA,CACA,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,kBAAA,CACA,QAlEW,CAmEX,OAnEW,CAoEX,UAAA,CACA,WAAA,CACA,kBAAA,CAYJ,uBA9EE,eAAA,CACA,iBAAA,CACA,oBAAA,CACA,cAAA,CACA,qBAAA,CACA,UAAA,CACA,WAAA,CACA,kBARO,CASP,yBAAA,CAEA,kCACE,eAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAhBK,CAiBL,WAAA,CAEA,0CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,oBAAA,CACA,sBAAA,CACA,SAzBG,CA0BH,UA1BG,CA2BH,WAAA,CACA,wBAAA,CACA,2BAAA,CAIJ,mCACE,eAAA,CACA,iBAAA,CACA,KAAA,CACA,SArCK,CAsCL,UAtCK,CAuCL,WAAA,CAEA,2CACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,oBAAA,CACA,yBAAA,CACA,UAAA,CACA,UAhDG,CAiDH,WAAA,CACA,yBAAA,CACA,4BAAA,CAIJ,qCACE,wBCrDQ,CDsDR,iBAAA,CACA,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,kBAAA,CACA,QAlEW,CAmEX,OAnEW,CAoEX,UAAA,CACA,WAAA,CACA,kBAAA",sourcesContent:["@use 'sass:math';\n@import '../settings';\n\n$small-bubble: 1.6rem;\n$medium-bubble: 3rem;\n$large-bubble: 5rem;\n\n$rootPx: 16px;\n\n@function remToPx($rem) {\n @return unitless-calc($rem) * $rootPx;\n}\n\n@function pxToRem($px) {\n @return math.div(unitless-calc($px), unitless-calc($rootPx)) + 0px;\n}\n\n@function bubbleFontSize($size) {\n @return $size * 0.25 + 0.3333333333;\n}\n\n/******************************************************************************\\\n * *\n * Visually hide any element (mostly text) accessibly. *\n * Support includes IE9+ *\n * Source: https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html *\n * *\n ******************************************************************************/\n.visually-hidden:not(:focus):not(:active) {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n","@import '../settings';\n@import '../colours';\n@import '../common/utils';\n\n$border-width: 2px;\n\n@mixin doughnut-chart($remSize) {\n $size: remToPx($remSize * 0.5);\n overflow: hidden;\n position: relative;\n display: inline-block;\n margin: 0 $global-margin * 0.2;\n vertical-align: middle;\n width: $size * 2;\n height: $size * 2;\n border-radius: $size;\n font-size: bubbleFontSize($remSize);\n\n &__left-wrap {\n overflow: hidden;\n position: absolute;\n top: 0;\n left: 0;\n width: $size;\n height: $size * 2;\n\n &__loader {\n position: absolute;\n left: 0;\n top: 0;\n border-radius: 1000px;\n transform-origin: 0 50%;\n left: $size;\n width: $size;\n height: $size * 2;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n\n &__right-wrap {\n overflow: hidden;\n position: absolute;\n top: 0;\n left: $size;\n width: $size;\n height: $size * 2;\n\n &__loader {\n position: absolute;\n left: 0;\n top: 0;\n border-radius: 1000px;\n transform-origin: 100% 50%;\n left: -$size;\n width: $size;\n height: $size * 2;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n &__inner-circle {\n background-color: $colour-sky-white;\n position: relative;\n text-align: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n left: $border-width;\n top: $border-width;\n width: ($size - $border-width) * 2;\n height: ($size - $border-width) * 2;\n border-radius: $size - $border-width;\n }\n}\n\n.doughnut-chart--small {\n @include doughnut-chart($small-bubble);\n}\n\n.doughnut-chart--medium {\n @include doughnut-chart($medium-bubble);\n}\n\n.doughnut-chart--large {\n @include doughnut-chart($large-bubble);\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},45665:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.button.dropdown::after{border-top-color:currentColor}.dropdown{position:relative;display:inline-block;white-space:nowrap}.dropdown>button.button:first-child{margin-inline-end:1rem;padding-inline-end:1.5ch}.dropdown>button.button.primary:first-child,.dropdown>button.button.secondary:first-child{padding-inline-end:2.5ch}.dropdown>:first-child::after{content:"▾";position:absolute;margin-inline-start:.5ch}.dropdown .button{margin-block-end:0;margin-inline-end:0}.dropdown ul{margin-inline-start:0;margin-block-end:0}.dropdown__content{box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);overflow-y:auto;width:max-content;z-index:9000;animation:200ms reveal;background:#fff;position:absolute;padding:.5rem;border-radius:0 0 .2rem .2rem}.dropdown__content button.button,.dropdown__content a,.dropdown__content a.button{display:inline-block;color:#161d39;margin:0;padding:.25em 1ch;width:100%;line-height:2;border:none;font-weight:normal}.dropdown__content button.button:hover,.dropdown__content button.button:focus-visible,.dropdown__content a:hover,.dropdown__content a:focus-visible,.dropdown__content a.button:hover,.dropdown__content a.button:focus-visible{background:#e4e8eb}.dropdown-container{position:relative;display:inline-block}.hover,.dropdown-content ul li button:hover,.dropdown-content ul li button.primary:hover,.dropdown-content ul li button.secondary:hover,.dropdown-content ul li button.tertiary:hover,.dropdown-content ul li a:hover,.dropdown-content ul li a.primary:hover,.dropdown-content ul li a.secondary:hover,.dropdown-content ul li a.tertiary:hover,.dropdown-menu ul li button:hover,.dropdown-menu ul li button.primary:hover,.dropdown-menu ul li button.secondary:hover,.dropdown-menu ul li button.tertiary:hover,.dropdown-menu ul li a:hover,.dropdown-menu ul li a.primary:hover,.dropdown-menu ul li a.secondary:hover,.dropdown-menu ul li a.tertiary:hover{color:#161d39;border:none;background:#e4e8eb}.dropdown-content,.dropdown-menu{--main-button-color: black;box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);display:none;overflow-y:auto;white-space:nowrap;position:absolute;background:#fff;z-index:9000}.dropdown-content input,.dropdown-menu input{margin:0}.dropdown-content .dropdown-menu__content,.dropdown-menu .dropdown-menu__content{padding:1rem}.dropdown-content .dropdown-menu__panel,.dropdown-menu .dropdown-menu__panel{overflow-y:auto}.dropdown-content ul,.dropdown-menu ul{display:block;list-style:none;margin:0;padding:0}.dropdown-content ul li,.dropdown-menu ul li{float:none !important;display:block;line-height:1.6rem;background-color:#fefefe !important}.dropdown-content ul li button,.dropdown-content ul li button.primary,.dropdown-content ul li button.secondary,.dropdown-content ul li button.tertiary,.dropdown-content ul li a,.dropdown-content ul li a.primary,.dropdown-content ul li a.secondary,.dropdown-content ul li a.tertiary,.dropdown-menu ul li button,.dropdown-menu ul li button.primary,.dropdown-menu ul li button.secondary,.dropdown-menu ul li button.tertiary,.dropdown-menu ul li a,.dropdown-menu ul li a.primary,.dropdown-menu ul li a.secondary,.dropdown-menu ul li a.tertiary{cursor:pointer;line-height:1.6rem;width:100%;text-align:left;font-weight:normal;padding:.5rem !important;margin:0 !important;position:relative;display:block;border:none;padding-right:1rem;text-decoration:none;white-space:nowrap}.dropdown-content ul li button.active,.dropdown-content ul li button.primary.active,.dropdown-content ul li button.secondary.active,.dropdown-content ul li button.tertiary.active,.dropdown-content ul li a.active,.dropdown-content ul li a.primary.active,.dropdown-content ul li a.secondary.active,.dropdown-content ul li a.tertiary.active,.dropdown-menu ul li button.active,.dropdown-menu ul li button.primary.active,.dropdown-menu ul li button.secondary.active,.dropdown-menu ul li button.tertiary.active,.dropdown-menu ul li a.active,.dropdown-menu ul li a.primary.active,.dropdown-menu ul li a.secondary.active,.dropdown-menu ul li a.tertiary.active{font-weight:bold}.dropdown-content .dropdown-menu,.dropdown-menu .dropdown-menu{position:relative;top:0}.dropdown-menu-open{display:block;animation:200ms reveal}@keyframes reveal{from{clip-path:circle(0% at 50% 0%)}to{clip-path:circle(100% at 50% 0%)}}',"",{version:3,sources:["webpack://./src/styles/components/dropdown.scss","webpack://./src/styles/_mixins.scss","webpack://./src/styles/common/_z-index.scss","webpack://./colours.json"],names:[],mappings:"AAAA,wBAMA,6BACE,CAAA,UAGF,iBACE,CAAA,oBACA,CAAA,kBACA,CAAA,oCAIE,sBACE,CAAA,wBAEA,CAAA,0FAKA,wBAEE,CAAA,8BAKN,WACE,CAAA,iBACA,CAAA,wBACA,CAAA,kBAKF,kBACE,CAAA,mBACA,CAAA,aAGF,qBACE,CAAA,kBACA,CAAA,mBAIJ,qDCjCE,CAAA,eDmCA,CAAA,iBACA,CAAA,YEpDa,CAAA,sBFsDb,CAAA,eACA,CAAA,iBACA,CAAA,aACA,CAAA,6BACA,CAAA,kFAEA,oBAGE,CAAA,aG5DW,CAAA,QH8DX,CAAA,iBACA,CAAA,UACA,CAAA,aACA,CAAA,WACA,CAAA,kBACA,CAAA,gOAEA,kBGjEO,CAAA,oBHwEX,iBACE,CAAA,oBACA,CAAA,moBAGF,aGjFe,CAAA,WHmFb,CAAA,kBG/ES,CAAA,iCHmFX,0BAEE,CAAA,qDC5EA,CAAA,YDmFA,CAAA,eACA,CAAA,kBACA,CAAA,iBACA,CAAA,eACA,CAAA,YEvGa,CAAA,6CF8Fb,QACE,CAAA,iFAWF,YACE,CAAA,6EAGF,eACE,CAAA,uCAGF,aACE,CAAA,eACA,CAAA,QACA,CAAA,SACA,CAAA,6CAIA,qBACE,CAAA,aACA,CAAA,kBACA,CAAA,mCACA,CAAA,4hBAIE,cAIE,CAAA,kBACA,CAAA,UACA,CAAA,eACA,CAAA,kBACA,CAAA,wBACA,CAAA,mBACA,CAAA,iBACA,CAAA,aACA,CAAA,WACA,CAAA,kBACA,CAAA,oBACA,CAAA,kBACA,CAAA,4oBAMA,gBACE,CAAA,+DAUV,iBACE,CAAA,KACA,CAAA,oBAIJ,aACE,CAAA,sBACA,CAAA,kBAGF,KACE,8BACE,CAAA,GAEF,gCACE,CAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../common/z-index';\n@import '../mixins';\n\n// For legacy dropdown (using borders)\n.button.dropdown::after {\n border-top-color: currentColor;\n}\n\n.dropdown {\n position: relative;\n display: inline-block;\n white-space: nowrap;\n\n /* Specificity fight with foundation */\n & > button.button {\n &:first-child {\n margin-inline-end: 1rem;\n /* A bit of space for the dropdown indicator */\n padding-inline-end: 1.5ch;\n }\n\n &.primary,\n &.secondary {\n &:first-child {\n /* A bit more space for the dropdown indicator for non-tertiary */\n padding-inline-end: 2.5ch;\n }\n }\n }\n\n & > :first-child::after {\n content: '▾';\n position: absolute;\n margin-inline-start: 0.5ch;\n }\n\n /* Override of franklin patterns when used within */\n /* try to keep as little as possible, watch out of specificity wars */\n .button {\n margin-block-end: 0;\n margin-inline-end: 0;\n }\n\n ul {\n margin-inline-start: 0;\n margin-block-end: 0;\n }\n}\n\n.dropdown__content {\n @include box-shadow();\n overflow-y: auto;\n width: max-content;\n z-index: $z-index-high;\n animation: 200ms reveal;\n background: #fff;\n position: absolute;\n padding: 0.5 * $global-padding;\n border-radius: 0 0 0.2rem 0.2rem;\n\n button.button,\n a,\n a.button {\n display: inline-block;\n color: $colour-yankees-blue;\n margin: 0;\n padding: 0.25em 1ch;\n width: 100%;\n line-height: 2;\n border: none;\n font-weight: normal;\n\n &:hover,\n &:focus-visible {\n background: $colour-platinum;\n }\n }\n}\n\n.dropdown-container {\n position: relative;\n display: inline-block;\n}\n\n.hover {\n color: $colour-yankees-blue;\n border: none;\n background: $colour-platinum;\n}\n\n.dropdown-content,\n.dropdown-menu {\n --main-button-color: black;\n\n input {\n margin: 0;\n }\n\n @include box-shadow();\n display: none;\n overflow-y: auto;\n white-space: nowrap;\n position: absolute;\n background: #fff;\n z-index: $z-index-high;\n\n .dropdown-menu__content {\n padding: 1rem;\n }\n\n .dropdown-menu__panel {\n overflow-y: auto;\n }\n\n ul {\n display: block;\n list-style: none;\n margin: 0;\n padding: 0;\n\n // overflow-y: hidden;\n // height: auto !important;\n li {\n float: none !important;\n display: block;\n line-height: 1.6rem;\n background-color: $white !important;\n\n button,\n a {\n &,\n &.primary,\n &.secondary,\n &.tertiary {\n cursor: pointer;\n line-height: 1.6rem;\n width: 100%;\n text-align: left;\n font-weight: normal;\n padding: 0.5rem !important; // These two !important's are required to ensure the BLAST button is ...\n margin: 0 !important; // styled in the same way as the tags in the Sequence component\n position: relative;\n display: block;\n border: none;\n padding-right: 1rem;\n text-decoration: none;\n white-space: nowrap;\n\n &:hover {\n @extend .hover;\n }\n\n &.active {\n font-weight: bold;\n }\n }\n }\n }\n }\n\n // The autocomplete has a dropdown-menu inside a dropdown-menu\n // so needs to have position set to relative so its width can\n // follow its container's\n .dropdown-menu {\n position: relative;\n top: 0;\n }\n}\n\n.dropdown-menu-open {\n display: block;\n animation: 200ms reveal;\n}\n\n@keyframes reveal {\n from {\n clip-path: circle(0% at 50% 0%);\n }\n to {\n clip-path: circle(100% at 50% 0%);\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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},18322:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".button.ellipsis-reveal{vertical-align:baseline;margin:0}","",{version:3,sources:["webpack://./src/styles/components/ellipsis-reveal.scss"],names:[],mappings:"AAAA,wBAEE,uBAAA,CACA,QAAA",sourcesContent:[".button.ellipsis-reveal {\n // Make sure it's all aligned with the rest of the text\n vertical-align: baseline;\n margin: 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},10959:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,"button.evidence-tag{cursor:pointer;position:relative;display:inline-block;font-size:80%;white-space:nowrap;font-size:.75rem;height:1.25rem;line-height:1.25rem;margin-left:.5rem;border-radius:.25rem;background-color:#d2dce3;border:1px solid #8194a1;padding:0 .25rem;color:#161d39}button.evidence-tag:hover,button.evidence-tag:focus,button.evidence-tag:focus-within{background-color:#abc7d6}button.evidence-tag:active{background-color:rgba(78,90,113,.3)}button.evidence-tag svg{position:absolute}.evidence-tag__label{padding-left:1rem;text-transform:capitalize}.evidence-tag-content{opacity:0;max-height:0;overflow:hidden;transition:none;display:inline;background:linear-gradient(#e4e8eb 30%, rgba(255, 255, 255, 0)),linear-gradient(rgba(255, 255, 255, 0), #e4e8eb 70%) 0 100%,radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;background:linear-gradient(#e4e8eb 30%, rgba(255, 255, 255, 0)),linear-gradient(rgba(255, 255, 255, 0), #e4e8eb 70%) 0 100%,radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;background-repeat:no-repeat;background-color:#e4e8eb;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.evidence-tag-content>div{display:none}.evidence-tag-content--visible{opacity:1;margin:1rem 0;padding:1rem;max-height:25vh;overflow-y:auto;transition:opacity .5s ease-out;display:block}.evidence-tag-content--visible>div{display:block}","",{version:3,sources:["webpack://./src/styles/components/evidence-tag.scss","webpack://./src/styles/_settings.scss","webpack://./colours.json"],names:[],mappings:"AAGA,oBACE,cAAA,CACA,iBAAA,CACA,oBAAA,CACA,aC+KgB,CD9KhB,kBAAA,CACA,gBAAA,CACA,cAAA,CACA,mBAAA,CACA,iBAAA,CACA,oBAAA,CACA,wBEVa,CFWb,wBAAA,CACA,gBAAA,CACA,aEZa,CFcb,qFAGE,wBEdU,CFiBZ,2BACE,mCAAA,CAGF,wBACE,iBAAA,CAIJ,qBACE,iBAAA,CACA,yBAAA,CAGF,sBACE,SAAA,CACA,YAAA,CACA,eAAA,CACA,eAAA,CACA,cAAA,CAEA,6RACsB,CAmBtB,iSACoB,CAiBpB,2BAAA,CACA,wBE5ES,CF6ET,uDAAA,CAEA,+CAAA,CAEA,0BACE,YAAA,CAGF,+BACE,SAAA,CACA,aAAA,CACA,YCVa,CDWb,eAAA,CACA,eAAA,CACA,+BAAA,CACA,aAAA,CAEA,mCACE,aAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n\nbutton.evidence-tag {\n cursor: pointer;\n position: relative;\n display: inline-block;\n font-size: $small-font-size;\n white-space: nowrap;\n font-size: 0.75rem;\n height: 1.25rem;\n line-height: 1.25rem;\n margin-left: $global-margin * 0.5;\n border-radius: $global-padding * 0.25;\n background-color: $colour-gainsborough;\n border: 1px solid $colour-weldon-blue;\n padding: 0 $global-padding * 0.25;\n color: $colour-yankees-blue;\n\n &:hover,\n &:focus,\n &:focus-within {\n background-color: $colour-pastel-blue;\n }\n\n &:active {\n background-color: rgba($colour-independence, 0.3);\n }\n\n svg {\n position: absolute;\n }\n}\n\n.evidence-tag__label {\n padding-left: ($global-padding);\n text-transform: capitalize;\n}\n\n.evidence-tag-content {\n opacity: 0;\n max-height: 0;\n overflow: hidden;\n transition: none;\n display: inline;\n /* shadow trick from http://lea.verou.me/2012/04/background-attachment-local/ */\n background:\n /* Shadow covers */ linear-gradient(\n $colour-platinum 30%,\n rgba(255, 255, 255, 0)\n ),\n linear-gradient(rgba(255, 255, 255, 0), $colour-platinum 70%) 0 100%,\n /* Shadows */\n radial-gradient(\n 50% 0,\n farthest-side,\n rgba(0, 0, 0, 0.2),\n rgba(0, 0, 0, 0)\n ),\n radial-gradient(\n 50% 100%,\n farthest-side,\n rgba(0, 0, 0, 0.2),\n rgba(0, 0, 0, 0)\n )\n 0 100%;\n background:\n /* Shadow covers */ linear-gradient(\n $colour-platinum 30%,\n rgba(255, 255, 255, 0)\n ),\n linear-gradient(rgba(255, 255, 255, 0), $colour-platinum 70%) 0 100%,\n /* Shadows */\n radial-gradient(\n farthest-side at 50% 0,\n rgba(0, 0, 0, 0.2),\n rgba(0, 0, 0, 0)\n ),\n radial-gradient(\n farthest-side at 50% 100%,\n rgba(0, 0, 0, 0.2),\n rgba(0, 0, 0, 0)\n )\n 0 100%;\n background-repeat: no-repeat;\n background-color: $colour-platinum;\n background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;\n /* Opera doesn't support this in the shorthand */\n background-attachment: local, local, scroll, scroll;\n\n & > div {\n display: none;\n }\n\n &--visible {\n opacity: 1;\n margin: $global-margin 0;\n padding: $global-padding;\n max-height: 25vh;\n overflow-y: auto;\n transition: opacity 0.5s ease-out;\n display: block;\n\n & > div {\n display: block;\n }\n }\n}\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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},97161:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".expandable-list{margin-bottom:0}.expandable-list li:not(:first-child) button{margin-top:0}.facets .expandable-list button:not(.expandable-list__action),.facets .expandable-list a:not(.expandable-list__action){color:initial;font-weight:initial}.expandable-list button.expandable-list__action,.expandable-list a.expandable-list__action{display:inline-block;width:auto;margin:.5rem 2ch .5rem 0}.expandable-list button.expandable-list__action:last-child,.expandable-list a.expandable-list__action:last-child{margin-right:0}","",{version:3,sources:["webpack://./src/styles/components/expandable-list.scss"],names:[],mappings:"AAAA,iBACE,eAAA,CAGE,6CACE,YAAA,CAMF,uHACE,aAAA,CACA,mBAAA,CAGF,2FACE,oBAAA,CACA,UAAA,CACA,wBAAA,CAEA,iHACE,cAAA",sourcesContent:[".expandable-list {\n margin-bottom: 0;\n\n li:not(:first-child) {\n button {\n margin-top: 0;\n }\n }\n\n button,\n a {\n .facets &:not(.expandable-list__action) {\n color: initial;\n font-weight: initial;\n }\n\n &.expandable-list__action {\n display: inline-block;\n width: auto;\n margin: 0.5rem 2ch 0.5rem 0;\n\n &:last-child {\n margin-right: 0;\n }\n }\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},37360:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".external-link svg{margin-left:.25rem;margin-right:.4rem}","",{version:3,sources:["webpack://./src/styles/components/external-link.scss"],names:[],mappings:"AAGE,mBACE,kBAAA,CACA,kBAAA",sourcesContent:["@import '../colours';\n\n.external-link {\n svg {\n margin-left: 0.25rem;\n margin-right: 0.4rem;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},22012:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.facets .facet-name{color:#161d39;font-weight:800;margin-bottom:.25rem}.facets .facet-name+ul>li{margin-bottom:1px}.facets>ul>li{padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid #e4e8eb;position:relative}.facets>ul>li a{cursor:pointer;display:block;width:100%;line-height:1.5;text-align:left;padding:0.3333333333rem;padding-inline-end:2ch}.facets>ul>li a:hover{background:#f3f4f6}.facets>ul>li a.facet-active{font-weight:bold;background:#d2dce3}.facets>ul>li a.facet-active:after{position:absolute;right:1ch;content:"✖"}.facets>ul>li a.facet-active:hover,.facets>ul>li a.facet-active:focus{background:#f3f4f6}',"",{version:3,sources:["webpack://./src/styles/components/facets.scss","webpack://./src/styles/_settings.scss","webpack://./src/styles/_colours.scss","webpack://./colours.json"],names:[],mappings:"AAAA,oBAIE,aACE,CAAA,eACA,CAAA,oBACA,CAAA,0BAEA,iBACE,CAAA,cAIJ,oBACE,CAAA,mBACA,CAAA,+BACA,CAAA,iBACA,CAAA,gBAEA,cACE,CAAA,aACA,CAAA,UACA,CAAA,eC8Cc,CAAA,eD5Cd,CAAA,uBACA,CAAA,sBACA,CAAA,sBAEA,kBEgBS,CAAA,6BFXX,gBACE,CAAA,kBG/BS,CAAA,mCHkCT,iBACE,CAAA,SACA,CAAA,WACA,CAAA,sEAGF,kBECS",sourcesContent:["@import '../settings';\n@import '../colours';\n\n.facets {\n .facet-name {\n color: $colour-yankees-blue;\n font-weight: 800;\n margin-bottom: $global-margin * 0.25;\n\n & + ul > li {\n margin-bottom: 1px;\n }\n }\n\n & > ul > li {\n padding-bottom: $global-margin * 0.5;\n margin-bottom: $global-margin * 0.5;\n border-bottom: 1px solid $colour-platinum;\n position: relative;\n\n a {\n cursor: pointer;\n display: block;\n width: 100%;\n line-height: $global-lineheight;\n text-align: left;\n padding: $global-padding * 0.3333333333;\n padding-inline-end: 2ch; // Keep a bit more space for the \"x\"\n\n &:hover {\n background: $colour-hover;\n }\n }\n\n a.facet-active {\n font-weight: bold;\n background: $colour-selected;\n\n &:after {\n position: absolute;\n right: 1ch;\n content: '✖';\n }\n\n &:hover,\n &:focus {\n background: $colour-hover;\n }\n }\n }\n}\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","/* \n** @name Colours\n** @template ./app/html/colours.html\n** @text-only\n*/\n@import './settings';\n@import './colours.json';\n\n// PRIMARY COLOURS\n$colour-sapphire-blue: $sapphire-blue;\n$colour-sea-blue: $sea-blue;\n$colour-vivid-cerulean: $vivid-cerulean;\n$colour-medium-turquoise: $medium-turquoise;\n$colour-gainsborough: $gainsborough;\n\n// GREYSCALE\n$colour-yankees-blue: $yankees-blue;\n$colour-independence: $independence;\n$colour-weldon-blue: $weldon-blue;\n$colour-pastel-blue: $pastel-blue;\n$colour-platinum: $platinum;\n$colour-sky-white: $sky-white;\n\n// CURATION\n$colour-reviewed: $reviewed;\n$colour-unreviewed: $unreviewed;\n$colour-reference-proteome: $reference-proteome;\n\n// NAMESPACES\n$colour-uniref: $uniref;\n$colour-uniparc: $uniparc;\n$colour-proteomes: $proteomes;\n\n// TOOLS\n$colour-peptide-search: $peptide-search;\n$colour-id-mapping: $id-mapping;\n$colour-blast: $blast;\n$colour-align: $align;\n\n// HELP\n$colour-help-green: $help-green;\n\n// COLOUR VARIABLES\n$colour-link: $colour-sapphire-blue;\n$colour-selected: $colour-gainsborough;\n$colour-hover: lighten($colour-platinum, 5%);\n\n// MESSAGE COLOURS\n$colour-warning: $warning;\n$colour-failure: $failure;\n$colour-success: $success;\n$colour-info: $info;\n\n// DATA VISUALISATION\n$colour-coyote-brown: $coyote-brown;\n$colour-outer-space: $outer-space;\n$colour-bronze: $bronze;\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},14148:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".header,.hero-header{display:flex;align-items:center;align-content:center;color:#fbfeff;padding:.5em 1em;background:linear-gradient(45deg, #014371, rgba(1, 67, 113, 0.7), #014371, #014371)}.header>*,.hero-header>*{flex:0 0 auto}.header.header--negative,.header .dropdown__content,.hero-header.header--negative,.hero-header .dropdown__content{justify-content:space-between;color:#014371;background:#fbfeff}.header.header--negative a,.header.header--negative button.button,.header.header--negative a:link,.header.header--negative a:visited,.header.header--negative a:hover,.header.header--negative a:active,.header.header--negative .header__logo>a,.header .dropdown__content a,.header .dropdown__content button.button,.header .dropdown__content a:link,.header .dropdown__content a:visited,.header .dropdown__content a:hover,.header .dropdown__content a:active,.header .dropdown__content .header__logo>a,.hero-header.header--negative a,.hero-header.header--negative button.button,.hero-header.header--negative a:link,.hero-header.header--negative a:visited,.hero-header.header--negative a:hover,.hero-header.header--negative a:active,.hero-header.header--negative .header__logo>a,.hero-header .dropdown__content a,.hero-header .dropdown__content button.button,.hero-header .dropdown__content a:link,.hero-header .dropdown__content a:visited,.hero-header .dropdown__content a:hover,.hero-header .dropdown__content a:active,.hero-header .dropdown__content .header__logo>a{color:#014371}.header.header--negative .header__search button.button,.header .dropdown__content .header__search button.button,.hero-header.header--negative .header__search button.button,.hero-header .dropdown__content .header__search button.button{color:#fbfeff}.header a,.header button.button,.header a:link,.header a:visited,.header a:hover,.header a:active,.header .header__logo>a,.hero-header a,.hero-header button.button,.hero-header a:link,.hero-header a:visited,.hero-header a:hover,.hero-header a:active,.hero-header .header__logo>a{color:#fbfeff;margin-bottom:0;transition:background-color .25s ease-out,color .25s ease-out}.header__logo,.hero-header__logo{display:inline-block}.header__navigation,.hero-header__navigation{flex-shrink:1;list-style:none;display:flex;flex-wrap:nowrap;align-items:center;margin:0;padding:0 .5ch;gap:.5ch;scrollbar-width:none}.header__navigation::-webkit-scrollbar,.hero-header__navigation::-webkit-scrollbar{display:none}.header__navigation a,.header__navigation button.button,.hero-header__navigation a,.hero-header__navigation button.button{margin:.1rem .25rem;border-bottom:1px solid rgba(0,0,0,0)}.header__navigation a:hover,.header__navigation button.button:hover,.hero-header__navigation a:hover,.hero-header__navigation button.button:hover{border-bottom-color:currentColor}.header__navigation .dropdown a,.header__navigation .dropdown button.button,.hero-header__navigation .dropdown a,.hero-header__navigation .dropdown button.button{margin:0;border-bottom:none}.header__navigation a,.header__navigation button.button,.hero-header__navigation a,.hero-header__navigation button.button{font-weight:bold;font-size:1rem}.header__secondary,.hero-header__secondary{text-align:right;padding-left:.5rem;line-height:1}.header__secondary .header__navigation,.hero-header__secondary .header__navigation{overflow-x:initial}.header__secondary small,.hero-header__secondary small{white-space:nowrap}.header__search,.hero-header__search{flex:1}.header__search input,.header__search button,.hero-header__search input,.hero-header__search button{margin:0}.header{height:var(--top-header-margin)}.hero-header{box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);flex-direction:column;height:60vh;margin-bottom:2em}.hero-header>*{width:100%}.hero-header__content{flex:1;display:flex;text-align:center;flex-direction:column;justify-content:center}.hero-header__content h1{color:#fbfeff}.hero-header__footer{flex:0;text-align:center}.hero-header label{color:#fbfeff}","",{version:3,sources:["webpack://./src/styles/components/header.scss","webpack://./colours.json","webpack://./src/styles/_mixins.scss"],names:[],mappings:"AAIA,qBAEE,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,aCCU,CAAA,gBAAA,CDCV,mFAAA,CAQA,yBAGE,aAAA,CAGF,kHAEE,6BAAA,CACA,aC5BY,CD6BZ,kBCnBQ,CDqBR,siCAOE,aCtCU,CDyCZ,0OACE,aChCM,CDoCV,uRAOE,aC3CQ,CD4CR,eAAA,CACA,6DAAA,CAGF,iCACE,oBAAA,CAGF,6CACE,aAAA,CACA,eAAA,CACA,YAAA,CACA,gBAAA,CACA,kBAAA,CACA,QAAA,CACA,cAAA,CACA,QAAA,CAGA,oBAAA,CACA,mFACE,YAAA,CAGF,0HAEE,mBAAA,CACA,qCAAA,CAEA,kJACE,gCAAA,CAMF,kKAEE,QAAA,CACA,kBAAA,CAIJ,0HAEE,gBAAA,CACA,cAAA,CAIJ,2CACE,gBAAA,CACA,kBAAA,CACA,aAAA,CAEA,mFACE,kBAAA,CAGF,uDACE,kBAAA,CAIJ,qCAEE,MAAA,CACA,oGAEE,QAAA,CAKN,QACE,+BAAA,CAGF,aElHE,qDAAA,CFoHA,qBAAA,CACA,WAAA,CACA,iBAAA,CAEA,eACE,UAAA,CAGF,sBACE,MAAA,CACA,YAAA,CACA,iBAAA,CACA,qBAAA,CACA,sBAAA,CACA,yBACE,aC3IM,CD+IV,qBACE,MAAA,CACA,iBAAA,CAGF,mBACE,aCrJQ",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../mixins';\n\n.header,\n.hero-header {\n display: flex;\n align-items: center;\n align-content: center;\n color: $colour-sky-white;\n padding: 0.5em 1em;\n background: linear-gradient(\n 45deg,\n $colour-sapphire-blue,\n rgba($colour-sapphire-blue, 0.7),\n $colour-sapphire-blue,\n $colour-sapphire-blue\n );\n\n & > * {\n // None of the children should grow or shrink\n // but the search bar (grow) and the primary links (shrink)\n flex: 0 0 auto;\n }\n\n &.header--negative,\n & .dropdown__content {\n justify-content: space-between;\n color: $colour-sapphire-blue;\n background: $colour-sky-white;\n\n a,\n button.button,\n a:link,\n a:visited,\n a:hover,\n a:active,\n .header__logo > a {\n color: $colour-sapphire-blue;\n }\n\n .header__search button.button {\n color: $colour-sky-white;\n }\n }\n\n a,\n button.button,\n a:link,\n a:visited,\n a:hover,\n a:active,\n .header__logo > a {\n color: $colour-sky-white;\n margin-bottom: 0;\n transition: background-color 0.25s ease-out, color 0.25s ease-out;\n }\n\n &__logo {\n display: inline-block;\n }\n\n &__navigation {\n flex-shrink: 1;\n list-style: none;\n display: flex;\n flex-wrap: nowrap;\n align-items: center;\n margin: 0;\n padding: 0 0.5ch;\n gap: 0.5ch;\n\n // Hide the scroll bar in the header\n scrollbar-width: none;\n &::-webkit-scrollbar {\n display: none;\n }\n\n a,\n button.button {\n margin: 0.1rem 0.25rem;\n border-bottom: 1px solid transparent;\n\n &:hover {\n border-bottom-color: currentColor;\n }\n }\n\n // cancel the previous rule when inside a dropdown\n .dropdown {\n a,\n button.button {\n margin: 0;\n border-bottom: none;\n }\n }\n\n a,\n button.button {\n font-weight: bold;\n font-size: 1rem;\n }\n }\n\n &__secondary {\n text-align: right;\n padding-left: $global-padding * 0.5;\n line-height: 1;\n\n .header__navigation {\n overflow-x: initial;\n }\n\n small {\n white-space: nowrap;\n }\n }\n\n &__search {\n // Search bar is the only one growing or shrinking\n flex: 1;\n input,\n button {\n margin: 0;\n }\n }\n}\n\n.header {\n height: var(--top-header-margin);\n}\n\n.hero-header {\n @include box-shadow();\n flex-direction: column;\n height: 60vh;\n margin-bottom: 2em;\n\n & > * {\n width: 100%;\n }\n\n &__content {\n flex: 1;\n display: flex;\n text-align: center;\n flex-direction: column;\n justify-content: center;\n h1 {\n color: $colour-sky-white;\n }\n }\n\n &__footer {\n flex: 0;\n text-align: center;\n }\n\n label {\n color: $colour-sky-white;\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;","@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"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},1849:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".hero-container{--grid-background: #e4e8eb;margin-top:1rem;margin-bottom:1rem;padding:1rem 0;background-color:#e4e8eb}.hero-container__title{line-height:1;margin-bottom:0}.hero-container--side-padding{padding-left:1rem;padding-right:1rem}","",{version:3,sources:["webpack://./src/styles/components/hero-container.scss","webpack://./src/styles/_settings.scss"],names:[],mappings:"AAGA,gBACE,0BAAA,CAEA,eCgFc,CD/Ed,kBC+Ec,CD9Ed,cAAA,CACA,wBAAA,CAEA,uBACE,aAAA,CACA,eAAA,CAGF,8BACE,iBCsEa,CDrEb,kBCqEa",sourcesContent:["@import '../settings';\n@import '../colours';\n\n.hero-container {\n --grid-background: #{$colour-platinum};\n\n margin-top: $global-margin;\n margin-bottom: $global-margin;\n padding: $global-padding 0;\n background-color: $colour-platinum;\n\n &__title {\n line-height: 1;\n margin-bottom: 0;\n }\n\n &--side-padding {\n padding-left: $global-padding;\n padding-right: $global-padding;\n }\n}\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___},8653:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".histogram-filter svg rect.selection{stroke-width:0}.histogram-filter__text-input-container{display:flex;justify-content:space-between;margin-block-start:.25rem}.histogram-filter__text-input-container input{text-align:center;border-radius:.5rem;border:1px solid #8194a1;display:inline-block;color:#8194a1}","",{version:3,sources:["webpack://./src/styles/components/histogram-filter.scss","webpack://./colours.json"],names:[],mappings:"AAGE,qCAEE,cAAA,CAGF,wCACE,YAAA,CACA,6BAAA,CACA,yBAAA,CAEA,8CACE,iBAAA,CACA,mBAAA,CACA,wBAAA,CACA,oBAAA,CACA,aCXQ",sourcesContent:["@import '../colours';\n\n.histogram-filter {\n svg rect.selection {\n /* Remove the borders of the D3 brush */\n stroke-width: 0;\n }\n\n &__text-input-container {\n display: flex;\n justify-content: space-between;\n margin-block-start: 0.25rem;\n\n input {\n text-align: center;\n border-radius: 0.5rem;\n border: 1px solid $colour-weldon-blue;\n display: inline-block;\n color: $colour-weldon-blue;\n }\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},31375:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".histogram{--main-color: var(--main-histogram-color, #8194a1);--out-range-color: var(--out-range-histogram-color, #e4e8eb);--bar-margin: calc(var(--histogram-bar-gap, -1px) * 0.5);position:relative;display:flex;justify-content:space-between;align-items:flex-end}.histogram svg{position:absolute;overflow:visible}.histogram svg.y-axis{left:-50px}.histogram__bar-container,.histogram__bar-shadow-container{display:flex;width:100%;overflow:hidden}.histogram__bar-shadow-container{opacity:0;position:absolute}.histogram__bar{background-color:#e4e8eb;background-color:var(--out-range-color);display:inline-block;border-top-left-radius:1px;border-top-right-radius:1px;margin:0 -0.5px;margin:0 var(--bar-margin);flex:1 1 0%;transform-origin:bottom left;transform:scaleY(0);transition:transform cubic-bezier(0.47, 2, 0.41, 0.8) 250ms}.histogram__bar--within-range{background-color:#8194a1;background-color:var(--main-color)}","",{version:3,sources:["webpack://./src/styles/components/histogram.scss","webpack://./colours.json"],names:[],mappings:"AAEA,WACE,kDAAA,CACA,4DAAA,CAEA,wDAAA,CAEA,iBAAA,CACA,YAAA,CACA,6BAAA,CACA,oBAAA,CAEA,eACE,iBAAA,CACA,gBAAA,CAEA,sBACE,UAAA,CAIJ,2DAEE,YAAA,CACA,UAAA,CACA,eAAA,CAGF,iCACE,SAAA,CACA,iBAAA,CAGF,gBACE,wBC1BO,CD2BP,uCAAA,CACA,oBAAA,CACA,0BAAA,CACA,2BAAA,CACA,eAAA,CACA,0BAAA,CACA,WAAA,CACA,4BAAA,CACA,mBAAA,CACA,2DAAA,CAEA,8BACE,wBCzCQ,CD0CR,kCAAA",sourcesContent:["@import '../colours';\n\n.histogram {\n --main-color: var(--main-histogram-color, #{$colour-weldon-blue});\n --out-range-color: var(--out-range-histogram-color, #{$colour-platinum});\n // -1px to avoid artifacts by overlapping a bit\n --bar-margin: calc(var(--histogram-bar-gap, -1px) * 0.5);\n\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n\n & svg {\n position: absolute;\n overflow: visible;\n\n &.y-axis {\n left: -50px;\n }\n }\n\n &__bar-container,\n &__bar-shadow-container {\n display: flex;\n width: 100%;\n overflow: hidden; // hide overflow caused by the \"bouncy\" transition\n }\n\n &__bar-shadow-container {\n opacity: 0;\n position: absolute;\n }\n\n &__bar {\n background-color: $colour-platinum;\n background-color: var(--out-range-color);\n display: inline-block;\n border-top-left-radius: 1px;\n border-top-right-radius: 1px;\n margin: 0 -0.5px;\n margin: 0 var(--bar-margin);\n flex: 1 1 0%;\n transform-origin: bottom left;\n transform: scaleY(0);\n transition: transform cubic-bezier(0.47, 2, 0.41, 0.8) 250ms;\n\n &--within-range {\n background-color: $colour-weldon-blue;\n background-color: var(--main-color);\n }\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},61680:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.in-page-nav{position:relative;padding:0;margin:0}.in-page-nav li{list-style:none;margin-left:.5rem;margin-bottom:1rem}.in-page-nav li.disabled{pointer-events:none;user-select:none;opacity:.4}.in-page-nav a{position:relative}.in-page-nav a::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity ease-in-out 500ms}.in-page-nav a:hover::after{opacity:.25}.in-page-nav a.active::after{opacity:1}.in-page-nav>.marker{pointer-events:none;position:absolute;left:.25rem;top:0;height:1px;background:currentColor;width:.1rem;transform-origin:top;display:none}.in-page-nav:hover>.marker{will-change:transform}',"",{version:3,sources:["webpack://./src/styles/components/in-page-nav.scss","webpack://./src/styles/_settings.scss"],names:[],mappings:"AAGA,aACE,iBAAA,CACA,SAAA,CACA,QAAA,CAEA,gBACE,eAAA,CACA,iBAAA,CACA,kBC2EY,CDzEZ,yBACE,mBAAA,CACA,gBAAA,CACA,UAAA,CAIJ,eACE,iBAAA,CAEA,sBACE,UAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,QAAA,CAEA,SAAA,CACA,oCAAA,CAGF,4BACE,WAAA,CAGF,6BACE,SAAA,CAIJ,qBACE,mBAAA,CACA,iBAAA,CACA,WAAA,CACA,KAAA,CACA,UAAA,CACA,uBAAA,CACA,WAAA,CACA,oBAAA,CACA,YAAA,CAGF,2BACE,qBAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n\n.in-page-nav {\n position: relative;\n padding: 0;\n margin: 0;\n\n li {\n list-style: none;\n margin-left: 0.5rem;\n margin-bottom: $global-margin;\n\n &.disabled {\n pointer-events: none;\n user-select: none;\n opacity: 0.4;\n }\n }\n\n a {\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n // border-bottom: 1px solid currentColor;\n opacity: 0;\n transition: opacity ease-in-out 500ms;\n }\n\n &:hover::after {\n opacity: 0.25;\n }\n\n &.active::after {\n opacity: 1;\n }\n }\n\n > .marker {\n pointer-events: none;\n position: absolute;\n left: 0.25rem;\n top: 0;\n height: 1px;\n background: currentColor;\n width: 0.1rem;\n transform-origin: top;\n display: none; /* feature check in javascript before displaying */\n }\n\n &:hover > .marker {\n will-change: transform;\n }\n}\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___},89251:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".info-list{margin:.25rem 0 1rem 0;list-style:none}@media print,screen and (min-width: 40em){.info-list--columns{column-count:2;column-width:50%}.info-list--columns>*{break-inside:avoid}}","",{version:3,sources:["webpack://./src/styles/components/info-list.scss","webpack://./node_modules/foundation-sites/scss/util/_breakpoint.scss","webpack://./src/styles/_mixins.scss"],names:[],mappings:"AAMA,WACE,sBAAA,CACA,eAAA,CC2KM,0CC5KN,oBACE,cFI4B,CEH5B,gBAAA,CAEA,sBACE,kBAAA,CAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../mixins.scss';\n\n$decorative-bar: 0.125rem solid $colour-vivid-cerulean;\n\n.info-list {\n margin: $global-margin * 0.25 0 2 * $global-margin * 0.5 0;\n list-style: none;\n}\n\n@include breakpoint(medium) {\n @include columns('info-list', 2);\n}\n","// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n////\n/// @group breakpoints\n////\n\n/// Patch to fix issue #12080\n$-zf-size: null;\n\n/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.\n/// @type Map\n$breakpoints: (\n \"small\": 0,\n \"medium\": 640px,\n \"large\": 1024px,\n \"xlarge\": 1200px,\n \"xxlarge\": 1440px,\n) !default;\n\n/// A list of named HiDPI breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries for resolutions.\n/// Values must represent the device pixels / web pixels ration and be unitless or in DPPX.\n/// @type Map\n$breakpoints-hidpi: (\n \"hidpi-1\": 1,\n \"hidpi-1-5\": 1.5,\n \"hidpi-2\": 2,\n \"retina\": 2,\n \"hidpi-3\": 3\n) !default;\n\n/// The largest named breakpoint in which to include print as a media type\n/// @type Keyword\n$print-breakpoint: large !default;\n\n$-zf-zero-breakpoint: small !default;\n\n$-zf-breakpoints-keys: map-to-list($breakpoints, 'keys');\n\n@if nth(map-values($breakpoints), 1) != 0 {\n @error 'The first key in the $breakpoints map must have a value of \"0\".';\n}\n@else {\n $-zf-zero-breakpoint: nth(map-keys($breakpoints), 1);\n}\n\n/// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.\n/// @type List\n$breakpoint-classes: (small medium large) !default;\n\n/// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are.\n///\n/// @param {Keyword|Number} $val [small] - Breakpoint name, or px, rem, or em value to process.\n@function breakpoint($val: $-zf-zero-breakpoint) {\n // Web standard Pixels per inch. (1ddpx / $std-web-dpi) = 1dpi\n // See https://www.w3.org/TR/css-values-3/#absolute-lengths\n $std-web-dpi: 96;\n\n // Size or keyword\n $bp: nth($val, 1);\n // Value of the following breakpoint\n $bp-next: null;\n // Value for max-width media queries\n $bp-min: null;\n // Value for min-width media queries\n $bp-max: null;\n // Direction of media query (up, down, or only)\n $dir: if(length($val) > 1, nth($val, 2), up);\n // If named, name of the breakpoint\n $name: null;\n // If the breakpoint is a HiDPI breakpoint\n $hidpi: false;\n\n // Orientation media queries have a unique syntax\n @if $bp == 'landscape' or $bp == 'portrait' {\n @return '(orientation: #{$bp})';\n }\n\n // If a breakpoint name is given, get its value from the $breakpoints/$breakpoints-hidpi map.\n @if type-of($bp) == 'string' {\n @if map-has-key($breakpoints, $bp) {\n $name: $bp;\n $bp: map-get($breakpoints, $name);\n $bp-next: -zf-map-next($breakpoints, $name);\n }\n @else if map-has-key($breakpoints-hidpi, $bp) {\n $name: $bp;\n $bp: map-get($breakpoints-hidpi, $name);\n $bp-next: -zf-map-next-number($breakpoints-hidpi, $bp);\n $hidpi: true;\n }\n @else {\n $bp: 0;\n @warn 'breakpoint(): \"#{$val}\" is not defined in your `$breakpoints` or `$breakpoints-hidpi` setting.';\n }\n }\n\n @if not $name and $dir == 'only' {\n @warn 'breakpoint(): Only named media queries can have an `only` range.';\n @return null;\n }\n\n // Only 'only' and 'up' have a min limit.\n @if $dir == 'only' or $dir == 'up' {\n $bp-min: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n }\n // Only 'only' and 'down' have a max limit.\n @if $dir == 'only' or $dir == 'down' {\n // If the breakpoint is a value, use it as max limit.\n @if not $name {\n $bp-max: if($hidpi, strip-unit($bp), -zf-bp-to-em($bp));\n }\n // If the breakpoint is named, the max limit is the following breakpoint - 1px.\n @else if $bp-next {\n // Max value is 0.2px under the next breakpoint (0.02 / 16 = 0.00125).\n // Use a precision under 1px to support browser zoom, but not to low to avoid rounding.\n // See https://github.com/foundation/foundation-sites/issues/11313\n $bp-max: if($hidpi, $bp-next - divide(1, $std-web-dpi), -zf-bp-to-em($bp-next) - 0.00125);\n }\n }\n\n // Generate the media query string from min and max limits.\n @if $hidpi {\n // Generate values in DPI instead of DPPX for an IE9-11/Opera mini compatibility.\n // See https://caniuse.com/#feat=css-media-resolution\n $bp-min-dpi: if($bp-min, $bp-min * $std-web-dpi * 1dpi, $bp-min);\n $bp-max-dpi: if($bp-max, $bp-max * $std-web-dpi * 1dpi, $bp-max);\n @return zf-str-join(\n -zf-bp-join($bp-min, $bp-max, '-webkit-min-device-pixel-ratio', '-webkit-max-device-pixel-ratio'),\n -zf-bp-join($bp-min-dpi, $bp-max-dpi, 'min-resolution', 'max-resolution'),\n ', ');\n }\n @else {\n @return -zf-bp-join($bp-min, $bp-max);\n }\n}\n\n/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:\n/// - If a string is passed, the mixin will look for it in the `$breakpoints` and `$breakpoints-hidpi` maps, and use a media query there.\n/// - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.\n/// - If a rem value is passed, the unit will be changed to em.\n/// - If an em value is passed, the value will be used as-is.\n///\n/// If multiple values are passed, the mixin will generate a media query for each of them as described above.\n/// Since the content is duplicated for each breakpoint, this mixin should only be used with properties that\n/// change across breakpoints.\n///\n/// @param {Keyword|Number} $values... - Breakpoint name or px/rem/em value to process.\n///\n/// @output If the breakpoint is \"0px and larger\", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.\n@mixin breakpoint($values...) {\n @for $i from 1 through length($values) {\n $value: nth($values, $i);\n $str: breakpoint($value);\n $bp: index($-zf-breakpoints-keys, nth($value, 1));\n $pbp: index($-zf-breakpoints-keys, $print-breakpoint);\n // Direction of media query (up, down, or only)\n $dir: if(length($value) > 1, nth($value, 2), up);\n\n $old-zf-size: null;\n\n // Make breakpoint size available as a variable\n @if global-variable-exists(-zf-size) {\n $old-zf-size: $-zf-size;\n }\n $-zf-size: nth($value, 1) !global; // get the first value to account for `only` and `down` keywords\n\n // If $str is still an empty string, no media query is needed\n @if $str == '' {\n @content;\n }\n\n // Otherwise, wrap the content in a media query\n @else {\n // For named breakpoints less than or equal to $print-breakpoint, add print to the media types\n // generate print if the breakpoint affects the print-breakpoint (or smaller).\n // This means the current condition only needs to be extended so 'down' always generates print.\n @if $bp != null and ($bp <= $pbp or $dir == down) {\n @media print, screen and #{$str} {\n @content;\n }\n }\n @else {\n @media screen and #{$str} {\n @content;\n }\n }\n }\n\n $-zf-size: $old-zf-size !global;\n }\n}\n\n/// Converts the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place.\n/// @access private\n///\n/// @param {Map} $map - Map to convert.\n///\n/// @returns {String} A string containing the map's contents.\n@function -zf-bp-serialize($map) {\n $str: '';\n @each $key, $value in $map {\n $str: $str + $key + '=' + -zf-bp-to-em($value) + '&';\n }\n $str: str-slice($str, 1, -2);\n\n @return $str;\n}\n\n/// Find the next key in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $key - Key to use as a starting point.\n///\n/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.\n@function -zf-map-next($map, $key) {\n\n // Store the keys of the map as a list\n $values: map-keys($map);\n\n $i: 0;\n\n // If the Key Exists, Get the index of the key within the map and add 1 to it for the next breakpoint in the map\n @if (map-has-key($map, $key)) {\n $i: index($values, $key) + 1;\n }\n\n // If the key doesn't exist, or it's the last key in the map, return null\n @if ($i > length($map) or $i == 0) {\n @return null;\n }\n // Otherwise, return the value\n @else {\n @return map-get($map, nth($values, $i));\n }\n\n}\n\n/// Find the next number in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $number - Number to use as a starting point.\n///\n/// @returns {Mixed} The number following `$number`, if `$number` was found. If `$number` was not found, or `$number` was the biggest number in the map, returns `null`.\n@function -zf-map-next-number($map, $number) {\n\n $next-number: null;\n\n @each $k, $v in $map {\n @if type-of($v) == 'number' and $v > $number and ($next-number == null or $v < $next-number) {\n $next-number: $v;\n }\n }\n\n @return $next-number;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $key - Key to use as last breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-breakpoints-less-than($key) {\n $list: ();\n $found-key: false;\n\n @each $name in $-zf-breakpoints-keys {\n @if ($name == $key) {\n $found-key: true;\n }\n @if not $found-key {\n $list: append($list, $name);\n }\n }\n @return $list;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $breakpoint - a named or non-named breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-closest-named-breakpoint($breakpoint) {\n $last: $-zf-zero-breakpoint;\n $found: false;\n\n $value: unitless-calc($breakpoint, 1px);\n @each $key, $val in $breakpoints {\n @if not $found {\n @if unitless-calc($val) > $value {\n $found: true;\n } @else {\n $last: $key;\n }\n }\n }\n\n @return $last;\n}\n\n/// Get a value for a breakpoint from a responsive config map or single value.\n/// - If the config is a single value, return it regardless of `$value`.\n/// - If the config is a map and has the key `$value`, the exact breakpoint value is returned.\n/// - If the config is a map and does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.\n/// @access private\n///\n/// @param {Number|Map} $map - Responsive config map or single value.\n/// @param {Keyword} $value - Breakpoint name to use.\n///\n/// @return {Mixed} The corresponding breakpoint value.\n@function -zf-get-bp-val($map, $value) {\n // If the given map is a single value, return it\n @if type-of($map) == 'number' {\n @return $map;\n }\n\n\n // Check if the breakpoint name exists globally\n @if not map-has-key($breakpoints, $value) {\n @if type-of($value) == 'number' {\n $value: -zf-closest-named-breakpoint($value);\n } @else {\n @return null;\n }\n }\n // Check if the breakpoint name exists in the local config map\n @else if map-has-key($map, $value) {\n // If it does, just return the value\n @return map-get($map, $value);\n }\n // Otherwise, find the next lowest breakpoint and return that value\n @else {\n $anchor: null;\n $found: false;\n\n @each $key, $val in $breakpoints {\n @if not $found {\n @if map-has-key($map, $key) {\n $anchor: $key;\n }\n @if $key == $value {\n $found: true;\n }\n }\n }\n\n @return map-get($map, $anchor);\n }\n}\n\n/// Return the best breakpoint to use according to the calling context. It returns in order:\n/// 1. the given `$value` argument if it is not null.\n/// 2. the global breakpoint context `$-zf-size` if it is not null (like if called inside then `breakpoint()` mixin)\n/// 3. the given `$default` argument.\n/// @access private\n///\n/// @param {Keyword} $value [null] - Breakpoint to use in priority if non-null.\n/// @param {Keyword} $default [null] - Breakpoint to use by default if no other value can be used.\n///\n/// @return {Keyword} The resolved breakpoint.\n@function -zf-current-breakpoint($value: null, $default: null) {\n @if ($value != null) {\n @return $value;\n }\n @else if (variable-exists(-zf-size) and type-of($-zf-size) != 'number') and $-zf-size != null {\n @return $-zf-size;\n }\n @else {\n @return $default;\n }\n}\n\n/// Return media query string from the given min and/or max limits.\n/// If a limit is equal to `null` or `0`, it is ignored.\n/// @access private\n///\n/// @param {Number} $min [0] - Min media query limit.\n/// @param {Number} $max [0] - Max media query limit.\n/// @param {String} $min-name ['min-width'] - Name of the min media query limit.\n/// @param {String} $delimiter ['max-width'] - Name of the max media query limit.\n///\n/// @returns {String} Media Query string.\n@function -zf-bp-join(\n $min: 0,\n $max: 0,\n $min-name: 'min-width',\n $max-name: 'max-width'\n) {\n @return zf-str-join(\n if($min and $min > 0, '(#{$min-name}: #{$min})', null),\n if($max and $max > 0, '(#{$max-name}: #{$max})', null),\n ' and ');\n}\n\n$small-up: '';\n$small-only: '';\n\n@if map-has-key($breakpoints, small) {\n $small-up: screen;\n $small-only: unquote('screen and #{breakpoint(small only)}');\n}\n\n$medium-up: '';\n$medium-only: '';\n\n@if map-has-key($breakpoints, medium) {\n $medium-up: unquote('screen and #{breakpoint(medium)}');\n $medium-only: unquote('screen and #{breakpoint(medium only)}');\n}\n\n$large-up: '';\n$large-only: '';\n\n@if map-has-key($breakpoints, large) {\n $large-up: unquote('screen and #{breakpoint(large)}');\n $large-only: unquote('screen and #{breakpoint(large only)}');\n}\n\n$xlarge-up: '';\n$xlarge-only: '';\n\n@if map-has-key($breakpoints, xlarge) {\n $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');\n $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');\n}\n\n$xxlarge-up: '';\n\n@if map-has-key($breakpoints, xxlarge) {\n $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');\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"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},13188:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".loader-container{width:100%;display:flex;align-items:center;flex-direction:column;text-align:center;animation:delayed-appearance 200ms ease-in-out 500ms 1 both}.loader-container__progress{animation:delayed-appearance 2s ease-in-out 4s 1 both}.loader-container progress{opacity:.75}@keyframes delayed-appearance{from{opacity:0}to{opacity:1}}svg.loader{animation:dash 2s ease infinite;stroke-dasharray:110}svg.loader circle{animation:circle1-hide 3s ease infinite alternate}svg.loader circle:nth-of-type(2){animation-name:circle2-hide}svg.loader circle:nth-of-type(3){animation-name:circle3-hide}svg.loader circle:nth-of-type(4){animation-name:circle4-hide}svg.loader circle:nth-of-type(5){animation-name:circle5-hide}@keyframes dash{60%{stroke-dashoffset:0}100%{stroke-dashoffset:-220}}@keyframes circle1-hide{60%{opacity:0}100%{opacity:1}}@keyframes circle2-hide{20%{opacity:1}80%{opacity:0}}@keyframes circle3-hide{40%{opacity:1}100%{opacity:0}}@keyframes circle4-hide{20%{opacity:0}60%{opacity:1}}@keyframes circle5-hide{40%{opacity:0}80%{opacity:1}}","",{version:3,sources:["webpack://./src/styles/components/loader.scss"],names:[],mappings:"AAAA,kBACE,UAAA,CACA,YAAA,CACA,kBAAA,CACA,qBAAA,CACA,iBAAA,CACA,2DAAA,CAEA,4BACE,qDAAA,CAGF,2BACE,WAAA,CAIJ,8BACE,KACE,SAAA,CAEF,GACE,SAAA,CAAA,CAMJ,WACE,+BAAA,CACA,oBAJY,CAKZ,kBACE,iDAAA,CAEF,iCACE,2BAAA,CAEF,iCACE,2BAAA,CAEF,iCACE,2BAAA,CAEF,iCACE,2BAAA,CAIJ,gBACE,IACE,mBAAA,CAEF,KACE,sBAAA,CAAA,CAIJ,wBACE,IACE,SAAA,CAEF,KACE,SAAA,CAAA,CAIJ,wBACE,IACE,SAAA,CAEF,IACE,SAAA,CAAA,CAIJ,wBACE,IACE,SAAA,CAEF,KACE,SAAA,CAAA,CAIJ,wBACE,IACE,SAAA,CAEF,IACE,SAAA,CAAA,CAIJ,wBACE,IACE,SAAA,CAEF,IACE,SAAA,CAAA",sourcesContent:[".loader-container {\n width: 100%;\n display: flex;\n align-items: center;\n flex-direction: column;\n text-align: center;\n animation: delayed-appearance 200ms ease-in-out 500ms 1 both;\n\n &__progress {\n animation: delayed-appearance 2s ease-in-out 4s 1 both;\n }\n\n & progress {\n opacity: 0.75;\n }\n}\n\n@keyframes delayed-appearance {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n$path-length: 110;\n\nsvg.loader {\n animation: dash 2s ease infinite;\n stroke-dasharray: $path-length;\n circle {\n animation: circle1-hide 3s ease infinite alternate;\n }\n circle:nth-of-type(2) {\n animation-name: circle2-hide;\n }\n circle:nth-of-type(3) {\n animation-name: circle3-hide;\n }\n circle:nth-of-type(4) {\n animation-name: circle4-hide;\n }\n circle:nth-of-type(5) {\n animation-name: circle5-hide;\n }\n}\n\n@keyframes dash {\n 60% {\n stroke-dashoffset: 0;\n }\n 100% {\n stroke-dashoffset: -2 * $path-length;\n }\n}\n\n@keyframes circle1-hide {\n 60% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes circle2-hide {\n 20% {\n opacity: 1;\n }\n 80% {\n opacity: 0;\n }\n}\n\n@keyframes circle3-hide {\n 40% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n@keyframes circle4-hide {\n 20% {\n opacity: 0;\n }\n 60% {\n opacity: 1;\n }\n}\n\n@keyframes circle5-hide {\n 40% {\n opacity: 0;\n }\n 80% {\n opacity: 1;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},69236:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'html,body{font-family:"Lato",sans-serif;background-color:#fbfeff}@media(min-width: 0){html,body{font-size:12px}}@media(min-width: 640px){html,body{font-size:14px}}@media(min-width: 1024px){html,body{font-size:16px}}h1,h2,h3,h4,h5,h6{font-family:"Source Sans Pro",sans-serif;color:#161d39}.x-huge{font-size:3.052rem;font-weight:700}h1,.huge{font-size:2.441rem;font-weight:600}h2,.big{font-size:1.953rem;font-weight:600}h3,.medium{font-size:1.563rem;font-weight:600}h4,.small{font-size:1.25rem;font-weight:600}h5,.tiny{font-size:1rem;font-weight:600}h6{font-size:1rem;font-weight:400}p{margin-bottom:1.875rem}ul,ol{margin-left:1.25rem}ul.no-bullet,ol.no-bullet{list-style:none;margin-left:0}ul,ol,dl{margin-bottom:1rem;list-style-position:outside;line-height:1.6}ul{list-style-type:disc}a{color:#014371;text-decoration:none;font-weight:600}a:hover{color:#0161a4}.main-search{display:flex}.main-search>input,.main-search>button,.main-search>.dropdown-container button{margin:0}.main-search .dropdown__content{padding:0}.main-search .dropdown__content button.button{color:#000}.main-search .dropdown>button.button:first-child{margin-inline-end:0}.main-search .button{border:none}.main-search__input-container{display:flex;position:relative;width:100%}.main-search__input-container input{margin:0;padding-inline-end:var(--input-padding, 0ch);min-inline-size:calc(var(--input-padding, 0ch) + 2ch)}@media(max-width: 1200px){.header .main-search__input-container input:focus{padding-inline-end:initial}.header .main-search__input-container input:focus+.main-search__secondary-container{opacity:0;pointer-events:none}}.main-search__secondary-container{display:flex;position:absolute;right:0;height:100%;align-items:center;color:#161d39}.main-search--secondary{background-color:rgba(0,0,0,0);color:inherit;padding:0 1ch;cursor:pointer;opacity:.8;transition:opacity .25s ease-out}.main-search--secondary:hover,.main-search--secondary:focus,.main-search--secondary:focus-within{opacity:1}',"",{version:3,sources:["webpack://./src/styles/common/_typography.scss","webpack://./src/styles/_franklin-settings.scss","webpack://./colours.json","webpack://./src/styles/_mixins.scss","webpack://./src/styles/components/main-search.scss"],names:[],mappings:"AAIA,UAEE,6BCLkB,CDMlB,wBEGU,CCaR,qBHnBJ,UAMI,cCLc,CAAA,CEkBd,yBHnBJ,UAUI,cCRe,CAAA,CEiBf,0BHnBJ,UAcI,cCXc,CAAA,CDgBlB,kBAME,wCC3BqB,CD4BrB,aEzBa,CF+Bf,QACE,kBAAA,CACA,eCvBoB,CD0BtB,SAEE,kBAAA,CACA,eC9ByB,CDgC3B,QAEE,kBAAA,CACA,eCnCyB,CDqC3B,WAEE,kBAAA,CACA,eCxCyB,CD0C3B,UAEE,iBAAA,CACA,eC7CyB,CD+C3B,SAEE,cAAA,CACA,eClDyB,CDqD3B,GACE,cAAA,CACA,eCxDuB,CD2DzB,EACE,sBAAA,CAGF,MAEE,mBAAA,CAGF,0BAEE,eAAA,CACA,aAAA,CAGF,SAGE,kBAAA,CACA,2BAAA,CACA,eAAA,CAGF,GACE,oBAAA,CAGF,EACE,aEpGc,CFqGd,oBAAA,CACA,eCxFyB,CDyFzB,QACE,aAAA,CIrGJ,aAEE,YAAA,CAEA,+EAGE,QAAA,CAGF,gCACE,SAAA,CAEA,8CACE,UAAA,CAKJ,iDACE,mBAAA,CAGF,qBACE,WAAA,CAGF,8BACE,YAAA,CACA,iBAAA,CACA,UAAA,CAEA,oCACE,QAAA,CAGA,4CAAA,CAEA,qDAAA,CAGA,0BACE,kDACE,0BAAA,CAEA,oFACE,SAAA,CACA,mBAAA,CAAA,CAOV,kCACE,YAAA,CACA,iBAAA,CACA,OAAA,CACA,WAAA,CACA,kBAAA,CACA,aF1DW,CE6Db,wBACE,8BAAA,CACA,aAAA,CACA,aAAA,CACA,cAAA,CACA,UAAA,CACA,gCAAA,CAEA,iGAGE,SAAA",sourcesContent:["@import '../franklin-settings';\n@import '../mixins';\n\n// Body\nhtml,\nbody {\n font-family: $fs-base-font-face;\n background-color: $colour-sky-white;\n\n @include fs-breakpoints('small') {\n font-size: $font-size-small;\n }\n\n @include fs-breakpoints('medium') {\n font-size: $font-size-medium;\n }\n\n @include fs-breakpoints('large') {\n font-size: $font-size-large;\n }\n}\n\n// Heading tag settings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-family: $fs-headers-font-face;\n color: $colour-yankees-blue;\n}\n\n// Typography scale https://type-scale.com/\n// 1.250 \"Major third\"\n\n.x-huge {\n font-size: 3.052rem;\n font-weight: $fs-font-weight-bold;\n}\n\nh1,\n.huge {\n font-size: 2.441rem;\n font-weight: $fs-font-weight-semi-bold;\n}\nh2,\n.big {\n font-size: 1.953rem;\n font-weight: $fs-font-weight-semi-bold;\n}\nh3,\n.medium {\n font-size: 1.563rem;\n font-weight: $fs-font-weight-semi-bold;\n}\nh4,\n.small {\n font-size: 1.25rem;\n font-weight: $fs-font-weight-semi-bold;\n}\nh5,\n.tiny {\n font-size: 1rem;\n font-weight: $fs-font-weight-semi-bold;\n}\n// Should not use h6\nh6 {\n font-size: 1rem;\n font-weight: $fs-font-weight-regular;\n}\n\np {\n margin-bottom: 1.875rem;\n}\n\nul,\nol {\n margin-left: 1.25rem;\n}\n\nul.no-bullet,\nol.no-bullet {\n list-style: none;\n margin-left: 0;\n}\n\nul,\nol,\ndl {\n margin-bottom: 1rem;\n list-style-position: outside;\n line-height: 1.6;\n}\n\nul {\n list-style-type: disc;\n}\n\na {\n color: $colour-link;\n text-decoration: none;\n font-weight: $fs-font-weight-semi-bold;\n &:hover {\n color: lighten($colour-link, 10);\n }\n}\n","// Font families\n$fs-base-font-face: 'Lato', sans-serif;\n$fs-headers-font-face: 'Source Sans Pro', sans-serif;\n\n// Base font sizes\n$font-size-small: 12px;\n$font-size-medium: 14px;\n$font-size-large: 16px;\n\n// Font sizes\n$fs-base-font-size: $font-size-large;\n\n// Font weights\n$fs-font-weight-regular: 400;\n$fs-font-weight-semi-bold: 600;\n$fs-font-weight-bold: 700;\n$fs-font-weight-extra-bold: 900;\n\n// Breakpoints\n$fs-breakpoint-values: (\n 'small': (\n min-width: 0,\n ),\n 'medium': (\n min-width: 640px,\n ),\n 'large': (\n min-width: 1024px,\n ),\n);\n\n$gutter-size: 1rem;\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;","@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","@import '../colours';\n@import '../common/typography';\n\n.main-search {\n $self: &;\n display: flex;\n\n & > input,\n & > button,\n & > .dropdown-container button {\n margin: 0;\n }\n\n .dropdown__content {\n padding: 0;\n\n button.button {\n color: black;\n }\n }\n\n /* Specificity fight dropdown having a specificity fight with foundation 🙄 */\n .dropdown > button.button:first-child {\n margin-inline-end: 0;\n }\n\n .button {\n border: none;\n }\n\n &__input-container {\n display: flex;\n position: relative;\n width: 100%;\n\n input {\n margin: 0;\n\n /* So that the search text doesn't go below the secondary buttons */\n padding-inline-end: var(--input-padding, 0ch);\n /* Add 2 more characters' width, to be able to click on some text */\n min-inline-size: calc(var(--input-padding, 0ch) + 2ch);\n\n /* For screen not too big, hide secondary items on input focus */\n @media (max-width: 1200px) {\n .header &:focus {\n padding-inline-end: initial;\n\n & + #{ $self }__secondary-container {\n opacity: 0;\n pointer-events: none;\n }\n }\n }\n }\n }\n\n &__secondary-container {\n display: flex;\n position: absolute;\n right: 0;\n height: 100%;\n align-items: center;\n color: $colour-yankees-blue;\n }\n\n &--secondary {\n background-color: transparent;\n color: inherit;\n padding: 0 1ch;\n cursor: pointer;\n opacity: 0.8;\n transition: opacity 0.25s ease-out;\n\n &:hover,\n &:focus,\n &:focus-within {\n opacity: 1;\n }\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},15022:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.message{box-shadow:0px 1px 3px 0px rgba(0,0,0,.2);background-color:#fbfeff;padding:.5rem 1rem .5rem .5rem;margin-bottom:.5rem;display:grid;grid-template-areas:"border icon title dismiss" "border . text ." "border . subtitle .";grid-template-columns:1rem minmax(0, max-content) auto minmax(0, max-content)}.message--icon-align-center{align-self:center}.message--icon-align-top{align-self:start}.message>svg{grid-area:icon;height:1.5rem;margin-right:.5rem}.message--no-shadow{box-shadow:none}.message__side-border{grid-area:border;width:.25rem;height:auto}.message__title{grid-area:title}.message__title--no-icon>*{color:#8194a1}.message__text{grid-area:text}.message__subtitle{margin-left:1rem;color:#8194a1;grid-area:subtitle}.message__dismiss{cursor:pointer;grid-area:dismiss;align-self:start;position:relative;width:1.5em;height:1.5em;z-index:0}.message__dismiss::after{content:"";position:absolute;background:#d2dce3;top:0;right:0;bottom:0;left:0;border-radius:50%;z-index:-1;opacity:0;transition:opacity ease-in-out .1s}.message__dismiss:hover::after,.message__dismiss:focus::after{opacity:1}.message--warning>svg{color:#fc3}.message--warning .message__side-border{background-color:#fc3}.message--failure>svg{color:#f36968}.message--failure .message__side-border{background-color:#f36968}.message--success>svg{color:#108f3b}.message--success .message__side-border{background-color:#108f3b}.message--info>svg{color:#79cbf8}.message--info .message__side-border{background-color:#79cbf8}',"",{version:3,sources:["webpack://./src/styles/components/message.scss","webpack://./colours.json"],names:[],mappings:"AAeA,SACE,yCAAA,CACA,wBCPU,CDSV,8BAAA,CACA,mBAAA,CAEA,YAAA,CACA,uFACE,CAGF,6EAAA,CAEA,4BACE,iBAAA,CAGF,yBACE,gBAAA,CAGF,aACE,cAAA,CACA,aAAA,CACA,kBAAA,CAGF,oBACE,eAAA,CAGF,sBACE,gBAAA,CACA,YAAA,CACA,WAAA,CAGF,gBACE,eAAA,CAEA,2BACE,aClDQ,CDsDZ,eACE,cAAA,CAGF,mBACE,gBAAA,CACA,aC5DU,CD6DV,kBAAA,CAGF,kBACE,cAAA,CACA,iBAAA,CACA,gBAAA,CACA,iBAAA,CACA,WAAA,CACA,YAAA,CACA,SAAA,CAEA,yBACE,UAAA,CACA,iBAAA,CACA,kBC/ES,CDgFT,KAAA,CACA,OAAA,CACA,QAAA,CACA,MAAA,CACA,iBAAA,CACA,UAAA,CACA,SAAA,CAEA,kCAAA,CAKA,8DACE,SAAA,CA/FN,sBACE,UAKqB,CACvB,wCACE,qBCWM,CDnBR,sBACE,aAKqB,CACvB,wCACE,wBCYM,CDpBR,sBACE,aAKqB,CACvB,wCACE,wBCaM,CDrBR,mBACE,aAKqB,CACvB,qCACE,wBCcG",sourcesContent:["@import '../colours';\n\n@mixin SVGDefinition($level) {\n & > svg {\n color: $level;\n }\n}\n\n@mixin getWarningCSS($level) {\n @include SVGDefinition(($level));\n .message__side-border {\n background-color: $level;\n }\n}\n\n.message {\n box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);\n background-color: $colour-sky-white;\n\n padding: 0.5rem 1rem 0.5rem 0.5rem;\n margin-bottom: $global-margin * 0.5;\n\n display: grid;\n grid-template-areas:\n 'border icon title dismiss'\n 'border . text .'\n 'border . subtitle .';\n grid-template-columns: 1rem minmax(0, max-content) auto minmax(0, max-content);\n\n &--icon-align-center {\n align-self: center;\n }\n\n &--icon-align-top {\n align-self: start;\n }\n\n & > svg {\n grid-area: icon;\n height: 1.5rem;\n margin-right: 0.5rem;\n }\n\n &--no-shadow {\n box-shadow: none;\n }\n\n &__side-border {\n grid-area: border;\n width: 0.25rem;\n height: auto;\n }\n\n &__title {\n grid-area: title;\n\n &--no-icon > * {\n color: $colour-weldon-blue;\n }\n }\n\n &__text {\n grid-area: text;\n }\n\n &__subtitle {\n margin-left: 1rem;\n color: $colour-weldon-blue;\n grid-area: subtitle;\n }\n\n &__dismiss {\n cursor: pointer;\n grid-area: dismiss;\n align-self: start;\n position: relative;\n width: 1.5em;\n height: 1.5em;\n z-index: 0;\n\n &::after {\n content: '';\n position: absolute;\n background: $gainsborough;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 50%;\n z-index: -1;\n opacity: 0;\n\n transition: opacity ease-in-out 0.1s;\n }\n\n &:hover,\n &:focus {\n &::after {\n opacity: 1;\n }\n }\n }\n\n &--warning {\n @include getWarningCSS($colour-warning);\n }\n\n &--failure {\n @include getWarningCSS($colour-failure);\n }\n\n &--success {\n @include getWarningCSS($colour-success);\n }\n\n &--info {\n @include getWarningCSS($colour-info);\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},66076:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".modal__content{position:fixed;z-index:1000}.modal__backdrop{position:fixed;width:100%;height:100%;background-color:#00639a;opacity:.7;top:0;left:0;display:none;z-index:999}.modal__backdrop--visible{display:block}.modal__body{overflow:hidden}","",{version:3,sources:["webpack://./src/styles/components/modal.scss","webpack://./colours.json"],names:[],mappings:"AAGE,gBACE,cAAA,CACA,YAAA,CAGF,iBACE,cAAA,CACA,UAAA,CACA,WAAA,CACA,wBCXO,CDYP,UAAA,CACA,KAAA,CACA,MAAA,CACA,YAAA,CACA,WAAA,CAEA,0BACE,aAAA,CAIJ,aACE,eAAA",sourcesContent:["@import '../colours';\n\n.modal {\n &__content {\n position: fixed;\n z-index: 1000;\n }\n\n &__backdrop {\n position: fixed;\n width: 100%;\n height: 100%;\n background-color: $colour-sea-blue;\n opacity: 0.7;\n top: 0;\n left: 0;\n display: none;\n z-index: 999;\n\n &--visible {\n display: block;\n }\n }\n\n &__body {\n overflow: hidden;\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},23882:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".page-intro>*:first-child{display:inline-block;margin-top:1rem}.page-intro small{color:#161d39}","",{version:3,sources:["webpack://./src/styles/components/page-intro.scss","webpack://./colours.json"],names:[],mappings:"AAKE,0BACE,oBAAA,CACA,eAAA,CAGF,kBACE,aCNW",sourcesContent:["@import '../settings';\n@import '../colours';\n\n.page-intro {\n // should target the first element, the actual heading\n & > *:first-child {\n display: inline-block;\n margin-top: 1rem;\n }\n\n small {\n color: $colour-yankees-blue;\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},39650:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".search-input{position:relative;width:100%;display:inline-block}.search-input input{padding-right:1.75rem}.search-input__suffix{position:absolute;right:0rem;top:.6rem;width:1.5rem;height:1.75rem}","",{version:3,sources:["webpack://./src/styles/components/search-input.scss"],names:[],mappings:"AAAA,cACE,iBAAA,CACA,UAAA,CACA,oBAAA,CAEA,oBACE,qBAAA,CAGF,sBACE,iBAAA,CACA,UAAA,CACA,SAAA,CACA,YAAA,CACA,cAAA",sourcesContent:[".search-input {\n position: relative;\n width: 100%;\n display: inline-block;\n\n input {\n padding-right: 1.75rem;\n }\n\n &__suffix {\n position: absolute;\n right: 0rem;\n top: 0.6rem;\n width: 1.5rem;\n height: 1.75rem;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},85854:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.sequence-submission-input{width:100%;height:30vh;font-family:Consolas,"Liberation Mono",Courier,monospace}@media(min-width: 500px){.sequence-submission-input{white-space:pre}}',"",{version:3,sources:["webpack://./src/styles/components/sequence-submission.scss","webpack://./src/styles/_settings.scss"],names:[],mappings:"AAEA,2BACE,UAAA,CACA,WAAA,CACA,wDCkIsB,CD/HxB,yBACE,2BACE,eAAA,CAAA",sourcesContent:["@import '../settings';\n\n.sequence-submission-input {\n width: 100%;\n height: 30vh;\n font-family: $font-family-monospace;\n}\n\n@media (min-width: 500px) {\n .sequence-submission-input {\n white-space: pre;\n }\n}\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___},41814:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.sequence-container{background-color:rgba(228,232,235,.7)}.sequence-container .action-bar{justify-content:flex-start}.sequence-container .action-bar,.sequence-container .info-list{margin:.5rem}.sequence-container .action-bar input,.sequence-container .info-list input{margin-block-end:0}.sequence-container .sequence{font-family:Consolas,"Liberation Mono",Courier,monospace;overflow-wrap:anywhere;counter-reset:sequence}.sequence-container .sequence__chunk{display:inline-block;margin:1rem 0 1rem 1rem;width:10ch;position:relative;white-space:nowrap}.sequence-container .sequence__chunk:not(:last-child):before,.sequence-container .sequence__chunk--display-last:before{content:counter(sequence);counter-increment:sequence 10;position:absolute;top:-0.8em;right:0;opacity:.5;font-weight:bold}.sequence-container .sequence__chunk::after{content:"";position:absolute;bottom:0;left:0;right:0;transform-origin:left;transform:scaleX(0.1);box-shadow:var(--box-shadow)}',"",{version:3,sources:["webpack://./src/styles/components/sequence.scss","webpack://./src/styles/_settings.scss"],names:[],mappings:"AAGA,oBACE,qCAAA,CAEA,gCACE,0BAAA,CAGF,+DAEE,YAAA,CAEA,2EACE,kBAAA,CAIJ,8BACE,wDCmHoB,CDlHpB,sBAAA,CAEA,sBAAA,CAEA,qCACE,oBAAA,CACA,uBAAA,CACA,UAAA,CACA,iBAAA,CACA,kBAAA,CAIE,uHACE,yBAAA,CACA,6BAAA,CAEA,iBAAA,CACA,UAAA,CACA,OAAA,CACA,UAAA,CACA,gBAAA,CAIJ,4CACE,UAAA,CAEA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CAEA,qBAAA,CAEA,qBAAA,CAEA,4BAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n\n.sequence-container {\n background-color: rgba($colour-platinum, 0.7);\n\n .action-bar {\n justify-content: flex-start;\n }\n\n .action-bar,\n .info-list {\n margin: $global-margin * 0.5;\n\n input {\n margin-block-end: 0;\n }\n }\n\n .sequence {\n font-family: $font-family-monospace;\n overflow-wrap: anywhere;\n\n counter-reset: sequence;\n\n &__chunk {\n display: inline-block;\n margin: $global-margin 0 $global-margin $global-margin;\n width: 10ch;\n position: relative;\n white-space: nowrap;\n\n &:not(:last-child),\n &--display-last {\n &:before {\n content: counter(sequence);\n counter-increment: sequence 10;\n\n position: absolute;\n top: -0.8em;\n right: 0;\n opacity: 0.5;\n font-weight: bold;\n }\n }\n\n &::after {\n content: '';\n\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n\n transform-origin: left;\n /* squeeze to 10%, so that each shadow will have the width of 1ch */\n transform: scaleX(0.1);\n\n box-shadow: var(--box-shadow);\n }\n }\n }\n}\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___},36528:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,"@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/components/sliding-panel.scss","webpack://./src/styles/_mixins.scss","webpack://./colours.json","webpack://./src/styles/common/_z-index.scss","webpack://./src/styles/_settings.scss"],names:[],mappings:"AASA,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,wBE3BU,CF4BV,mBAAA,CACA,SAAA,CACA,cAAA,CACA,YAAA,CACA,qBAAA,CACA,kBGvCgB,CHwChB,SAAA,CACA,QAAA,CAGA,wBAAA,CACA,2BAAA,CACA,qCAAA,CACA,6BAAA,CAEA,uBACE,wBEhDW,CFiDX,kBAAA,CACA,aE9CQ,CF+CR,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,YIKa,CJJb,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:["@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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;","$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___},79692:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".tabs__header{width:100%;white-space:nowrap;overflow-x:auto;border-bottom:.0625rem solid #e4e8eb;margin-bottom:1rem}.tabs__header__item{display:inline-block;padding:1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tabs__header__item:hover,.tabs__header__item:focus{color:#00639a}.tabs__header__item--active{border-bottom:.1rem solid #00639a}","",{version:3,sources:["webpack://./src/styles/components/tabs.scss","webpack://./src/styles/_settings.scss","webpack://./colours.json"],names:[],mappings:"AAIE,cACE,UAAA,CACA,kBAAA,CACA,eAAA,CACA,oCAAA,CACA,kBC6EY,CD3EZ,oBACE,oBAAA,CACA,YC0EW,CDzEX,cAAA,CACA,wBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CAEA,oDAEE,aErBG,CFwBL,4BACE,iCAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n\n.tabs {\n &__header {\n width: 100%;\n white-space: nowrap;\n overflow-x: auto;\n border-bottom: 0.0625rem solid $colour-platinum;\n margin-bottom: $global-margin;\n\n &__item {\n display: inline-block;\n padding: $global-padding;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n &:hover,\n &:focus {\n color: $colour-sea-blue;\n }\n\n &--active {\n border-bottom: 0.1rem solid $colour-sea-blue;\n }\n }\n }\n}\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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},98364:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.tile{display:flex;justify-content:center;position:relative;overflow:hidden;contain:content;background:var(--tile-background, #00639a);text-align:center;color:#fbfeff;aspect-ratio:1/1}.tile.tile-gradient{background:linear-gradient(45deg, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2)) var(--tile-background, #00639a)}.tile__header,.tile__subtitle{color:#fbfeff;text-shadow:0 4px 4px rgba(0,0,0,.4);margin:0;line-height:1}.tile__header{display:block;margin-top:.5em;margin-bottom:0}.tile__main-content{position:relative;width:100%}.tile__description{display:block;padding:.7rem;line-height:1.6;width:100%;background-color:rgba(0,0,0,.5);height:50%;position:absolute;margin:0;bottom:0;left:0;overflow-y:hidden;transform:translateY(33%);pointer-events:none}.tile__description--animated{transition:transform .25s linear}.tile__description a,.tile__description button{pointer-events:initial}.tile__background-image{transition:background-color .25s ease;position:absolute;top:0;left:0;opacity:.8;width:100%;height:100%;padding:.5rem}.tile__background-image img{transition:filter .25s ease-out;width:100%;height:100%}.tile:hover .tile__main-content,.tile:focus .tile__main-content,.tile:focus-within .tile__main-content{outline-offset:-1ch}.tile:hover .tile__description--animated,.tile:focus .tile__description--animated,.tile:focus-within .tile__description--animated{transform:translateY(0);overflow-y:auto}.tile:hover .tile__background-image,.tile:focus .tile__background-image,.tile:focus-within .tile__background-image{background-color:rgba(0,0,0,.1)}.tile:hover .tile__background-image img,.tile:focus .tile__background-image img,.tile:focus-within .tile__background-image img{filter:blur(0.1rem)}.tile::before{content:"";padding-bottom:100%}@media(prefers-reduced-motion){.tile .tile__description{transform:translateY(0);overflow-y:auto}}',"",{version:3,sources:["webpack://./src/styles/components/tile.scss","webpack://./colours.json"],names:[],mappings:"AAQA,MACE,YAAA,CACA,sBAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAA,CACA,0CAAA,CACA,iBAAA,CACA,aCNU,CDOV,gBAAA,CAEA,oBACE,mIAAA,CASF,8BAEE,aCrBQ,CDsBR,oCAAA,CACA,QAAA,CACA,aAAA,CAGF,cACE,aAAA,CACA,eAAA,CACA,eAAA,CAGF,oBACE,iBAAA,CACA,UAAA,CAGF,mBAIE,aAAA,CACA,aAAA,CACA,eAAA,CACA,UAAA,CACA,+BAAA,CACA,UAAA,CACA,iBAAA,CACA,QAAA,CACA,QAAA,CACA,MAAA,CACA,iBAAA,CACA,yBAAA,CAEA,mBAAA,CAhBA,6BACE,gCAAA,CAiBF,+CAEE,sBAAA,CAIJ,wBACE,qCAAA,CACA,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,aAAA,CAEA,4BACE,+BAAA,CACA,UAAA,CACA,WAAA,CAQF,uGACE,mBAAA,CAGF,kIACE,uBAAA,CACA,eAAA,CAGF,mHACE,+BAAA,CACA,+HACE,mBAAA,CAMN,cACE,UAAA,CACA,mBAAA,CAIJ,+BACE,yBACE,uBAAA,CACA,eAAA,CAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../mixins';\n\n$animation-time: 0.25s;\n\n$tile: '.tile';\n\n#{$tile} {\n display: flex;\n justify-content: center;\n position: relative;\n overflow: hidden;\n contain: content;\n background: var(--tile-background, #{$colour-sea-blue});\n text-align: center;\n color: $colour-sky-white;\n aspect-ratio: 1/1;\n\n &.tile-gradient {\n background: linear-gradient(\n 45deg,\n rgba(0, 0, 0, 0.2),\n rgba(255, 255, 255, 0.2),\n rgba(0, 0, 0, 0.2)\n )\n var(--tile-background, #{$colour-sea-blue});\n }\n\n &__header,\n &__subtitle {\n color: $colour-sky-white;\n text-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);\n margin: 0;\n line-height: 1;\n }\n\n &__header {\n display: block;\n margin-top: 0.5em;\n margin-bottom: 0;\n }\n\n &__main-content {\n position: relative;\n width: 100%;\n }\n\n &__description {\n &--animated {\n transition: transform $animation-time linear;\n }\n display: block;\n padding: 0.7rem;\n line-height: 1.6;\n width: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n height: 50%;\n position: absolute;\n margin: 0;\n bottom: 0;\n left: 0;\n overflow-y: hidden;\n transform: translateY(33%);\n\n pointer-events: none;\n\n a,\n button {\n pointer-events: initial;\n }\n }\n\n &__background-image {\n transition: background-color $animation-time ease;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.8;\n width: 100%;\n height: 100%;\n padding: $global-padding * 0.5;\n\n img {\n transition: filter $animation-time ease-out;\n width: 100%;\n height: 100%;\n }\n }\n\n // Animations\n &:hover,\n &:focus,\n &:focus-within {\n #{$tile}__main-content {\n outline-offset: -1ch;\n }\n\n #{$tile}__description--animated {\n transform: translateY(0);\n overflow-y: auto;\n }\n\n #{$tile}__background-image {\n background-color: rgba(0, 0, 0, 0.1);\n img {\n filter: blur(0.1rem);\n }\n }\n }\n\n // CSS hack to have 1/1 aspect-ratio\n &::before {\n content: '';\n padding-bottom: 100%; // meaning, 100% of the width to bottom padding\n }\n}\n\n@media (prefers-reduced-motion) {\n #{$tile} #{$tile}__description {\n transform: translateY(0);\n overflow-y: auto;\n }\n}\n","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},90439:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'.button.dropdown::after{border-top-color:currentColor}.dropdown{position:relative;display:inline-block;white-space:nowrap}.dropdown>button.button:first-child{margin-inline-end:1rem;padding-inline-end:1.5ch}.dropdown>button.button.primary:first-child,.dropdown>button.button.secondary:first-child{padding-inline-end:2.5ch}.dropdown>:first-child::after{content:"▾";position:absolute;margin-inline-start:.5ch}.dropdown .button{margin-block-end:0;margin-inline-end:0}.dropdown ul{margin-inline-start:0;margin-block-end:0}.dropdown__content{box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);overflow-y:auto;width:max-content;z-index:9000;animation:200ms reveal;background:#fff;position:absolute;padding:.5rem;border-radius:0 0 .2rem .2rem}.dropdown__content button.button,.dropdown__content a,.dropdown__content a.button{display:inline-block;color:#161d39;margin:0;padding:.25em 1ch;width:100%;line-height:2;border:none;font-weight:normal}.dropdown__content button.button:hover,.dropdown__content button.button:focus-visible,.dropdown__content a:hover,.dropdown__content a:focus-visible,.dropdown__content a.button:hover,.dropdown__content a.button:focus-visible{background:#e4e8eb}.dropdown-container{position:relative;display:inline-block}.hover,.dropdown-content ul li button:hover,.dropdown-content ul li button.primary:hover,.dropdown-content ul li button.secondary:hover,.dropdown-content ul li button.tertiary:hover,.dropdown-content ul li a:hover,.dropdown-content ul li a.primary:hover,.dropdown-content ul li a.secondary:hover,.dropdown-content ul li a.tertiary:hover,.dropdown-menu ul li button:hover,.dropdown-menu ul li button.primary:hover,.dropdown-menu ul li button.secondary:hover,.dropdown-menu ul li button.tertiary:hover,.dropdown-menu ul li a:hover,.dropdown-menu ul li a.primary:hover,.dropdown-menu ul li a.secondary:hover,.dropdown-menu ul li a.tertiary:hover{color:#161d39;border:none;background:#e4e8eb}.dropdown-content,.dropdown-menu{--main-button-color: black;box-shadow:0 .125rem .25rem .125rem rgba(22,29,57,.2);display:none;overflow-y:auto;white-space:nowrap;position:absolute;background:#fff;z-index:9000}.dropdown-content input,.dropdown-menu input{margin:0}.dropdown-content .dropdown-menu__content,.dropdown-menu .dropdown-menu__content{padding:1rem}.dropdown-content .dropdown-menu__panel,.dropdown-menu .dropdown-menu__panel{overflow-y:auto}.dropdown-content ul,.dropdown-menu ul{display:block;list-style:none;margin:0;padding:0}.dropdown-content ul li,.dropdown-menu ul li{float:none !important;display:block;line-height:1.6rem;background-color:#fefefe !important}.dropdown-content ul li button,.dropdown-content ul li button.primary,.dropdown-content ul li button.secondary,.dropdown-content ul li button.tertiary,.dropdown-content ul li a,.dropdown-content ul li a.primary,.dropdown-content ul li a.secondary,.dropdown-content ul li a.tertiary,.dropdown-menu ul li button,.dropdown-menu ul li button.primary,.dropdown-menu ul li button.secondary,.dropdown-menu ul li button.tertiary,.dropdown-menu ul li a,.dropdown-menu ul li a.primary,.dropdown-menu ul li a.secondary,.dropdown-menu ul li a.tertiary{cursor:pointer;line-height:1.6rem;width:100%;text-align:left;font-weight:normal;padding:.5rem !important;margin:0 !important;position:relative;display:block;border:none;padding-right:1rem;text-decoration:none;white-space:nowrap}.dropdown-content ul li button.active,.dropdown-content ul li button.primary.active,.dropdown-content ul li button.secondary.active,.dropdown-content ul li button.tertiary.active,.dropdown-content ul li a.active,.dropdown-content ul li a.primary.active,.dropdown-content ul li a.secondary.active,.dropdown-content ul li a.tertiary.active,.dropdown-menu ul li button.active,.dropdown-menu ul li button.primary.active,.dropdown-menu ul li button.secondary.active,.dropdown-menu ul li button.tertiary.active,.dropdown-menu ul li a.active,.dropdown-menu ul li a.primary.active,.dropdown-menu ul li a.secondary.active,.dropdown-menu ul li a.tertiary.active{font-weight:bold}.dropdown-content .dropdown-menu,.dropdown-menu .dropdown-menu{position:relative;top:0}.dropdown-menu-open{display:block;animation:200ms reveal}@keyframes reveal{from{clip-path:circle(0% at 50% 0%)}to{clip-path:circle(100% at 50% 0%)}}.dropdown-menu__panel ul li[aria-expanded]>button{margin-right:2ch !important}.dropdown-menu__panel ul li[aria-expanded]>button::after{content:"►";float:right;transition:transform .25s ease-out}@media(prefers-reduced-motion: reduce){.dropdown-menu__panel ul li[aria-expanded]>button::after{transition-duration:0s}}.dropdown-menu__panel ul li[aria-expanded]>button:hover::after{will-change:transform}.dropdown-menu__panel ul li[aria-expanded=true]>button::after{transform:rotateZ(90deg)}.dropdown-menu__panel ul li[aria-expanded] ul{display:none}.dropdown-menu__panel ul li[aria-expanded][aria-expanded=true]>ul{display:block;animation:fade-in-from-none .5s ease-out}.dropdown-menu__panel ul li[aria-expanded] li{padding-left:1rem}@keyframes fade-in-from-none{0%{opacity:0;display:none}1%{opacity:0;display:block}100%{opacity:1;display:block}}',"",{version:3,sources:["webpack://./src/styles/components/tree-select.scss","webpack://./src/styles/components/dropdown.scss","webpack://./src/styles/_mixins.scss","webpack://./src/styles/common/_z-index.scss","webpack://./colours.json"],names:[],mappings:"AAAA,wBCMA,6BACE,CAAA,UAGF,iBACE,CAAA,oBACA,CAAA,kBACA,CAAA,oCAIE,sBACE,CAAA,wBAEA,CAAA,0FAKA,wBAEE,CAAA,8BAKN,WACE,CAAA,iBACA,CAAA,wBACA,CAAA,kBAKF,kBACE,CAAA,mBACA,CAAA,aAGF,qBACE,CAAA,kBACA,CAAA,mBAIJ,qDCjCE,CAAA,eDmCA,CAAA,iBACA,CAAA,YEpDa,CAAA,sBFsDb,CAAA,eACA,CAAA,iBACA,CAAA,aACA,CAAA,6BACA,CAAA,kFAEA,oBAGE,CAAA,aG5DW,CAAA,QH8DX,CAAA,iBACA,CAAA,UACA,CAAA,aACA,CAAA,WACA,CAAA,kBACA,CAAA,gOAEA,kBGjEO,CAAA,oBHwEX,iBACE,CAAA,oBACA,CAAA,moBAGF,aGjFe,CAAA,WHmFb,CAAA,kBG/ES,CAAA,iCHmFX,0BAEE,CAAA,qDC5EA,CAAA,YDmFA,CAAA,eACA,CAAA,kBACA,CAAA,iBACA,CAAA,eACA,CAAA,YEvGa,CAAA,6CF8Fb,QACE,CAAA,iFAWF,YACE,CAAA,6EAGF,eACE,CAAA,uCAGF,aACE,CAAA,eACA,CAAA,QACA,CAAA,SACA,CAAA,6CAIA,qBACE,CAAA,aACA,CAAA,kBACA,CAAA,mCACA,CAAA,4hBAIE,cAIE,CAAA,kBACA,CAAA,UACA,CAAA,eACA,CAAA,kBACA,CAAA,wBACA,CAAA,mBACA,CAAA,iBACA,CAAA,aACA,CAAA,WACA,CAAA,kBACA,CAAA,oBACA,CAAA,kBACA,CAAA,4oBAMA,gBACE,CAAA,+DAUV,iBACE,CAAA,KACA,CAAA,oBAIJ,aACE,CAAA,sBACA,CAAA,kBAGF,KACE,8BACE,CAAA,GAEF,gCACE,CAAA,CAAA,kDDjLA,2BACE,CAAA,yDAEA,WACE,CAAA,WACA,CAAA,kCACA,CAAA,uCAEA,yDALF,sBAMI,CAAA,CAAA,+DAIJ,qBACE,CAAA,8DAIJ,wBACE,CAAA,8CAIA,YACE,CAAA,kEAGF,aACE,CAAA,wCACA,CAAA,8CAGF,iBACE,CAAA,6BAOR,GACE,SACE,CAAA,YACA,CAAA,GAGF,SACE,CAAA,aACA,CAAA,KAGF,SACE,CAAA,aACA,CAAA",sourcesContent:["@import './dropdown';\n\n.dropdown-menu__panel ul {\n li {\n &[aria-expanded] > button {\n margin-right: 2ch !important;\n\n &::after {\n content: '►';\n float: right;\n transition: transform 0.25s ease-out;\n\n @media (prefers-reduced-motion: reduce) {\n transition-duration: 0s;\n }\n }\n\n &:hover::after {\n will-change: transform;\n }\n }\n\n &[aria-expanded='true'] > button::after {\n transform: rotateZ(90deg);\n }\n\n &[aria-expanded] {\n ul {\n display: none;\n }\n\n &[aria-expanded='true'] > ul {\n display: block;\n animation: fade-in-from-none 0.5s ease-out;\n }\n\n li {\n padding-left: 1rem;\n }\n }\n }\n}\n\n// Can't animate opacity and transform together, so we need to use keyframes\n@keyframes fade-in-from-none {\n 0% {\n opacity: 0;\n display: none;\n }\n\n 1% {\n opacity: 0;\n display: block;\n }\n\n 100% {\n opacity: 1;\n display: block;\n }\n}\n","@import '../settings';\n@import '../colours';\n@import '../common/z-index';\n@import '../mixins';\n\n// For legacy dropdown (using borders)\n.button.dropdown::after {\n border-top-color: currentColor;\n}\n\n.dropdown {\n position: relative;\n display: inline-block;\n white-space: nowrap;\n\n /* Specificity fight with foundation */\n & > button.button {\n &:first-child {\n margin-inline-end: 1rem;\n /* A bit of space for the dropdown indicator */\n padding-inline-end: 1.5ch;\n }\n\n &.primary,\n &.secondary {\n &:first-child {\n /* A bit more space for the dropdown indicator for non-tertiary */\n padding-inline-end: 2.5ch;\n }\n }\n }\n\n & > :first-child::after {\n content: '▾';\n position: absolute;\n margin-inline-start: 0.5ch;\n }\n\n /* Override of franklin patterns when used within */\n /* try to keep as little as possible, watch out of specificity wars */\n .button {\n margin-block-end: 0;\n margin-inline-end: 0;\n }\n\n ul {\n margin-inline-start: 0;\n margin-block-end: 0;\n }\n}\n\n.dropdown__content {\n @include box-shadow();\n overflow-y: auto;\n width: max-content;\n z-index: $z-index-high;\n animation: 200ms reveal;\n background: #fff;\n position: absolute;\n padding: 0.5 * $global-padding;\n border-radius: 0 0 0.2rem 0.2rem;\n\n button.button,\n a,\n a.button {\n display: inline-block;\n color: $colour-yankees-blue;\n margin: 0;\n padding: 0.25em 1ch;\n width: 100%;\n line-height: 2;\n border: none;\n font-weight: normal;\n\n &:hover,\n &:focus-visible {\n background: $colour-platinum;\n }\n }\n}\n\n.dropdown-container {\n position: relative;\n display: inline-block;\n}\n\n.hover {\n color: $colour-yankees-blue;\n border: none;\n background: $colour-platinum;\n}\n\n.dropdown-content,\n.dropdown-menu {\n --main-button-color: black;\n\n input {\n margin: 0;\n }\n\n @include box-shadow();\n display: none;\n overflow-y: auto;\n white-space: nowrap;\n position: absolute;\n background: #fff;\n z-index: $z-index-high;\n\n .dropdown-menu__content {\n padding: 1rem;\n }\n\n .dropdown-menu__panel {\n overflow-y: auto;\n }\n\n ul {\n display: block;\n list-style: none;\n margin: 0;\n padding: 0;\n\n // overflow-y: hidden;\n // height: auto !important;\n li {\n float: none !important;\n display: block;\n line-height: 1.6rem;\n background-color: $white !important;\n\n button,\n a {\n &,\n &.primary,\n &.secondary,\n &.tertiary {\n cursor: pointer;\n line-height: 1.6rem;\n width: 100%;\n text-align: left;\n font-weight: normal;\n padding: 0.5rem !important; // These two !important's are required to ensure the BLAST button is ...\n margin: 0 !important; // styled in the same way as the tags in the Sequence component\n position: relative;\n display: block;\n border: none;\n padding-right: 1rem;\n text-decoration: none;\n white-space: nowrap;\n\n &:hover {\n @extend .hover;\n }\n\n &.active {\n font-weight: bold;\n }\n }\n }\n }\n }\n\n // The autocomplete has a dropdown-menu inside a dropdown-menu\n // so needs to have position set to relative so its width can\n // follow its container's\n .dropdown-menu {\n position: relative;\n top: 0;\n }\n}\n\n.dropdown-menu-open {\n display: block;\n animation: 200ms reveal;\n}\n\n@keyframes reveal {\n from {\n clip-path: circle(0% at 50% 0%);\n }\n to {\n clip-path: circle(100% at 50% 0%);\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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},47888:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,".window{display:flex;flex-direction:column;border:.1rem solid #161d39}.window--with-shadow{box-shadow:0 .125rem .25rem .3rem rgba(22,29,57,.2)}.window__header{width:100%;height:2rem;color:#fbfeff;background-color:#161d39;font-weight:700;padding:0 .5rem;display:flex;line-height:2rem;justify-content:center;align-items:center}.window__header__title{margin-right:auto}.window__content{width:100%;flex-grow:1;padding:.5rem;background-color:#fbfeff}.window__footer{width:100%;background-color:#fbfeff;display:flex;justify-content:flex-end;padding:.5rem}.window__footer .button{margin-bottom:0;margin-left:.5rem;padding:.5rem 1rem}.window__default-close-button{margin-left:auto}.window__default-close-button--icon-only{width:1rem;height:1rem;background-color:#fbfeff;color:#00639a;cursor:pointer;border-radius:.5rem}","",{version:3,sources:["webpack://./src/styles/components/window.scss","webpack://./src/styles/_mixins.scss","webpack://./colours.json"],names:[],mappings:"AAIA,QACE,YAAA,CACA,qBAAA,CACA,0BAAA,CAEA,qBCSA,mDAAA,CDLA,gBACE,UAAA,CACA,WAAA,CACA,aENQ,CFOR,wBEZW,CFaX,eAAA,CACA,eAAA,CACA,YAAA,CACA,gBAAA,CACA,sBAAA,CACA,kBAAA,CAEA,uBACE,iBAAA,CAIJ,iBACE,UAAA,CACA,WAAA,CACA,aAAA,CACA,wBExBQ,CF2BV,gBACE,UAAA,CACA,wBE7BQ,CF8BR,YAAA,CACA,wBAAA,CACA,aAAA,CAEA,wBACE,eAAA,CACA,iBAAA,CACA,kBAAA,CAIJ,8BACE,gBAAA,CAEA,yCACE,UAAA,CACA,WAAA,CACA,wBE/CM,CFgDN,aEzDK,CF0DL,cAAA,CACA,mBAAA",sourcesContent:["@import '../settings';\n@import '../colours';\n@import '../mixins';\n\n.window {\n display: flex;\n flex-direction: column;\n border: 0.1rem solid $colour-yankees-blue;\n\n &--with-shadow {\n @include box-shadow(0.3rem);\n }\n\n &__header {\n width: 100%;\n height: 2rem;\n color: $colour-sky-white;\n background-color: $colour-yankees-blue;\n font-weight: 700;\n padding: 0 $global-padding * 0.5;\n display: flex;\n line-height: 2rem;\n justify-content: center;\n align-items: center;\n\n &__title {\n margin-right: auto;\n }\n }\n\n &__content {\n width: 100%;\n flex-grow: 1;\n padding: $global-padding * 0.5;\n background-color: $colour-sky-white;\n }\n\n &__footer {\n width: 100%;\n background-color: $colour-sky-white;\n display: flex;\n justify-content: flex-end;\n padding: $global-padding * 0.5;\n\n .button {\n margin-bottom: 0;\n margin-left: $global-padding * 0.5;\n padding: 0.5rem 1rem;\n }\n }\n\n &__default-close-button {\n margin-left: auto;\n\n &--icon-only {\n width: 1rem;\n height: 1rem;\n background-color: $colour-sky-white;\n color: $colour-sea-blue;\n cursor: pointer;\n border-radius: 0.5rem;\n }\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","$sapphire-blue: #014371;\n$sea-blue: #00639a;\n$vivid-cerulean: #00a6d5;\n$medium-turquoise: #46d6fa;\n$gainsborough: #d2dce3;\n$yankees-blue: #161d39;\n$independence: #4e5a71;\n$weldon-blue: #8194a1;\n$pastel-blue: #abc7d6;\n$platinum: #e4e8eb;\n$sky-white: #fbfeff;\n$bronze: #a65708;\n$reviewed: #c39b00;\n$unreviewed: #c0c0c0;\n$uniref: #f2994c;\n$uniparc: #88c19d;\n$proteomes: #e56358;\n$reference-proteome: #9d4a4d;\n$peptide-search: #A748BD;\n$id-mapping: #357B92;\n$blast: #00A6D5;\n$align: #B8CE48;\n$warning: #ffcc33;\n$failure: #f36968;\n$success: #108f3b;\n$info: #79cbf8;\n$help-green: #28aa50;\n$coyote-brown: #966336;\n$outer-space: #374343;\n$tool-results: #622E81;"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},30323:function(module,__unused_webpack_exports,__webpack_require__){var ___CSS_LOADER_API_SOURCEMAP_IMPORT___=__webpack_require__(87537),___CSS_LOADER_EXPORT___=__webpack_require__(23645)(___CSS_LOADER_API_SOURCEMAP_IMPORT___);___CSS_LOADER_EXPORT___.push([module.id,'html{--top-header-margin: 55px}@media(min-width: 1024px){html{--top-header-margin: 70px}}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:0;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}[data-whatintent=mouse] *,[data-whatintent=mouse] *:focus,[data-whatintent=touch] *,[data-whatintent=touch] *:focus,[data-whatinput=mouse] *,[data-whatinput=mouse] *:focus,[data-whatinput=touch] *,[data-whatinput=touch] *:focus{outline:none}[draggable=false]{-webkit-touch-callout:none;-webkit-user-select:none}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}html{box-sizing:border-box;font-size:100%}*,*::before,*::after{box-sizing:inherit}body{margin:0;padding:0;background:#fefefe;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;font-weight:normal;line-height:1.5;color:#0a0a0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}textarea{height:auto;min-height:50px;border-radius:0}select{box-sizing:border-box;width:100%;border-radius:0}.map_canvas img,.map_canvas embed,.map_canvas object,.mqa-display img,.mqa-display embed,.mqa-display object{max-width:none !important}button{padding:0;appearance:none;border:0;border-radius:0;background:rgba(0,0,0,0);line-height:1;cursor:auto}[data-whatinput=mouse] button{outline:0}pre{overflow:auto;-webkit-overflow-scrolling:touch}button,input,optgroup,select,textarea{font-family:inherit}.is-visible{display:block !important}.is-hidden{display:none !important}[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=week],[type=email],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=color],textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;margin:0 0 1rem;padding:.5rem;border:1px solid #cacaca;border-radius:0;background-color:#fefefe;box-shadow:inset 0 1px 2px rgba(10,10,10,.1);font-family:inherit;font-size:1rem;font-weight:normal;line-height:1.5;color:#0a0a0a;transition:box-shadow .5s,border-color .25s ease-in-out;appearance:none}[type=text]:focus,[type=password]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=week]:focus,[type=email]:focus,[type=number]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=url]:focus,[type=color]:focus,textarea:focus{outline:none;border:1px solid #8a8a8a;background-color:#fefefe;box-shadow:0 0 5px #cacaca;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{max-width:100%}textarea[rows]{height:auto}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:not-allowed}[type=submit],[type=button]{appearance:none;border-radius:0}input[type=search]{box-sizing:border-box}::placeholder{color:#cacaca}[type=file],[type=checkbox],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;vertical-align:baseline;margin-left:.5rem;margin-right:1rem;margin-bottom:0}[type=checkbox]+label[for],[type=radio]+label[for]{cursor:pointer}label>[type=checkbox],label>[type=radio]{margin-right:.5rem}[type=file]{width:100%}label{display:block;margin:0;font-size:.875rem;font-weight:normal;line-height:1.8;color:#0a0a0a}label.middle{margin:0 0 1rem;line-height:1.5;padding:.5625rem 0}.help-text{margin-top:-0.5rem;font-size:.8125rem;font-style:italic;color:#0a0a0a}.input-group{display:flex;width:100%;margin-bottom:1rem;align-items:stretch}.input-group>:first-child,.input-group>:first-child.input-group-button>*{border-radius:0 0 0 0}.input-group>:last-child,.input-group>:last-child.input-group-button>*{border-radius:0 0 0 0}.input-group-button a,.input-group-button input,.input-group-button button,.input-group-button label,.input-group-button,.input-group-field,.input-group-label{margin:0;white-space:nowrap}.input-group-label{padding:0 1rem;border:1px solid #cacaca;background:#e6e6e6;color:#0a0a0a;text-align:center;white-space:nowrap;display:flex;flex:0 0 auto;align-items:center}.input-group-label:first-child{border-right:0}.input-group-label:last-child{border-left:0}.input-group-field{border-radius:0;flex:1 1 0px;min-width:0}.input-group-button{padding-top:0;padding-bottom:0;text-align:center;display:flex;flex:0 0 auto}.input-group-button a,.input-group-button input,.input-group-button button,.input-group-button label{align-self:stretch;height:auto;padding-top:0;padding-bottom:0;font-size:1rem}fieldset{margin:0;padding:0;border:0}legend{max-width:100%;margin-bottom:.5rem}.fieldset{margin:1.125rem 0;padding:1.25rem;border:1px solid #cacaca}.fieldset legend{margin:0;margin-left:-.1875rem;padding:0 .1875rem}select{height:2.4375rem;margin:0 0 1rem;padding:.5rem;appearance:none;border:1px solid #cacaca;border-radius:0;background-color:#fefefe;font-family:inherit;font-size:1rem;font-weight:normal;line-height:1.5;color:#0a0a0a;background-image:url(\'data:image/svg+xml;utf8,\');background-origin:content-box;background-position:right -1rem center;background-repeat:no-repeat;background-size:9px 6px;padding-right:1.5rem;transition:box-shadow .5s,border-color .25s ease-in-out}@media screen and (min-width: 0\\0 ){select{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")}}select:focus{outline:none;border:1px solid #8a8a8a;background-color:#fefefe;box-shadow:0 0 5px #cacaca;transition:box-shadow .5s,border-color .25s ease-in-out}select:disabled{background-color:#e6e6e6;cursor:not-allowed}select::-ms-expand{display:none}select[multiple]{height:auto;background-image:none}select:not([multiple]){padding-top:0;padding-bottom:0}.is-invalid-input:not(:focus){border-color:#cc4b37;background-color:#f9ecea}.is-invalid-input:not(:focus)::placeholder{color:#cc4b37}.is-invalid-label{color:#cc4b37}.form-error{display:none;margin-top:-0.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:bold;color:#cc4b37}.form-error.is-visible{display:block}.button{display:inline-block;vertical-align:middle;margin:0 0 1rem 0;padding:.85em 1em;border:1px solid rgba(0,0,0,0);border-radius:0;transition:background-color .25s ease-out,color .25s ease-out;font-family:inherit;font-size:.9rem;-webkit-appearance:none;line-height:1;text-align:center;cursor:pointer}[data-whatinput=mouse] .button{outline:0}.button.tiny{font-size:.6rem}.button.small{font-size:.75rem}.button.large{font-size:1.25rem}.button.expanded{display:block;width:100%;margin-right:0;margin-left:0}.button,.button.disabled,.button[disabled],.button.disabled:hover,.button[disabled]:hover,.button.disabled:focus,.button[disabled]:focus{background-color:#1779ba;color:#fefefe}.button:hover,.button:focus{background-color:#14679e;color:#fefefe}.button.primary,.button.primary.disabled,.button.primary[disabled],.button.primary.disabled:hover,.button.primary[disabled]:hover,.button.primary.disabled:focus,.button.primary[disabled]:focus{background-color:#1779ba;color:#fefefe}.button.primary:hover,.button.primary:focus{background-color:#126195;color:#fefefe}.button.secondary,.button.secondary.disabled,.button.secondary[disabled],.button.secondary.disabled:hover,.button.secondary[disabled]:hover,.button.secondary.disabled:focus,.button.secondary[disabled]:focus{background-color:#fff;color:#0a0a0a}.button.secondary:hover,.button.secondary:focus{background-color:#ccc;color:#0a0a0a}.button.success,.button.success.disabled,.button.success[disabled],.button.success.disabled:hover,.button.success[disabled]:hover,.button.success.disabled:focus,.button.success[disabled]:focus{background-color:#3adb76;color:#0a0a0a}.button.success:hover,.button.success:focus{background-color:#22bb5b;color:#0a0a0a}.button.warning,.button.warning.disabled,.button.warning[disabled],.button.warning.disabled:hover,.button.warning[disabled]:hover,.button.warning.disabled:focus,.button.warning[disabled]:focus{background-color:#ffae00;color:#0a0a0a}.button.warning:hover,.button.warning:focus{background-color:#cc8b00;color:#0a0a0a}.button.alert,.button.alert.disabled,.button.alert[disabled],.button.alert.disabled:hover,.button.alert[disabled]:hover,.button.alert.disabled:focus,.button.alert[disabled]:focus{background-color:#cc4b37;color:#fefefe}.button.alert:hover,.button.alert:focus{background-color:#a53b2a;color:#fefefe}.button.hollow,.button.hollow:hover,.button.hollow:focus,.button.hollow.disabled,.button.hollow.disabled:hover,.button.hollow.disabled:focus,.button.hollow[disabled],.button.hollow[disabled]:hover,.button.hollow[disabled]:focus{background-color:rgba(0,0,0,0)}.button.hollow,.button.hollow.disabled,.button.hollow[disabled],.button.hollow.disabled:hover,.button.hollow[disabled]:hover,.button.hollow.disabled:focus,.button.hollow[disabled]:focus{border:1px solid #1779ba;color:#1779ba}.button.hollow:hover,.button.hollow:focus{border-color:#0c3d5d;color:#0c3d5d}.button.hollow.primary,.button.hollow.primary.disabled,.button.hollow.primary[disabled],.button.hollow.primary.disabled:hover,.button.hollow.primary[disabled]:hover,.button.hollow.primary.disabled:focus,.button.hollow.primary[disabled]:focus{border:1px solid #1779ba;color:#1779ba}.button.hollow.primary:hover,.button.hollow.primary:focus{border-color:#0c3d5d;color:#0c3d5d}.button.hollow.secondary,.button.hollow.secondary.disabled,.button.hollow.secondary[disabled],.button.hollow.secondary.disabled:hover,.button.hollow.secondary[disabled]:hover,.button.hollow.secondary.disabled:focus,.button.hollow.secondary[disabled]:focus{border:1px solid #fff;color:#fff}.button.hollow.secondary:hover,.button.hollow.secondary:focus{border-color:gray;color:gray}.button.hollow.success,.button.hollow.success.disabled,.button.hollow.success[disabled],.button.hollow.success.disabled:hover,.button.hollow.success[disabled]:hover,.button.hollow.success.disabled:focus,.button.hollow.success[disabled]:focus{border:1px solid #3adb76;color:#3adb76}.button.hollow.success:hover,.button.hollow.success:focus{border-color:#157539;color:#157539}.button.hollow.warning,.button.hollow.warning.disabled,.button.hollow.warning[disabled],.button.hollow.warning.disabled:hover,.button.hollow.warning[disabled]:hover,.button.hollow.warning.disabled:focus,.button.hollow.warning[disabled]:focus{border:1px solid #ffae00;color:#ffae00}.button.hollow.warning:hover,.button.hollow.warning:focus{border-color:#805700;color:#805700}.button.hollow.alert,.button.hollow.alert.disabled,.button.hollow.alert[disabled],.button.hollow.alert.disabled:hover,.button.hollow.alert[disabled]:hover,.button.hollow.alert.disabled:focus,.button.hollow.alert[disabled]:focus{border:1px solid #cc4b37;color:#cc4b37}.button.hollow.alert:hover,.button.hollow.alert:focus{border-color:#67251a;color:#67251a}.button.clear,.button.clear:hover,.button.clear:focus,.button.clear.disabled,.button.clear.disabled:hover,.button.clear.disabled:focus,.button.clear[disabled],.button.clear[disabled]:hover,.button.clear[disabled]:focus{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.button.clear,.button.clear.disabled,.button.clear[disabled],.button.clear.disabled:hover,.button.clear[disabled]:hover,.button.clear.disabled:focus,.button.clear[disabled]:focus{color:#1779ba}.button.clear:hover,.button.clear:focus{color:#0c3d5d}.button.clear.primary,.button.clear.primary.disabled,.button.clear.primary[disabled],.button.clear.primary.disabled:hover,.button.clear.primary[disabled]:hover,.button.clear.primary.disabled:focus,.button.clear.primary[disabled]:focus{color:#1779ba}.button.clear.primary:hover,.button.clear.primary:focus{color:#0c3d5d}.button.clear.secondary,.button.clear.secondary.disabled,.button.clear.secondary[disabled],.button.clear.secondary.disabled:hover,.button.clear.secondary[disabled]:hover,.button.clear.secondary.disabled:focus,.button.clear.secondary[disabled]:focus{color:#fff}.button.clear.secondary:hover,.button.clear.secondary:focus{color:gray}.button.clear.success,.button.clear.success.disabled,.button.clear.success[disabled],.button.clear.success.disabled:hover,.button.clear.success[disabled]:hover,.button.clear.success.disabled:focus,.button.clear.success[disabled]:focus{color:#3adb76}.button.clear.success:hover,.button.clear.success:focus{color:#157539}.button.clear.warning,.button.clear.warning.disabled,.button.clear.warning[disabled],.button.clear.warning.disabled:hover,.button.clear.warning[disabled]:hover,.button.clear.warning.disabled:focus,.button.clear.warning[disabled]:focus{color:#ffae00}.button.clear.warning:hover,.button.clear.warning:focus{color:#805700}.button.clear.alert,.button.clear.alert.disabled,.button.clear.alert[disabled],.button.clear.alert.disabled:hover,.button.clear.alert[disabled]:hover,.button.clear.alert.disabled:focus,.button.clear.alert[disabled]:focus{color:#cc4b37}.button.clear.alert:hover,.button.clear.alert:focus{color:#67251a}.button.disabled,.button[disabled]{opacity:.25;cursor:not-allowed}.button.dropdown::after{display:block;width:0;height:0;border-style:solid;border-width:.4em;content:"";border-bottom-width:0;border-color:#fefefe rgba(0,0,0,0) rgba(0,0,0,0);position:relative;top:.4em;display:inline-block;float:right;margin-left:1em}.button.dropdown.hollow::after,.button.dropdown.clear::after{border-top-color:#1779ba}.button.dropdown.hollow.primary::after,.button.dropdown.clear.primary::after{border-top-color:#1779ba}.button.dropdown.hollow.secondary::after,.button.dropdown.clear.secondary::after{border-top-color:#fff}.button.dropdown.hollow.success::after,.button.dropdown.clear.success::after{border-top-color:#3adb76}.button.dropdown.hollow.warning::after,.button.dropdown.clear.warning::after{border-top-color:#ffae00}.button.dropdown.hollow.alert::after,.button.dropdown.clear.alert::after{border-top-color:#cc4b37}.button.arrow-only::after{top:-0.1em;float:none;margin-left:0}a.button:hover,a.button:focus{text-decoration:none}.button-group{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:stretch;flex-grow:1}.button-group::before,.button-group::after{display:table;content:" ";flex-basis:0;order:1}.button-group::after{clear:both}.button-group::before,.button-group::after{display:none}.button-group .button{margin:0;margin-right:1px;margin-bottom:1px;font-size:.9rem;flex:0 0 auto}.button-group .button:last-child{margin-right:0}.button-group.tiny .button{font-size:.6rem}.button-group.small .button{font-size:.75rem}.button-group.large .button{font-size:1.25rem}.button-group.expanded .button{flex:1 1 0px}.button-group.primary .button,.button-group.primary .button.disabled,.button-group.primary .button[disabled],.button-group.primary .button.disabled:hover,.button-group.primary .button[disabled]:hover,.button-group.primary .button.disabled:focus,.button-group.primary .button[disabled]:focus{background-color:#1779ba;color:#fefefe}.button-group.primary .button:hover,.button-group.primary .button:focus{background-color:#126195;color:#fefefe}.button-group.secondary .button,.button-group.secondary .button.disabled,.button-group.secondary .button[disabled],.button-group.secondary .button.disabled:hover,.button-group.secondary .button[disabled]:hover,.button-group.secondary .button.disabled:focus,.button-group.secondary .button[disabled]:focus{background-color:#fff;color:#0a0a0a}.button-group.secondary .button:hover,.button-group.secondary .button:focus{background-color:#ccc;color:#0a0a0a}.button-group.success .button,.button-group.success .button.disabled,.button-group.success .button[disabled],.button-group.success .button.disabled:hover,.button-group.success .button[disabled]:hover,.button-group.success .button.disabled:focus,.button-group.success .button[disabled]:focus{background-color:#3adb76;color:#0a0a0a}.button-group.success .button:hover,.button-group.success .button:focus{background-color:#22bb5b;color:#0a0a0a}.button-group.warning .button,.button-group.warning .button.disabled,.button-group.warning .button[disabled],.button-group.warning .button.disabled:hover,.button-group.warning .button[disabled]:hover,.button-group.warning .button.disabled:focus,.button-group.warning .button[disabled]:focus{background-color:#ffae00;color:#0a0a0a}.button-group.warning .button:hover,.button-group.warning .button:focus{background-color:#cc8b00;color:#0a0a0a}.button-group.alert .button,.button-group.alert .button.disabled,.button-group.alert .button[disabled],.button-group.alert .button.disabled:hover,.button-group.alert .button[disabled]:hover,.button-group.alert .button.disabled:focus,.button-group.alert .button[disabled]:focus{background-color:#cc4b37;color:#fefefe}.button-group.alert .button:hover,.button-group.alert .button:focus{background-color:#a53b2a;color:#fefefe}.button-group.hollow .button,.button-group.hollow .button:hover,.button-group.hollow .button:focus,.button-group.hollow .button.disabled,.button-group.hollow .button.disabled:hover,.button-group.hollow .button.disabled:focus,.button-group.hollow .button[disabled],.button-group.hollow .button[disabled]:hover,.button-group.hollow .button[disabled]:focus{background-color:rgba(0,0,0,0)}.button-group.hollow .button,.button-group.hollow .button.disabled,.button-group.hollow .button[disabled],.button-group.hollow .button.disabled:hover,.button-group.hollow .button[disabled]:hover,.button-group.hollow .button.disabled:focus,.button-group.hollow .button[disabled]:focus{border:1px solid #1779ba;color:#1779ba}.button-group.hollow .button:hover,.button-group.hollow .button:focus{border-color:#0c3d5d;color:#0c3d5d}.button-group.hollow.primary .button,.button-group.hollow.primary .button.disabled,.button-group.hollow.primary .button[disabled],.button-group.hollow.primary .button.disabled:hover,.button-group.hollow.primary .button[disabled]:hover,.button-group.hollow.primary .button.disabled:focus,.button-group.hollow.primary .button[disabled]:focus,.button-group.hollow .button.primary,.button-group.hollow .button.primary.disabled,.button-group.hollow .button.primary[disabled],.button-group.hollow .button.primary.disabled:hover,.button-group.hollow .button.primary[disabled]:hover,.button-group.hollow .button.primary.disabled:focus,.button-group.hollow .button.primary[disabled]:focus{border:1px solid #1779ba;color:#1779ba}.button-group.hollow.primary .button:hover,.button-group.hollow.primary .button:focus,.button-group.hollow .button.primary:hover,.button-group.hollow .button.primary:focus{border-color:#0c3d5d;color:#0c3d5d}.button-group.hollow.secondary .button,.button-group.hollow.secondary .button.disabled,.button-group.hollow.secondary .button[disabled],.button-group.hollow.secondary .button.disabled:hover,.button-group.hollow.secondary .button[disabled]:hover,.button-group.hollow.secondary .button.disabled:focus,.button-group.hollow.secondary .button[disabled]:focus,.button-group.hollow .button.secondary,.button-group.hollow .button.secondary.disabled,.button-group.hollow .button.secondary[disabled],.button-group.hollow .button.secondary.disabled:hover,.button-group.hollow .button.secondary[disabled]:hover,.button-group.hollow .button.secondary.disabled:focus,.button-group.hollow .button.secondary[disabled]:focus{border:1px solid #fff;color:#fff}.button-group.hollow.secondary .button:hover,.button-group.hollow.secondary .button:focus,.button-group.hollow .button.secondary:hover,.button-group.hollow .button.secondary:focus{border-color:gray;color:gray}.button-group.hollow.success .button,.button-group.hollow.success .button.disabled,.button-group.hollow.success .button[disabled],.button-group.hollow.success .button.disabled:hover,.button-group.hollow.success .button[disabled]:hover,.button-group.hollow.success .button.disabled:focus,.button-group.hollow.success .button[disabled]:focus,.button-group.hollow .button.success,.button-group.hollow .button.success.disabled,.button-group.hollow .button.success[disabled],.button-group.hollow .button.success.disabled:hover,.button-group.hollow .button.success[disabled]:hover,.button-group.hollow .button.success.disabled:focus,.button-group.hollow .button.success[disabled]:focus{border:1px solid #3adb76;color:#3adb76}.button-group.hollow.success .button:hover,.button-group.hollow.success .button:focus,.button-group.hollow .button.success:hover,.button-group.hollow .button.success:focus{border-color:#157539;color:#157539}.button-group.hollow.warning .button,.button-group.hollow.warning .button.disabled,.button-group.hollow.warning .button[disabled],.button-group.hollow.warning .button.disabled:hover,.button-group.hollow.warning .button[disabled]:hover,.button-group.hollow.warning .button.disabled:focus,.button-group.hollow.warning .button[disabled]:focus,.button-group.hollow .button.warning,.button-group.hollow .button.warning.disabled,.button-group.hollow .button.warning[disabled],.button-group.hollow .button.warning.disabled:hover,.button-group.hollow .button.warning[disabled]:hover,.button-group.hollow .button.warning.disabled:focus,.button-group.hollow .button.warning[disabled]:focus{border:1px solid #ffae00;color:#ffae00}.button-group.hollow.warning .button:hover,.button-group.hollow.warning .button:focus,.button-group.hollow .button.warning:hover,.button-group.hollow .button.warning:focus{border-color:#805700;color:#805700}.button-group.hollow.alert .button,.button-group.hollow.alert .button.disabled,.button-group.hollow.alert .button[disabled],.button-group.hollow.alert .button.disabled:hover,.button-group.hollow.alert .button[disabled]:hover,.button-group.hollow.alert .button.disabled:focus,.button-group.hollow.alert .button[disabled]:focus,.button-group.hollow .button.alert,.button-group.hollow .button.alert.disabled,.button-group.hollow .button.alert[disabled],.button-group.hollow .button.alert.disabled:hover,.button-group.hollow .button.alert[disabled]:hover,.button-group.hollow .button.alert.disabled:focus,.button-group.hollow .button.alert[disabled]:focus{border:1px solid #cc4b37;color:#cc4b37}.button-group.hollow.alert .button:hover,.button-group.hollow.alert .button:focus,.button-group.hollow .button.alert:hover,.button-group.hollow .button.alert:focus{border-color:#67251a;color:#67251a}.button-group.clear .button,.button-group.clear .button:hover,.button-group.clear .button:focus,.button-group.clear .button.disabled,.button-group.clear .button.disabled:hover,.button-group.clear .button.disabled:focus,.button-group.clear .button[disabled],.button-group.clear .button[disabled]:hover,.button-group.clear .button[disabled]:focus{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.button-group.clear .button,.button-group.clear .button.disabled,.button-group.clear .button[disabled],.button-group.clear .button.disabled:hover,.button-group.clear .button[disabled]:hover,.button-group.clear .button.disabled:focus,.button-group.clear .button[disabled]:focus{color:#1779ba}.button-group.clear .button:hover,.button-group.clear .button:focus{color:#0c3d5d}.button-group.clear.primary .button,.button-group.clear.primary .button.disabled,.button-group.clear.primary .button[disabled],.button-group.clear.primary .button.disabled:hover,.button-group.clear.primary .button[disabled]:hover,.button-group.clear.primary .button.disabled:focus,.button-group.clear.primary .button[disabled]:focus,.button-group.clear .button.primary,.button-group.clear .button.primary.disabled,.button-group.clear .button.primary[disabled],.button-group.clear .button.primary.disabled:hover,.button-group.clear .button.primary[disabled]:hover,.button-group.clear .button.primary.disabled:focus,.button-group.clear .button.primary[disabled]:focus{color:#1779ba}.button-group.clear.primary .button:hover,.button-group.clear.primary .button:focus,.button-group.clear .button.primary:hover,.button-group.clear .button.primary:focus{color:#0c3d5d}.button-group.clear.secondary .button,.button-group.clear.secondary .button.disabled,.button-group.clear.secondary .button[disabled],.button-group.clear.secondary .button.disabled:hover,.button-group.clear.secondary .button[disabled]:hover,.button-group.clear.secondary .button.disabled:focus,.button-group.clear.secondary .button[disabled]:focus,.button-group.clear .button.secondary,.button-group.clear .button.secondary.disabled,.button-group.clear .button.secondary[disabled],.button-group.clear .button.secondary.disabled:hover,.button-group.clear .button.secondary[disabled]:hover,.button-group.clear .button.secondary.disabled:focus,.button-group.clear .button.secondary[disabled]:focus{color:#fff}.button-group.clear.secondary .button:hover,.button-group.clear.secondary .button:focus,.button-group.clear .button.secondary:hover,.button-group.clear .button.secondary:focus{color:gray}.button-group.clear.success .button,.button-group.clear.success .button.disabled,.button-group.clear.success .button[disabled],.button-group.clear.success .button.disabled:hover,.button-group.clear.success .button[disabled]:hover,.button-group.clear.success .button.disabled:focus,.button-group.clear.success .button[disabled]:focus,.button-group.clear .button.success,.button-group.clear .button.success.disabled,.button-group.clear .button.success[disabled],.button-group.clear .button.success.disabled:hover,.button-group.clear .button.success[disabled]:hover,.button-group.clear .button.success.disabled:focus,.button-group.clear .button.success[disabled]:focus{color:#3adb76}.button-group.clear.success .button:hover,.button-group.clear.success .button:focus,.button-group.clear .button.success:hover,.button-group.clear .button.success:focus{color:#157539}.button-group.clear.warning .button,.button-group.clear.warning .button.disabled,.button-group.clear.warning .button[disabled],.button-group.clear.warning .button.disabled:hover,.button-group.clear.warning .button[disabled]:hover,.button-group.clear.warning .button.disabled:focus,.button-group.clear.warning .button[disabled]:focus,.button-group.clear .button.warning,.button-group.clear .button.warning.disabled,.button-group.clear .button.warning[disabled],.button-group.clear .button.warning.disabled:hover,.button-group.clear .button.warning[disabled]:hover,.button-group.clear .button.warning.disabled:focus,.button-group.clear .button.warning[disabled]:focus{color:#ffae00}.button-group.clear.warning .button:hover,.button-group.clear.warning .button:focus,.button-group.clear .button.warning:hover,.button-group.clear .button.warning:focus{color:#805700}.button-group.clear.alert .button,.button-group.clear.alert .button.disabled,.button-group.clear.alert .button[disabled],.button-group.clear.alert .button.disabled:hover,.button-group.clear.alert .button[disabled]:hover,.button-group.clear.alert .button.disabled:focus,.button-group.clear.alert .button[disabled]:focus,.button-group.clear .button.alert,.button-group.clear .button.alert.disabled,.button-group.clear .button.alert[disabled],.button-group.clear .button.alert.disabled:hover,.button-group.clear .button.alert[disabled]:hover,.button-group.clear .button.alert.disabled:focus,.button-group.clear .button.alert[disabled]:focus{color:#cc4b37}.button-group.clear.alert .button:hover,.button-group.clear.alert .button:focus,.button-group.clear .button.alert:hover,.button-group.clear .button.alert:focus{color:#67251a}.button-group.no-gaps .button{margin-right:-.0625rem}.button-group.no-gaps .button+.button{border-left-color:rgba(0,0,0,0)}.button-group.stacked,.button-group.stacked-for-small,.button-group.stacked-for-medium{flex-wrap:wrap}.button-group.stacked .button,.button-group.stacked-for-small .button,.button-group.stacked-for-medium .button{flex:0 0 100%}.button-group.stacked .button:last-child,.button-group.stacked-for-small .button:last-child,.button-group.stacked-for-medium .button:last-child{margin-bottom:0}.button-group.stacked.expanded .button,.button-group.stacked-for-small.expanded .button,.button-group.stacked-for-medium.expanded .button{flex:1 1 0px}@media print,screen and (min-width: 40em){.button-group.stacked-for-small .button{flex:0 0 auto;margin-bottom:0}}@media print,screen and (min-width: 64em){.button-group.stacked-for-medium .button{flex:0 0 auto;margin-bottom:0}}@media print,screen and (max-width: 39.99875em){.button-group.stacked-for-small.expanded{display:block}.button-group.stacked-for-small.expanded .button{display:block;margin-right:0}}@media print,screen and (max-width: 63.99875em){.button-group.stacked-for-medium.expanded{display:block}.button-group.stacked-for-medium.expanded .button{display:block;margin-right:0}}html{box-sizing:border-box}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}select{appearance:none;-moz-appearance:none;-webkit-appearance:none}.action-bar{display:flex;justify-content:flex-end}.colour-sapphire-blue{background:#014371;color:#fbfeff}.colour-sea-blue{background:#00639a;color:#fbfeff}.colour-vivid-cerulean{background:#00a6d5;color:#fbfeff}.colour-medium-turquoise{background:#46d6fa;color:#161d39}.colour-gainsborough{background:#d2dce3;color:#161d39}.colour-yankees-blue{background:#161d39;color:#fbfeff}.colour-independence{background:#4e5a71;color:#fbfeff}.colour-weldon-blue{background:#8194a1;color:#fbfeff}.colour-pastel-blue{background:#abc7d6;color:#161d39}.colour-platinum{background:#e4e8eb;color:#161d39}.colour-sky-white{background:#fbfeff;color:#161d39}.colour-reviewed{background:#c39b00;color:#161d39}.colour-unreviewed{background:silver;color:#161d39}.colour-uniref{background:#f2994c;color:#161d39}.colour-uniparc{background:#88c19d;color:#161d39}.colour-proteomes{background:#e56358;color:#fbfeff}.colour-peptide-search{background:#a748bd;color:#fbfeff}.colour-id-mapping{background:#357b92;color:#fbfeff}.colour-blast{background:#00a6d5;color:#fbfeff}.colour-align{background:#b8ce48;color:#fbfeff}.colour-help-green{background:#28aa50;color:#fbfeff}.svg-colour-reviewed svg{color:#c39b00}.svg-colour-unreviewed svg{color:silver}.colour-warning{background:#fc3}.colour-failure{background:#f36968}.colour-success{background:#108f3b}.colour-info{background:#79cbf8}.colour-coyote-brown{background:#966336}.colour-outer-space{background:#374343}.box-colour{vertical-align:top;display:inline-block;width:9em;height:9em;margin-bottom:4em;font-size:80%}.box-colour:before{content:attr(data-name);color:#161d39;margin-top:10em;display:block;text-align:center}.button{--main-color: var(--main-button-color, #00639a);white-space:nowrap;user-select:none}.button svg{width:.9rem;height:.9rem;margin-top:-0.2rem;margin-right:.5rem;vertical-align:middle;fill:#fbfeff}.button.large-icon svg{width:1.2rem;height:1.2rem;margin-top:-0.2rem;margin-right:.5rem}.button.primary,.button.primary.disabled{background-color:#00639a;background-color:var(--main-color)}.button.primary:hover,.button.primary:focus,.button.primary:focus-within{background-color:#00639a;background-color:var(--main-color);filter:brightness(90%)}.button.secondary,.button.secondary.disabled{color:#00639a;color:var(--main-color);border:.1rem solid currentColor;font-weight:700}.button.secondary svg,.button.secondary.disabled svg{fill:currentColor}.button.tertiary{background:none;color:#00639a;color:var(--main-color);font-weight:bold;padding:0;line-height:1.6;text-align:left}.button.tertiary:hover:disabled{color:#00639a;color:var(--main-color);background-color:#fbfeff}.button.tertiary svg{fill:currentColor}.button.tertiary.tertiary-icon__active svg{fill:#e4e8eb}.button-group{align-items:baseline;margin-bottom:.5rem}.button-group .tertiary{margin-right:1rem}.icon--reviewed{color:#c39b00}.icon--unreviewed{color:silver}.icon--uniparc{color:#88c19d}.icon--reference-proteome{color:#9d4a4d}.icon--redundant-excluded-proteome{color:#8194a1}.icon--community-annotation{color:#00a6d5}html,body{font-family:"Lato",sans-serif;background-color:#fbfeff}@media(min-width: 0){html,body{font-size:12px}}@media(min-width: 640px){html,body{font-size:14px}}@media(min-width: 1024px){html,body{font-size:16px}}h1,h2,h3,h4,h5,h6{font-family:"Source Sans Pro",sans-serif;color:#161d39}.x-huge{font-size:3.052rem;font-weight:700}h1,.huge{font-size:2.441rem;font-weight:600}h2,.big{font-size:1.953rem;font-weight:600}h3,.medium{font-size:1.563rem;font-weight:600}h4,.small{font-size:1.25rem;font-weight:600}h5,.tiny{font-size:1rem;font-weight:600}h6{font-size:1rem;font-weight:400}p{margin-bottom:1.875rem}ul,ol{margin-left:1.25rem}ul.no-bullet,ol.no-bullet{list-style:none;margin-left:0}ul,ol,dl{margin-bottom:1rem;list-style-position:outside;line-height:1.6}ul{list-style-type:disc}a{color:#014371;text-decoration:none;font-weight:600}a:hover{color:#0161a4}.uniprot-grid{display:grid;gap:1rem;grid-template-columns:repeat(12, minmax(0, 1fr))}.uniprot-grid>.uniprot-grid-cell--span-1{grid-column:auto/span 1}.uniprot-grid>.uniprot-grid-cell--span-2{grid-column:auto/span 2}.uniprot-grid>.uniprot-grid-cell--span-3{grid-column:auto/span 3}.uniprot-grid>.uniprot-grid-cell--span-4{grid-column:auto/span 4}.uniprot-grid>.uniprot-grid-cell--span-5{grid-column:auto/span 5}.uniprot-grid>.uniprot-grid-cell--span-6{grid-column:auto/span 6}.uniprot-grid>.uniprot-grid-cell--span-7{grid-column:auto/span 7}.uniprot-grid>.uniprot-grid-cell--span-8{grid-column:auto/span 8}.uniprot-grid>.uniprot-grid-cell--span-9{grid-column:auto/span 9}.uniprot-grid>.uniprot-grid-cell--span-10{grid-column:auto/span 10}.uniprot-grid>.uniprot-grid-cell--span-11{grid-column:auto/span 11}.uniprot-grid>.uniprot-grid-cell--span-12{grid-column:auto/span 12}.uniprot-grid>.uniprot-grid-cell--offset-1{grid-column-start:2}.uniprot-grid>.uniprot-grid-cell--offset-2{grid-column-start:3}.uniprot-grid>.uniprot-grid-cell--offset-3{grid-column-start:4}.uniprot-grid>.uniprot-grid-cell--offset-4{grid-column-start:5}.uniprot-grid>.uniprot-grid-cell--offset-5{grid-column-start:6}.uniprot-grid>.uniprot-grid-cell--offset-6{grid-column-start:7}.uniprot-grid>.uniprot-grid-cell--offset-7{grid-column-start:8}.uniprot-grid>.uniprot-grid-cell--offset-8{grid-column-start:9}.uniprot-grid>.uniprot-grid-cell--offset-9{grid-column-start:10}.uniprot-grid>.uniprot-grid-cell--offset-10{grid-column-start:11}.uniprot-grid>.uniprot-grid-cell--offset-11{grid-column-start:12}.uniprot-grid>.uniprot-grid-cell--offset-12{grid-column-start:13}@media(min-width: 0){.uniprot-grid>.uniprot-grid-cell--small-span-1{grid-column:auto/span 1}.uniprot-grid>.uniprot-grid-cell--small-span-2{grid-column:auto/span 2}.uniprot-grid>.uniprot-grid-cell--small-span-3{grid-column:auto/span 3}.uniprot-grid>.uniprot-grid-cell--small-span-4{grid-column:auto/span 4}.uniprot-grid>.uniprot-grid-cell--small-span-5{grid-column:auto/span 5}.uniprot-grid>.uniprot-grid-cell--small-span-6{grid-column:auto/span 6}.uniprot-grid>.uniprot-grid-cell--small-span-7{grid-column:auto/span 7}.uniprot-grid>.uniprot-grid-cell--small-span-8{grid-column:auto/span 8}.uniprot-grid>.uniprot-grid-cell--small-span-9{grid-column:auto/span 9}.uniprot-grid>.uniprot-grid-cell--small-span-10{grid-column:auto/span 10}.uniprot-grid>.uniprot-grid-cell--small-span-11{grid-column:auto/span 11}.uniprot-grid>.uniprot-grid-cell--small-span-12{grid-column:auto/span 12}.uniprot-grid>.uniprot-grid-cell--small-offset-1{grid-column-start:1}.uniprot-grid>.uniprot-grid-cell--small-offset-2{grid-column-start:2}.uniprot-grid>.uniprot-grid-cell--small-offset-3{grid-column-start:3}.uniprot-grid>.uniprot-grid-cell--small-offset-4{grid-column-start:4}.uniprot-grid>.uniprot-grid-cell--small-offset-5{grid-column-start:5}.uniprot-grid>.uniprot-grid-cell--small-offset-6{grid-column-start:6}.uniprot-grid>.uniprot-grid-cell--small-offset-7{grid-column-start:7}.uniprot-grid>.uniprot-grid-cell--small-offset-8{grid-column-start:8}.uniprot-grid>.uniprot-grid-cell--small-offset-9{grid-column-start:9}.uniprot-grid>.uniprot-grid-cell--small-offset-10{grid-column-start:10}.uniprot-grid>.uniprot-grid-cell--small-offset-11{grid-column-start:11}.uniprot-grid>.uniprot-grid-cell--small-offset-12{grid-column-start:12}}@media(min-width: 640px){.uniprot-grid>.uniprot-grid-cell--medium-span-1{grid-column:auto/span 1}.uniprot-grid>.uniprot-grid-cell--medium-span-2{grid-column:auto/span 2}.uniprot-grid>.uniprot-grid-cell--medium-span-3{grid-column:auto/span 3}.uniprot-grid>.uniprot-grid-cell--medium-span-4{grid-column:auto/span 4}.uniprot-grid>.uniprot-grid-cell--medium-span-5{grid-column:auto/span 5}.uniprot-grid>.uniprot-grid-cell--medium-span-6{grid-column:auto/span 6}.uniprot-grid>.uniprot-grid-cell--medium-span-7{grid-column:auto/span 7}.uniprot-grid>.uniprot-grid-cell--medium-span-8{grid-column:auto/span 8}.uniprot-grid>.uniprot-grid-cell--medium-span-9{grid-column:auto/span 9}.uniprot-grid>.uniprot-grid-cell--medium-span-10{grid-column:auto/span 10}.uniprot-grid>.uniprot-grid-cell--medium-span-11{grid-column:auto/span 11}.uniprot-grid>.uniprot-grid-cell--medium-span-12{grid-column:auto/span 12}.uniprot-grid>.uniprot-grid-cell--medium-offset-1{grid-column-start:1}.uniprot-grid>.uniprot-grid-cell--medium-offset-2{grid-column-start:2}.uniprot-grid>.uniprot-grid-cell--medium-offset-3{grid-column-start:3}.uniprot-grid>.uniprot-grid-cell--medium-offset-4{grid-column-start:4}.uniprot-grid>.uniprot-grid-cell--medium-offset-5{grid-column-start:5}.uniprot-grid>.uniprot-grid-cell--medium-offset-6{grid-column-start:6}.uniprot-grid>.uniprot-grid-cell--medium-offset-7{grid-column-start:7}.uniprot-grid>.uniprot-grid-cell--medium-offset-8{grid-column-start:8}.uniprot-grid>.uniprot-grid-cell--medium-offset-9{grid-column-start:9}.uniprot-grid>.uniprot-grid-cell--medium-offset-10{grid-column-start:10}.uniprot-grid>.uniprot-grid-cell--medium-offset-11{grid-column-start:11}.uniprot-grid>.uniprot-grid-cell--medium-offset-12{grid-column-start:12}}@media(min-width: 1024px){.uniprot-grid>.uniprot-grid-cell--large-span-1{grid-column:auto/span 1}.uniprot-grid>.uniprot-grid-cell--large-span-2{grid-column:auto/span 2}.uniprot-grid>.uniprot-grid-cell--large-span-3{grid-column:auto/span 3}.uniprot-grid>.uniprot-grid-cell--large-span-4{grid-column:auto/span 4}.uniprot-grid>.uniprot-grid-cell--large-span-5{grid-column:auto/span 5}.uniprot-grid>.uniprot-grid-cell--large-span-6{grid-column:auto/span 6}.uniprot-grid>.uniprot-grid-cell--large-span-7{grid-column:auto/span 7}.uniprot-grid>.uniprot-grid-cell--large-span-8{grid-column:auto/span 8}.uniprot-grid>.uniprot-grid-cell--large-span-9{grid-column:auto/span 9}.uniprot-grid>.uniprot-grid-cell--large-span-10{grid-column:auto/span 10}.uniprot-grid>.uniprot-grid-cell--large-span-11{grid-column:auto/span 11}.uniprot-grid>.uniprot-grid-cell--large-span-12{grid-column:auto/span 12}.uniprot-grid>.uniprot-grid-cell--large-offset-1{grid-column-start:1}.uniprot-grid>.uniprot-grid-cell--large-offset-2{grid-column-start:2}.uniprot-grid>.uniprot-grid-cell--large-offset-3{grid-column-start:3}.uniprot-grid>.uniprot-grid-cell--large-offset-4{grid-column-start:4}.uniprot-grid>.uniprot-grid-cell--large-offset-5{grid-column-start:5}.uniprot-grid>.uniprot-grid-cell--large-offset-6{grid-column-start:6}.uniprot-grid>.uniprot-grid-cell--large-offset-7{grid-column-start:7}.uniprot-grid>.uniprot-grid-cell--large-offset-8{grid-column-start:8}.uniprot-grid>.uniprot-grid-cell--large-offset-9{grid-column-start:9}.uniprot-grid>.uniprot-grid-cell--large-offset-10{grid-column-start:10}.uniprot-grid>.uniprot-grid-cell--large-offset-11{grid-column-start:11}.uniprot-grid>.uniprot-grid-cell--large-offset-12{grid-column-start:12}}.uniprot-grid--centered{margin-left:auto;width:min(95vw, 67rem);margin-right:auto}.uniprot-grid--with-bleed{box-shadow:-1rem 0 var(--grid-background),1rem 0 var(--grid-background)}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}mark{font-weight:bold;background-color:rgba(70,214,250,.4)}',"",{version:3,sources:["webpack://./src/styles/_custom-properties.scss","webpack://./src/styles/_mixins.scss","webpack://./node_modules/foundation-sites/scss/vendor/normalize.scss","webpack://./node_modules/foundation-sites/scss/_global.scss","webpack://./src/styles/_settings.scss","webpack://./node_modules/foundation-sites/scss/util/_mixins.scss","webpack://./node_modules/foundation-sites/scss/forms/_text.scss","webpack://./node_modules/foundation-sites/scss/forms/_checkbox.scss","webpack://./node_modules/foundation-sites/scss/forms/_label.scss","webpack://./node_modules/foundation-sites/scss/forms/_help-text.scss","webpack://./node_modules/foundation-sites/scss/forms/_input-group.scss","webpack://./node_modules/foundation-sites/scss/forms/_fieldset.scss","webpack://./node_modules/foundation-sites/scss/forms/_select.scss","webpack://./node_modules/foundation-sites/scss/forms/_error.scss","webpack://./node_modules/foundation-sites/scss/components/_button.scss","webpack://./node_modules/foundation-sites/scss/util/_color.scss","webpack://./node_modules/foundation-sites/scss/components/_button-group.scss","webpack://./node_modules/foundation-sites/scss/util/_breakpoint.scss","webpack://./src/styles/_franklin-reset.scss","webpack://./src/styles/common/_action-bar.scss","webpack://./src/styles/common/_colour-definitions.scss","webpack://./colours.json","webpack://./src/styles/common/_buttons.scss","webpack://./src/styles/common/_icons.scss","webpack://./src/styles/common/_typography.scss","webpack://./src/styles/_franklin-settings.scss","webpack://./src/styles/common/_grid.scss","webpack://./src/styles/common/_utils.scss","webpack://./src/styles/common/_mark.scss"],names:[],mappings:"AAEA,KACE,yBAAA,CCoBE,0BDrBJ,KAII,yBAAA,CAAA,CEHF,2EAAA,CAQA,KACE,gBAAA,CACA,6BAAA,CAQF,KACE,QAAA,CAMF,GACE,aAAA,CACA,cAAA,CASF,GACE,sBAAA,CACA,QAAA,CACA,gBAAA,CAMF,IACE,+BAAA,CACA,aAAA,CAQF,EACE,8BAAA,CAMF,YACE,eAAA,CACA,gCAAA,CAKF,SAEE,kBAAA,CAMF,cAGE,+BAAA,CACA,aAAA,CAKF,MACE,aAAA,CAMF,QAEE,aAAA,CACA,aAAA,CACA,iBAAA,CACA,uBAAA,CAGF,IACE,cAAA,CAGF,IACE,UAAA,CAQF,IACE,iBAAA,CASF,sCAKE,mBAAA,CACA,cAAA,CACA,gBAAA,CACA,QAAA,CAMF,aAEE,gBAAA,CAMF,cAEE,mBAAA,CAKF,gDAIE,yBAAA,CAKF,wHAIE,iBAAA,CACA,SAAA,CAKF,4GAIE,6BAAA,CAKF,SACE,0BAAA,CAQF,OACE,qBAAA,CACA,aAAA,CACA,aAAA,CACA,cAAA,CACA,SAAA,CACA,kBAAA,CAKF,SACE,uBAAA,CAKF,SACE,aAAA,CAMF,6BAEE,qBAAA,CACA,SAAA,CAKF,kFAEE,WAAA,CAMF,cACE,4BAAA,CACA,mBAAA,CAKF,yCACE,uBAAA,CAMF,6BACE,yBAAA,CACA,YAAA,CAQF,QACE,aAAA,CAKF,QACE,iBAAA,CAQF,SACE,YAAA,CAKF,SACE,YAAA,CAQA,oOACE,YAAA,CAKJ,kBACE,0BAAA,CACA,wBAAA,CCxJF,eACE,uEAAA,CAGF,KACE,qBAAA,CACA,cClFe,CDsFjB,qBAGE,kBAAA,CAIF,KACE,QAAA,CACA,SAAA,CAUA,kBC3FI,CD6FJ,kDC1Fe,CD2Ff,kBCtFmB,CDuFnB,eC3GgB,CD4GhB,aCjGI,CDoGF,kCAAA,CACA,iCAAA,CAIJ,IAEE,oBAAA,CACA,qBAAA,CAGA,cAAA,CACA,WAAA,CACA,8BAAA,CAIF,SACE,WAAA,CACA,eAAA,CACA,eC7GY,CDiHd,OACE,qBAAA,CACA,UAAA,CACA,eCpHY,CD2HZ,6GAGE,yBAAA,CAKJ,OAEE,SAAA,CACA,eAAA,CACA,QAAA,CACA,eCxIY,CDyIZ,wBAAA,CACA,aAAA,CACA,WCrImB,CCwGrB,8BACE,SAAA,CFgCF,IACE,aAAA,CACA,gCAAA,CAIF,sCAKE,mBAAA,CAIF,YACE,wBAAA,CAGF,WACE,uBAAA,CGlIF,wMArCA,aAAA,CACA,qBAAA,CACA,UAAA,CACA,gBALS,CAMT,eAAA,CACA,aFqXc,CEnXd,wBFiXa,CEhXb,eFJc,CEKd,wBFfM,CEgBN,4CFiXa,CE/Wb,mBFqWkB,CEpWlB,cFqWgB,CEpWhB,kBFZqB,CEarB,eFjCkB,CEkClB,aFvBM,CE0BJ,uDF2We,CEtVf,eAAA,CAjBF,kSACE,YAAA,CACA,wBFgWiB,CE/VjB,wBFhCI,CEiCJ,0BFiWiB,CE9Vf,uDFgWa,CElVjB,SACE,cAAA,CAEA,eACE,WAAA,CAOF,oEAEE,wBFnEO,CEoEP,kBFmUkB,CE9TtB,4BAEE,eAAA,CACA,eF9DY,CEkEd,mBACE,qBAAA,CAiBF,cACE,aFlGU,CGrEZ,yCAGE,eAAA,CAIF,yCAEE,oBAAA,CACA,uBAAA,CAEA,iBAAA,CACA,iBHiaW,CGhaX,eAAA,CAEA,mDACE,cAAA,CAKJ,yCAEE,kBAAA,CAIF,YACE,UAAA,CCKF,MAlBA,aAAA,CACA,QAAA,CAEA,iBJoaqB,CInarB,kBJ4DqB,CI3DrB,eJoauB,CInavB,aJiDM,CIlCJ,aATF,eAAA,CACA,eJ+BkB,CI9BlB,kBAAA,CClBA,WAGE,kBAFa,CAGb,kBLgaiB,CK/ZjB,iBLgakB,CK/ZlB,aLqDI,CMtDN,aACE,YAAA,CACA,UAAA,CACA,kBN0ZW,CMvZT,mBAAA,CAIA,yEACE,qBAAA,CAKF,uEACE,qBAAA,CAKN,+JACE,QAAA,CACA,kBAAA,CAQF,mBAEE,cAAA,CACA,wBNgYkB,CM/XlB,kBNeS,CMbT,aNgBI,CMfJ,iBAAA,CACA,kBAAA,CAGE,YAAA,CACA,aAAA,CACA,kBAAA,CAQA,+BACE,cAAA,CAGF,8BACE,aAAA,CAKN,mBAEE,eAAA,CAGE,YAAA,CACA,WAAA,CAIJ,oBAEE,aAAA,CACA,gBAAA,CACA,iBAAA,CAGE,YAAA,CACA,aAAA,CAOF,qGAOI,kBAAA,CACA,WAAA,CAKF,aAAA,CACA,gBAAA,CACA,cNwUY,COnahB,SACE,QAAA,CACA,SAAA,CACA,QAAA,CAGF,OACE,cAAA,CACA,mBAAA,CAGF,UAxBA,iBP4ZgB,CO3ZhB,eP0ZiB,COzZjB,wBPwZgB,COtZhB,iBAEE,QAAA,CACA,qBAAA,CACA,kBPqZa,CQhWf,OA/DA,gBAFS,CAGT,eAAA,CACA,aRwbc,CQtbd,eAAA,CACA,wBRmba,CQlbb,eR8Dc,CQ7Dd,wBRmDM,CQjDN,mBRwakB,CQvalB,cRwagB,CQvahB,kBRuDqB,CQtDrB,eRkCkB,CQjClB,aR4CM,CCsEN,uOAAA,CO9GE,6BAAA,CACA,sCAAA,CACA,2BAAA,CACA,uBAAA,CAEA,oBAAA,CAIA,uDRoae,CC7TjB,oCOlEA,OPqEI,sWAAA,CAAA,COtGJ,aACE,YAAA,CACA,wBRyZiB,CQxZjB,wBRyBI,CQxBJ,0BR0ZiB,CQvZf,uDRyZa,CQpZjB,gBACE,wBRWS,CQVT,kBRiZoB,CQ7YtB,mBACE,YAAA,CAGF,iBACE,WAAA,CACA,qBAAA,CAEF,uBACE,aAAA,CACA,gBAAA,CCrCF,8BACE,oBTkMuB,CSjMvB,wBAAA,CAEA,2CACE,aT8LqB,CSpKvB,kBACE,aToKqB,CS/JzB,YAzBA,YAAA,CACA,kBAAA,CACA,kBT6Xa,CS3Xb,gBTsLsB,CSrLtB,gBT6BmB,CS5BnB,aTmLkB,CS7JhB,uBACE,aAAA,CCuPJ,QA1OA,oBAAA,CACA,qBAAA,CACA,iBV8Mc,CUpMZ,iBVmMa,CUhMf,8BA9Dc,CA+Dd,eVvBc,CUwBd,6DViNkB,CUhNlB,mBV4LmB,CU3LnB,eAAA,CAEA,uBAAA,CACA,aAAA,CACA,iBAAA,CACA,cAAA,CT+EA,+BACE,SAAA,CSuIE,aACE,eAFmB,CACrB,cACE,gBAFmB,CACrB,cACE,iBAFmB,CAMvB,iBArNA,aAAA,CACA,UAAA,CACA,cAAA,CACA,aAAA,CAiEF,yIAIE,wBChFgB,CDiFhB,aVzHI,CU4HN,4BACE,wBVuGsB,CUtGtB,aV9HI,CUoHN,iMAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,4CACE,wBAbmB,CAcnB,aAlBQ,CAQV,+MAIE,qBVnIiB,CUoIjB,aAbQ,CAgBV,gDACE,qBAbmB,CAcnB,aAlBQ,CAQV,iMAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,4CACE,wBAbmB,CAcnB,aAlBQ,CAQV,iMAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,4CACE,wBAbmB,CAcnB,aAlBQ,CAQV,mLAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,wCACE,wBAbmB,CAcnB,aAlBQ,CA0BR,oOACE,8BAAA,CAiBJ,0LAIE,wBAAA,CACA,aCrHgB,CDwHlB,0CACE,oBAZY,CAaZ,aAbY,CAGd,kPAIE,wBAAA,CACA,aVxKiB,CU2KnB,0DACE,oBAZY,CAaZ,aAbY,CAGd,gQAIE,qBAAA,CACA,UVxKiB,CU2KnB,8DACE,iBAZY,CAaZ,UAbY,CAGd,kPAIE,wBAAA,CACA,aVxKiB,CU2KnB,0DACE,oBAZY,CAaZ,aAbY,CAGd,kPAIE,wBAAA,CACA,aVxKiB,CU2KnB,0DACE,oBAZY,CAaZ,aAbY,CAGd,oOAIE,wBAAA,CACA,aVxKiB,CU2KnB,sDACE,oBAZY,CAaZ,aAbY,CAqBZ,2NACE,0BAAA,CACA,8BAAA,CAeJ,mLAIE,aCvJgB,CD0JlB,wCACE,aAXY,CAGd,2OAIE,aV1MiB,CU6MnB,wDACE,aAXY,CAGd,yPAIE,UV1MiB,CU6MnB,4DACE,UAXY,CAGd,2OAIE,aV1MiB,CU6MnB,wDACE,aAXY,CAGd,2OAIE,aV1MiB,CU6MnB,wDACE,aAXY,CAGd,6NAIE,aV1MiB,CU6MnB,oDACE,aAXY,CAuHZ,mCAnGF,WVoCwB,CUnCxB,kBAAA,CAYA,wBT7PA,aAAA,CACA,OAAA,CACA,QAAA,CAEA,kBAAA,CACA,iBSoPO,CTlPP,UAAA,CAGE,qBAAA,CACA,gDAAA,CSoPA,iBAAA,CACA,QAAA,CAEA,oBAAA,CACA,WAAA,CACA,eATO,CAuGH,6DACE,wBCvRU,CD4RR,6EACE,wBVhVO,CU+UT,iFACE,qBVhVO,CU+UT,6EACE,wBVhVO,CU+UT,6EACE,wBVhVO,CU+UT,yEACE,wBVhVO,CUwVjB,0BACE,UAAA,CACA,UAAA,CACA,aAAA,CAKF,8BAEE,oBAAA,CElNJ,cAlLA,kBZsSmB,CYnSjB,YAAA,CACA,cAAA,CACA,mBAAA,CACA,WAAA,CX+HF,2CAEE,aAAA,CACA,WAAA,CAGE,YAAA,CACA,OAAA,CAIJ,qBACE,UAAA,CWzIA,2CAEE,YAAA,CAOJ,sBACE,QAAA,CACA,gBZoRkB,CYnRlB,iBZmRkB,CYlRlB,eAAA,CAGE,aAAA,CAGF,iCACE,cAAA,CA2JA,2BACE,eAFmB,CACrB,4BACE,gBAFmB,CACrB,4BACE,iBAFmB,CAvGzB,+BAEI,YAAA,CFgFJ,mSAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,wEACE,wBAbmB,CAcnB,aAlBQ,CAQV,iTAIE,qBVnIiB,CUoIjB,aAbQ,CAgBV,4EACE,qBAbmB,CAcnB,aAlBQ,CAQV,mSAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,wEACE,wBAbmB,CAcnB,aAlBQ,CAQV,mSAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,wEACE,wBAbmB,CAcnB,aAlBQ,CAQV,qRAIE,wBVnIiB,CUoIjB,aAbQ,CAgBV,oEACE,wBAbmB,CAcnB,aAlBQ,CA0BR,kWACE,8BAAA,CAiBJ,4RAIE,wBAAA,CACA,aCrHgB,CDwHlB,sEACE,oBAZY,CAaZ,aAbY,CAGd,wqBAIE,wBAAA,CACA,aVxKiB,CU2KnB,4KACE,oBAZY,CAaZ,aAbY,CAGd,osBAIE,qBAAA,CACA,UVxKiB,CU2KnB,oLACE,iBAZY,CAaZ,UAbY,CAGd,wqBAIE,wBAAA,CACA,aVxKiB,CU2KnB,4KACE,oBAZY,CAaZ,aAbY,CAGd,wqBAIE,wBAAA,CACA,aVxKiB,CU2KnB,4KACE,oBAZY,CAaZ,aAbY,CAGd,4oBAIE,wBAAA,CACA,aVxKiB,CU2KnB,oKACE,oBAZY,CAaZ,aAbY,CAqBZ,yVACE,0BAAA,CACA,8BAAA,CAeJ,qRAIE,aCvJgB,CD0JlB,oEACE,aAXY,CAGd,0pBAIE,aV1MiB,CU6MnB,wKACE,aAXY,CAGd,srBAIE,UV1MiB,CU6MnB,gLACE,UAXY,CAGd,0pBAIE,aV1MiB,CU6MnB,wKACE,aAXY,CAGd,0pBAIE,aV1MiB,CU6MnB,wKACE,aAXY,CAGd,8nBAIE,aV1MiB,CU6MnB,gKACE,aAXY,CEhLd,8BACE,sBAAA,CAEA,sCACE,+BAAA,CA0KF,uFAhHA,cAAA,CAGF,+GAEI,aAAA,CAMF,gJACE,eAAA,CAhDJ,0IAEI,YAAA,CC8DE,0CDQN,wCAEI,aAAA,CAKF,eAAA,CAAA,CCfI,0CDQN,yCAEI,aAAA,CAKF,eAAA,CAAA,CCfI,gDD0GJ,yCAEI,aAAA,CAEA,iDACE,aAAA,CACA,cAAA,CAAA,CChHF,gDDqHJ,0CAEI,aAAA,CAEA,kDACE,aAAA,CACA,cAAA,CAAA,CE7SV,KACE,qBAAA,CAEF,mBAGE,QAAA,CACA,SAAA,CACA,kBAAA,CAGF,EACE,kCAAA,CACA,iCAAA,CAGF,oEAmBE,QAAA,CACA,SAAA,CAIF,OACE,eAAA,CACA,oBAAA,CACA,uBAAA,CC5CF,YACE,YAAA,CACA,wBAAA,CCCF,sBACE,kBCJc,CDKd,aCKU,CDHZ,iBACE,kBCPS,CDQT,aCCU,CDCZ,uBACE,kBCVe,CDWf,aCHU,CDKZ,yBACE,kBCbiB,CDcjB,aCZa,CDcf,qBACE,kBChBa,CDiBb,aChBa,CDoBf,qBACE,kBCrBa,CDsBb,aCjBU,CDmBZ,qBACE,kBCxBa,CDyBb,aCrBU,CDuBZ,oBACE,kBC3BY,CD4BZ,aCzBU,CD2BZ,oBACE,kBC9BY,CD+BZ,aClCa,CDoCf,iBACE,kBCjCS,CDkCT,aCtCa,CDwCf,kBACE,kBCpCU,CDqCV,aC1Ca,CD6Cf,iBACE,kBCvCS,CDwCT,aC/Ca,CDiDf,mBACE,iBC1CW,CD2CX,aCnDa,CDsDf,eACE,kBC9CO,CD+CP,aCxDa,CD0Df,gBACE,kBCjDQ,CDkDR,aC5Da,CD8Df,kBACE,kBCpDU,CDqDV,aC3DU,CD6DZ,uBACE,kBCtDe,CDuDf,aC/DU,CDiEZ,mBACE,kBCzDW,CD0DX,aCnEU,CDqEZ,cACE,kBC5DM,CD6DN,aCvEU,CDyEZ,cACE,kBC/DM,CDgEN,aC3EU,CD+EZ,mBACE,kBChEW,CDiEX,aCjFU,CDqFZ,yBACE,aCpFS,CDsFX,2BACE,YCtFW,CD0Fb,gBACE,eClFQ,CDoFV,gBACE,kBCpFQ,CDsFV,gBACE,kBCtFQ,CDwFV,aACE,kBCxFK,CD4FP,qBACE,kBC3Fa,CD6Ff,oBACE,kBC7FY,CDgGd,YACE,kBAAA,CACA,oBAAA,CACA,SAAA,CACA,UAAA,CACA,iBAAA,CACA,ahBoDgB,CgBnDhB,mBACE,uBAAA,CACA,aChIW,CDiIX,eAAA,CACA,aAAA,CACA,iBAAA,CErIJ,QACE,+CAAA,CACA,kBAAA,CAEA,gBAAA,CAEA,YACE,WAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,qBAAA,CACA,YDLQ,CCQV,uBACE,YAAA,CACA,aAAA,CACA,kBAAA,CACA,kBAAA,CAIA,yCAEE,wBD3BK,CC4BL,kCAAA,CAGF,yEAGE,wBDlCK,CCmCL,kCAAA,CACA,sBAAA,CAKF,6CAEE,aD3CK,CC4CL,uBAAA,CACA,+BAAA,CACA,eAAA,CAEA,qDACE,iBAAA,CAKN,iBACE,eAAA,CACA,aDxDO,CCyDP,uBAAA,CACA,gBlB+BiB,CkB9BjB,SAAA,CACA,eAAA,CACA,eAAA,CAEA,gCACE,aDhEK,CCiEL,uBAAA,CACA,wBDzDM,CC4DR,qBACE,iBAAA,CAIA,2CACE,YDnEG,CC0EX,cACE,oBAAA,CACA,mBAAA,CAEA,wBACE,iBAAA,CCpFF,gBACE,aFOO,CELT,kBACE,YFKS,CEHX,eACE,aFIM,CEFR,0BACE,aFGiB,CEDnB,mCACE,aFVU,CEYZ,4BACE,aFlBa,CGEjB,UAEE,6BCLkB,CDMlB,wBHGU,CpBaR,qBuBnBJ,UAMI,cCLc,CAAA,CxBkBd,yBuBnBJ,UAUI,cCRe,CAAA,CxBiBf,0BuBnBJ,UAcI,cCXc,CAAA,CDgBlB,kBAME,wCC3BqB,CD4BrB,aHzBa,CG+Bf,QACE,kBAAA,CACA,eCvBoB,CD0BtB,SAEE,kBAAA,CACA,eC9ByB,CDgC3B,QAEE,kBAAA,CACA,eCnCyB,CDqC3B,WAEE,kBAAA,CACA,eCxCyB,CD0C3B,UAEE,iBAAA,CACA,eC7CyB,CD+C3B,SAEE,cAAA,CACA,eClDyB,CDqD3B,GACE,cAAA,CACA,eCxDuB,CD2DzB,EACE,sBAAA,CAGF,MAEE,mBAAA,CAGF,0BAEE,eAAA,CACA,aAAA,CAGF,SAGE,kBAAA,CACA,2BAAA,CACA,eAAA,CAGF,GACE,oBAAA,CAGF,EACE,aHpGc,CGqGd,oBAAA,CACA,eCxFyB,CDyFzB,QACE,aAAA,CE5FJ,cACE,YAAA,CACA,QATI,CAUJ,gDAAA,CAII,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,yCACE,uBAAA,CADF,0CACE,wBAAA,CADF,0CACE,wBAAA,CADF,0CACE,wBAAA,CAKF,2CACE,mBAAA,CADF,2CACE,mBAAA,CADF,2CACE,mBAAA,CADF,2CACE,mBAAA,CADF,2CACE,mBAAA,CADF,2CACE,mBAAA,CADF,2CACE,mBAAA,CADF,2CACE,mBAAA,CADF,2CACE,oBAAA,CADF,4CACE,oBAAA,CADF,4CACE,oBAAA,CADF,4CACE,oBAAA,CzBHJ,qByBYM,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,gDACE,wBAAA,CADF,gDACE,wBAAA,CADF,gDACE,wBAAA,CAKF,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,kDACE,oBAFS,CACX,kDACE,oBAFS,CACX,kDACE,oBAFS,CAAA,CzBjBjB,yByBYM,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,gDACE,uBAAA,CADF,iDACE,wBAAA,CADF,iDACE,wBAAA,CADF,iDACE,wBAAA,CAKF,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,kDACE,mBAFS,CACX,mDACE,oBAFS,CACX,mDACE,oBAFS,CACX,mDACE,oBAFS,CAAA,CzBjBjB,0ByBYM,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,+CACE,uBAAA,CADF,gDACE,wBAAA,CADF,gDACE,wBAAA,CADF,gDACE,wBAAA,CAKF,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,iDACE,mBAFS,CACX,kDACE,oBAFS,CACX,kDACE,oBAFS,CACX,kDACE,oBAFS,CAAA,CAUrB,wBACE,gBAAA,CACA,sBAAA,CACA,iBAAA,CAGF,0BACE,uEAAA,CC7BF,0CACE,kBAAA,CACA,oBAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CACA,kBAAA,CACA,SAAA,CCjCF,KACE,gBAAA,CACA,oCAAA",sourcesContent:["@import 'mixins';\n\nhtml {\n --top-header-margin: 55px;\n\n @include fs-breakpoints('large') {\n --top-header-margin: 70px;\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",'// sass-lint:disable no-vendor-prefixes\n\n@mixin foundation-normalize() {\n /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */\n\n // Document\n // ==========================================================================\n\n // 1. Correct the line height in all browsers.\n // 2. Prevent adjustments of font size after orientation changes in iOS.\n\n html {\n line-height: 1.15; // 1\n -webkit-text-size-adjust: 100%; // 2\n }\n\n // Sections\n // ==========================================================================\n\n // Remove the margin in all browsers.\n\n body {\n margin: 0;\n }\n\n // Correct the font size and margin on `h1` elements within `section` and\n // `article` contexts in Chrome, Firefox, and Safari.\n\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n\n // Grouping content\n // ==========================================================================\n\n // 1. Add the correct box sizing in Firefox.\n // 2. Show the overflow in Edge and IE.\n\n hr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n }\n\n // 1. Correct the inheritance and scaling of font size in all browsers.\n // 2. Correct the odd `em` font sizing in all browsers.\n\n pre {\n font-family: monospace, monospace; // 1\n font-size: 1em; // 2\n }\n\n // Text-level semantics\n // ==========================================================================\n\n // Remove the gray background on active links in IE 10.\n\n a {\n background-color: transparent;\n }\n\n // 1. Remove the bottom border in Chrome 57-\n // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n\n abbr[title] {\n border-bottom: 0; // 1\n text-decoration: underline dotted; // 2\n }\n\n // Add the correct font weight in Chrome, Edge, and Safari.\n\n b,\n strong {\n font-weight: bolder;\n }\n\n // 1. Correct the inheritance and scaling of font size in all browsers.\n // 2. Correct the odd `em` font sizing in all browsers.\n\n code,\n kbd,\n samp {\n font-family: monospace, monospace; // 1\n font-size: 1em; // 2\n }\n\n // Add the correct font size in all browsers.\n\n small {\n font-size: 80%;\n }\n\n // Prevent `sub` and `sup` elements from affecting the line height in\n // all browsers.\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n // Embedded content\n // ==========================================================================\n\n // Remove the border on images inside links in IE 10.\n\n img {\n border-style: none;\n }\n\n // Forms\n // ==========================================================================\n\n // 1. Change the font styles in all browsers.\n // 2. Remove the margin in Firefox and Safari.\n\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit; // 1\n font-size: 100%; // 1\n line-height: 1.15; // 1\n margin: 0; // 2\n }\n\n // Show the overflow in IE.\n // 1. Show the overflow in Edge.\n\n button,\n input { // 1\n overflow: visible;\n }\n\n // Remove the inheritance of text transform in Edge, Firefox, and IE.\n // 1. Remove the inheritance of text transform in Firefox.\n\n button,\n select { // 1\n text-transform: none;\n }\n\n // Correct the inability to style clickable types in iOS and Safari.\n\n button,\n [type="button"],\n [type="reset"],\n [type="submit"] {\n -webkit-appearance: button;\n }\n\n // Remove the inner border and padding in Firefox.\n\n button::-moz-focus-inner,\n [type="button"]::-moz-focus-inner,\n [type="reset"]::-moz-focus-inner,\n [type="submit"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n\n // Restore the focus styles unset by the previous rule.\n\n button:-moz-focusring,\n [type="button"]:-moz-focusring,\n [type="reset"]:-moz-focusring,\n [type="submit"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n\n // Correct the padding in Firefox.\n\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n\n // 1. Correct the text wrapping in Edge and IE.\n // 2. Correct the color inheritance from `fieldset` elements in IE.\n // 3. Remove the padding so developers are not caught out when they zero out\n // `fieldset` elements in all browsers.\n\n legend {\n box-sizing: border-box; // 1\n color: inherit; // 2\n display: table; // 1\n max-width: 100%; // 1\n padding: 0; // 3\n white-space: normal; // 1\n }\n\n // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n\n progress {\n vertical-align: baseline;\n }\n\n // Remove the default vertical scrollbar in IE 10+.\n\n textarea {\n overflow: auto;\n }\n\n // 1. Add the correct box sizing in IE 10.\n // 2. Remove the padding in IE 10.\n\n [type="checkbox"],\n [type="radio"] {\n box-sizing: border-box; // 1\n padding: 0; // 2\n }\n\n // Correct the cursor style of increment and decrement buttons in Chrome.\n\n [type="number"]::-webkit-inner-spin-button,\n [type="number"]::-webkit-outer-spin-button {\n height: auto;\n }\n\n // 1. Correct the odd appearance in Chrome and Safari.\n // 2. Correct the outline style in Safari.\n\n [type="search"] {\n -webkit-appearance: textfield; // 1\n outline-offset: -2px; // 2\n }\n\n // Remove the inner padding in Chrome and Safari on macOS.\n\n [type="search"]::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n // 1. Correct the inability to style clickable types in iOS and Safari.\n // 2. Change font properties to `inherit` in Safari.\n\n ::-webkit-file-upload-button {\n -webkit-appearance: button; // 1\n font: inherit; // 2\n }\n\n // Interactive\n // ==========================================================================\n\n // Add the correct display in Edge, IE 10+, and Firefox.\n\n details {\n display: block;\n }\n\n // Add the correct display in all browsers.\n\n summary {\n display: list-item;\n }\n\n // Misc\n // ==========================================================================\n\n // Add the correct display in IE 10+.\n\n template {\n display: none;\n }\n\n // Add the correct display in IE 10.\n\n [hidden] {\n display: none;\n }\n\n // Disable outline when intent is clearly mouse and touch\n [data-whatintent="mouse"],\n [data-whatintent="touch"],\n [data-whatinput="mouse"],\n [data-whatinput="touch"] {\n *, *:focus {\n outline: none;\n }\n }\n\n // Disable iOS callouts when draggable is false\n [draggable=false] {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n }\n}\n','// Foundation for Sites\n// https://get.foundation\n// Licensed under MIT Open Source\n\n// sass-lint:disable no-color-literals, no-qualifying-elements\n\n////\n/// @group global\n////\n\n@import \'util/util\';\n\n/// Font size attribute applied to `` and ``. We use 100% by default so the value is inherited from the user\'s browser settings.\n/// @type Number\n$global-font-size: 100% !default;\n\n/// Global width of your site. Used by the grid to determine row width.\n/// @type Number\n$global-width: rem-calc(1200) !default;\n\n/// Default line height for all type. `$global-lineheight` is 24px while `$global-font-size` is 16px\n/// @type Number\n$global-lineheight: 1.5 !default;\n\n/// Colors used for buttons, callouts, links, etc. There must always be a color called `primary`.\n/// @type Map\n$foundation-palette: (\n "primary": #1779ba,\n "secondary": #767676,\n "success": #3adb76,\n "warning": #ffae00,\n "alert": #cc4b37,\n) !default;\n\n/// Color used for light gray UI items.\n/// @type Color\n$light-gray: #e6e6e6 !default;\n\n/// Color used for medium gray UI items.\n/// @type Color\n$medium-gray: #cacaca !default;\n\n/// Color used for dark gray UI items.\n/// @type Color\n$dark-gray: #8a8a8a !default;\n\n/// Color used for black ui items.\n/// @type Color\n$black: #0a0a0a !default;\n\n/// Color used for white ui items.\n/// @type Color\n$white: #fefefe !default;\n\n/// Background color of the body.\n/// @type Color\n$body-background: $white !default;\n\n/// Text color of the body.\n/// @type Color\n$body-font-color: $black !default;\n\n/// Font stack of the body.\n/// @type List\n$body-font-family: \'Helvetica Neue\', Helvetica, Roboto, Arial, sans-serif !default;\n\n/// Set to `true` to enable safe padding on the body for non-rectangular devices (i.e. phones with notches)\n/// @type Boolean\n$body-safe-padding: false !default;\n\n/// Set to `true` to enable antialiased type, using the `-webkit-font-smoothing` and `-moz-osx-font-smoothing` CSS properties.\n/// @type Boolean\n$body-antialiased: true !default;\n\n/// Global value used for margin on components.\n/// @type Number\n$global-margin: 1rem !default;\n\n/// Global value used for padding on components.\n/// @type Number\n$global-padding: 1rem !default;\n\n/// Global value used for positioning on components.\n/// @type Number\n$global-position: 1rem !default;\n\n/// Global font weight used for normal type.\n/// @type Keyword | Number\n$global-weight-normal: normal !default;\n\n/// Global font weight used for bold type.\n/// @type Keyword | Number\n$global-weight-bold: bold !default;\n\n/// Global value used for all elements that have a border radius.\n/// @type Number\n$global-radius: 0 !default;\n\n/// Global value used for all menu styles. Can be overwritten at individual menu component level.\n/// @type Number\n$global-menu-padding: 0.7rem 1rem !default;\n\n/// Global value used for all menu styles. Nested margin for submenu.\n$global-menu-nested-margin: 1rem !default;\n\n/// Sets the text direction of the CSS. Can be either `ltr` or `rtl`.\n/// @type Keyword\n$global-text-direction: ltr !default;\n\n/// Enables flexbox for components that support it.\n/// @type Boolean\n$global-flexbox: true !default;\n\n/// Enabled responsive breakpoints for prototypes if applicable\n/// @type Boolean\n$global-prototype-breakpoints: false !default;\n\n/// Button cursor\'s value, `auto` by default\n/// @type Keyword\n$global-button-cursor: auto !default;\n\n@if not map-has-key($foundation-palette, primary) {\n @error \'In $foundation-palette, you must have a color named "primary".\';\n}\n\n// Internal variables used for text direction\n$global-left: if($global-text-direction == rtl, right, left);\n$global-right: if($global-text-direction == rtl, left, right);\n\n// Internal variable that contains the flex justifying options\n$-zf-flex-justify: -zf-flex-justify($global-text-direction);\n\n/// Global tolerance for color pick contrast.\n/// @type Number\n$global-color-pick-contrast-tolerance: 0 !default;\n\n// Internal variables used for colors\n@include add-foundation-colors;\n\n@mixin foundation-global-styles {\n @include foundation-normalize;\n\n // These styles are applied to a tag, which is read by the Foundation JavaScript\n .foundation-mq {\n font-family: \'#{-zf-bp-serialize($breakpoints)}\';\n }\n\n html {\n box-sizing: border-box;\n font-size: $global-font-size;\n }\n\n // Set box-sizing globally to handle padding and border widths\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n\n // Default body styles\n body {\n margin: 0;\n padding: 0;\n\n @if ($body-safe-padding) {\n // using environment variables to account for non-rectangular displays e.g. phones with notches\n padding-top: env(safe-area-inset-top);\n padding-right: env(safe-area-inset-right);\n padding-bottom: env(safe-area-inset-bottom);\n padding-left: env(safe-area-inset-left);\n }\n\n background: $body-background;\n\n font-family: $body-font-family;\n font-weight: $global-weight-normal;\n line-height: $global-lineheight;\n color: $body-font-color;\n\n @if ($body-antialiased) {\n -webkit-font-smoothing: antialiased; // sass-lint:disable-line no-vendor-prefixes\n -moz-osx-font-smoothing: grayscale; // sass-lint:disable-line no-vendor-prefixes\n }\n }\n\n img {\n // Get rid of gap under images by making them display: inline-block; by default\n display: inline-block;\n vertical-align: middle;\n\n // Grid defaults to get images and embeds to work properly\n max-width: 100%;\n height: auto;\n -ms-interpolation-mode: bicubic;\n }\n\n // Make sure textarea takes on height automatically\n textarea {\n height: auto;\n min-height: 50px;\n border-radius: $global-radius;\n }\n\n // Make select elements are 100% width by default\n select {\n box-sizing: border-box;\n width: 100%;\n border-radius: $global-radius;\n }\n\n // Styles Google Maps and MapQuest embeds properly\n // sass-lint:disable-line no-ids\n .map_canvas,\n .mqa-display {\n img,\n embed,\n object {\n max-width: none !important;\n }\n }\n\n // Reset