@openedx/paragon 22.0.0 → 22.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Form/FormAutosuggest.js +1 -1
- package/dist/Form/FormAutosuggest.js.map +1 -1
- package/dist/Modal/ModalDialog.js +8 -4
- package/dist/Modal/ModalDialog.js.map +1 -1
- package/dist/Modal/_ModalDialog.scss +10 -0
- package/dist/paragon.css +1 -1
- package/package.json +1 -1
- package/src/Form/FormAutosuggest.jsx +1 -1
- package/src/Modal/ModalDialog.jsx +5 -0
- package/src/Modal/_ModalDialog.scss +10 -0
|
@@ -123,7 +123,7 @@ var FormAutosuggest = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
123
123
|
rest = _objectWithoutProperties(_child$props, _excluded2);
|
|
124
124
|
var menuItemId = (_child$props$id = child.props.id) !== null && _child$props$id !== void 0 ? _child$props$id : uuidv4();
|
|
125
125
|
return /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, rest), {}, {
|
|
126
|
-
|
|
126
|
+
children: childChildren,
|
|
127
127
|
'data-value': childChildren,
|
|
128
128
|
onClick: function onClick(e) {
|
|
129
129
|
return handleItemSelect(e, _onClick);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormAutosuggest.js","names":["React","useEffect","useState","useRef","forwardRef","useImperativeHandle","PropTypes","v4","uuidv4","useIntl","requiredWhen","KeyboardArrowUp","KeyboardArrowDown","Icon","FormGroupContextProvider","useFormGroupContext","FormControl","FormControlFeedback","IconButton","Spinner","useArrowKeyNavigation","messages","FormAutosuggest","_ref","ref","children","arrowKeyNavigationSelector","ignoredArrowKeysNames","screenReaderText","value","isLoading","isValueRequired","valueRequiredErrorMessageText","isSelectionRequired","selectionRequiredErrorMessageText","hasCustomError","customErrorMessageText","onChange","helpMessage","props","_objectWithoutProperties","_excluded","intl","formControlRef","parentRef","selectors","ignoredKeys","_useState","_useState2","_slicedToArray","isDropdownExpanded","setIsDropdownExpanded","_useState3","_useState4","isActive","setIsActive","_useState5","_useState6","hasValue","setHasValue","_useState7","_useState8","hasSelection","setHasSelection","_useState9","userProvidedText","_useState10","displayValue","setDisplayValue","_useState11","_useState12","dropdownItems","setDropdownItems","_useState13","_useState14","activeMenuItemId","setActiveMenuItemId","_useState15","_useState16","isValid","setIsValid","_useState17","_useState18","errorMessage","setErrorMessage","handleMenuItemFocus","menuItemId","collapseDropdown","handleItemSelect","e","onClick","selectedValue","currentTarget","getAttribute","selectedId","id","selectionValue","selectionId","getItems","strToFind","arguments","length","undefined","childrenOpt","Children","map","child","_child$props$id","_child$props","childChildren","rest","_excluded2","cloneElement","_objectSpread","onFocus","filter","opt","toLowerCase","includes","expandDropdown","toggleDropdown","iconToggle","createElement","className","tabIndex","src","iconAs","size","variant","alt","formatMessage","iconButtonClosed","iconButtonOpened","enterControl","updateErrorStateAndErrorMessage","leaveControl","keyDownHandler","key","preventDefault","current","focus","handleDocumentClick","contains","target","document","addEventListener","removeEventListener","_value$userProvidedTe","handleTextboxClick","handleTextInput","filteredItems","matchingDropdownItem","find","o","_useFormGroupContext","getControlProps","controlProps","concat","controlId","isInvalid","_extends","toString","role","autoComplete","trailingElement","type","name","animation","defaultProps","floatingLabel","placeholder","readOnly","propTypes","string","arrayOf","bool","func","shape","node"],"sources":["../../src/Form/FormAutosuggest.jsx"],"sourcesContent":["import React, {\n useEffect, useState, useRef, forwardRef, useImperativeHandle,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { v4 as uuidv4 } from 'uuid';\nimport { useIntl } from 'react-intl';\nimport { requiredWhen } from '../utils/propTypes';\nimport { KeyboardArrowUp, KeyboardArrowDown } from '../../icons';\nimport Icon from '../Icon';\nimport { FormGroupContextProvider, useFormGroupContext } from './FormGroupContext';\nimport FormControl from './FormControl';\nimport FormControlFeedback from './FormControlFeedback';\nimport IconButton from '../IconButton';\nimport Spinner from '../Spinner';\nimport useArrowKeyNavigation from '../hooks/useArrowKeyNavigation';\nimport messages from './messages';\n\nconst FormAutosuggest = forwardRef(\n (\n {\n children,\n arrowKeyNavigationSelector,\n ignoredArrowKeysNames,\n screenReaderText,\n value,\n isLoading,\n isValueRequired,\n valueRequiredErrorMessageText,\n isSelectionRequired,\n selectionRequiredErrorMessageText,\n hasCustomError,\n customErrorMessageText,\n onChange,\n helpMessage,\n ...props\n },\n ref,\n ) => {\n const intl = useIntl();\n const formControlRef = useRef();\n const parentRef = useArrowKeyNavigation({\n selectors: arrowKeyNavigationSelector,\n ignoredKeys: ignoredArrowKeysNames,\n });\n const [isDropdownExpanded, setIsDropdownExpanded] = useState(false);\n const [isActive, setIsActive] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n const [hasSelection, setHasSelection] = useState(false);\n const [displayValue, setDisplayValue] = useState(value?.userProvidedText || '');\n const [dropdownItems, setDropdownItems] = useState([]);\n const [activeMenuItemId, setActiveMenuItemId] = useState(null);\n const [isValid, setIsValid] = useState(true);\n const [errorMessage, setErrorMessage] = useState('');\n\n const handleMenuItemFocus = (menuItemId) => {\n setActiveMenuItemId(menuItemId);\n };\n\n const collapseDropdown = () => {\n setDropdownItems([]);\n setIsDropdownExpanded(false);\n setActiveMenuItemId(null);\n };\n\n const handleItemSelect = (e, onClick) => {\n const selectedValue = e.currentTarget.getAttribute('data-value');\n const selectedId = e.currentTarget.id;\n\n setHasValue(true);\n setHasSelection(true);\n setDisplayValue(selectedValue);\n\n if (onChange && (!value || (value && selectedValue !== value.selectionValue))) {\n onChange({\n userProvidedText: selectedValue,\n selectionValue: selectedValue,\n selectionId: selectedId,\n });\n }\n\n collapseDropdown();\n\n if (onClick) {\n onClick(e);\n }\n };\n\n function getItems(strToFind = '') {\n let childrenOpt = React.Children.map(children, (child) => {\n const { children: childChildren, onClick, ...rest } = child.props;\n const menuItemId = child.props.id ?? uuidv4();\n\n return React.cloneElement(child, {\n ...rest,\n childChildren,\n 'data-value': childChildren,\n onClick: (e) => handleItemSelect(e, onClick),\n id: menuItemId,\n onFocus: () => handleMenuItemFocus(menuItemId),\n });\n });\n\n if (strToFind.length > 0) {\n childrenOpt = childrenOpt\n .filter((opt) => (opt.props.children.toLowerCase().includes(strToFind.toLowerCase())));\n }\n\n return childrenOpt;\n }\n\n const expandDropdown = () => {\n setDropdownItems(getItems(displayValue));\n setIsValid(true);\n setErrorMessage('');\n setIsDropdownExpanded(true);\n };\n\n const toggleDropdown = () => {\n if (isDropdownExpanded) {\n collapseDropdown();\n } else {\n expandDropdown();\n }\n };\n\n const iconToggle = (\n <IconButton\n className=\"pgn__form-autosuggest__icon-button\"\n data-testid=\"autosuggest-iconbutton\"\n tabIndex=\"-1\"\n src={isDropdownExpanded ? KeyboardArrowUp : KeyboardArrowDown}\n iconAs={Icon}\n size=\"sm\"\n variant=\"secondary\"\n alt={isDropdownExpanded\n ? intl.formatMessage(messages.iconButtonClosed)\n : intl.formatMessage(messages.iconButtonOpened)}\n onClick={toggleDropdown}\n />\n );\n\n const enterControl = () => {\n setIsActive(true);\n };\n\n const updateErrorStateAndErrorMessage = () => {\n if (hasCustomError) {\n setIsValid(false);\n setErrorMessage(customErrorMessageText);\n return;\n }\n\n if (isValueRequired && !hasValue) {\n setIsValid(false);\n setErrorMessage(valueRequiredErrorMessageText);\n return;\n }\n\n if (hasValue && isSelectionRequired && !hasSelection) {\n setIsValid(false);\n setErrorMessage(selectionRequiredErrorMessageText);\n return;\n }\n\n setIsValid(true);\n setErrorMessage('');\n };\n\n useImperativeHandle(ref, () => ({\n // expose updateErrorStateAndErrorMessage so consumers can trigger validation\n // when changing the value of the control externally\n updateErrorStateAndErrorMessage,\n }));\n\n const leaveControl = () => {\n setIsActive(false);\n collapseDropdown();\n updateErrorStateAndErrorMessage();\n };\n\n const keyDownHandler = e => {\n if (!isActive) {\n return;\n }\n\n if (e.key === 'Escape') {\n e.preventDefault();\n\n if (formControlRef) {\n formControlRef.current.focus();\n }\n\n collapseDropdown();\n return;\n }\n\n if (e.key === 'Tab') {\n leaveControl();\n }\n };\n\n const handleDocumentClick = (e) => {\n if (parentRef.current && !parentRef.current.contains(e.target) && isActive) {\n leaveControl();\n }\n };\n\n useEffect(() => {\n document.addEventListener('keydown', keyDownHandler);\n document.addEventListener('click', handleDocumentClick, true);\n\n return () => {\n document.removeEventListener('click', handleDocumentClick, true);\n document.removeEventListener('keydown', keyDownHandler);\n };\n });\n\n useEffect(() => {\n setDisplayValue(value ? value.userProvidedText ?? '' : '');\n setHasValue(!!value && !!value.userProvidedText);\n setHasSelection(!!value && !!value.selectionValue);\n }, [value]);\n\n const handleTextboxClick = () => {\n expandDropdown();\n };\n\n const handleTextInput = (e) => {\n const userProvidedText = e.target.value;\n\n // If the user has removed all text from the textbox\n if (!userProvidedText.length) {\n // reset to a \"no text, nothing selected\" state\n setDisplayValue('');\n setHasValue(false);\n setHasSelection(false);\n\n // clear and close the dropdown\n setDropdownItems([]);\n collapseDropdown();\n\n // if the consumer has provided an onChange handler\n if (onChange) {\n // send a default empty object\n onChange({\n userProvidedText: '',\n selectionValue: '',\n selectionId: '',\n });\n }\n return;\n }\n\n // the user has entered text, we have a value\n setHasValue(true);\n\n // filter dropdown based on entered text\n const filteredItems = getItems(userProvidedText);\n setDropdownItems(filteredItems);\n\n // check for matches in the dropdown\n const matchingDropdownItem = filteredItems.find((o) => (\n o.props.children.toLowerCase() === userProvidedText.toLowerCase()\n ));\n\n // if we didn't find a match\n if (!matchingDropdownItem) {\n // no match means no selection\n setHasSelection(false);\n\n // set the text in the state\n setDisplayValue(userProvidedText);\n\n // if the consumer has provided an onChange handler\n if (onChange) {\n // send an object with the user provided text only\n onChange({\n userProvidedText,\n selectionValue: '',\n selectionId: '',\n });\n }\n return;\n }\n\n // we found a match, we have a selection!\n setHasSelection(true);\n\n // set the display value based on the item in the dropdown\n // this matters because we match case insensitively\n setDisplayValue(matchingDropdownItem.props.children);\n\n // if the consumer has provided an onChange handler\n if (onChange) {\n // send an object with the selected item values\n onChange({\n userProvidedText: matchingDropdownItem.props.children,\n selectionValue: matchingDropdownItem.props.children,\n selectionId: matchingDropdownItem.props.id,\n });\n }\n };\n\n const { getControlProps } = useFormGroupContext();\n const controlProps = getControlProps(props);\n\n return (\n <div className=\"pgn__form-autosuggest__wrapper\" ref={parentRef} onFocus={enterControl}>\n <div aria-live=\"assertive\" className=\"sr-only\" data-testid=\"autosuggest-screen-reader-options-count\">\n {`${dropdownItems.length} options found`}\n </div>\n <FormGroupContextProvider\n controlId={controlProps.id}\n isInvalid={!isValid}\n >\n <FormControl\n ref={formControlRef}\n aria-expanded={(dropdownItems.length > 0).toString()}\n aria-owns=\"pgn__form-autosuggest__dropdown-box\"\n role=\"combobox\"\n aria-autocomplete=\"list\"\n autoComplete=\"off\"\n value={displayValue}\n aria-invalid={errorMessage}\n aria-activedescendant={activeMenuItemId}\n onChange={handleTextInput}\n onClick={handleTextboxClick}\n trailingElement={iconToggle}\n data-testid=\"autosuggest-textbox-input\"\n {...controlProps}\n />\n\n {helpMessage && isValid && (\n <FormControlFeedback type=\"default\">\n {helpMessage}\n </FormControlFeedback>\n )}\n\n {!isValid && (\n <FormControlFeedback type=\"invalid\" feedback-for={controlProps.name}>\n {errorMessage}\n </FormControlFeedback>\n )}\n </FormGroupContextProvider>\n <ul\n id=\"pgn__form-autosuggest__dropdown-box\"\n className=\"pgn__form-autosuggest__dropdown\"\n role=\"listbox\"\n >\n {isLoading ? (\n <div className=\"pgn__form-autosuggest__dropdown-loading\">\n <Spinner\n animation=\"border\"\n variant=\"dark\"\n screenReaderText={screenReaderText}\n data-testid=\"autosuggest-loading-spinner\"\n />\n </div>\n ) : dropdownItems.length > 0 && dropdownItems}\n </ul>\n </div>\n );\n },\n);\n\nFormAutosuggest.defaultProps = {\n arrowKeyNavigationSelector: 'a:not(:disabled),li:not(:disabled, .btn-icon),input:not(:disabled)',\n ignoredArrowKeysNames: ['ArrowRight', 'ArrowLeft'],\n isLoading: false,\n className: null,\n floatingLabel: null,\n onChange: null,\n helpMessage: '',\n placeholder: '',\n value: null,\n isValueRequired: false,\n valueRequiredErrorMessageText: null,\n isSelectionRequired: false,\n selectionRequiredErrorMessageText: null,\n hasCustomError: false,\n customErrorMessageText: null,\n readOnly: false,\n children: null,\n name: 'form-autosuggest',\n screenReaderText: 'loading',\n};\n\nFormAutosuggest.propTypes = {\n /**\n * Specifies the CSS selector string that indicates to which elements\n * the user can navigate using the arrow keys\n */\n arrowKeyNavigationSelector: PropTypes.string,\n /** Specifies ignored hook keys. */\n ignoredArrowKeysNames: PropTypes.arrayOf(PropTypes.string),\n /** Specifies loading state. */\n isLoading: PropTypes.bool,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies floating label to display for the input component. */\n floatingLabel: PropTypes.string,\n /** Specifies onChange event handler. */\n onChange: PropTypes.func,\n /** Specifies help information for the user. */\n helpMessage: PropTypes.string,\n /** Specifies the placeholder text for the input. */\n placeholder: PropTypes.string,\n /** Specifies values for the input. */\n value: PropTypes.shape({\n userProvidedText: PropTypes.string,\n selectionValue: PropTypes.string,\n selectionId: PropTypes.string,\n }),\n /** Specifies if empty values trigger an error state */\n isValueRequired: PropTypes.bool,\n /** Informs user they must input a value. */\n valueRequiredErrorMessageText: requiredWhen(PropTypes.string, 'isValueRequired'),\n /** Specifies if freeform values trigger an error state */\n isSelectionRequired: PropTypes.bool,\n /** Informs user they must make a selection. */\n selectionRequiredErrorMessageText: requiredWhen(PropTypes.string, 'isSelectionRequired'),\n /** Specifies the control is in a consumer provided error state */\n hasCustomError: PropTypes.bool,\n /** Informs user of other errors. */\n customErrorMessageText: requiredWhen(PropTypes.string, 'hasCustomError'),\n /** Specifies the name of the base input element. */\n name: PropTypes.string,\n /** Selected list item is read-only. */\n readOnly: PropTypes.bool,\n /** Specifies the content of the `FormAutosuggest`. */\n children: PropTypes.node,\n /** Specifies the screen reader text */\n screenReaderText: PropTypes.string,\n};\n\nexport default FormAutosuggest;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FormAutosuggest.js","names":["React","useEffect","useState","useRef","forwardRef","useImperativeHandle","PropTypes","v4","uuidv4","useIntl","requiredWhen","KeyboardArrowUp","KeyboardArrowDown","Icon","FormGroupContextProvider","useFormGroupContext","FormControl","FormControlFeedback","IconButton","Spinner","useArrowKeyNavigation","messages","FormAutosuggest","_ref","ref","children","arrowKeyNavigationSelector","ignoredArrowKeysNames","screenReaderText","value","isLoading","isValueRequired","valueRequiredErrorMessageText","isSelectionRequired","selectionRequiredErrorMessageText","hasCustomError","customErrorMessageText","onChange","helpMessage","props","_objectWithoutProperties","_excluded","intl","formControlRef","parentRef","selectors","ignoredKeys","_useState","_useState2","_slicedToArray","isDropdownExpanded","setIsDropdownExpanded","_useState3","_useState4","isActive","setIsActive","_useState5","_useState6","hasValue","setHasValue","_useState7","_useState8","hasSelection","setHasSelection","_useState9","userProvidedText","_useState10","displayValue","setDisplayValue","_useState11","_useState12","dropdownItems","setDropdownItems","_useState13","_useState14","activeMenuItemId","setActiveMenuItemId","_useState15","_useState16","isValid","setIsValid","_useState17","_useState18","errorMessage","setErrorMessage","handleMenuItemFocus","menuItemId","collapseDropdown","handleItemSelect","e","onClick","selectedValue","currentTarget","getAttribute","selectedId","id","selectionValue","selectionId","getItems","strToFind","arguments","length","undefined","childrenOpt","Children","map","child","_child$props$id","_child$props","childChildren","rest","_excluded2","cloneElement","_objectSpread","onFocus","filter","opt","toLowerCase","includes","expandDropdown","toggleDropdown","iconToggle","createElement","className","tabIndex","src","iconAs","size","variant","alt","formatMessage","iconButtonClosed","iconButtonOpened","enterControl","updateErrorStateAndErrorMessage","leaveControl","keyDownHandler","key","preventDefault","current","focus","handleDocumentClick","contains","target","document","addEventListener","removeEventListener","_value$userProvidedTe","handleTextboxClick","handleTextInput","filteredItems","matchingDropdownItem","find","o","_useFormGroupContext","getControlProps","controlProps","concat","controlId","isInvalid","_extends","toString","role","autoComplete","trailingElement","type","name","animation","defaultProps","floatingLabel","placeholder","readOnly","propTypes","string","arrayOf","bool","func","shape","node"],"sources":["../../src/Form/FormAutosuggest.jsx"],"sourcesContent":["import React, {\n useEffect, useState, useRef, forwardRef, useImperativeHandle,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { v4 as uuidv4 } from 'uuid';\nimport { useIntl } from 'react-intl';\nimport { requiredWhen } from '../utils/propTypes';\nimport { KeyboardArrowUp, KeyboardArrowDown } from '../../icons';\nimport Icon from '../Icon';\nimport { FormGroupContextProvider, useFormGroupContext } from './FormGroupContext';\nimport FormControl from './FormControl';\nimport FormControlFeedback from './FormControlFeedback';\nimport IconButton from '../IconButton';\nimport Spinner from '../Spinner';\nimport useArrowKeyNavigation from '../hooks/useArrowKeyNavigation';\nimport messages from './messages';\n\nconst FormAutosuggest = forwardRef(\n (\n {\n children,\n arrowKeyNavigationSelector,\n ignoredArrowKeysNames,\n screenReaderText,\n value,\n isLoading,\n isValueRequired,\n valueRequiredErrorMessageText,\n isSelectionRequired,\n selectionRequiredErrorMessageText,\n hasCustomError,\n customErrorMessageText,\n onChange,\n helpMessage,\n ...props\n },\n ref,\n ) => {\n const intl = useIntl();\n const formControlRef = useRef();\n const parentRef = useArrowKeyNavigation({\n selectors: arrowKeyNavigationSelector,\n ignoredKeys: ignoredArrowKeysNames,\n });\n const [isDropdownExpanded, setIsDropdownExpanded] = useState(false);\n const [isActive, setIsActive] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n const [hasSelection, setHasSelection] = useState(false);\n const [displayValue, setDisplayValue] = useState(value?.userProvidedText || '');\n const [dropdownItems, setDropdownItems] = useState([]);\n const [activeMenuItemId, setActiveMenuItemId] = useState(null);\n const [isValid, setIsValid] = useState(true);\n const [errorMessage, setErrorMessage] = useState('');\n\n const handleMenuItemFocus = (menuItemId) => {\n setActiveMenuItemId(menuItemId);\n };\n\n const collapseDropdown = () => {\n setDropdownItems([]);\n setIsDropdownExpanded(false);\n setActiveMenuItemId(null);\n };\n\n const handleItemSelect = (e, onClick) => {\n const selectedValue = e.currentTarget.getAttribute('data-value');\n const selectedId = e.currentTarget.id;\n\n setHasValue(true);\n setHasSelection(true);\n setDisplayValue(selectedValue);\n\n if (onChange && (!value || (value && selectedValue !== value.selectionValue))) {\n onChange({\n userProvidedText: selectedValue,\n selectionValue: selectedValue,\n selectionId: selectedId,\n });\n }\n\n collapseDropdown();\n\n if (onClick) {\n onClick(e);\n }\n };\n\n function getItems(strToFind = '') {\n let childrenOpt = React.Children.map(children, (child) => {\n const { children: childChildren, onClick, ...rest } = child.props;\n const menuItemId = child.props.id ?? uuidv4();\n\n return React.cloneElement(child, {\n ...rest,\n children: childChildren,\n 'data-value': childChildren,\n onClick: (e) => handleItemSelect(e, onClick),\n id: menuItemId,\n onFocus: () => handleMenuItemFocus(menuItemId),\n });\n });\n\n if (strToFind.length > 0) {\n childrenOpt = childrenOpt\n .filter((opt) => (opt.props.children.toLowerCase().includes(strToFind.toLowerCase())));\n }\n\n return childrenOpt;\n }\n\n const expandDropdown = () => {\n setDropdownItems(getItems(displayValue));\n setIsValid(true);\n setErrorMessage('');\n setIsDropdownExpanded(true);\n };\n\n const toggleDropdown = () => {\n if (isDropdownExpanded) {\n collapseDropdown();\n } else {\n expandDropdown();\n }\n };\n\n const iconToggle = (\n <IconButton\n className=\"pgn__form-autosuggest__icon-button\"\n data-testid=\"autosuggest-iconbutton\"\n tabIndex=\"-1\"\n src={isDropdownExpanded ? KeyboardArrowUp : KeyboardArrowDown}\n iconAs={Icon}\n size=\"sm\"\n variant=\"secondary\"\n alt={isDropdownExpanded\n ? intl.formatMessage(messages.iconButtonClosed)\n : intl.formatMessage(messages.iconButtonOpened)}\n onClick={toggleDropdown}\n />\n );\n\n const enterControl = () => {\n setIsActive(true);\n };\n\n const updateErrorStateAndErrorMessage = () => {\n if (hasCustomError) {\n setIsValid(false);\n setErrorMessage(customErrorMessageText);\n return;\n }\n\n if (isValueRequired && !hasValue) {\n setIsValid(false);\n setErrorMessage(valueRequiredErrorMessageText);\n return;\n }\n\n if (hasValue && isSelectionRequired && !hasSelection) {\n setIsValid(false);\n setErrorMessage(selectionRequiredErrorMessageText);\n return;\n }\n\n setIsValid(true);\n setErrorMessage('');\n };\n\n useImperativeHandle(ref, () => ({\n // expose updateErrorStateAndErrorMessage so consumers can trigger validation\n // when changing the value of the control externally\n updateErrorStateAndErrorMessage,\n }));\n\n const leaveControl = () => {\n setIsActive(false);\n collapseDropdown();\n updateErrorStateAndErrorMessage();\n };\n\n const keyDownHandler = e => {\n if (!isActive) {\n return;\n }\n\n if (e.key === 'Escape') {\n e.preventDefault();\n\n if (formControlRef) {\n formControlRef.current.focus();\n }\n\n collapseDropdown();\n return;\n }\n\n if (e.key === 'Tab') {\n leaveControl();\n }\n };\n\n const handleDocumentClick = (e) => {\n if (parentRef.current && !parentRef.current.contains(e.target) && isActive) {\n leaveControl();\n }\n };\n\n useEffect(() => {\n document.addEventListener('keydown', keyDownHandler);\n document.addEventListener('click', handleDocumentClick, true);\n\n return () => {\n document.removeEventListener('click', handleDocumentClick, true);\n document.removeEventListener('keydown', keyDownHandler);\n };\n });\n\n useEffect(() => {\n setDisplayValue(value ? value.userProvidedText ?? '' : '');\n setHasValue(!!value && !!value.userProvidedText);\n setHasSelection(!!value && !!value.selectionValue);\n }, [value]);\n\n const handleTextboxClick = () => {\n expandDropdown();\n };\n\n const handleTextInput = (e) => {\n const userProvidedText = e.target.value;\n\n // If the user has removed all text from the textbox\n if (!userProvidedText.length) {\n // reset to a \"no text, nothing selected\" state\n setDisplayValue('');\n setHasValue(false);\n setHasSelection(false);\n\n // clear and close the dropdown\n setDropdownItems([]);\n collapseDropdown();\n\n // if the consumer has provided an onChange handler\n if (onChange) {\n // send a default empty object\n onChange({\n userProvidedText: '',\n selectionValue: '',\n selectionId: '',\n });\n }\n return;\n }\n\n // the user has entered text, we have a value\n setHasValue(true);\n\n // filter dropdown based on entered text\n const filteredItems = getItems(userProvidedText);\n setDropdownItems(filteredItems);\n\n // check for matches in the dropdown\n const matchingDropdownItem = filteredItems.find((o) => (\n o.props.children.toLowerCase() === userProvidedText.toLowerCase()\n ));\n\n // if we didn't find a match\n if (!matchingDropdownItem) {\n // no match means no selection\n setHasSelection(false);\n\n // set the text in the state\n setDisplayValue(userProvidedText);\n\n // if the consumer has provided an onChange handler\n if (onChange) {\n // send an object with the user provided text only\n onChange({\n userProvidedText,\n selectionValue: '',\n selectionId: '',\n });\n }\n return;\n }\n\n // we found a match, we have a selection!\n setHasSelection(true);\n\n // set the display value based on the item in the dropdown\n // this matters because we match case insensitively\n setDisplayValue(matchingDropdownItem.props.children);\n\n // if the consumer has provided an onChange handler\n if (onChange) {\n // send an object with the selected item values\n onChange({\n userProvidedText: matchingDropdownItem.props.children,\n selectionValue: matchingDropdownItem.props.children,\n selectionId: matchingDropdownItem.props.id,\n });\n }\n };\n\n const { getControlProps } = useFormGroupContext();\n const controlProps = getControlProps(props);\n\n return (\n <div className=\"pgn__form-autosuggest__wrapper\" ref={parentRef} onFocus={enterControl}>\n <div aria-live=\"assertive\" className=\"sr-only\" data-testid=\"autosuggest-screen-reader-options-count\">\n {`${dropdownItems.length} options found`}\n </div>\n <FormGroupContextProvider\n controlId={controlProps.id}\n isInvalid={!isValid}\n >\n <FormControl\n ref={formControlRef}\n aria-expanded={(dropdownItems.length > 0).toString()}\n aria-owns=\"pgn__form-autosuggest__dropdown-box\"\n role=\"combobox\"\n aria-autocomplete=\"list\"\n autoComplete=\"off\"\n value={displayValue}\n aria-invalid={errorMessage}\n aria-activedescendant={activeMenuItemId}\n onChange={handleTextInput}\n onClick={handleTextboxClick}\n trailingElement={iconToggle}\n data-testid=\"autosuggest-textbox-input\"\n {...controlProps}\n />\n\n {helpMessage && isValid && (\n <FormControlFeedback type=\"default\">\n {helpMessage}\n </FormControlFeedback>\n )}\n\n {!isValid && (\n <FormControlFeedback type=\"invalid\" feedback-for={controlProps.name}>\n {errorMessage}\n </FormControlFeedback>\n )}\n </FormGroupContextProvider>\n <ul\n id=\"pgn__form-autosuggest__dropdown-box\"\n className=\"pgn__form-autosuggest__dropdown\"\n role=\"listbox\"\n >\n {isLoading ? (\n <div className=\"pgn__form-autosuggest__dropdown-loading\">\n <Spinner\n animation=\"border\"\n variant=\"dark\"\n screenReaderText={screenReaderText}\n data-testid=\"autosuggest-loading-spinner\"\n />\n </div>\n ) : dropdownItems.length > 0 && dropdownItems}\n </ul>\n </div>\n );\n },\n);\n\nFormAutosuggest.defaultProps = {\n arrowKeyNavigationSelector: 'a:not(:disabled),li:not(:disabled, .btn-icon),input:not(:disabled)',\n ignoredArrowKeysNames: ['ArrowRight', 'ArrowLeft'],\n isLoading: false,\n className: null,\n floatingLabel: null,\n onChange: null,\n helpMessage: '',\n placeholder: '',\n value: null,\n isValueRequired: false,\n valueRequiredErrorMessageText: null,\n isSelectionRequired: false,\n selectionRequiredErrorMessageText: null,\n hasCustomError: false,\n customErrorMessageText: null,\n readOnly: false,\n children: null,\n name: 'form-autosuggest',\n screenReaderText: 'loading',\n};\n\nFormAutosuggest.propTypes = {\n /**\n * Specifies the CSS selector string that indicates to which elements\n * the user can navigate using the arrow keys\n */\n arrowKeyNavigationSelector: PropTypes.string,\n /** Specifies ignored hook keys. */\n ignoredArrowKeysNames: PropTypes.arrayOf(PropTypes.string),\n /** Specifies loading state. */\n isLoading: PropTypes.bool,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies floating label to display for the input component. */\n floatingLabel: PropTypes.string,\n /** Specifies onChange event handler. */\n onChange: PropTypes.func,\n /** Specifies help information for the user. */\n helpMessage: PropTypes.string,\n /** Specifies the placeholder text for the input. */\n placeholder: PropTypes.string,\n /** Specifies values for the input. */\n value: PropTypes.shape({\n userProvidedText: PropTypes.string,\n selectionValue: PropTypes.string,\n selectionId: PropTypes.string,\n }),\n /** Specifies if empty values trigger an error state */\n isValueRequired: PropTypes.bool,\n /** Informs user they must input a value. */\n valueRequiredErrorMessageText: requiredWhen(PropTypes.string, 'isValueRequired'),\n /** Specifies if freeform values trigger an error state */\n isSelectionRequired: PropTypes.bool,\n /** Informs user they must make a selection. */\n selectionRequiredErrorMessageText: requiredWhen(PropTypes.string, 'isSelectionRequired'),\n /** Specifies the control is in a consumer provided error state */\n hasCustomError: PropTypes.bool,\n /** Informs user of other errors. */\n customErrorMessageText: requiredWhen(PropTypes.string, 'hasCustomError'),\n /** Specifies the name of the base input element. */\n name: PropTypes.string,\n /** Selected list item is read-only. */\n readOnly: PropTypes.bool,\n /** Specifies the content of the `FormAutosuggest`. */\n children: PropTypes.node,\n /** Specifies the screen reader text */\n screenReaderText: PropTypes.string,\n};\n\nexport default FormAutosuggest;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,IACVC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAEC,mBAAmB,QACvD,OAAO;AACd,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,EAAE,IAAIC,MAAM,QAAQ,MAAM;AACnC,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,aAAa;AAChE,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,wBAAwB,EAAEC,mBAAmB,QAAQ,oBAAoB;AAClF,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,qBAAqB,MAAM,gCAAgC;AAClE,OAAOC,QAAQ,MAAM,YAAY;AAEjC,IAAMC,eAAe,gBAAGlB,UAAU,CAChC,UAAAmB,IAAA,EAkBEC,GAAG,EACA;EAAA,IAjBDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,0BAA0B,GAAAH,IAAA,CAA1BG,0BAA0B;IAC1BC,qBAAqB,GAAAJ,IAAA,CAArBI,qBAAqB;IACrBC,gBAAgB,GAAAL,IAAA,CAAhBK,gBAAgB;IAChBC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,eAAe,GAAAR,IAAA,CAAfQ,eAAe;IACfC,6BAA6B,GAAAT,IAAA,CAA7BS,6BAA6B;IAC7BC,mBAAmB,GAAAV,IAAA,CAAnBU,mBAAmB;IACnBC,iCAAiC,GAAAX,IAAA,CAAjCW,iCAAiC;IACjCC,cAAc,GAAAZ,IAAA,CAAdY,cAAc;IACdC,sBAAsB,GAAAb,IAAA,CAAtBa,sBAAsB;IACtBC,QAAQ,GAAAd,IAAA,CAARc,QAAQ;IACRC,WAAW,GAAAf,IAAA,CAAXe,WAAW;IACRC,KAAK,GAAAC,wBAAA,CAAAjB,IAAA,EAAAkB,SAAA;EAIV,IAAMC,IAAI,GAAGjC,OAAO,CAAC,CAAC;EACtB,IAAMkC,cAAc,GAAGxC,MAAM,CAAC,CAAC;EAC/B,IAAMyC,SAAS,GAAGxB,qBAAqB,CAAC;IACtCyB,SAAS,EAAEnB,0BAA0B;IACrCoB,WAAW,EAAEnB;EACf,CAAC,CAAC;EACF,IAAAoB,SAAA,GAAoD7C,QAAQ,CAAC,KAAK,CAAC;IAAA8C,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA5DG,kBAAkB,GAAAF,UAAA;IAAEG,qBAAqB,GAAAH,UAAA;EAChD,IAAAI,UAAA,GAAgClD,QAAQ,CAAC,KAAK,CAAC;IAAAmD,UAAA,GAAAJ,cAAA,CAAAG,UAAA;IAAxCE,QAAQ,GAAAD,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAC5B,IAAAG,UAAA,GAAgCtD,QAAQ,CAAC,KAAK,CAAC;IAAAuD,UAAA,GAAAR,cAAA,CAAAO,UAAA;IAAxCE,QAAQ,GAAAD,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAC5B,IAAAG,UAAA,GAAwC1D,QAAQ,CAAC,KAAK,CAAC;IAAA2D,UAAA,GAAAZ,cAAA,CAAAW,UAAA;IAAhDE,YAAY,GAAAD,UAAA;IAAEE,eAAe,GAAAF,UAAA;EACpC,IAAAG,UAAA,GAAwC9D,QAAQ,CAAC,CAAA2B,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEoC,gBAAgB,KAAI,EAAE,CAAC;IAAAC,WAAA,GAAAjB,cAAA,CAAAe,UAAA;IAAxEG,YAAY,GAAAD,WAAA;IAAEE,eAAe,GAAAF,WAAA;EACpC,IAAAG,WAAA,GAA0CnE,QAAQ,CAAC,EAAE,CAAC;IAAAoE,WAAA,GAAArB,cAAA,CAAAoB,WAAA;IAA/CE,aAAa,GAAAD,WAAA;IAAEE,gBAAgB,GAAAF,WAAA;EACtC,IAAAG,WAAA,GAAgDvE,QAAQ,CAAC,IAAI,CAAC;IAAAwE,WAAA,GAAAzB,cAAA,CAAAwB,WAAA;IAAvDE,gBAAgB,GAAAD,WAAA;IAAEE,mBAAmB,GAAAF,WAAA;EAC5C,IAAAG,WAAA,GAA8B3E,QAAQ,CAAC,IAAI,CAAC;IAAA4E,WAAA,GAAA7B,cAAA,CAAA4B,WAAA;IAArCE,OAAO,GAAAD,WAAA;IAAEE,UAAU,GAAAF,WAAA;EAC1B,IAAAG,WAAA,GAAwC/E,QAAQ,CAAC,EAAE,CAAC;IAAAgF,WAAA,GAAAjC,cAAA,CAAAgC,WAAA;IAA7CE,YAAY,GAAAD,WAAA;IAAEE,eAAe,GAAAF,WAAA;EAEpC,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,UAAU,EAAK;IAC1CV,mBAAmB,CAACU,UAAU,CAAC;EACjC,CAAC;EAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;IAC7Bf,gBAAgB,CAAC,EAAE,CAAC;IACpBrB,qBAAqB,CAAC,KAAK,CAAC;IAC5ByB,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC;EAED,IAAMY,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,CAAC,EAAEC,OAAO,EAAK;IACvC,IAAMC,aAAa,GAAGF,CAAC,CAACG,aAAa,CAACC,YAAY,CAAC,YAAY,CAAC;IAChE,IAAMC,UAAU,GAAGL,CAAC,CAACG,aAAa,CAACG,EAAE;IAErCpC,WAAW,CAAC,IAAI,CAAC;IACjBI,eAAe,CAAC,IAAI,CAAC;IACrBK,eAAe,CAACuB,aAAa,CAAC;IAE9B,IAAItD,QAAQ,KAAK,CAACR,KAAK,IAAKA,KAAK,IAAI8D,aAAa,KAAK9D,KAAK,CAACmE,cAAe,CAAC,EAAE;MAC7E3D,QAAQ,CAAC;QACP4B,gBAAgB,EAAE0B,aAAa;QAC/BK,cAAc,EAAEL,aAAa;QAC7BM,WAAW,EAAEH;MACf,CAAC,CAAC;IACJ;IAEAP,gBAAgB,CAAC,CAAC;IAElB,IAAIG,OAAO,EAAE;MACXA,OAAO,CAACD,CAAC,CAAC;IACZ;EACF,CAAC;EAED,SAASS,QAAQA,CAAA,EAAiB;IAAA,IAAhBC,SAAS,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;IAC9B,IAAIG,WAAW,GAAGvG,KAAK,CAACwG,QAAQ,CAACC,GAAG,CAAChF,QAAQ,EAAE,UAACiF,KAAK,EAAK;MAAA,IAAAC,eAAA;MACxD,IAAAC,YAAA,GAAsDF,KAAK,CAACnE,KAAK;QAA/CsE,aAAa,GAAAD,YAAA,CAAvBnF,QAAQ;QAAiBiE,QAAO,GAAAkB,YAAA,CAAPlB,OAAO;QAAKoB,IAAI,GAAAtE,wBAAA,CAAAoE,YAAA,EAAAG,UAAA;MACjD,IAAMzB,UAAU,IAAAqB,eAAA,GAAGD,KAAK,CAACnE,KAAK,CAACwD,EAAE,cAAAY,eAAA,cAAAA,eAAA,GAAInG,MAAM,CAAC,CAAC;MAE7C,oBAAOR,KAAK,CAACgH,YAAY,CAACN,KAAK,EAAAO,aAAA,CAAAA,aAAA,KAC1BH,IAAI;QACPrF,QAAQ,EAAEoF,aAAa;QACvB,YAAY,EAAEA,aAAa;QAC3BnB,OAAO,EAAE,SAAAA,QAACD,CAAC;UAAA,OAAKD,gBAAgB,CAACC,CAAC,EAAEC,QAAO,CAAC;QAAA;QAC5CK,EAAE,EAAET,UAAU;QACd4B,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAM7B,mBAAmB,CAACC,UAAU,CAAC;QAAA;MAAA,EAC/C,CAAC;IACJ,CAAC,CAAC;IAEF,IAAIa,SAAS,CAACE,MAAM,GAAG,CAAC,EAAE;MACxBE,WAAW,GAAGA,WAAW,CACtBY,MAAM,CAAC,UAACC,GAAG;QAAA,OAAMA,GAAG,CAAC7E,KAAK,CAACd,QAAQ,CAAC4F,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACnB,SAAS,CAACkB,WAAW,CAAC,CAAC,CAAC;MAAA,CAAC,CAAC;IAC1F;IAEA,OAAOd,WAAW;EACpB;EAEA,IAAMgB,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IAC3B/C,gBAAgB,CAAC0B,QAAQ,CAAC/B,YAAY,CAAC,CAAC;IACxCa,UAAU,CAAC,IAAI,CAAC;IAChBI,eAAe,CAAC,EAAE,CAAC;IACnBjC,qBAAqB,CAAC,IAAI,CAAC;EAC7B,CAAC;EAED,IAAMqE,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IAC3B,IAAItE,kBAAkB,EAAE;MACtBqC,gBAAgB,CAAC,CAAC;IACpB,CAAC,MAAM;MACLgC,cAAc,CAAC,CAAC;IAClB;EACF,CAAC;EAED,IAAME,UAAU,gBACdzH,KAAA,CAAA0H,aAAA,CAACxG,UAAU;IACTyG,SAAS,EAAC,oCAAoC;IAC9C,eAAY,wBAAwB;IACpCC,QAAQ,EAAC,IAAI;IACbC,GAAG,EAAE3E,kBAAkB,GAAGvC,eAAe,GAAGC,iBAAkB;IAC9DkH,MAAM,EAAEjH,IAAK;IACbkH,IAAI,EAAC,IAAI;IACTC,OAAO,EAAC,WAAW;IACnBC,GAAG,EAAE/E,kBAAkB,GACnBR,IAAI,CAACwF,aAAa,CAAC7G,QAAQ,CAAC8G,gBAAgB,CAAC,GAC7CzF,IAAI,CAACwF,aAAa,CAAC7G,QAAQ,CAAC+G,gBAAgB,CAAE;IAClD1C,OAAO,EAAE8B;EAAe,CACzB,CACF;EAED,IAAMa,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;IACzB9E,WAAW,CAAC,IAAI,CAAC;EACnB,CAAC;EAED,IAAM+E,+BAA+B,GAAG,SAAlCA,+BAA+BA,CAAA,EAAS;IAC5C,IAAInG,cAAc,EAAE;MAClB6C,UAAU,CAAC,KAAK,CAAC;MACjBI,eAAe,CAAChD,sBAAsB,CAAC;MACvC;IACF;IAEA,IAAIL,eAAe,IAAI,CAAC2B,QAAQ,EAAE;MAChCsB,UAAU,CAAC,KAAK,CAAC;MACjBI,eAAe,CAACpD,6BAA6B,CAAC;MAC9C;IACF;IAEA,IAAI0B,QAAQ,IAAIzB,mBAAmB,IAAI,CAAC6B,YAAY,EAAE;MACpDkB,UAAU,CAAC,KAAK,CAAC;MACjBI,eAAe,CAAClD,iCAAiC,CAAC;MAClD;IACF;IAEA8C,UAAU,CAAC,IAAI,CAAC;IAChBI,eAAe,CAAC,EAAE,CAAC;EACrB,CAAC;EAED/E,mBAAmB,CAACmB,GAAG,EAAE;IAAA,OAAO;MAC9B;MACA;MACA8G,+BAA+B,EAA/BA;IACF,CAAC;EAAA,CAAC,CAAC;EAEH,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;IACzBhF,WAAW,CAAC,KAAK,CAAC;IAClBgC,gBAAgB,CAAC,CAAC;IAClB+C,+BAA+B,CAAC,CAAC;EACnC,CAAC;EAED,IAAME,cAAc,GAAG,SAAjBA,cAAcA,CAAG/C,CAAC,EAAI;IAC1B,IAAI,CAACnC,QAAQ,EAAE;MACb;IACF;IAEA,IAAImC,CAAC,CAACgD,GAAG,KAAK,QAAQ,EAAE;MACtBhD,CAAC,CAACiD,cAAc,CAAC,CAAC;MAElB,IAAI/F,cAAc,EAAE;QAClBA,cAAc,CAACgG,OAAO,CAACC,KAAK,CAAC,CAAC;MAChC;MAEArD,gBAAgB,CAAC,CAAC;MAClB;IACF;IAEA,IAAIE,CAAC,CAACgD,GAAG,KAAK,KAAK,EAAE;MACnBF,YAAY,CAAC,CAAC;IAChB;EACF,CAAC;EAED,IAAMM,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIpD,CAAC,EAAK;IACjC,IAAI7C,SAAS,CAAC+F,OAAO,IAAI,CAAC/F,SAAS,CAAC+F,OAAO,CAACG,QAAQ,CAACrD,CAAC,CAACsD,MAAM,CAAC,IAAIzF,QAAQ,EAAE;MAC1EiF,YAAY,CAAC,CAAC;IAChB;EACF,CAAC;EAEDtI,SAAS,CAAC,YAAM;IACd+I,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAET,cAAc,CAAC;IACpDQ,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAEJ,mBAAmB,EAAE,IAAI,CAAC;IAE7D,OAAO,YAAM;MACXG,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAEL,mBAAmB,EAAE,IAAI,CAAC;MAChEG,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEV,cAAc,CAAC;IACzD,CAAC;EACH,CAAC,CAAC;EAEFvI,SAAS,CAAC,YAAM;IAAA,IAAAkJ,qBAAA;IACd/E,eAAe,CAACvC,KAAK,IAAAsH,qBAAA,GAAGtH,KAAK,CAACoC,gBAAgB,cAAAkF,qBAAA,cAAAA,qBAAA,GAAI,EAAE,GAAG,EAAE,CAAC;IAC1DxF,WAAW,CAAC,CAAC,CAAC9B,KAAK,IAAI,CAAC,CAACA,KAAK,CAACoC,gBAAgB,CAAC;IAChDF,eAAe,CAAC,CAAC,CAAClC,KAAK,IAAI,CAAC,CAACA,KAAK,CAACmE,cAAc,CAAC;EACpD,CAAC,EAAE,CAACnE,KAAK,CAAC,CAAC;EAEX,IAAMuH,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;IAC/B7B,cAAc,CAAC,CAAC;EAClB,CAAC;EAED,IAAM8B,eAAe,GAAG,SAAlBA,eAAeA,CAAI5D,CAAC,EAAK;IAC7B,IAAMxB,gBAAgB,GAAGwB,CAAC,CAACsD,MAAM,CAAClH,KAAK;;IAEvC;IACA,IAAI,CAACoC,gBAAgB,CAACoC,MAAM,EAAE;MAC9B;MACEjC,eAAe,CAAC,EAAE,CAAC;MACnBT,WAAW,CAAC,KAAK,CAAC;MAClBI,eAAe,CAAC,KAAK,CAAC;;MAEtB;MACAS,gBAAgB,CAAC,EAAE,CAAC;MACpBe,gBAAgB,CAAC,CAAC;;MAElB;MACA,IAAIlD,QAAQ,EAAE;QACd;QACEA,QAAQ,CAAC;UACP4B,gBAAgB,EAAE,EAAE;UACpB+B,cAAc,EAAE,EAAE;UAClBC,WAAW,EAAE;QACf,CAAC,CAAC;MACJ;MACA;IACF;;IAEA;IACAtC,WAAW,CAAC,IAAI,CAAC;;IAEjB;IACA,IAAM2F,aAAa,GAAGpD,QAAQ,CAACjC,gBAAgB,CAAC;IAChDO,gBAAgB,CAAC8E,aAAa,CAAC;;IAE/B;IACA,IAAMC,oBAAoB,GAAGD,aAAa,CAACE,IAAI,CAAC,UAACC,CAAC;MAAA,OAChDA,CAAC,CAAClH,KAAK,CAACd,QAAQ,CAAC4F,WAAW,CAAC,CAAC,KAAKpD,gBAAgB,CAACoD,WAAW,CAAC,CAAC;IAAA,CAClE,CAAC;;IAEF;IACA,IAAI,CAACkC,oBAAoB,EAAE;MAC3B;MACExF,eAAe,CAAC,KAAK,CAAC;;MAEtB;MACAK,eAAe,CAACH,gBAAgB,CAAC;;MAEjC;MACA,IAAI5B,QAAQ,EAAE;QACd;QACEA,QAAQ,CAAC;UACP4B,gBAAgB,EAAhBA,gBAAgB;UAChB+B,cAAc,EAAE,EAAE;UAClBC,WAAW,EAAE;QACf,CAAC,CAAC;MACJ;MACA;IACF;;IAEA;IACAlC,eAAe,CAAC,IAAI,CAAC;;IAErB;IACA;IACAK,eAAe,CAACmF,oBAAoB,CAAChH,KAAK,CAACd,QAAQ,CAAC;;IAEpD;IACA,IAAIY,QAAQ,EAAE;MACd;MACEA,QAAQ,CAAC;QACP4B,gBAAgB,EAAEsF,oBAAoB,CAAChH,KAAK,CAACd,QAAQ;QACrDuE,cAAc,EAAEuD,oBAAoB,CAAChH,KAAK,CAACd,QAAQ;QACnDwE,WAAW,EAAEsD,oBAAoB,CAAChH,KAAK,CAACwD;MAC1C,CAAC,CAAC;IACJ;EACF,CAAC;EAED,IAAA2D,oBAAA,GAA4B3I,mBAAmB,CAAC,CAAC;IAAzC4I,eAAe,GAAAD,oBAAA,CAAfC,eAAe;EACvB,IAAMC,YAAY,GAAGD,eAAe,CAACpH,KAAK,CAAC;EAE3C,oBACEvC,KAAA,CAAA0H,aAAA;IAAKC,SAAS,EAAC,gCAAgC;IAACnG,GAAG,EAAEoB,SAAU;IAACsE,OAAO,EAAEmB;EAAa,gBACpFrI,KAAA,CAAA0H,aAAA;IAAK,aAAU,WAAW;IAACC,SAAS,EAAC,SAAS;IAAC,eAAY;EAAyC,MAAAkC,MAAA,CAC9FtF,aAAa,CAAC8B,MAAM,mBACrB,CAAC,eACNrG,KAAA,CAAA0H,aAAA,CAAC5G,wBAAwB;IACvBgJ,SAAS,EAAEF,YAAY,CAAC7D,EAAG;IAC3BgE,SAAS,EAAE,CAAChF;EAAQ,gBAEpB/E,KAAA,CAAA0H,aAAA,CAAC1G,WAAW,EAAAgJ,QAAA;IACVxI,GAAG,EAAEmB,cAAe;IACpB,iBAAe,CAAC4B,aAAa,CAAC8B,MAAM,GAAG,CAAC,EAAE4D,QAAQ,CAAC,CAAE;IACrD,aAAU,qCAAqC;IAC/CC,IAAI,EAAC,UAAU;IACf,qBAAkB,MAAM;IACxBC,YAAY,EAAC,KAAK;IAClBtI,KAAK,EAAEsC,YAAa;IACpB,gBAAcgB,YAAa;IAC3B,yBAAuBR,gBAAiB;IACxCtC,QAAQ,EAAEgH,eAAgB;IAC1B3D,OAAO,EAAE0D,kBAAmB;IAC5BgB,eAAe,EAAE3C,UAAW;IAC5B,eAAY;EAA2B,GACnCmC,YAAY,CACjB,CAAC,EAEDtH,WAAW,IAAIyC,OAAO,iBACvB/E,KAAA,CAAA0H,aAAA,CAACzG,mBAAmB;IAACoJ,IAAI,EAAC;EAAS,GAChC/H,WACkB,CACpB,EAEA,CAACyC,OAAO,iBACT/E,KAAA,CAAA0H,aAAA,CAACzG,mBAAmB;IAACoJ,IAAI,EAAC,SAAS;IAAC,gBAAcT,YAAY,CAACU;EAAK,GACjEnF,YACkB,CAEG,CAAC,eAC3BnF,KAAA,CAAA0H,aAAA;IACE3B,EAAE,EAAC,qCAAqC;IACxC4B,SAAS,EAAC,iCAAiC;IAC3CuC,IAAI,EAAC;EAAS,GAEbpI,SAAS,gBACR9B,KAAA,CAAA0H,aAAA;IAAKC,SAAS,EAAC;EAAyC,gBACtD3H,KAAA,CAAA0H,aAAA,CAACvG,OAAO;IACNoJ,SAAS,EAAC,QAAQ;IAClBvC,OAAO,EAAC,MAAM;IACdpG,gBAAgB,EAAEA,gBAAiB;IACnC,eAAY;EAA6B,CAC1C,CACE,CAAC,GACJ2C,aAAa,CAAC8B,MAAM,GAAG,CAAC,IAAI9B,aAC9B,CACD,CAAC;AAEV,CACF,CAAC;AAEDjD,eAAe,CAACkJ,YAAY,GAAG;EAC7B9I,0BAA0B,EAAE,oEAAoE;EAChGC,qBAAqB,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC;EAClDG,SAAS,EAAE,KAAK;EAChB6F,SAAS,EAAE,IAAI;EACf8C,aAAa,EAAE,IAAI;EACnBpI,QAAQ,EAAE,IAAI;EACdC,WAAW,EAAE,EAAE;EACfoI,WAAW,EAAE,EAAE;EACf7I,KAAK,EAAE,IAAI;EACXE,eAAe,EAAE,KAAK;EACtBC,6BAA6B,EAAE,IAAI;EACnCC,mBAAmB,EAAE,KAAK;EAC1BC,iCAAiC,EAAE,IAAI;EACvCC,cAAc,EAAE,KAAK;EACrBC,sBAAsB,EAAE,IAAI;EAC5BuI,QAAQ,EAAE,KAAK;EACflJ,QAAQ,EAAE,IAAI;EACd6I,IAAI,EAAE,kBAAkB;EACxB1I,gBAAgB,EAAE;AACpB,CAAC;AAEDN,eAAe,CAACsJ,SAAS,GAAG;EAC1B;AACF;AACA;AACA;EACElJ,0BAA0B,EAAEpB,SAAS,CAACuK,MAAM;EAC5C;EACAlJ,qBAAqB,EAAErB,SAAS,CAACwK,OAAO,CAACxK,SAAS,CAACuK,MAAM,CAAC;EAC1D;EACA/I,SAAS,EAAExB,SAAS,CAACyK,IAAI;EACzB;EACApD,SAAS,EAAErH,SAAS,CAACuK,MAAM;EAC3B;EACAJ,aAAa,EAAEnK,SAAS,CAACuK,MAAM;EAC/B;EACAxI,QAAQ,EAAE/B,SAAS,CAAC0K,IAAI;EACxB;EACA1I,WAAW,EAAEhC,SAAS,CAACuK,MAAM;EAC7B;EACAH,WAAW,EAAEpK,SAAS,CAACuK,MAAM;EAC7B;EACAhJ,KAAK,EAAEvB,SAAS,CAAC2K,KAAK,CAAC;IACrBhH,gBAAgB,EAAE3D,SAAS,CAACuK,MAAM;IAClC7E,cAAc,EAAE1F,SAAS,CAACuK,MAAM;IAChC5E,WAAW,EAAE3F,SAAS,CAACuK;EACzB,CAAC,CAAC;EACF;EACA9I,eAAe,EAAEzB,SAAS,CAACyK,IAAI;EAC/B;EACA/I,6BAA6B,EAAEtB,YAAY,CAACJ,SAAS,CAACuK,MAAM,EAAE,iBAAiB,CAAC;EAChF;EACA5I,mBAAmB,EAAE3B,SAAS,CAACyK,IAAI;EACnC;EACA7I,iCAAiC,EAAExB,YAAY,CAACJ,SAAS,CAACuK,MAAM,EAAE,qBAAqB,CAAC;EACxF;EACA1I,cAAc,EAAE7B,SAAS,CAACyK,IAAI;EAC9B;EACA3I,sBAAsB,EAAE1B,YAAY,CAACJ,SAAS,CAACuK,MAAM,EAAE,gBAAgB,CAAC;EACxE;EACAP,IAAI,EAAEhK,SAAS,CAACuK,MAAM;EACtB;EACAF,QAAQ,EAAErK,SAAS,CAACyK,IAAI;EACxB;EACAtJ,QAAQ,EAAEnB,SAAS,CAAC4K,IAAI;EACxB;EACAtJ,gBAAgB,EAAEtB,SAAS,CAACuK;AAC9B,CAAC;AAED,eAAevJ,eAAe"}
|
|
@@ -31,7 +31,8 @@ function ModalDialog(_ref) {
|
|
|
31
31
|
className = _ref.className,
|
|
32
32
|
isFullscreenOnMobile = _ref.isFullscreenOnMobile,
|
|
33
33
|
isBlocking = _ref.isBlocking,
|
|
34
|
-
zIndex = _ref.zIndex
|
|
34
|
+
zIndex = _ref.zIndex,
|
|
35
|
+
isOverflowVisible = _ref.isOverflowVisible;
|
|
35
36
|
var isMobile = useMediaQuery({
|
|
36
37
|
query: '(max-width: 767.98px)'
|
|
37
38
|
});
|
|
@@ -44,7 +45,7 @@ function ModalDialog(_ref) {
|
|
|
44
45
|
}, /*#__PURE__*/React.createElement("div", {
|
|
45
46
|
role: "dialog",
|
|
46
47
|
"aria-label": title,
|
|
47
|
-
className: classNames('pgn__modal', (_classNames = {}, _defineProperty(_classNames, "pgn__modal-".concat(showFullScreen ? 'fullscreen' : size), size), _defineProperty(_classNames, "pgn__modal-".concat(variant), variant), _defineProperty(_classNames, 'pgn__modal-scroll-fullscreen', isFullscreenScroll), _classNames), className)
|
|
48
|
+
className: classNames('pgn__modal', (_classNames = {}, _defineProperty(_classNames, "pgn__modal-".concat(showFullScreen ? 'fullscreen' : size), size), _defineProperty(_classNames, "pgn__modal-".concat(variant), variant), _defineProperty(_classNames, 'pgn__modal-scroll-fullscreen', isFullscreenScroll), _defineProperty(_classNames, 'pgn__modal-visible-overflow', isOverflowVisible), _classNames), className)
|
|
48
49
|
}, hasCloseButton && /*#__PURE__*/React.createElement("div", {
|
|
49
50
|
className: "pgn__modal-close-container"
|
|
50
51
|
}, /*#__PURE__*/React.createElement(ModalCloseButton, {
|
|
@@ -109,7 +110,9 @@ ModalDialog.propTypes = {
|
|
|
109
110
|
/**
|
|
110
111
|
* Specifies the z-index of the modal
|
|
111
112
|
*/
|
|
112
|
-
zIndex: PropTypes.number
|
|
113
|
+
zIndex: PropTypes.number,
|
|
114
|
+
/** Specifies whether overflow is visible in the modal */
|
|
115
|
+
isOverflowVisible: PropTypes.bool
|
|
113
116
|
};
|
|
114
117
|
ModalDialog.defaultProps = {
|
|
115
118
|
isOpen: false,
|
|
@@ -121,7 +124,8 @@ ModalDialog.defaultProps = {
|
|
|
121
124
|
isFullscreenScroll: false,
|
|
122
125
|
isFullscreenOnMobile: false,
|
|
123
126
|
isBlocking: false,
|
|
124
|
-
zIndex: undefined
|
|
127
|
+
zIndex: undefined,
|
|
128
|
+
isOverflowVisible: true
|
|
125
129
|
};
|
|
126
130
|
ModalDialog.Header = ModalDialogHeader;
|
|
127
131
|
ModalDialog.Title = ModalDialogTitle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDialog.js","names":["React","PropTypes","classNames","useMediaQuery","ModalLayer","ModalCloseButton","ModalDialogHeader","ModalDialogTitle","ModalDialogFooter","ModalDialogBody","ModalDialogHero","Icon","IconButton","Close","MODAL_DIALOG_CLOSE_LABEL","ModalDialog","_ref","_classNames","children","title","isOpen","onClose","size","variant","hasCloseButton","closeLabel","isFullscreenScroll","className","isFullscreenOnMobile","isBlocking","zIndex","isMobile","query","showFullScreen","createElement","role","_defineProperty","concat","as","iconAs","invertColors","src","alt","propTypes","node","isRequired","string","func","bool","oneOf","number","defaultProps","undefined","Header","Title","Footer","CloseButton","Body","Hero"],"sources":["../../src/Modal/ModalDialog.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport ModalLayer from './ModalLayer';\nimport ModalCloseButton from './ModalCloseButton';\nimport ModalDialogHeader from './ModalDialogHeader';\nimport ModalDialogTitle from './ModalDialogTitle';\nimport ModalDialogFooter from './ModalDialogFooter';\nimport ModalDialogBody from './ModalDialogBody';\nimport ModalDialogHero from './ModalDialogHero';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\n\nexport const MODAL_DIALOG_CLOSE_LABEL = 'Close';\n\nfunction ModalDialog({\n children,\n title,\n isOpen,\n onClose,\n size,\n variant,\n hasCloseButton,\n closeLabel,\n isFullscreenScroll,\n className,\n isFullscreenOnMobile,\n isBlocking,\n zIndex,\n}) {\n const isMobile = useMediaQuery({ query: '(max-width: 767.98px)' });\n const showFullScreen = (isFullscreenOnMobile && isMobile);\n return (\n <ModalLayer isOpen={isOpen} onClose={onClose} isBlocking={isBlocking} zIndex={zIndex}>\n <div\n role=\"dialog\"\n aria-label={title}\n className={classNames(\n 'pgn__modal',\n {\n [`pgn__modal-${showFullScreen ? 'fullscreen' : size}`]: size,\n [`pgn__modal-${variant}`]: variant,\n 'pgn__modal-scroll-fullscreen': isFullscreenScroll,\n },\n className,\n )}\n >\n {hasCloseButton && (\n <div className=\"pgn__modal-close-container\">\n <ModalCloseButton\n as={IconButton}\n iconAs={Icon}\n invertColors={variant === 'dark'}\n src={Close}\n alt={closeLabel}\n />\n </div>\n )}\n {children}\n </div>\n </ModalLayer>\n );\n}\n\nModalDialog.propTypes = {\n /**\n * Specifies the content of the dialog\n */\n children: PropTypes.node.isRequired,\n /**\n * The aria-label of the dialog\n */\n title: PropTypes.string.isRequired,\n /**\n * A callback to close the modal dialog\n */\n onClose: PropTypes.func.isRequired,\n /**\n * Is the modal dialog open or closed\n */\n isOpen: PropTypes.bool,\n /**\n * The close 'x' icon button in the top right of the dialog box\n */\n hasCloseButton: PropTypes.bool,\n /**\n * Sizes determine the maximum width of the dialog box\n */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /**\n * The visual style of the dialog box\n */\n variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n /**\n * The label supplied to the close icon button if one is rendered\n */\n closeLabel: PropTypes.string,\n /**\n * Specifies class name to append to the base element\n */\n className: PropTypes.string,\n /**\n * Determines where a scrollbar should appear if a modal is too large for the\n * viewport. When false, the ``ModalDialog``. Body receives a scrollbar, when true\n * the browser window itself receives the scrollbar.\n */\n isFullscreenScroll: PropTypes.bool,\n /**\n * To show full screen view on mobile screens\n */\n isFullscreenOnMobile: PropTypes.bool,\n /**\n * Prevent clicking on the backdrop to close the modal\n */\n isBlocking: PropTypes.bool,\n /**\n * Specifies the z-index of the modal\n */\n zIndex: PropTypes.number,\n};\n\nModalDialog.defaultProps = {\n isOpen: false,\n hasCloseButton: true,\n size: 'md',\n variant: 'default',\n closeLabel: MODAL_DIALOG_CLOSE_LABEL,\n className: undefined,\n isFullscreenScroll: false,\n isFullscreenOnMobile: false,\n isBlocking: false,\n zIndex: undefined,\n};\n\nModalDialog.Header = ModalDialogHeader;\nModalDialog.Title = ModalDialogTitle;\nModalDialog.Footer = ModalDialogFooter;\nModalDialog.CloseButton = ModalCloseButton;\nModalDialog.Body = ModalDialogBody;\nModalDialog.Hero = ModalDialogHero;\n\nexport default ModalDialog;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,kBAAkB;AAChD,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,KAAK,QAAQ,aAAa;AAEnC,OAAO,IAAMC,wBAAwB,GAAG,OAAO;AAE/C,SAASC,WAAWA,CAAAC,IAAA,
|
|
1
|
+
{"version":3,"file":"ModalDialog.js","names":["React","PropTypes","classNames","useMediaQuery","ModalLayer","ModalCloseButton","ModalDialogHeader","ModalDialogTitle","ModalDialogFooter","ModalDialogBody","ModalDialogHero","Icon","IconButton","Close","MODAL_DIALOG_CLOSE_LABEL","ModalDialog","_ref","_classNames","children","title","isOpen","onClose","size","variant","hasCloseButton","closeLabel","isFullscreenScroll","className","isFullscreenOnMobile","isBlocking","zIndex","isOverflowVisible","isMobile","query","showFullScreen","createElement","role","_defineProperty","concat","as","iconAs","invertColors","src","alt","propTypes","node","isRequired","string","func","bool","oneOf","number","defaultProps","undefined","Header","Title","Footer","CloseButton","Body","Hero"],"sources":["../../src/Modal/ModalDialog.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useMediaQuery } from 'react-responsive';\nimport ModalLayer from './ModalLayer';\nimport ModalCloseButton from './ModalCloseButton';\nimport ModalDialogHeader from './ModalDialogHeader';\nimport ModalDialogTitle from './ModalDialogTitle';\nimport ModalDialogFooter from './ModalDialogFooter';\nimport ModalDialogBody from './ModalDialogBody';\nimport ModalDialogHero from './ModalDialogHero';\n\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport { Close } from '../../icons';\n\nexport const MODAL_DIALOG_CLOSE_LABEL = 'Close';\n\nfunction ModalDialog({\n children,\n title,\n isOpen,\n onClose,\n size,\n variant,\n hasCloseButton,\n closeLabel,\n isFullscreenScroll,\n className,\n isFullscreenOnMobile,\n isBlocking,\n zIndex,\n isOverflowVisible,\n}) {\n const isMobile = useMediaQuery({ query: '(max-width: 767.98px)' });\n const showFullScreen = (isFullscreenOnMobile && isMobile);\n return (\n <ModalLayer isOpen={isOpen} onClose={onClose} isBlocking={isBlocking} zIndex={zIndex}>\n <div\n role=\"dialog\"\n aria-label={title}\n className={classNames(\n 'pgn__modal',\n {\n [`pgn__modal-${showFullScreen ? 'fullscreen' : size}`]: size,\n [`pgn__modal-${variant}`]: variant,\n 'pgn__modal-scroll-fullscreen': isFullscreenScroll,\n 'pgn__modal-visible-overflow': isOverflowVisible,\n },\n className,\n )}\n >\n {hasCloseButton && (\n <div className=\"pgn__modal-close-container\">\n <ModalCloseButton\n as={IconButton}\n iconAs={Icon}\n invertColors={variant === 'dark'}\n src={Close}\n alt={closeLabel}\n />\n </div>\n )}\n {children}\n </div>\n </ModalLayer>\n );\n}\n\nModalDialog.propTypes = {\n /**\n * Specifies the content of the dialog\n */\n children: PropTypes.node.isRequired,\n /**\n * The aria-label of the dialog\n */\n title: PropTypes.string.isRequired,\n /**\n * A callback to close the modal dialog\n */\n onClose: PropTypes.func.isRequired,\n /**\n * Is the modal dialog open or closed\n */\n isOpen: PropTypes.bool,\n /**\n * The close 'x' icon button in the top right of the dialog box\n */\n hasCloseButton: PropTypes.bool,\n /**\n * Sizes determine the maximum width of the dialog box\n */\n size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'fullscreen']),\n /**\n * The visual style of the dialog box\n */\n variant: PropTypes.oneOf(['default', 'warning', 'danger', 'success', 'dark']),\n /**\n * The label supplied to the close icon button if one is rendered\n */\n closeLabel: PropTypes.string,\n /**\n * Specifies class name to append to the base element\n */\n className: PropTypes.string,\n /**\n * Determines where a scrollbar should appear if a modal is too large for the\n * viewport. When false, the ``ModalDialog``. Body receives a scrollbar, when true\n * the browser window itself receives the scrollbar.\n */\n isFullscreenScroll: PropTypes.bool,\n /**\n * To show full screen view on mobile screens\n */\n isFullscreenOnMobile: PropTypes.bool,\n /**\n * Prevent clicking on the backdrop to close the modal\n */\n isBlocking: PropTypes.bool,\n /**\n * Specifies the z-index of the modal\n */\n zIndex: PropTypes.number,\n /** Specifies whether overflow is visible in the modal */\n isOverflowVisible: PropTypes.bool,\n};\n\nModalDialog.defaultProps = {\n isOpen: false,\n hasCloseButton: true,\n size: 'md',\n variant: 'default',\n closeLabel: MODAL_DIALOG_CLOSE_LABEL,\n className: undefined,\n isFullscreenScroll: false,\n isFullscreenOnMobile: false,\n isBlocking: false,\n zIndex: undefined,\n isOverflowVisible: true,\n};\n\nModalDialog.Header = ModalDialogHeader;\nModalDialog.Title = ModalDialogTitle;\nModalDialog.Footer = ModalDialogFooter;\nModalDialog.CloseButton = ModalCloseButton;\nModalDialog.Body = ModalDialogBody;\nModalDialog.Hero = ModalDialogHero;\n\nexport default ModalDialog;\n"],"mappings":"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"}
|
|
@@ -38,6 +38,14 @@
|
|
|
38
38
|
top: calc(#{$modal-inner-padding} / 2 * -1);
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
|
+
|
|
42
|
+
&.pgn__modal-visible-overflow {
|
|
43
|
+
overflow: visible;
|
|
44
|
+
|
|
45
|
+
.pgn__modal-body {
|
|
46
|
+
overflow: visible;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
41
49
|
}
|
|
42
50
|
|
|
43
51
|
// Sizes
|
|
@@ -94,6 +102,8 @@
|
|
|
94
102
|
justify-content: center;
|
|
95
103
|
position: sticky;
|
|
96
104
|
top: 0;
|
|
105
|
+
border-top-left-radius: $modal-content-border-radius;
|
|
106
|
+
border-top-right-radius: $modal-content-border-radius;
|
|
97
107
|
padding: $modal-header-padding;
|
|
98
108
|
background-color: $modal-content-bg;
|
|
99
109
|
transition: box-shadow 150ms ease;
|
package/dist/paragon.css
CHANGED
|
@@ -42,4 +42,4 @@
|
|
|
42
42
|
1.4286em + 0.875rem + 2px
|
|
43
43
|
);min-width:calc(
|
|
44
44
|
1.5em + 1.375rem + 2px
|
|
45
|
-
)}.pgn__form-control-decorator-group-sm .pgn__form-control-decorator.pgn__form-control-decorator-leading{padding-left:.75rem;padding-right:.375rem}.pgn__form-control-decorator-group-sm .pgn__form-control-decorator.pgn__form-control-decorator-trailing{padding-left:.375rem;padding-right:calc(0.4375rem - 2px)}.pgn__form-control-decorator .btn-icon{color:#707070 !important}.pgn__form-control-decorator .btn-icon:hover{background-color:#707070 !important;color:#fff !important}.pgn__form-control-decorator .btn-icon:focus{background-color:#fff !important;color:#707070 !important;box-shadow:inset 0 0 0 2px #707070 !important}.pgn__form-control-floating-label{position:absolute;inset-inline-start:1px;inset-inline-end:0;display:flex;width:100%;height:100%;pointer-events:none;padding:0 1rem}.pgn__form-control-floating-label .pgn__form-control-floating-label-content{border-top:solid 2px rgba(0,0,0,0);position:relative;inset-inline-start:-0.5em;max-width:100%}.pgn__form-control-floating-label .pgn__form-control-floating-label-text{transform-origin:left top;padding:0 .5em;transition:transform 150ms ease,background-color 150ms linear;background-color:rgba(255,255,255,.01);white-space:nowrap;max-width:75vw;display:block;overflow:hidden;text-overflow:ellipsis}[dir=rtl] .pgn__form-control-floating-label .pgn__form-control-floating-label-text{transform-origin:right top}.has-leading-element .pgn__form-control-floating-label .pgn__form-control-floating-label-text{transform:translateX(32px)}[dir=rtl] .has-leading-element .pgn__form-control-floating-label .pgn__form-control-floating-label-text{transform:translateX(-32px)}.pgn__form-control-floating-label .pgn__form-control-floating-label-content{padding-top:.5625rem;line-height:1.3333;font-size:1.125rem}.pgn__form-control-decorator-group-lg .pgn__form-control-floating-label{padding:0 1.25rem}.pgn__form-control-decorator-group-lg .pgn__form-control-floating-label .pgn__form-control-floating-label-content{padding-top:.6875rem;line-height:1.5;font-size:1.325rem}.pgn__form-control-decorator-group-sm .pgn__form-control-floating-label{padding:0 .75rem}.pgn__form-control-decorator-group-sm .pgn__form-control-floating-label .pgn__form-control-floating-label-content{padding-top:.4375rem;line-height:1.4286;font-size:.875rem}.form-control:focus~.pgn__form-control-floating-label .pgn__form-control-floating-label-text,.form-control.has-value~.pgn__form-control-floating-label .pgn__form-control-floating-label-text{background-color:#fff}.form-control:focus~.pgn__form-control-floating-label .pgn__form-control-floating-label-text,.form-control.has-value~.pgn__form-control-floating-label .pgn__form-control-floating-label-text{transform:translateY(-0.5625rem) scale(0.75) translateY(-80.0007500188%)}.float-label.pgn__form-control-decorator-group-lg .pgn__form-control-floating-label .pgn__form-control-floating-label-text{transform:translateY(-0.6875rem) scale(0.75) translateY(-76.6666666667%)}.float-label.pgn__form-control-decorator-group-sm .pgn__form-control-floating-label .pgn__form-control-floating-label-text{transform:translateY(-0.4375rem) scale(0.75) translateY(-77.9994400112%)}[dir=rtl] .pgn__form-control-decorator-group.has-floating-label input[type=date],[dir=rtl] .pgn__form-control-decorator-group.has-floating-label input[type=time]{text-align:right}.pgn__form-control-decorator-group.has-floating-label input[type=date]:not(:focus):not(.has-value),.pgn__form-control-decorator-group.has-floating-label input[type=time]:not(:focus):not(.has-value){color:rgba(0,0,0,0)}[dir=rtl] .pgn__form-control-decorator-group.has-floating-label input[type=date]::-webkit-calendar-picker-indicator,[dir=rtl] .pgn__form-control-decorator-group.has-floating-label input[type=time]::-webkit-calendar-picker-indicator{position:absolute;left:0}.pgn__form-control-decorator-group.has-floating-label .form-control:not(:focus):not(.has-value)::placeholder,.pgn__form-control-decorator-group.has-floating-label .form-control:not(:focus):not(.has-value)::-webkit-datetime-edit{opacity:0}.pgn__form-control-decorator-group.has-floating-label select.form-control:not(.has-value):not(:focus){color:rgba(0,0,0,0)}select.form-control{padding-inline-end:2.5625rem;background-image:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z" fill="%23454545"/></svg>');background-position:right .5625rem center;background-repeat:no-repeat;background-size:24px 24px;appearance:none}[dir=rtl] select.form-control{background-position:left .5625rem center}.pgn__form-label{font-size:1.125rem;display:inline-block;margin-bottom:.5rem}.pgn__form-label.pgn__form-label-inline{display:inline-block;margin:0 1em 0 0}[dir=rtl] .pgn__form-label.pgn__form-label-inline{margin:0 0 0 1em}.pgn__form-label.pgn__form-label-lg{font-size:1.325rem}.pgn__form-label.pgn__form-label-sm{font-size:.875rem}.pgn__form-checkbox-input,.pgn__form-radio-input,.pgn__form-switch-input{appearance:none;height:1.25rem;width:1.25rem;background-color:#fff;border:solid 2px #454545;border-radius:0;margin-inline-end:.5rem;background-position:center}.pgn__form-checkbox-input:not(:disabled),.pgn__form-radio-input:not(:disabled),.pgn__form-switch-input:not(:disabled){cursor:pointer}.pgn__form-checkbox-input:not(:disabled):hover,.pgn__form-radio-input:not(:disabled):hover,.pgn__form-switch-input:not(:disabled):hover{box-shadow:0 0 0 4px rgba(0,0,0,.1)}.pgn__form-checkbox-input:disabled,.pgn__form-radio-input:disabled,.pgn__form-switch-input:disabled{opacity:.3}.pgn__form-checkbox-input:checked,.pgn__form-radio-input:checked,.pgn__form-switch-input:checked{border-color:#0a3055}.pgn__form-checkbox-input:checked{background-image:url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%230A3055'/%3e%3c/svg%3e")}.pgn__form-checkbox-input:indeterminate{background-image:url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21 3H3V21H21V3ZM17 13H7V11H17V13Z' fill='%230A3055'/%3e%3c/svg%3e")}.pgn__form-checkbox-input:focus,.pgn__form-radio-input:focus{position:relative;outline:none;box-shadow:none;text-decoration:none;border-color:#0a3055}.pgn__form-checkbox-input:focus::before,.pgn__form-radio-input:focus::before{content:"";position:absolute;top:-0.375rem;right:-0.375rem;bottom:-0.375rem;left:-0.375rem;border:.125rem solid #0a3055;border-radius:.0625rem}.pgn__form-switch-input{width:2.1875rem;border-radius:.625rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055'/%3e%3c/svg%3e");background-position:left center;background-repeat:no-repeat;transition:background 150ms ease}.pgn__form-switch-input:checked{background-position:right center;background-color:#178253;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e")}.pgn__form-switch-input:indeterminate{background-position:center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055'/%3e%3c/svg%3e")}.pgn__form-switch-helper-text{color:#707070;font-size:.75rem;margin-top:.25rem}.pgn__form-radio-input{border-radius:50%}.pgn__form-radio-input:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055'/%3e%3c/svg%3e")}.pgn__form-radio-input:focus{border-color:#000}.pgn__form-radio-input:focus::before{border-radius:50%}.pgn__form-checkbox,.pgn__form-switch,.pgn__form-radio{display:inline-flex}.pgn__form-checkbox .pgn__form-label,.pgn__form-switch .pgn__form-label,.pgn__form-radio .pgn__form-label{display:flex;align-items:center;margin-bottom:0;line-height:1.25rem}.pgn__form-checkbox input:disabled~*,.pgn__form-switch input:disabled~*,.pgn__form-radio input:disabled~*{opacity:.3}.pgn__form-checkbox.pgn__form-control-invalid input,.pgn__form-switch.pgn__form-control-invalid input,.pgn__form-radio.pgn__form-control-invalid input{border-color:#c32d3a}.pgn__form-checkbox.pgn__form-control-valid input,.pgn__form-switch.pgn__form-control-valid input,.pgn__form-radio.pgn__form-control-valid input{border-color:#178253}.pgn__form-checkbox.pgn__form-control-label-left .pgn__form-label,.pgn__form-switch.pgn__form-control-label-left .pgn__form-label,.pgn__form-radio.pgn__form-control-label-left .pgn__form-label{order:1;margin-inline-end:.5rem}.pgn__form-checkbox.pgn__form-control-label-left input,.pgn__form-switch.pgn__form-control-label-left input,.pgn__form-radio.pgn__form-control-label-left input{order:2}.pgn__form-checkbox.pgn__form-control-invalid input:checked{background-image:url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%23C32D3A'/%3e%3c/svg%3e")}.pgn__form-checkbox.pgn__form-control-valid input:checked{background-image:url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%23178253'/%3e%3c/svg%3e")}.pgn__form-radio.pgn__form-control-invalid input:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23C32D3A'/%3e%3c/svg%3e")}.pgn__form-radio.pgn__form-control-valid input:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23178253'/%3e%3c/svg%3e")}[dir=rtl] .input-group>.input-group-prepend>.btn,[dir=rtl] .input-group>.input-group-prepend>.input-group-text,[dir=rtl] .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,[dir=rtl] .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,[dir=rtl] .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,[dir=rtl] .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,[dir=rtl] .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),[dir=rtl] .input-group>.input-group-append:last-child>.input-group-text:not(:last-child){border-radius:0 .375rem .375rem 0}[dir=rtl] .input-group>.input-group-append>.btn,[dir=rtl] .input-group>.input-group-append>.input-group-text,[dir=rtl] .input-group>.input-group-prepend:not(:first-child)>.btn,[dir=rtl] .input-group>.input-group-prepend:not(:first-child)>.input-group-text,[dir=rtl] .input-group>.input-group-prepend:first-child>.btn:not(:first-child),[dir=rtl] .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child){border-radius:.375rem 0 0 .375rem}.pgn__form-autosuggest__wrapper{position:relative}.pgn__form-autosuggest__wrapper .pgn__form-control-decorator .btn-icon:hover{fill:#fff}.pgn__form-autosuggest__wrapper .pgn__form-control-decorator .btn-icon:focus{fill:#707070}.pgn__form-autosuggest__wrapper .form-control{min-height:2.75rem}.pgn__form-autosuggest__wrapper .pgn__icon.btn-icon__icon{height:2.4rem;width:2.4rem}.pgn__form-autosuggest__wrapper .pgn__form-autosuggest__dropdown{box-shadow:0 0 .125rem rgba(0,0,0,.15),0 0 .25rem rgba(0,0,0,.15);border-radius:.25rem;max-height:15rem;overflow-y:scroll;position:absolute;background-color:#fff;width:calc(100% - .5rem);z-index:1000;top:3.125rem;padding:0}@media(min-width: 576px){.pgn__form-autosuggest__wrapper .pgn__form-autosuggest__dropdown{margin-inline-end:.5rem}}.pgn__form-autosuggest__wrapper .pgn__form-autosuggest__dropdown .dropdown-item{display:block;text-align:start;max-width:100%;padding:.625rem 1rem;overflow:hidden;text-overflow:ellipsis}.pgn__form-autosuggest__wrapper .pgn__form-autosuggest__dropdown .dropdown-item:active{color:#fff}.pgn__form-autosuggest__wrapper .pgn__form-autosuggest__dropdown .pgn__form-autosuggest__dropdown-loading{padding:6.25rem 0;text-align:center}.pgn__form-autosuggest__wrapper .pgn__form-autosuggest__dropdown .pgn__form-autosuggest__dropdown-loading .spinner-border{width:1.25rem;height:1.25rem;border:.125rem solid #000;border-right-color:rgba(0,0,0,0)}.pgn__hyperlink{display:inline-flex;align-items:center;text-align:start}.pgn__hyperlink__external-icon{margin-inline-start:.5rem}.pgn__icon{display:block;height:1.5rem;position:relative;width:1.5rem;flex-shrink:0}.pgn__icon.pgn__icon__inline{width:.8em;height:.8em}.pgn__icon.pgn__icon__xs{width:1rem;height:1rem}.pgn__icon.pgn__icon__sm{width:1.25rem;height:1.25rem}.pgn__icon.pgn__icon__md{width:1.5rem;height:1.5rem}.pgn__icon.pgn__icon__lg{width:1.75rem;height:1.75rem}.pgn__icon svg{display:block;height:100%;position:relative;max-height:100%;max-width:100%;width:100%}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #ccc;border-radius:.375rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#707070}.media{display:flex;align-items:flex-start}.media-body{flex:1}.pgn__menu{border-radius:.25em;box-shadow:0 .125rem .25rem rgba(0,0,0,.3);background-color:#fff;overflow:auto;max-height:16.813rem}.pgn__menu .pgn__menu-item{display:flex;align-items:center;justify-content:flex-start;width:19rem;color:#454545;text-align:center;vertical-align:middle;user-select:none;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:.5625rem 1rem;height:3rem}@media(max-width: 464px){.pgn__menu .pgn__menu-item{width:13.438rem}}.pgn__menu .pgn__menu-item .pgn__menu-item-text{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pgn__menu .pgn__menu-item .pgn__menu-item-content-spacer{flex-grow:1}.pgn__menu .pgn__menu-item:hover{text-decoration:none;color:#454545;border-color:rgba(0,0,0,0);background:#e1dddb}.pgn__menu .pgn__menu-item.disabled,.pgn__menu .pgn__menu-item:disabled{opacity:.65}.pgn__menu .pgn__menu-item.focus,.pgn__menu .pgn__menu-item:focus{font-weight:bolder;background-color:#e1dddb}.pgn__menu .pgn__menu-item .btn-icon-before{margin-inline-end:.5rem;margin-left:calc(0.25em * -1)}[dir=rtl] .pgn__menu .pgn__menu-item .btn-icon-before{margin-right:calc(0.25em * -1);margin-left:.5rem}.pgn__menu .pgn__menu-item .btn-icon-after{margin-inline-start:.5rem;margin-right:calc(0.25em * -1)}[dir=rtl] .pgn__menu .pgn__menu-item .btn-icon-after{margin-right:.5rem;margin-left:calc(0.25em * -1)}.pgn__menu-select .btn.btn-link{color:#0a3055}.pgn__menu-select .btn.btn-link:hover,.pgn__menu-select .btn.btn-link:focus{text-decoration-line:underline;text-decoration-thickness:.125rem}.pgn__menu-select .pgn__menu-select-popup{position:relative}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:1.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0, -50px)}@media(prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 3rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3rem);overflow:hidden}.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 3rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 3rem);height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:0 solid rgba(0,0,0,.2);border-radius:.425rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.5rem;border-bottom:0 solid #ccc;border-top-left-radius:.425rem;border-top-right-radius:.425rem}.modal-header .close{padding:1rem 1.5rem;margin:-1rem -1.5rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5556}.modal-body{position:relative;flex:1 1 auto;padding:1.5rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:1.25rem;border-top:0 solid #ccc;border-bottom-right-radius:.425rem;border-bottom-left-radius:.425rem}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media(min-width: 576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:min-content}.modal-sm{max-width:400px}}@media(min-width: 992px){.modal-lg,.modal-xl{max-width:800px}}@media(min-width: 1200px){.modal-xl{max-width:1140px}}.pgn__modal{background:#fff;border-radius:.425rem;display:flex;flex-direction:column;margin:0 1.5rem;max-height:80vh;max-width:500px;overflow:auto;width:100vw;box-shadow:0 10px 20px rgba(0,0,0,.15),0 8px 20px rgba(0,0,0,.15);border:solid 0 rgba(0,0,0,.2);position:relative}.pgn__modal:not(.pgn__modal-fullscreen)>*:first-child{border-top-left-radius:.425rem;border-top-right-radius:.425rem}.pgn__modal:not(.pgn__modal-fullscreen)>*:last-child{border-bottom-left-radius:.425rem;border-bottom-right-radius:.425rem}.pgn__modal.pgn__modal-scroll-fullscreen{max-height:none;margin:1.5rem}.pgn__modal .pgn__modal-header{padding-bottom:calc(1.5rem / 2)}.pgn__modal .pgn__modal-body{padding:calc(1.5rem / 2) 1.5rem}.pgn__modal .pgn__modal-body::before{top:calc(1.5rem / 2 * -1)}.pgn__modal-sm{max-width:400px}.pgn__modal-lg{max-width:800px}.pgn__modal-md{max-width:500px}.pgn__modal-xl{max-width:1140px}.pgn__modal-fullscreen{border-radius:0;margin:0;max-height:none;max-width:none}.pgn__modal-fullscreen .pgn__modal-footer{border-top:solid 1px #e1dddb;padding-top:1rem}.pgn__modal-content-container>*.pgn__modal.pgn__modal-fullscreen{position:fixed;top:0;left:0;right:0;height:100%}.pgn__modal-close-container{position:absolute;z-index:10;top:.625rem;inset-inline-end:1rem}.pgn__modal-header{display:flex;flex-direction:column;justify-content:center;position:sticky;top:0;padding:1rem 1.5rem;background-color:#fff;transition:box-shadow 150ms ease;min-height:2rem;box-sizing:content-box;flex-shrink:0;box-shadow:none}.pgn__modal-header *{margin-bottom:0;margin-top:0}.pgn__modal-header .pgn__modal-title{font-size:1.375rem;margin-inline-end:3rem;text-align:start}.pgn__modal-hero{padding:1rem 1.5rem;position:relative;display:flex;align-items:center;min-height:10rem}.pgn__modal-hero .pgn__modal-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-size:cover}.pgn__modal-hero .pgn__modal-hero-content{position:relative;z-index:1;margin-inline-end:3rem;text-align:start}.pgn__modal-body{flex-grow:1;padding:1.5rem 1.5rem calc(1.5rem / 2);overflow:auto;position:relative}.pgn__modal-body::before{content:"";background-color:rgba(0,0,0,0);background-image:linear-gradient(#605C5C, #B8BEBE, transparent 50%);display:block;height:20px;position:sticky;top:-1.5rem;margin-top:-1.5rem;margin-left:-1.5rem;margin-right:-1.5rem;opacity:.5;z-index:2}.pgn__modal-body::after{content:"";background-color:rgba(0,0,0,0);background-image:linear-gradient(360deg, #605C5C, #B8BEBE, transparent 50%);display:block;height:20px;position:sticky;bottom:calc(1.5rem / 2 * -1);margin-bottom:-0.7rem;margin-left:-1.5rem;margin-right:-1.5rem;opacity:.5}.pgn__modal-body.pgn__modal-body-scroll-bottom::before{opacity:.5}.pgn__modal-body.pgn__modal-body-scroll-bottom::after{opacity:0}.pgn__modal-body.pgn__modal-body-scroll-top::before{opacity:0;z-index:-1}.pgn__modal-body.pgn__modal-body-scroll-top::after{opacity:.5}.pgn__modal-body.pgn__modal-body-scroll-top.pgn__modal-body-scroll-bottom::before{opacity:0}.pgn__modal-body.pgn__modal-body-scroll-top.pgn__modal-body-scroll-bottom::after{opacity:0}.pgn__modal-body .pgn__modal-body-content{text-align:start}.pgn__modal-body .pgn__modal-body-content>*:last-child{margin-bottom:0}.pgn__modal-body .pgn__modal-body-content>.container-fluid,.pgn__modal-body .pgn__modal-body-content>.container-sm,.pgn__modal-body .pgn__modal-body-content>.container-md,.pgn__modal-body .pgn__modal-body-content>.container-lg,.pgn__modal-body .pgn__modal-body-content>.container-xl{padding:0}.pgn__modal.pgn__modal-scroll-fullscreen .pgn__modal-body{box-shadow:none}.pgn__modal-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;background-color:#fff;transition:box-shadow 150ms ease;padding:1rem 1.5rem;padding-top:calc(1.5rem / 2)}.pgn__modal-dark .pgn__modal-header,.pgn__modal-dark .pgn__modal-hero{background-color:#273f2f;color:#fff}.pgn__modal-dark .pgn__modal-header *,.pgn__modal-dark .pgn__modal-hero *{color:inherit}.pgn__modal-warning .pgn__modal-header{background-color:#fffdf0}.pgn__modal-danger .pgn__modal-header{background-color:#fbf2f3}.pgn__modal-success .pgn__modal-header{background-color:#f1f8f5}.pgn__alert-modal.pgn__modal-default .pgn__modal-header{padding-bottom:0}.pgn__alert-modal.pgn__modal-warning .pgn__alert-modal__title_icon{color:#ffd900}.pgn__alert-modal.pgn__modal-success .pgn__alert-modal__title_icon{color:#178253}.pgn__alert-modal.pgn__modal-danger .pgn__alert-modal__title_icon{color:#c32d3a}.pgn__alert-modal .pgn__modal-title{font-size:1.125rem;display:flex;flex-grow:1;align-items:center}.pgn__alert-modal .pgn__modal-title .pgn__alert-modal__title_icon{flex-shrink:0;margin-right:.75rem}.pgn__hidden-scroll-padding-right{padding-right:0}.pgn__modal-layer{height:100%;left:0;overflow:auto;position:fixed;top:0;width:100vw;z-index:1050;-webkit-overflow-scrolling:touch}.pgn__modal-backdrop{background:#000;bottom:0;left:0;opacity:.5;position:fixed;right:0;top:0;z-index:0}.pgn__modal-content-container{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:-webkit-fill-available;padding:.1px;position:relative}.pgn__modal-content-container>*:not(.pgn__modal-backdrop){position:relative;z-index:1}.pgn__modal-content-container h1,.pgn__modal-content-container .h1,.pgn__modal-content-container p{text-align:start}.modal.show{position:fixed;background-color:rgba(0,0,0,0);max-height:100%;width:100%}.modal.show:focus .modal-dialog{box-shadow:0 0 0 1px #0a3055}.modal.is-ie11{overflow-y:scroll;height:auto}.modal.is-ie11 .modal-content{height:auto;max-height:none}.modal-backdrop{background-color:rgba(0,0,0,.3)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:1}.modal-dialog{height:100%;margin:auto;padding:.5rem}@media(min-width: 576px){.modal-dialog{padding:1rem}}.modal-content{max-height:calc(100vh - (1rem * 2))}.modal-content:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.modal-header{flex:0 0 auto}.modal-body{overflow:auto}.modal-footer{flex:0 0 auto}.pgn__modal-popup__arrow{position:absolute;width:1rem;height:.5rem}.pgn__modal-popup__arrow::before,.pgn__modal-popup__arrow::after{content:"";position:absolute;border-color:rgba(0,0,0,0);border-style:solid;border-width:.5rem .5rem 0}.pgn__modal-popup__arrow::before{border-top-color:rgba(0,0,0,.2)}[data-popper-placement^=bottom-start] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=bottom-start] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-bottom-start{transform:rotate(180deg);top:-0.5rem;left:33%}[data-popper-placement^=bottom] .pgn__modal-popup__arrow-auto,.pgn__modal-popup__arrow-bottom{transform:rotate(180deg);top:-0.5rem;left:48%}[data-popper-placement^=top-start] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=top-start] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-top-start{bottom:-0.5rem;left:33%}[data-popper-placement^=top] .pgn__modal-popup__arrow-auto,.pgn__modal-popup__arrow-top{bottom:-0.5rem;left:48%}.pgn__modal-popup__arrow::after,.pgn__modal-popup__arrow-top-start::after,.pgn__modal-popup__arrow-top::after{bottom:1px;border-top-color:#fff}[data-popper-placement^=right] .pgn__modal-popup__arrow-auto,[data-popper-placement^=right-start] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=right-start] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-right-start,.pgn__modal-popup__arrow-right{left:-1.25rem;top:50%;transform:rotate(90deg);margin:0 .5rem}[data-popper-placement^=left],.pgn__modal-popup__arrow-left{right:-0.75rem;top:50%;transform:rotate(-90deg)}[data-popper-placement^=left-end] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=left-end] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-left-end{top:77%;right:-0.75rem;transform:rotate(-90deg)}[data-popper-placement^=right-end] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=right-end] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-right-end{top:77%;transform:rotate(90deg);left:-0.75rem}[data-popper-placement^=left-start] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=left-start] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-left-start{top:15%;right:-0.75rem;transform:rotate(-90deg)}[data-popper-placement^=right-start] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=right-start] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-right-start{top:15%}[data-popper-placement^=top-end] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=top-end] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-top-end{left:62%}[data-popper-placement^=bottom-end] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=bottom-end] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-bottom-end{top:-0.5rem;left:62%;transform:rotate(180deg)}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;color:#454545;font-weight:500}.nav-link:hover,.nav-link:focus{text-decoration:none;color:#454545}.nav-link.disabled{color:#adadad;pointer-events:none;cursor:default}.pgn__tabs.nav-pills .nav-link{border:1px solid #e9e6e4}.pgn__tabs.nav-pills .nav-link:focus{position:relative;outline:0;z-index:200}.pgn__tabs.nav-pills .nav-link:focus::before{content:"";position:absolute;top:calc(4px * -1);right:calc(4px * -1);bottom:calc(4px * -1);left:calc(4px * -1);border:solid 2px #0a3055;border-radius:.375rem}.pgn__tabs.nav-pills .nav-link:hover{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #e9e6e4;background-color:#e9e6e4}.pgn__tabs.nav-pills .nav-link.active,.pgn__tabs.nav-pills .nav-link .nav-item.show .nav-link{color:#fff;background-color:#0a3055;border-color:#fff}.pgn__tabs.nav-pills .nav-link.active:focus,.pgn__tabs.nav-pills .nav-link .nav-item.show .nav-link:focus{position:relative;outline:0;z-index:200}.pgn__tabs.nav-pills .nav-link.active:focus::before,.pgn__tabs.nav-pills .nav-link .nav-item.show .nav-link:focus::before{content:"";position:absolute;top:calc(4px * -1);right:calc(4px * -1);bottom:calc(4px * -1);left:calc(4px * -1);border:solid 2px #0a3055;border-radius:.375rem}.pgn__tabs.nav-inverse-pills+.tab-content{color:#fff}.pgn__tabs.nav-inverse-pills .nav-link{color:#fff;border:1px solid #939f97}.pgn__tabs.nav-inverse-pills .nav-link:hover{background-color:#939f97}.pgn__tabs.nav-inverse-pills .nav-link:focus{position:relative;outline:0;z-index:200}.pgn__tabs.nav-inverse-pills .nav-link:focus::before{content:"";position:absolute;top:calc(4px * -1);right:calc(4px * -1);bottom:calc(4px * -1);left:calc(4px * -1);border:solid 2px #fff;border-radius:0}.pgn__tabs.nav-inverse-pills .nav-link.disabled{opacity:.5}.pgn__tabs.nav-inverse-pills .nav-link.active,.pgn__tabs.nav-inverse-pills .nav-item.show .nav-link{background-color:#fff;color:#0a3055;border-color:#fff}.pgn__tabs.nav-inverse-pills .nav-link.active:hover,.pgn__tabs.nav-inverse-pills .nav-item.show .nav-link:hover{background-color:#939f97;color:#fff;border-color:#939f97}.pgn__tabs.nav-inverse-pills .nav-link.active:focus,.pgn__tabs.nav-inverse-pills .nav-item.show .nav-link:focus{border-color:#0a3055}.pgn__tabs.nav-inverse-pills .nav-link.active:focus:hover,.pgn__tabs.nav-inverse-pills .nav-item.show .nav-link:focus:hover{background-color:#fff;color:#0a3055;border-color:#0a3055}.pgn__tabs.nav-inverse-tabs+.tab-content{color:#fff}.pgn__tabs.nav-inverse-tabs .nav-link{color:#fff;border-bottom:2px solid #939f97}.pgn__tabs.nav-inverse-tabs .nav-link .dropdown .dropdown-toggle{border-bottom:2px solid rgba(0,0,0,0)}.pgn__tabs.nav-inverse-tabs .nav-link .dropdown .dropdown-toggle:hover{border-bottom:none}.pgn__tabs.nav-inverse-tabs .nav-link:hover{background-color:#939f97}.pgn__tabs.nav-inverse-tabs .nav-link:focus{position:relative;outline:0;z-index:200}.pgn__tabs.nav-inverse-tabs .nav-link:focus::before{content:"";position:absolute;top:calc(4px * -1);right:calc(4px * -1);bottom:calc(4px * -1);left:calc(4px * -1);border:solid 2px #fff;border-radius:0}.pgn__tabs.nav-inverse-tabs .nav-link.disabled{opacity:.5}.pgn__tabs.nav-inverse-tabs .nav-link.active,.pgn__tabs.nav-inverse-tabs .nav-item.show .nav-link{border-bottom:2px solid #fff;background-color:#939f97}.pgn__tabs.nav-inverse-tabs .nav-link.active:hover,.pgn__tabs.nav-inverse-tabs .nav-item.show .nav-link:hover{background-color:rgba(0,0,0,0)}.nav-tabs{border-bottom:2px solid #e9e6e4}.nav-tabs button.nav-link{border:none;border-bottom:2px solid rgba(0,0,0,0)}.nav-tabs button.nav-link.disabled{border-color:rgba(0,0,0,0)}.nav-tabs .nav-link{margin-bottom:calc(2px * -1);border-top-left-radius:0;border-top-right-radius:0}.nav-tabs .nav-link:hover{background-color:#e9e6e4}.nav-tabs .nav-link .dropdown{padding-bottom:.125rem}.nav-tabs .nav-link:focus{border-bottom:2px solid rgba(0,0,0,0);position:relative;outline:0;z-index:200}.nav-tabs .nav-link:focus::before{content:"";position:absolute;top:calc(4px * -1);right:calc(4px * -1);bottom:calc(4px * -1);left:calc(4px * -1);border:solid 2px #0a3055;border-radius:0}.nav-tabs .nav-link.disabled{color:#adadad;background-color:rgba(0,0,0,0)}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:#0a3055;background-color:rgba(0,0,0,0);border-bottom:2px solid #0a3055}.nav-tabs .nav-link.active:hover,.nav-tabs .nav-item.show .nav-link:hover{background-color:#e9e6e4}.nav-tabs .nav-link.active:focus,.nav-tabs .nav-item.show .nav-link:focus{position:relative;outline:0;z-index:200}.nav-tabs .nav-link.active:focus::before,.nav-tabs .nav-item.show .nav-link:focus::before{content:"";position:absolute;top:calc(4px * -1);right:calc(4px * -1);bottom:calc(4px * -1);left:calc(4px * -1);border:solid 2px #0a3055;border-radius:0}.nav-tabs .dropdown-menu{margin-top:calc(2px * -1);border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.375rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0a3055}.nav-button-group .nav-link{border:solid 1px #e9e6e4}.nav-button-group .nav-link:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}[dir=rtl] .nav-button-group .nav-link:first-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.nav-button-group .nav-link:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}[dir=rtl] .nav-button-group .nav-link:last-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;border-top-right-radius:0;border-bottom-right-radius:0}.nav-button-group .nav-link:hover{background:#e9e6e4}.nav-button-group .nav-link+.nav-link{margin-left:-1px}.nav-button-group .nav-link.active,.nav-button-group .show>.nav-link{color:#fff;background-color:#0a3055;border-color:rgba(0,0,0,0)}.nav-fill>.nav-link,.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified>.nav-link,.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none;text-align:start}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-sm,.navbar .container-md,.navbar .container-lg,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.28124375rem;padding-bottom:.28124375rem;margin-right:1rem;font-size:1.40625rem;line-height:inherit;white-space:nowrap}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.40625rem;line-height:1;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:.375rem}.navbar-toggler:hover,.navbar-toggler:focus{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media(max-width: 575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media(max-width: 767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media(max-width: 991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media(max-width: 1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media(max-width: 1399.98px){.navbar-expand-xxl>.container,.navbar-expand-xxl>.container-fluid,.navbar-expand-xxl>.container-sm,.navbar-expand-xxl>.container-md,.navbar-expand-xxl>.container-lg,.navbar-expand-xxl>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 1400px){.navbar-expand-xxl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl>.container,.navbar-expand-xxl>.container-fluid,.navbar-expand-xxl>.container-sm,.navbar-expand-xxl>.container-md,.navbar-expand-xxl>.container-lg,.navbar-expand-xxl>.container-xl{flex-wrap:nowrap}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:hover,.navbar-light .navbar-text a:focus{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:hover,.navbar-dark .navbar-text a:focus{color:#fff}.pgn__pageBanner-component{width:100%;min-height:36px;display:flex;flex-wrap:nowrap;font-size:75%}@media(min-width: 768px){.pgn__pageBanner-component{font-size:87.5%}}.pgn__pageBanner__dark{background-color:#273f2f;color:#fff}.pgn__pageBanner__light{background-color:#e9e6e4;color:#000}.pgn__pageBanner__accentA{background-color:#00bbf9;color:#000}.pgn__pageBanner__accentB{background-color:#fe8;color:#000}.pgn__pageBanner__warning{background-color:#fffdf0;color:#000}.pgn__pageBanner-content{display:flex;flex-grow:1;justify-content:center;align-items:center;padding:.5rem .75rem;text-align:center}.pgn__pageBanner-dismissButtonContainer{min-width:32px;min-height:32px;display:flex;align-items:center;align-self:center}@media(min-width: 768px){.pgn__pageBanner-dismissButtonContainer{min-width:36px;min-height:36px}}.pagination .page-item:last-child .btn-icon.page-link{border-top-right-radius:50%;border-bottom-right-radius:50%}.pagination .page-item:first-child .btn-icon.page-link{border-top-left-radius:50%;border-bottom-left-radius:50%}.pagination{display:flex;margin:0;padding-left:0;list-style:none;border-radius:.375rem}.pagination .dropdown{z-index:4}.pagination .page-of-count{margin:0 .5rem;border:0}.pagination .page-item:first-child .page-link{margin-left:0;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.pagination .page-item:last-child .page-link{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.pagination .page-item.active .page-link{z-index:3}.pagination .page-item>.btn{transition:none;line-height:1.5rem}.pagination-small .page-link{font-size:.875rem;line-height:1.5rem;padding:.375rem .78rem}.pagination-small .page-link.previous,.pagination-small .page-link.next{padding:0 .625rem;line-height:2.25rem}.pagination-small .page-link.previous div,.pagination-small .page-link.next div{display:flex;align-items:center}.pagination-small:not(.pagination-default) .page-link.previous,.pagination-small:not(.pagination-default) .page-link.next{padding:0;width:2.25rem}.pagination-secondary button.next,.pagination-secondary button.previous{height:2.75rem;padding:0 .625rem}.pagination-secondary.pagination-small button.next,.pagination-secondary.pagination-small button.previous{height:2.25rem;line-height:1.5rem}.pagination .ellipsis{border:0;margin-left:0}.pagination-inverse .ellipsis{color:#fff}.pagination-inverse .dropdown .dropdown-toggle::after{border-top:.3125rem solid #fff}.pagination-reduced-dropdown-menu{overflow-y:auto;max-height:60vh;min-width:6rem}.pagination-reduced-dropdown-menu a{text-align:center}.pagination-reduced .dropdown-toggle::after{width:0;height:0;border-left:.3125rem solid rgba(0,0,0,0);border-right:.3125rem solid rgba(0,0,0,0);border-top:.3125rem solid #454545;transform:rotate(0);inset-inline-start:.5rem;top:0;margin-inline-end:1rem}.pagination-reduced button.next,.pagination-reduced button.previous{height:2.75rem;padding:0 .625rem}.pagination-reduced.pagination-small .btn.dropdown-toggle{font-size:.875rem}.pagination-reduced.pagination-small .btn.dropdown-toggle::after{border-left-width:.25rem;border-right-width:.25rem;border-top-width:.25rem}.pagination-reduced.pagination-small button.previous,.pagination-reduced.pagination-small button.next{line-height:2.25rem;height:2.25rem}.pagination-minimal .page-item:first-child{margin-inline-end:.3rem}.pagination-minimal button.next,.pagination-minimal button.previous{padding:.625rem;height:2.75rem}.pagination-minimal.pagination-small button.next,.pagination-minimal.pagination-small button.previous{padding:0 .625rem;height:2.25rem}.page-link{border:none;margin-left:-1px}.page-link:focus{z-index:3}.page-link div{display:flex}[dir=rtl] .page-link svg{transform:scale(-1)}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:480px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5556;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.25rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .25rem}.popover .arrow::before,.popover .arrow::after{position:absolute;display:block;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-popover-top,.bs-popover-auto[x-placement^=top]{margin-bottom:.5rem}.bs-popover-top>.arrow,.bs-popover-auto[x-placement^=top]>.arrow{bottom:calc(-0.5rem - 1px)}.bs-popover-top>.arrow::before,.bs-popover-auto[x-placement^=top]>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-top>.arrow::after,.bs-popover-auto[x-placement^=top]>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-right,.bs-popover-auto[x-placement^=right]{margin-left:.5rem}.bs-popover-right>.arrow,.bs-popover-auto[x-placement^=right]>.arrow{left:calc(-0.5rem - 1px);width:.5rem;height:1rem;margin:.25rem 0}.bs-popover-right>.arrow::before,.bs-popover-auto[x-placement^=right]>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-right>.arrow::after,.bs-popover-auto[x-placement^=right]>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-bottom,.bs-popover-auto[x-placement^=bottom]{margin-top:.5rem}.bs-popover-bottom>.arrow,.bs-popover-auto[x-placement^=bottom]>.arrow{top:calc(-0.5rem - 1px)}.bs-popover-bottom>.arrow::before,.bs-popover-auto[x-placement^=bottom]>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-bottom>.arrow::after,.bs-popover-auto[x-placement^=bottom]>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-bottom .popover-header::before,.bs-popover-auto[x-placement^=bottom] .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-0.5rem;content:"";border-bottom:1px solid #fff}.bs-popover-left,.bs-popover-auto[x-placement^=left]{margin-right:.5rem}.bs-popover-left>.arrow,.bs-popover-auto[x-placement^=left]>.arrow{right:calc(-0.5rem - 1px);width:.5rem;height:1rem;margin:.25rem 0}.bs-popover-left>.arrow::before,.bs-popover-auto[x-placement^=left]>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-left>.arrow::after,.bs-popover-auto[x-placement^=left]>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1.125rem;color:#000;background-color:#fff;border-bottom:1px solid #f2f2f2;border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem 1rem;color:#454545}.popover{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15)) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15))}.popover .popover-header{display:flex;align-items:center;font-size:.875rem}.popover .pgn__icon{margin-inline-end:.5rem;height:1rem;width:1rem}.popover-success{background:#f1f8f5}.popover-success .popover-header{background:#f1f8f5}.popover-success .popover-header::before{border-bottom-color:#f1f8f5}.popover-success .pgn__icon{color:#178253}.popover-success.bs-popover-bottom .arrow::after,.popover-success.bs-popover-auto[x-placement^=bottom] .arrow::after{border-bottom-color:#f1f8f5}.popover-success.bs-popover-top .arrow::after,.popover-success.bs-popover-auto[x-placement^=top] .arrow::after{border-top-color:#f1f8f5}.popover-success.bs-popover-right .arrow::after,.popover-success.bs-popover-auto[x-placement^=right] .arrow::after{border-right-color:#f1f8f5}.popover-success.bs-popover-left .arrow::after,.popover-success.bs-popover-auto[x-placement^=left] .arrow::after{border-left-color:#f1f8f5}.popover-warning{background:#fffdf0}.popover-warning .popover-header{background:#fffdf0}.popover-warning .popover-header::before{border-bottom-color:#fffdf0}.popover-warning .pgn__icon{color:#ffd900}.popover-warning.bs-popover-bottom .arrow::after,.popover-warning.bs-popover-auto[x-placement^=bottom] .arrow::after{border-bottom-color:#fffdf0}.popover-warning.bs-popover-top .arrow::after,.popover-warning.bs-popover-auto[x-placement^=top] .arrow::after{border-top-color:#fffdf0}.popover-warning.bs-popover-right .arrow::after,.popover-warning.bs-popover-auto[x-placement^=right] .arrow::after{border-right-color:#fffdf0}.popover-warning.bs-popover-left .arrow::after,.popover-warning.bs-popover-auto[x-placement^=left] .arrow::after{border-left-color:#fffdf0}.popover-danger{background:#fbf2f3}.popover-danger .popover-header{background:#fbf2f3}.popover-danger .popover-header::before{border-bottom-color:#fbf2f3}.popover-danger .pgn__icon{color:#c32d3a}.popover-danger.bs-popover-bottom .arrow::after,.popover-danger.bs-popover-auto[x-placement^=bottom] .arrow::after{border-bottom-color:#fbf2f3}.popover-danger.bs-popover-top .arrow::after,.popover-danger.bs-popover-auto[x-placement^=top] .arrow::after{border-top-color:#fbf2f3}.popover-danger.bs-popover-right .arrow::after,.popover-danger.bs-popover-auto[x-placement^=right] .arrow::after{border-right-color:#fbf2f3}.popover-danger.bs-popover-left .arrow::after,.popover-danger.bs-popover-auto[x-placement^=left] .arrow::after{border-left-color:#fbf2f3}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;line-height:0;font-size:0.84375rem;background-color:rgba(0,0,0,0);border-radius:0}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#00bbf9;transition:width .6s ease}@media(prefers-reduced-motion: reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:1rem 1rem}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion: reduce){.progress-bar-animated{animation:none}}.progress{border:1px solid #707070}.progress-bar{background-color:#00bbf9}.pgn__progress-annotated{width:100%;position:relative;overflow:visible;padding:3.125rem 0}.pgn__progress-annotated .progress{overflow:visible;background-color:#f0eeed;height:.3125rem;border:none}.pgn__progress-annotated .progress .progress-bar{background-color:#273f2f;overflow:visible;position:relative}.pgn__progress-annotated .progress .pgn__progress-tick--white::after,.pgn__progress-annotated .progress .pgn__progress-tick--black::after{content:"";position:absolute;height:.3125rem;width:1px;right:0}.pgn__progress-annotated .progress .pgn__progress-tick--white::after{background:#f0eeed}.pgn__progress-annotated .progress .pgn__progress-tick--black::after{background:#0a3055}.pgn__progress-annotated .progress .pgn__progress-bar--dark{background-color:#0a3055}.pgn__progress-annotated .progress .pgn__progress-bar--dark::after{content:"";display:block;background:#0a3055;position:absolute;top:-0.125rem;right:-0.28125rem;width:.5625rem;height:.5625rem;border-radius:.28125rem;z-index:1}[dir=rtl] .pgn__progress-annotated .progress .pgn__progress-bar--dark::after{left:-0.28125rem;right:auto}.pgn__progress-annotated .progress .pgn__progress-bar--success{background-color:#178253}.pgn__progress-annotated .progress .pgn__progress-bar--success::after{content:"";display:block;background:#178253;position:absolute;top:-0.125rem;right:-0.28125rem;width:.5625rem;height:.5625rem;border-radius:.28125rem;z-index:1}[dir=rtl] .pgn__progress-annotated .progress .pgn__progress-bar--success::after{left:-0.28125rem;right:auto}.pgn__progress-annotated .progress .pgn__progress-bar--error{background-color:#c32d3a}.pgn__progress-annotated .progress .pgn__progress-bar--error::after{content:"";display:block;background:#c32d3a;position:absolute;top:-0.125rem;right:-0.28125rem;width:.5625rem;height:.5625rem;border-radius:.28125rem;z-index:1}[dir=rtl] .pgn__progress-annotated .progress .pgn__progress-bar--error::after{left:-0.28125rem;right:auto}.pgn__progress-annotated .progress .pgn__progress-bar--warning{background-color:#fe8}.pgn__progress-annotated .progress .pgn__progress-bar--warning::after{content:"";display:block;background:#fe8;position:absolute;top:-0.125rem;right:-0.28125rem;width:.5625rem;height:.5625rem;border-radius:.28125rem;z-index:1}[dir=rtl] .pgn__progress-annotated .progress .pgn__progress-bar--warning::after{left:-0.28125rem;right:auto}.pgn__progress-annotated .progress::before,.pgn__progress-annotated .progress::after{position:absolute;content:"";height:.3125rem;width:1px;background:#0a3055}.pgn__progress-annotated .progress::after{right:0}.pgn__progress-annotated .pgn__progress-info{position:absolute;display:flex;align-items:baseline}.pgn__progress-annotated .pgn__progress-info:first-child{top:0}.pgn__progress-annotated .pgn__progress-hint{box-sizing:border-box;padding:0 .5rem;font-size:87.5%}.pgn__overflow-scroll-overflow-container{--pgn-overflow-scroll-opacity-mask-transparent: rgba(0, 0, 0, .4)}.pgn__searchfield{transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:.0625rem solid #707070}.pgn__searchfield .pgn__searchfield-form{display:flex;align-items:center;width:100%;background-color:#fff}.pgn__searchfield .btn:focus-visible{outline:none;position:relative;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.pgn__searchfield .btn:focus-visible::after{content:"";border:.3125rem double #000;position:absolute;width:100%;height:100%}.pgn__searchfield.disabled,.pgn__searchfield:disabled{opacity:.3;pointer-events:none}.pgn__searchfield.has-focus:not(.pgn__searchfield--external){position:relative}.pgn__searchfield.has-focus:not(.pgn__searchfield--external)::after{content:"";border:.3125rem double #000;position:absolute;width:100%;height:100%}.pgn__searchfield.has-focus:not(.pgn__searchfield--external) .pgn__searchfield_wrapper{box-shadow:0 0 0 .0625rem #000}.pgn__searchfield:hover,.pgn__searchfield:active{border-color:#000}.pgn__searchfield .form-control{border:none;border-radius:0;height:calc(1.3333em + 1.125rem)}.pgn__searchfield .form-control:focus{box-shadow:none}.pgn__searchfield .form-control::-ms-clear,.pgn__searchfield .form-control::-ms-reveal{display:none;width:0;height:0}.pgn__searchfield .form-control::-webkit-search-decoration,.pgn__searchfield .form-control::-webkit-search-cancel-button,.pgn__searchfield .form-control::-webkit-search-results-button,.pgn__searchfield .form-control::-webkit-search-results-decoration{display:none}.pgn__searchfield .form-control .form-control:hover,.pgn__searchfield .form-control .form-control:focus,.pgn__searchfield .form-control .form-control:active{border:none}.pgn__searchfield label.has-label-text{padding-inline-start:.75rem}.pgn__searchfield.pgn__searchfield--external{border:none}.pgn__searchfield.pgn__searchfield--external.has-focus{box-shadow:none}.pgn__searchfield.pgn__searchfield--external.has-focus .pgn__searchfield_wrapper{position:relative}.pgn__searchfield.pgn__searchfield--external.has-focus .pgn__searchfield_wrapper::after{content:"";border:.3125rem double #000;position:absolute;width:100%;height:100%}.pgn__searchfield .pgn__searchfield_wrapper{display:flex;align-items:center;width:100%;border:.0625rem solid #707070}.pgn__searchfield .pgn__searchfield_wrapper:hover,.pgn__searchfield .pgn__searchfield_wrapper:active{border-color:#000}.pgn__searchfield__button.btn[type=submit]{border-radius:0;margin-inline-start:.5rem}.pgn__searchfield__iconbutton-submit,.pgn__searchfield__iconbutton-reset{flex-shrink:0;margin-inline-end:.25rem}.pgn__scrollable-body{display:flex;flex-direction:column;position:relative;flex-grow:1;overflow-y:auto}.pgn__scrollable-body::before{content:"";background-color:rgba(0,0,0,0);box-shadow:5px 0 7px 2px rgba(0,0,0,.55);display:block;height:2px;position:sticky;top:-0.16rem;z-index:2}.pgn__scrollable-body::after{content:"";background-color:rgba(0,0,0,0);box-shadow:5px 0 7px 2px rgba(0,0,0,.55);display:block;height:2px;position:sticky;bottom:-2px;margin-top:1.6rem}.pgn__scrollable-body.pgn__scrollable-body-scroll-bottom::before{opacity:.5}.pgn__scrollable-body.pgn__scrollable-body-scroll-bottom::after{opacity:0}.pgn__scrollable-body.pgn__scrollable-body-scroll-top::before{opacity:0;z-index:0}.pgn__scrollable-body.pgn__scrollable-body-scroll-top::after{opacity:.5}.pgn__scrollable-body.pgn__scrollable-body-scroll-top.pgn__scrollable-body-scroll-bottom::before{opacity:0}.pgn__scrollable-body.pgn__scrollable-body-scroll-top.pgn__scrollable-body-scroll-bottom::after{opacity:0}.pgn__scrollable-body .pgn__scrollable-body-content p{text-align:start}.pgn__scrollable-body .pgn__scrollable-body-content>*:last-child{margin-bottom:0}.pgn__scrollable.pgn__scrollable-scroll-fullscreen .pgn__scrollable-body{box-shadow:none}.pgn__sheet-skrim{width:100%;height:100%;background-color:rgba(196,196,196,.5);position:fixed;top:0;left:0;z-index:1031}.pgn__sheet-skrim.hidden{display:none}[dir=rtl] .pgn__sheet-component.right,.pgn__sheet-component.left,.pgn__sheet-component-left{left:0;box-shadow:8px 0 16px 0 rgba(0,0,0,.15)}.pgn__sheet-component.right,[dir=rtl] .pgn__sheet-component.left,.pgn__sheet-component-right{right:0;box-shadow:-8px 0 16px 0 rgba(0,0,0,.15)}.pgn__sheet-component{position:fixed;padding:1.25rem;background-color:#fff;z-index:1032}.pgn__sheet-component.pgn__sheet__dark{background-color:#273f2f;color:#f0eeed}.pgn__sheet-component.bottom{bottom:0;box-shadow:0 -8px 16px 0 rgba(0,0,0,.15)}.pgn__sheet-component.top{top:0;box-shadow:0 8px 16px 0 rgba(0,0,0,.15)}[dir=rtl] .pgn__sheet-component.left{left:auto}[dir=rtl] .pgn__sheet-component.right{right:auto}.pgn__sheet-component.bottom,.pgn__sheet-component.top{width:100%;left:0;max-height:50%}.pgn__sheet-component.left,.pgn__sheet-component.right{max-width:272px;height:100%;top:0}.react-loading-skeleton{z-index:unset}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-0.125em;border:.25em solid currentcolor;border-right-color:rgba(0,0,0,0);border-radius:50%;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-0.125em;background-color:currentcolor;border-radius:50%;opacity:0;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media(prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{animation-duration:1.5s}}.pgn__stepper-header{display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0);padding:.75rem 1rem;min-height:5.13rem}.pgn__stepper-header .pgn__stepper-header-step-list{list-style:none;padding:.25rem 0;display:flex;align-items:center;margin:0;flex-grow:1;justify-content:center}.pgn__stepper-header .pgn__stepper-header-step-list .pgn__stepper-header-line{display:block;height:1px;background:#e1dddb;flex-basis:80px;margin:0 .5rem}.pgn__stepper-header .pgn__stepper-header-step-list button.pgn__stepper-header-step{border:none;background-color:rgba(0,0,0,0)}.pgn__stepper-header .pgn__stepper-header-step{display:flex;align-items:center;color:#0a3055;flex-shrink:1;min-width:0;padding:.25rem}.pgn__stepper-header .pgn__stepper-header-step .pgn__bubble{margin-inline-end:.5rem;flex-shrink:0}.pgn__stepper-header .pgn__stepper-header-step .pgn__stepper-header-step-title-description{min-width:0}.pgn__stepper-header .pgn__stepper-header-step .pgn__stepper-header-step-title{white-space:nowrap;overflow:hidden;min-width:0;text-overflow:ellipsis}.pgn__stepper-header .pgn__stepper-header-step .pgn__stepper-header-step-description{font-size:75%}.pgn__stepper-header .pgn__stepper-header-step.pgn__stepper-header-step-active~.pgn__stepper-header-step{color:#707070}.pgn__stepper-header .pgn__stepper-header-step.pgn__stepper-header-step-has-error .pgn__bubble{background:rgba(0,0,0,0);box-shadow:inset 0 0 0 3px #c32d3a}.pgn__stepper-header .pgn__stepper-header-step.pgn__stepper-header-step-has-error .pgn__bubble *{color:#c32d3a}.pgn__stepper-header .pgn__stepper-header-step.pgn__stepper-header-step-has-error .pgn__stepper-header-step-description{color:#c32d3a}.pgn__stateful-btn-icon{margin-inline-end:.5em;margin-left:-0.25em}[dir=rtl] .pgn__stateful-btn-icon{margin-right:-0.25em;margin-left:.5rem}.pgn__stateful-btn-state-pending{opacity:1 !important}.table{width:100%;margin-bottom:1rem;color:#454545}.table th,.table td{padding:.75rem;vertical-align:top;border-top:1px solid #ccc}.table thead th{vertical-align:bottom;border-bottom:2px solid #ccc}.table tbody+tbody{border-top:2px solid #ccc}.table-sm th,.table-sm td{padding:.3rem}.table-bordered{border:1px solid #ccc}.table-bordered th,.table-bordered td{border:1px solid #ccc}.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#454545;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>th,.table-primary>td{background-color:#bac5cf}.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody{border-color:#8093a7}.table-hover .table-primary:hover{background-color:#abb8c5}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#abb8c5}.table-secondary,.table-secondary>th,.table-secondary>td{background-color:#cbcbcb}.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody{border-color:#9e9e9e}.table-hover .table-secondary:hover{background-color:#bebebe}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#bebebe}.table-brand,.table-brand>th,.table-brand>td{background-color:#e4b8cf}.table-brand th,.table-brand td,.table-brand thead th,.table-brand tbody+tbody{border-color:#cc7aa6}.table-hover .table-brand:hover{background-color:#dda6c3}.table-hover .table-brand:hover>td,.table-hover .table-brand:hover>th{background-color:#dda6c3}.table-success,.table-success>th,.table-success>td{background-color:#bedccf}.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody{border-color:#86bea6}.table-hover .table-success:hover{background-color:#add3c3}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#add3c3}.table-info,.table-info>th,.table-info>td{background-color:#b8d6e7}.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody{border-color:#7ab3d3}.table-hover .table-info:hover{background-color:#a5cbe1}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#a5cbe1}.table-warning,.table-warning>th,.table-warning>td{background-color:#fff4b8}.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody{border-color:#ffeb7a}.table-hover .table-warning:hover{background-color:#fff09f}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#fff09f}.table-danger,.table-danger>th,.table-danger>td{background-color:#eec4c8}.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody{border-color:#e09299}.table-hover .table-danger:hover{background-color:#e8b0b6}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#e8b0b6}.table-light,.table-light>th,.table-light>td{background-color:#f7f5f5}.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody{border-color:#efedec}.table-hover .table-light:hover{background-color:#ece7e7}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ece7e7}.table-dark,.table-dark>th,.table-dark>td{background-color:#c3c9c5}.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{border-color:#8f9b93}.table-hover .table-dark:hover{background-color:#b6bdb8}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b6bdb8}.table-gray,.table-gray>th,.table-gray>td{background-color:#d7d7d7}.table-gray th,.table-gray td,.table-gray thead th,.table-gray tbody+tbody{border-color:#b5b5b5}.table-hover .table-gray:hover{background-color:#cacaca}.table-hover .table-gray:hover>td,.table-hover .table-gray:hover>th{background-color:#cacaca}.table-accent-a,.table-accent-a>th,.table-accent-a>td{background-color:#b8ecfd}.table-accent-a th,.table-accent-a td,.table-accent-a thead th,.table-accent-a tbody+tbody{border-color:#7adcfc}.table-hover .table-accent-a:hover{background-color:#9fe5fc}.table-hover .table-accent-a:hover>td,.table-hover .table-accent-a:hover>th{background-color:#9fe5fc}.table-accent-b,.table-accent-b>th,.table-accent-b>td{background-color:#fffade}.table-accent-b th,.table-accent-b td,.table-accent-b thead th,.table-accent-b tbody+tbody{border-color:#fff6c1}.table-hover .table-accent-b:hover{background-color:#fff6c5}.table-hover .table-accent-b:hover>td,.table-hover .table-accent-b:hover>th{background-color:#fff6c5}.table-active,.table-active>th,.table-active>td{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#454545;border-color:#585858}.table .thead-light th{color:#454545;background-color:#ebebeb;border-color:#ccc}.table-dark{color:#fff;background-color:#454545}.table-dark th,.table-dark td,.table-dark thead th{border-color:#585858}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media(max-width: 575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media(max-width: 767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media(max-width: 991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media(max-width: 1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}@media(max-width: 1399.98px){.table-responsive-xxl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xxl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.btn-header{padding:0;font-weight:700}.table th,.table td{word-wrap:break-word}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5556;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:1}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-tooltip-top,.bs-tooltip-auto[x-placement^=top]{padding:.4rem 0}.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^=top] .arrow{bottom:0}.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^=top] .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-right,.bs-tooltip-auto[x-placement^=right]{padding:0 .4rem}.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^=right] .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^=right] .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^=bottom]{padding:.4rem 0}.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^=bottom] .arrow{top:0}.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^=bottom] .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-left,.bs-tooltip-auto[x-placement^=left]{padding:0 .4rem}.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^=left] .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^=left] .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.5rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.375rem}.tooltip{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15)) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15))}.tooltip-light .tooltip-inner{color:#000;background-color:#fff}.tooltip-light.bs-tooltip-top .arrow::before,.tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow::before{border-top-color:#fff}.tooltip-light.bs-tooltip-right .arrow::before,.tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow::before{border-right-color:#fff}.tooltip-light.bs-tooltip-bottom .arrow::before,.tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow::before{border-bottom-color:#fff}.tooltip-light.bs-tooltip-left .arrow::before,.tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow::before{border-left-color:#fff}.pgn__data-table-wrapper{font-size:.875rem;border-radius:.375rem;background-color:#fff;box-shadow:0 .0625rem .125rem rgba(0,0,0,.2)}.pgn__data-table-wrapper.hide-shadow{box-shadow:none}.pgn__data-table-wrapper>:first-child{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.pgn__data-table-wrapper>:last-child{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.pgn__bulk-actions,.pgn__table-actions{display:flex}.pgn__bulk-actions .pgn__datatable__visible-actions,.pgn__table-actions .pgn__datatable__visible-actions{margin-inline-start:.5rem}.pgn__bulk-actions .pgn__datatable__visible-actions .btn,.pgn__table-actions .pgn__datatable__visible-actions .btn{margin-inline-start:.5rem}.pgn__bulk-actions .pgn__datatable__visible-actions .btn:first-child,.pgn__table-actions .pgn__datatable__visible-actions .btn:first-child{margin-inline-start:0}.pgn__data-table-dataview-toggle{flex:auto}.pgn__data-table-actions-right{display:flex;align-items:center}.pgn__data-table-actions-right-toggle-bottom{display:flex;flex-direction:column-reverse;align-items:flex-end;width:100%}.pgn__data-table-actions-right-toggle-bottom .pgn__data-table-toggle{width:100%;display:flex;align-items:center;margin-top:1.5rem}.pgn__data-table-actions-right-toggle-bottom .pgn__icon-button-toggle__container{justify-content:flex-end}.pgn__data-table-container{width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.pgn__data-table-container.is-loading::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.7);z-index:1}.pgn__data-table-layout-wrapper{display:flex;align-items:flex-start}@media(max-width: 1440px){.pgn__data-table-layout-wrapper{overflow-x:scroll}}.pgn__data-table-layout-wrapper .pgn__data-table-layout-sidebar{background-color:#fff;border-radius:.375rem;box-shadow:0 .0625rem .125rem rgba(0,0,0,.2);padding:.5rem;margin-right:1.5rem;flex:0 0 12rem}.pgn__data-table-layout-wrapper .pgn__data-table-side-filters .pgn__data-table-side-filters-title{margin-bottom:1rem;text-align:start}.pgn__data-table-layout-wrapper .pgn__data-table-side-filters .pgn__data-table-side-filters-status{margin-bottom:.5rem;display:flex;justify-content:flex-end}.pgn__data-table-layout-wrapper .pgn__data-table-side-filters .pgn__data-table-side-filters-item .pgn__form-checkbox{align-items:center}.pgn__data-table-layout-wrapper .pgn__data-table-layout-main{flex-grow:1}.pgn__data-table{width:100%}.pgn__data-table.is-striped tr:nth-child(even){background-color:#f8f7f6}.pgn__data-table th{background-color:#f0eeed;padding:.5rem .75rem;text-align:start}.pgn__data-table td{padding:.75rem;line-height:24px;text-align:start}.pgn__data-table tr.is-selected{background-color:#f0f6fa !important}.pgn__data-table-cell-wrap{max-width:20vw;white-space:normal;overflow:hidden;text-overflow:ellipsis}.pgn__data-table-empty{padding:.75rem .75rem}.pgn__data-table-actions{display:flex;justify-content:space-between;padding-bottom:.5rem}.pgn__data-table-status-bar{padding:.75rem .75rem}.pgn__data-table-filters{display:flex}.pgn__data-table-filters-breakout-filter{margin-inline-end:.5rem}.pgn__data-table-filters-dropdown-item{padding:.5rem 14px;min-width:15em}.pgn__data-table-filters-dropdown-item .pgn__form-checkbox{align-items:center}.pgn__data-table-status{display:flex;justify-content:space-between;align-items:center}.pgn__data-table-footer{display:flex;justify-content:space-between;padding:.75rem .75rem;align-items:center;border-top:2px solid #f0eeed}[dir=rtl] .pgn__data-table-footer .btn-icon .pgn__icon{transform:scale(-1)}.pgn__data-table-pagination{display:flex}.pgn__data-table-pagination .pgn__page-count{align-self:center}.pgn__data-table-pagination-dropdown{overflow-y:auto;max-height:60vh;min-width:6rem}.pgn__data-table-pagination-dropdown a{text-align:center}.pgn__checkbox-filter-label{font-weight:700}.pgn__checkbox-filter{display:flex}.pgn__checkbox-filter input .form-check-input{margin-top:.36rem}[dir=rtl] .pgn__checkbox-filter .form-check{padding-left:0;padding-right:1.25rem}[dir=rtl] .pgn__checkbox-filter .form-check .form-check-input{margin-left:0;margin-right:-1.25rem}.pgn__dropdown-filter-checkbox-group{margin-left:.75rem;margin-right:.75rem}.pgn__dropdown-filter-checkbox-group input .form-check-input{margin-top:.36rem}.pgn__data-table-card-view{padding:0 .75rem}.pgn__data-table-card-view .pgn__data-table-card-view-default-skeleton-card-section{margin-top:.5rem}.pgn__data-table__action-btn{margin-left:.5rem}.pgn__data-table__action-btn:first-child{margin-left:0}.pgn__data-table-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;overflow:hidden}.pgn__datatable__overflow-actions-menu{background:#fff;padding:.5rem;box-shadow:0 .0625rem .125rem rgba(0,0,0,.15),0 .0625rem .25rem rgba(0,0,0,.15);border-radius:4px}.pgn__data-table__selectable-card{display:flex;align-items:flex-start;flex-grow:1}.pgn__data-table__selectable-card>:first-child{height:100%}.pgn__data-table__selectable-card.selection-right>:first-child{margin-right:.5rem}[dir=rtl] .pgn__data-table__selectable-card.selection-right>:first-child{margin-left:.5rem;margin-right:0}.pgn__data-table__selectable-card.selection-left{flex-direction:row-reverse}.pgn__data-table__controlled-select{display:flex;align-content:center;padding:.25rem}.pgn-transition-replace-group{transition:height 300ms ease;text-align:start}.pgn__transition-replace-enter{opacity:0}.pgn__transition-replace-enter-active{opacity:1;z-index:1;transition:opacity 300ms ease}.pgn__transition-replace-exit{opacity:1}.pgn__transition-replace-exit-active{opacity:0;transition:opacity 300ms ease}.form-control.is-invalid~.invalid-feedback-nodanger{color:#454545}.fa-icon-spacing{padding:0 5px 0 0}.nav-tabs .nav-link{background:rgba(0,0,0,0)}.btn-icon{width:2.75rem;height:2.75rem;border-radius:50%;padding:0;display:inline-flex;justify-content:center;border:none}.btn-icon.btn-icon-sm{width:2.25rem;height:2.25rem}.btn-icon.btn-icon-inline{width:calc(1.5556em + .1em);height:calc(1.5556em + .1em);padding:1em;vertical-align:middle}.btn-icon.btn-icon-inline .btn-icon__icon-container{height:100%;width:100%;justify-content:center;align-items:center}.btn-icon .btn-icon__icon-container{display:inline-flex;align-self:center}.btn-icon .btn-icon__icon-container .pgn__icon.btn-icon__icon{height:1.5rem;width:1.5rem}.btn-icon .btn-icon__icon{height:1em;width:1em}.btn-icon.disabled,.btn-icon:disabled{opacity:.65;pointer-events:none}.btn-icon.btn-icon-primary{background-color:rgba(0,0,0,0);color:#0a3055}.btn-icon.btn-icon-primary.hover,.btn-icon.btn-icon-primary:hover,.btn-icon.btn-icon-primary.active,.btn-icon.btn-icon-primary:active{background-color:#0a3055;color:#fff}.btn-icon.btn-icon-primary.focus,.btn-icon.btn-icon-primary:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#0a3055;box-shadow:inset 0 0 0 2px #0a3055}.btn-icon.btn-icon-inverse-primary{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-primary.hover,.btn-icon.btn-icon-inverse-primary:hover,.btn-icon.btn-icon-inverse-primary.active,.btn-icon.btn-icon-inverse-primary:active{background-color:#fff;color:#0a3055}.btn-icon.btn-icon-inverse-primary.focus,.btn-icon.btn-icon-inverse-primary:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-primary-active{background-color:#0a3055;color:#fff}.btn-icon.btn-icon-primary-active.hover,.btn-icon.btn-icon-primary-active:hover,.btn-icon.btn-icon-primary-active.active,.btn-icon.btn-icon-primary-active:active{background-color:#0a3055;color:#fff}.btn-icon.btn-icon-primary-active.focus,.btn-icon.btn-icon-primary-active:focus{outline:2px rgba(0,0,0,0);background-color:#0a3055;color:#fff}.btn-icon.btn-icon-inverse-primary-active{background-color:#fff;color:#0a3055}.btn-icon.btn-icon-inverse-primary-active.hover,.btn-icon.btn-icon-inverse-primary-active:hover,.btn-icon.btn-icon-inverse-primary-active.active,.btn-icon.btn-icon-inverse-primary-active:active{background-color:#fff;color:#0a3055}.btn-icon.btn-icon-inverse-primary-active.focus,.btn-icon.btn-icon-inverse-primary-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#0a3055}.btn-icon.btn-icon-secondary{background-color:rgba(0,0,0,0);color:#454545}.btn-icon.btn-icon-secondary.hover,.btn-icon.btn-icon-secondary:hover,.btn-icon.btn-icon-secondary.active,.btn-icon.btn-icon-secondary:active{background-color:#454545;color:#fff}.btn-icon.btn-icon-secondary.focus,.btn-icon.btn-icon-secondary:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#454545;box-shadow:inset 0 0 0 2px #454545}.btn-icon.btn-icon-inverse-secondary{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-secondary.hover,.btn-icon.btn-icon-inverse-secondary:hover,.btn-icon.btn-icon-inverse-secondary.active,.btn-icon.btn-icon-inverse-secondary:active{background-color:#fff;color:#454545}.btn-icon.btn-icon-inverse-secondary.focus,.btn-icon.btn-icon-inverse-secondary:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-secondary-active{background-color:#454545;color:#fff}.btn-icon.btn-icon-secondary-active.hover,.btn-icon.btn-icon-secondary-active:hover,.btn-icon.btn-icon-secondary-active.active,.btn-icon.btn-icon-secondary-active:active{background-color:#454545;color:#fff}.btn-icon.btn-icon-secondary-active.focus,.btn-icon.btn-icon-secondary-active:focus{outline:2px rgba(0,0,0,0);background-color:#454545;color:#fff}.btn-icon.btn-icon-inverse-secondary-active{background-color:#fff;color:#454545}.btn-icon.btn-icon-inverse-secondary-active.hover,.btn-icon.btn-icon-inverse-secondary-active:hover,.btn-icon.btn-icon-inverse-secondary-active.active,.btn-icon.btn-icon-inverse-secondary-active:active{background-color:#fff;color:#454545}.btn-icon.btn-icon-inverse-secondary-active.focus,.btn-icon.btn-icon-inverse-secondary-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#454545}.btn-icon.btn-icon-brand{background-color:rgba(0,0,0,0);color:#9d0054}.btn-icon.btn-icon-brand.hover,.btn-icon.btn-icon-brand:hover,.btn-icon.btn-icon-brand.active,.btn-icon.btn-icon-brand:active{background-color:#9d0054;color:#fff}.btn-icon.btn-icon-brand.focus,.btn-icon.btn-icon-brand:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#9d0054;box-shadow:inset 0 0 0 2px #9d0054}.btn-icon.btn-icon-inverse-brand{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-brand.hover,.btn-icon.btn-icon-inverse-brand:hover,.btn-icon.btn-icon-inverse-brand.active,.btn-icon.btn-icon-inverse-brand:active{background-color:#fff;color:#9d0054}.btn-icon.btn-icon-inverse-brand.focus,.btn-icon.btn-icon-inverse-brand:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-brand-active{background-color:#9d0054;color:#fff}.btn-icon.btn-icon-brand-active.hover,.btn-icon.btn-icon-brand-active:hover,.btn-icon.btn-icon-brand-active.active,.btn-icon.btn-icon-brand-active:active{background-color:#9d0054;color:#fff}.btn-icon.btn-icon-brand-active.focus,.btn-icon.btn-icon-brand-active:focus{outline:2px rgba(0,0,0,0);background-color:#9d0054;color:#fff}.btn-icon.btn-icon-inverse-brand-active{background-color:#fff;color:#9d0054}.btn-icon.btn-icon-inverse-brand-active.hover,.btn-icon.btn-icon-inverse-brand-active:hover,.btn-icon.btn-icon-inverse-brand-active.active,.btn-icon.btn-icon-inverse-brand-active:active{background-color:#fff;color:#9d0054}.btn-icon.btn-icon-inverse-brand-active.focus,.btn-icon.btn-icon-inverse-brand-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#9d0054}.btn-icon.btn-icon-success{background-color:rgba(0,0,0,0);color:#178253}.btn-icon.btn-icon-success.hover,.btn-icon.btn-icon-success:hover,.btn-icon.btn-icon-success.active,.btn-icon.btn-icon-success:active{background-color:#178253;color:#fff}.btn-icon.btn-icon-success.focus,.btn-icon.btn-icon-success:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#178253;box-shadow:inset 0 0 0 2px #178253}.btn-icon.btn-icon-inverse-success{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-success.hover,.btn-icon.btn-icon-inverse-success:hover,.btn-icon.btn-icon-inverse-success.active,.btn-icon.btn-icon-inverse-success:active{background-color:#fff;color:#178253}.btn-icon.btn-icon-inverse-success.focus,.btn-icon.btn-icon-inverse-success:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-success-active{background-color:#178253;color:#fff}.btn-icon.btn-icon-success-active.hover,.btn-icon.btn-icon-success-active:hover,.btn-icon.btn-icon-success-active.active,.btn-icon.btn-icon-success-active:active{background-color:#178253;color:#fff}.btn-icon.btn-icon-success-active.focus,.btn-icon.btn-icon-success-active:focus{outline:2px rgba(0,0,0,0);background-color:#178253;color:#fff}.btn-icon.btn-icon-inverse-success-active{background-color:#fff;color:#178253}.btn-icon.btn-icon-inverse-success-active.hover,.btn-icon.btn-icon-inverse-success-active:hover,.btn-icon.btn-icon-inverse-success-active.active,.btn-icon.btn-icon-inverse-success-active:active{background-color:#fff;color:#178253}.btn-icon.btn-icon-inverse-success-active.focus,.btn-icon.btn-icon-inverse-success-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#178253}.btn-icon.btn-icon-warning{background-color:rgba(0,0,0,0);color:#ffd900}.btn-icon.btn-icon-warning.hover,.btn-icon.btn-icon-warning:hover,.btn-icon.btn-icon-warning.active,.btn-icon.btn-icon-warning:active{background-color:#ffd900;color:#fff}.btn-icon.btn-icon-warning.focus,.btn-icon.btn-icon-warning:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#ffd900;box-shadow:inset 0 0 0 2px #ffd900}.btn-icon.btn-icon-inverse-warning{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-warning.hover,.btn-icon.btn-icon-inverse-warning:hover,.btn-icon.btn-icon-inverse-warning.active,.btn-icon.btn-icon-inverse-warning:active{background-color:#fff;color:#ffd900}.btn-icon.btn-icon-inverse-warning.focus,.btn-icon.btn-icon-inverse-warning:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-warning-active{background-color:#ffd900;color:#fff}.btn-icon.btn-icon-warning-active.hover,.btn-icon.btn-icon-warning-active:hover,.btn-icon.btn-icon-warning-active.active,.btn-icon.btn-icon-warning-active:active{background-color:#ffd900;color:#fff}.btn-icon.btn-icon-warning-active.focus,.btn-icon.btn-icon-warning-active:focus{outline:2px rgba(0,0,0,0);background-color:#ffd900;color:#fff}.btn-icon.btn-icon-inverse-warning-active{background-color:#fff;color:#ffd900}.btn-icon.btn-icon-inverse-warning-active.hover,.btn-icon.btn-icon-inverse-warning-active:hover,.btn-icon.btn-icon-inverse-warning-active.active,.btn-icon.btn-icon-inverse-warning-active:active{background-color:#fff;color:#ffd900}.btn-icon.btn-icon-inverse-warning-active.focus,.btn-icon.btn-icon-inverse-warning-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#ffd900}.btn-icon.btn-icon-danger{background-color:rgba(0,0,0,0);color:#c32d3a}.btn-icon.btn-icon-danger.hover,.btn-icon.btn-icon-danger:hover,.btn-icon.btn-icon-danger.active,.btn-icon.btn-icon-danger:active{background-color:#c32d3a;color:#fff}.btn-icon.btn-icon-danger.focus,.btn-icon.btn-icon-danger:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#c32d3a;box-shadow:inset 0 0 0 2px #c32d3a}.btn-icon.btn-icon-inverse-danger{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-danger.hover,.btn-icon.btn-icon-inverse-danger:hover,.btn-icon.btn-icon-inverse-danger.active,.btn-icon.btn-icon-inverse-danger:active{background-color:#fff;color:#c32d3a}.btn-icon.btn-icon-inverse-danger.focus,.btn-icon.btn-icon-inverse-danger:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-danger-active{background-color:#c32d3a;color:#fff}.btn-icon.btn-icon-danger-active.hover,.btn-icon.btn-icon-danger-active:hover,.btn-icon.btn-icon-danger-active.active,.btn-icon.btn-icon-danger-active:active{background-color:#c32d3a;color:#fff}.btn-icon.btn-icon-danger-active.focus,.btn-icon.btn-icon-danger-active:focus{outline:2px rgba(0,0,0,0);background-color:#c32d3a;color:#fff}.btn-icon.btn-icon-inverse-danger-active{background-color:#fff;color:#c32d3a}.btn-icon.btn-icon-inverse-danger-active.hover,.btn-icon.btn-icon-inverse-danger-active:hover,.btn-icon.btn-icon-inverse-danger-active.active,.btn-icon.btn-icon-inverse-danger-active:active{background-color:#fff;color:#c32d3a}.btn-icon.btn-icon-inverse-danger-active.focus,.btn-icon.btn-icon-inverse-danger-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#c32d3a}.btn-icon.btn-icon-light{background-color:rgba(0,0,0,0);color:#e1dddb}.btn-icon.btn-icon-light.hover,.btn-icon.btn-icon-light:hover,.btn-icon.btn-icon-light.active,.btn-icon.btn-icon-light:active{background-color:#e1dddb;color:#fff}.btn-icon.btn-icon-light.focus,.btn-icon.btn-icon-light:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#e1dddb;box-shadow:inset 0 0 0 2px #e1dddb}.btn-icon.btn-icon-inverse-light{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-light.hover,.btn-icon.btn-icon-inverse-light:hover,.btn-icon.btn-icon-inverse-light.active,.btn-icon.btn-icon-inverse-light:active{background-color:#fff;color:#e1dddb}.btn-icon.btn-icon-inverse-light.focus,.btn-icon.btn-icon-inverse-light:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-light-active{background-color:#e1dddb;color:#fff}.btn-icon.btn-icon-light-active.hover,.btn-icon.btn-icon-light-active:hover,.btn-icon.btn-icon-light-active.active,.btn-icon.btn-icon-light-active:active{background-color:#e1dddb;color:#fff}.btn-icon.btn-icon-light-active.focus,.btn-icon.btn-icon-light-active:focus{outline:2px rgba(0,0,0,0);background-color:#e1dddb;color:#fff}.btn-icon.btn-icon-inverse-light-active{background-color:#fff;color:#e1dddb}.btn-icon.btn-icon-inverse-light-active.hover,.btn-icon.btn-icon-inverse-light-active:hover,.btn-icon.btn-icon-inverse-light-active.active,.btn-icon.btn-icon-inverse-light-active:active{background-color:#fff;color:#e1dddb}.btn-icon.btn-icon-inverse-light-active.focus,.btn-icon.btn-icon-inverse-light-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#e1dddb}.btn-icon.btn-icon-dark{background-color:rgba(0,0,0,0);color:#273f2f}.btn-icon.btn-icon-dark.hover,.btn-icon.btn-icon-dark:hover,.btn-icon.btn-icon-dark.active,.btn-icon.btn-icon-dark:active{background-color:#273f2f;color:#fff}.btn-icon.btn-icon-dark.focus,.btn-icon.btn-icon-dark:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#273f2f;box-shadow:inset 0 0 0 2px #273f2f}.btn-icon.btn-icon-inverse-dark{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-dark.hover,.btn-icon.btn-icon-inverse-dark:hover,.btn-icon.btn-icon-inverse-dark.active,.btn-icon.btn-icon-inverse-dark:active{background-color:#fff;color:#273f2f}.btn-icon.btn-icon-inverse-dark.focus,.btn-icon.btn-icon-inverse-dark:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-dark-active{background-color:#273f2f;color:#fff}.btn-icon.btn-icon-dark-active.hover,.btn-icon.btn-icon-dark-active:hover,.btn-icon.btn-icon-dark-active.active,.btn-icon.btn-icon-dark-active:active{background-color:#273f2f;color:#fff}.btn-icon.btn-icon-dark-active.focus,.btn-icon.btn-icon-dark-active:focus{outline:2px rgba(0,0,0,0);background-color:#273f2f;color:#fff}.btn-icon.btn-icon-inverse-dark-active{background-color:#fff;color:#273f2f}.btn-icon.btn-icon-inverse-dark-active.hover,.btn-icon.btn-icon-inverse-dark-active:hover,.btn-icon.btn-icon-inverse-dark-active.active,.btn-icon.btn-icon-inverse-dark-active:active{background-color:#fff;color:#273f2f}.btn-icon.btn-icon-inverse-dark-active.focus,.btn-icon.btn-icon-inverse-dark-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#273f2f}.btn-icon.btn-icon-black{background-color:rgba(0,0,0,0);color:#000}.btn-icon.btn-icon-black.hover,.btn-icon.btn-icon-black:hover,.btn-icon.btn-icon-black.active,.btn-icon.btn-icon-black:active{background-color:#000;color:#fff}.btn-icon.btn-icon-black.focus,.btn-icon.btn-icon-black:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#000;box-shadow:inset 0 0 0 2px #000}.btn-icon.btn-icon-inverse-black{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-black.hover,.btn-icon.btn-icon-inverse-black:hover,.btn-icon.btn-icon-inverse-black.active,.btn-icon.btn-icon-inverse-black:active{background-color:#fff;color:#000}.btn-icon.btn-icon-inverse-black.focus,.btn-icon.btn-icon-inverse-black:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-black-active{background-color:#000;color:#fff}.btn-icon.btn-icon-black-active.hover,.btn-icon.btn-icon-black-active:hover,.btn-icon.btn-icon-black-active.active,.btn-icon.btn-icon-black-active:active{background-color:#000;color:#fff}.btn-icon.btn-icon-black-active.focus,.btn-icon.btn-icon-black-active:focus{outline:2px rgba(0,0,0,0);background-color:#000;color:#fff}.btn-icon.btn-icon-inverse-black-active{background-color:#fff;color:#000}.btn-icon.btn-icon-inverse-black-active.hover,.btn-icon.btn-icon-inverse-black-active:hover,.btn-icon.btn-icon-inverse-black-active.active,.btn-icon.btn-icon-inverse-black-active:active{background-color:#fff;color:#000}.btn-icon.btn-icon-inverse-black-active.focus,.btn-icon.btn-icon-inverse-black-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#000}.pgn__icon-button-toggle__container{display:flex}.pgn__icon-button-toggle__container .btn-icon+.btn-icon{margin-inline-start:.25rem}.toast{flex-basis:400px;max-width:400px;font-size:0.875rem;background-color:#454545;background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 1.25rem 2.5rem rgba(0,0,0,.15),0 .5rem 3rem rgba(0,0,0,.15);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.25rem .75rem;color:#fff;background-color:#454545;background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.5);border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.toast-body{padding:.75rem}.toast{background-color:#454545;box-shadow:0 1.25rem 2.5rem rgba(0,0,0,.15),0 .5rem 3rem rgba(0,0,0,.15);margin:0;padding:1rem;position:relative;border-radius:.25rem;z-index:2}.toast.show{display:flex;flex-direction:column}.toast .toast-header-btn-container{margin:-0.25rem -0.5rem;align-self:flex-start}.toast .btn{margin-top:.75rem;align-self:flex-start}.toast .toast-header{align-items:center;border-bottom:0;justify-content:space-between;padding:0}.toast .toast-header p{font-size:87.5%;margin:0;padding-right:.75rem}.toast .toast-header+.btn{margin-top:1rem}@media only screen and (max-width: 768px){.toast{max-width:100%}}@media only screen and (min-width: 768px){.toast{min-width:400px;max-width:400px}}.toast-container{bottom:1.25rem;left:1.25rem;position:fixed;z-index:2}[dir=rtl] .toast-container{right:1.25rem;left:0}@media only screen and (max-width: 768px){.toast-container{bottom:.625rem;right:.625rem;left:.625rem}[dir=rtl] .toast-container{left:.625rem;right:.625rem}}.pgn__selectable_box-set{display:grid;grid-auto-rows:1fr;grid-gap:.75rem}.pgn__selectable_box-set.pgn__selectable_box-set--1{grid-template-columns:repeat(1, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--2{grid-template-columns:repeat(2, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--3{grid-template-columns:repeat(3, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--4{grid-template-columns:repeat(4, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--5{grid-template-columns:repeat(5, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--6{grid-template-columns:repeat(6, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--7{grid-template-columns:repeat(7, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--8{grid-template-columns:repeat(8, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--9{grid-template-columns:repeat(9, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--10{grid-template-columns:repeat(10, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--11{grid-template-columns:repeat(11, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--12{grid-template-columns:repeat(12, 1fr)}.pgn__selectable_box-set>*+*{margin:0}.pgn__selectable_box{position:relative;height:100%;padding:1rem;box-shadow:0 .0625rem .125rem rgba(0,0,0,.15),0 .0625rem .25rem rgba(0,0,0,.15);border-radius:.25rem;text-align:start;background:#fff}.pgn__selectable_box:focus-visible{outline:1px solid #082644}.pgn__selectable_box .pgn__form-radio,.pgn__selectable_box .pgn__form-checkbox{position:absolute;top:1rem;inset-inline-end:1rem}.pgn__selectable_box .pgn__form-radio input,.pgn__selectable_box .pgn__form-checkbox input{margin-inline-end:0}.pgn__selectable_box *{pointer-events:none}.pgn__selectable_box-active{outline:2px solid #0a3055}.pgn__selectable_box-invalid{outline:2px solid #e1969d}.pgn__checkpoint{position:absolute;background:#f0eeed;border-top:8px solid #9d0054;border-radius:.375rem;padding:1.5rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.3);z-index:1060;max-width:480px}@media(max-width: 768px){.pgn__checkpoint{min-width:90%;max-width:90%}}.pgn__checkpoint .pgn__checkpoint-action-row{display:flex;justify-content:flex-end}.pgn__checkpoint #pgn__checkpoint-arrow,.pgn__checkpoint #pgn__checkpoint-arrow::before,.pgn__checkpoint #pgn__checkpoint-arrow::after{position:absolute;width:0;height:0}.pgn__checkpoint #pgn__checkpoint-arrow{visibility:hidden}.pgn__checkpoint #pgn__checkpoint-arrow::before,.pgn__checkpoint #pgn__checkpoint-arrow::after{visibility:visible;content:""}.pgn__checkpoint .pgn__checkpoint-button_dismiss{margin-inline-end:.5rem}.pgn__checkpoint .pgn__checkpoint-breadcrumb{height:6px;width:6px;border-radius:50%}.pgn__checkpoint .pgn__checkpoint-breadcrumb.pgn__checkpoint-breadcrumb_active{background:#0a3055}.pgn__checkpoint .pgn__checkpoint-breadcrumb.pgn__checkpoint-breadcrumb_inactive{border:1px solid #0a3055;background:rgba(0,0,0,0)}.pgn__checkpoint .pgn__checkpoint-breadcrumb:not(:first-child){margin-left:.375rem}[dir=rtl] .pgn__checkpoint .pgn__checkpoint-breadcrumb{margin-left:.375rem;margin-right:0}[dir=rtl] .pgn__checkpoint .pgn__checkpoint-breadcrumb:last-child{margin-left:0}.pgn__checkpoint .pgn__checkpoint-breadcrumb-container{display:flex;align-items:center}.pgn__checkpoint .pgn__checkpoint-body{color:#454545;margin-bottom:1.25rem;text-align:start}.pgn__checkpoint .pgn__checkpoint-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.pgn__checkpoint #pgn__checkpoint-title{font-size:1.375rem;margin-inline-end:.75rem;margin-bottom:0}.pgn__checkpoint[data-popper-placement^=top]>#pgn__checkpoint-arrow{left:-15px !important;bottom:1px}[dir=rtl] .pgn__checkpoint[data-popper-placement^=top]>#pgn__checkpoint-arrow{left:15px !important}.pgn__checkpoint[data-popper-placement^=top]>#pgn__checkpoint-arrow::after{border-bottom:solid 15px rgba(0,0,0,0);border-top:solid 15px #f0eeed;border-left:solid 15px rgba(0,0,0,0);border-right:solid 15px rgba(0,0,0,0);filter:drop-shadow(0 4px 2px rgba(0, 0, 0, 0.1));-webkit-filter:drop-shadow(0 4px 2px rgba(0, 0, 0, 0.1))}.pgn__checkpoint[data-popper-placement^=bottom]>#pgn__checkpoint-arrow{top:-36px;left:-15px !important}.pgn__checkpoint[data-popper-placement^=bottom]>#pgn__checkpoint-arrow::after{border-bottom:solid 15px #9d0054;border-top:solid 15px rgba(0,0,0,0);border-left:solid 15px rgba(0,0,0,0);border-right:solid 15px rgba(0,0,0,0)}.pgn__checkpoint[data-popper-placement^=left]>#pgn__checkpoint-arrow{top:-15px !important;right:1px}.pgn__checkpoint[data-popper-placement^=left]>#pgn__checkpoint-arrow::after{border-bottom:solid 15px rgba(0,0,0,0);border-top:solid 15px rgba(0,0,0,0);border-left:solid 15px #f0eeed;border-right:solid 15px rgba(0,0,0,0);filter:drop-shadow(3px 1px 2px rgba(0, 0, 0, 0.1))}.pgn__checkpoint[data-popper-placement^=right]>#pgn__checkpoint-arrow{top:-15px !important;left:1px}.pgn__checkpoint[data-popper-placement^=right]>#pgn__checkpoint-arrow::after{left:-30px;border-bottom:solid 15px rgba(0,0,0,0);border-top:solid 15px rgba(0,0,0,0);border-left:solid 15px rgba(0,0,0,0);border-right:solid 15px #f0eeed;filter:drop-shadow(-3px 1px 2px rgba(0, 0, 0, 0.1))}.pgn__sticky{display:flex;width:100%;position:sticky}.pgn__sticky.pgn__sticky-top{align-self:self-start;top:0}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--0{top:0}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--1{top:.25rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--1\.5{top:.375rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--2{top:.5rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--2\.5{top:.75rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--3{top:1rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--3\.5{top:1.25rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--4{top:1.5rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--4\.5{top:2rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--5{top:3rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--5\.5{top:4rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--6{top:5rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15),0 .25rem .625rem rgba(0,0,0,.15)}.pgn__sticky.pgn__sticky-bottom{align-self:self-end;bottom:0}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--0{bottom:0}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--1{bottom:.25rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--1\.5{bottom:.375rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--2{bottom:.5rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--2\.5{bottom:.75rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--3{bottom:1rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--3\.5{bottom:1.25rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--4{bottom:1.5rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--4\.5{bottom:2rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--5{bottom:3rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--5\.5{bottom:4rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--6{bottom:5rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-shadow{box-shadow:0 -0.5rem 1rem rgba(0,0,0,.15),0 -0.25rem .625rem rgba(0,0,0,.15)}.pgn__vstack,.pgn__hstack{display:flex;align-self:stretch;gap:0}.pgn__vstack.pgn__stack-gap--0,.pgn__hstack.pgn__stack-gap--0{gap:0}.pgn__vstack.pgn__stack-gap--1,.pgn__hstack.pgn__stack-gap--1{gap:.25rem}.pgn__vstack.pgn__stack-gap--1\.5,.pgn__hstack.pgn__stack-gap--1\.5{gap:.375rem}.pgn__vstack.pgn__stack-gap--2,.pgn__hstack.pgn__stack-gap--2{gap:.5rem}.pgn__vstack.pgn__stack-gap--2\.5,.pgn__hstack.pgn__stack-gap--2\.5{gap:.75rem}.pgn__vstack.pgn__stack-gap--3,.pgn__hstack.pgn__stack-gap--3{gap:1rem}.pgn__vstack.pgn__stack-gap--3\.5,.pgn__hstack.pgn__stack-gap--3\.5{gap:1.25rem}.pgn__vstack.pgn__stack-gap--4,.pgn__hstack.pgn__stack-gap--4{gap:1.5rem}.pgn__vstack.pgn__stack-gap--4\.5,.pgn__hstack.pgn__stack-gap--4\.5{gap:2rem}.pgn__vstack.pgn__stack-gap--5,.pgn__hstack.pgn__stack-gap--5{gap:3rem}.pgn__vstack.pgn__stack-gap--5\.5,.pgn__hstack.pgn__stack-gap--5\.5{gap:4rem}.pgn__vstack.pgn__stack-gap--6,.pgn__hstack.pgn__stack-gap--6{gap:5rem}.pgn__vstack{flex:1 1 auto;flex-direction:column}.pgn__vstack.pgn__stack-reversed{flex-direction:column-reverse}.pgn__hstack{flex-direction:row;align-items:center}.pgn__hstack.pgn__stack-reversed{flex-direction:row-reverse;justify-content:flex-end}.pgn__bubble{line-height:normal;min-height:1.5rem;min-width:1.5rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem}.pgn__bubble.pgn__bubble-success{background-color:#178253;color:#fff}.pgn__bubble.pgn__bubble-warning{background-color:#ffd900;color:#fff}.pgn__bubble.pgn__bubble-error{background-color:#c32d3a;color:#fff}.pgn__bubble.pgn__bubble-primary{background-color:#0a3055;color:#fff}.pgn__bubble:disabled,.pgn__bubble.disabled{background:#707070}.pgn__bubble.expandable{padding:0 .25rem}.pgn__tabs{flex-wrap:nowrap}.pgn__tabs>*{position:relative}.pgn__tabs .pgn__tab-notification{position:absolute;top:0;right:0;min-height:1rem;min-width:1rem;font-size:.75rem}.pgn__tabs .pgn__tab_more.nav-link{margin-bottom:0;padding:0}.pgn__tabs .pgn__tab_more.nav-link .dropdown .dropdown-toggle{display:block;border:none}.pgn__tabs.nav-pills .pgn__tab_more.nav-link{margin:0}.pgn__tabs.nav-pills .pgn__tab_more.nav-link .dropdown .dropdown-toggle{padding:.7rem 1rem}.pgn__tabs.nav-pills .pgn__tab_more.nav-link .dropdown .dropdown-toggle:focus{background-color:#0a3055;border-color:#0a3055;color:#fff}.pgn__tabs.nav-pills .pgn__tab_more.nav-link .dropdown .dropdown-toggle:focus.btn.btn-link{color:#fff;border-color:#0a3055}.pgn__tabs.nav-pills .pgn__tab_more.nav-link.active .dropdown .dropdown-toggle{color:#fff}.pgn__tabs.nav-pills .pgn__tab_more.nav-link.active:hover .dropdown .dropdown-toggle{background-color:#0a3055}.pgn__tabs.nav-inverse-pills .pgn__tab_more.nav-link .dropdown .dropdown-toggle{padding:.625rem 1rem;border:none}.pgn__tabs.nav-inverse-pills .pgn__tab_more.nav-link .dropdown .dropdown-toggle:focus{background-color:#fff;color:#0a3055}.pgn__tabs.nav-inverse-pills .pgn__tab_more.nav-link.active .dropdown .dropdown-toggle{color:#0a3055}.pgn__tabs.nav-inverse-pills .pgn__tab_more.nav-link.active .dropdown .dropdown-toggle:hover{color:#fff;background-color:#8598aa}.pgn__tabs.nav-inverse-pills .pgn__tab_more.nav-link.active .dropdown .dropdown-toggle:focus{position:relative;outline:0;z-index:200}.pgn__tabs.nav-inverse-pills .pgn__tab_more.nav-link.active .dropdown .dropdown-toggle:focus::before{content:"";position:absolute;top:calc(5px * -1);right:calc(5px * -1);bottom:calc(5px * -1);left:calc(5px * -1);border:solid 2px #fff;border-radius:0}.pgn__tabs.nav-tabs .pgn__tab_more.nav-link .dropdown .dropdown-toggle{padding:.563rem 1rem}.pgn__tabs.nav-inverse-tabs .pgn__tab_more.nav-link .dropdown .dropdown-toggle{padding:.625rem 1rem}.pgn__tabs.nav-inverse-tabs .pgn__tab_more.nav-link .dropdown .dropdown-toggle:hover{background-color:rgba(0,0,0,0)}.pgn__tabs .pgn__tab_invisible{position:absolute;left:0;pointer-events:none;visibility:hidden}.pgn__dropzone{display:flex;justify-content:center;align-items:center;min-height:200px;padding:1.5rem;border:1px dashed #707070;box-sizing:border-box;cursor:pointer}.pgn__dropzone:hover,.pgn__dropzone:focus,.pgn__dropzone.pgn__dropzone-validation-error,.pgn__dropzone.pgn__dropzone-active{border-color:rgba(0,0,0,0)}.pgn__dropzone:hover{box-shadow:inset 0 0 0 2px #80b6d5}.pgn__dropzone:focus{box-shadow:inset 0 0 0 2px #80b6d5}.pgn__dropzone.pgn__dropzone-validation-error{box-shadow:inset 0 0 0 2px #e1969d}.pgn__dropzone.pgn__dropzone-active{box-shadow:inset 0 0 0 2px #0a3055}.pgn__dropzone-error-wrapper{text-align:center;color:#c32d3a}.pgn__dropzone-generic-alert{width:100%;margin-bottom:1.5rem}.pgn__dropzone-generic-alert .pgn__alert-message-wrapper .alert-message-content>span{display:block}.pgn__dropzone__upload-icon-wrapper{height:56px;width:56px;background:#f0eeed;border-radius:50%;position:relative;margin-bottom:1.5rem}.pgn__dropzone__upload-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:32px;width:32px}.pgn__dropzone__upload-restriction-message{font-size:75%;color:#707070}.pgn__color-picker{box-shadow:0 0 3px 1px #adadad;border:none;background:linear-gradient(to bottom right, rgb(255, 0, 0) 0%, rgb(255, 154, 0) 17%, rgb(208, 222, 33) 33%, rgb(79, 220, 74) 40%, rgb(28, 127, 238) 75%, rgb(95, 21, 242) 86%, rgb(186, 12, 248) 100%)}.pgn__color-picker.pgn__color-picker-sm{height:2rem;width:2rem}.pgn__color-picker.pgn__color-picker-md{height:calc(1.3333em + 1.125rem + 2px);width:calc(1.3333em + 1.125rem + 2px)}.pgn__color-modal{background:#fff;padding-bottom:.1rem;margin-bottom:1rem}.pgn__color-error{font-size:70%;flex:1 1 auto;margin-left:.5rem}.pgn__hex-label{font-weight:bold;font-size:.875rem;padding:.5rem;margin-bottom:0 !important}.pgn__hex-form{display:flex;max-width:180px;margin:5px;flex-wrap:wrap}.pgn__hex-form div{display:inline-flex}@media(min-width: 576px){.pgn__hex-form .pgn__hex-field{margin-inline-end:0}}
|
|
45
|
+
)}.pgn__form-control-decorator-group-sm .pgn__form-control-decorator.pgn__form-control-decorator-leading{padding-left:.75rem;padding-right:.375rem}.pgn__form-control-decorator-group-sm .pgn__form-control-decorator.pgn__form-control-decorator-trailing{padding-left:.375rem;padding-right:calc(0.4375rem - 2px)}.pgn__form-control-decorator .btn-icon{color:#707070 !important}.pgn__form-control-decorator .btn-icon:hover{background-color:#707070 !important;color:#fff !important}.pgn__form-control-decorator .btn-icon:focus{background-color:#fff !important;color:#707070 !important;box-shadow:inset 0 0 0 2px #707070 !important}.pgn__form-control-floating-label{position:absolute;inset-inline-start:1px;inset-inline-end:0;display:flex;width:100%;height:100%;pointer-events:none;padding:0 1rem}.pgn__form-control-floating-label .pgn__form-control-floating-label-content{border-top:solid 2px rgba(0,0,0,0);position:relative;inset-inline-start:-0.5em;max-width:100%}.pgn__form-control-floating-label .pgn__form-control-floating-label-text{transform-origin:left top;padding:0 .5em;transition:transform 150ms ease,background-color 150ms linear;background-color:rgba(255,255,255,.01);white-space:nowrap;max-width:75vw;display:block;overflow:hidden;text-overflow:ellipsis}[dir=rtl] .pgn__form-control-floating-label .pgn__form-control-floating-label-text{transform-origin:right top}.has-leading-element .pgn__form-control-floating-label .pgn__form-control-floating-label-text{transform:translateX(32px)}[dir=rtl] .has-leading-element .pgn__form-control-floating-label .pgn__form-control-floating-label-text{transform:translateX(-32px)}.pgn__form-control-floating-label .pgn__form-control-floating-label-content{padding-top:.5625rem;line-height:1.3333;font-size:1.125rem}.pgn__form-control-decorator-group-lg .pgn__form-control-floating-label{padding:0 1.25rem}.pgn__form-control-decorator-group-lg .pgn__form-control-floating-label .pgn__form-control-floating-label-content{padding-top:.6875rem;line-height:1.5;font-size:1.325rem}.pgn__form-control-decorator-group-sm .pgn__form-control-floating-label{padding:0 .75rem}.pgn__form-control-decorator-group-sm .pgn__form-control-floating-label .pgn__form-control-floating-label-content{padding-top:.4375rem;line-height:1.4286;font-size:.875rem}.form-control:focus~.pgn__form-control-floating-label .pgn__form-control-floating-label-text,.form-control.has-value~.pgn__form-control-floating-label .pgn__form-control-floating-label-text{background-color:#fff}.form-control:focus~.pgn__form-control-floating-label .pgn__form-control-floating-label-text,.form-control.has-value~.pgn__form-control-floating-label .pgn__form-control-floating-label-text{transform:translateY(-0.5625rem) scale(0.75) translateY(-80.0007500188%)}.float-label.pgn__form-control-decorator-group-lg .pgn__form-control-floating-label .pgn__form-control-floating-label-text{transform:translateY(-0.6875rem) scale(0.75) translateY(-76.6666666667%)}.float-label.pgn__form-control-decorator-group-sm .pgn__form-control-floating-label .pgn__form-control-floating-label-text{transform:translateY(-0.4375rem) scale(0.75) translateY(-77.9994400112%)}[dir=rtl] .pgn__form-control-decorator-group.has-floating-label input[type=date],[dir=rtl] .pgn__form-control-decorator-group.has-floating-label input[type=time]{text-align:right}.pgn__form-control-decorator-group.has-floating-label input[type=date]:not(:focus):not(.has-value),.pgn__form-control-decorator-group.has-floating-label input[type=time]:not(:focus):not(.has-value){color:rgba(0,0,0,0)}[dir=rtl] .pgn__form-control-decorator-group.has-floating-label input[type=date]::-webkit-calendar-picker-indicator,[dir=rtl] .pgn__form-control-decorator-group.has-floating-label input[type=time]::-webkit-calendar-picker-indicator{position:absolute;left:0}.pgn__form-control-decorator-group.has-floating-label .form-control:not(:focus):not(.has-value)::placeholder,.pgn__form-control-decorator-group.has-floating-label .form-control:not(:focus):not(.has-value)::-webkit-datetime-edit{opacity:0}.pgn__form-control-decorator-group.has-floating-label select.form-control:not(.has-value):not(:focus){color:rgba(0,0,0,0)}select.form-control{padding-inline-end:2.5625rem;background-image:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z" fill="%23454545"/></svg>');background-position:right .5625rem center;background-repeat:no-repeat;background-size:24px 24px;appearance:none}[dir=rtl] select.form-control{background-position:left .5625rem center}.pgn__form-label{font-size:1.125rem;display:inline-block;margin-bottom:.5rem}.pgn__form-label.pgn__form-label-inline{display:inline-block;margin:0 1em 0 0}[dir=rtl] .pgn__form-label.pgn__form-label-inline{margin:0 0 0 1em}.pgn__form-label.pgn__form-label-lg{font-size:1.325rem}.pgn__form-label.pgn__form-label-sm{font-size:.875rem}.pgn__form-checkbox-input,.pgn__form-radio-input,.pgn__form-switch-input{appearance:none;height:1.25rem;width:1.25rem;background-color:#fff;border:solid 2px #454545;border-radius:0;margin-inline-end:.5rem;background-position:center}.pgn__form-checkbox-input:not(:disabled),.pgn__form-radio-input:not(:disabled),.pgn__form-switch-input:not(:disabled){cursor:pointer}.pgn__form-checkbox-input:not(:disabled):hover,.pgn__form-radio-input:not(:disabled):hover,.pgn__form-switch-input:not(:disabled):hover{box-shadow:0 0 0 4px rgba(0,0,0,.1)}.pgn__form-checkbox-input:disabled,.pgn__form-radio-input:disabled,.pgn__form-switch-input:disabled{opacity:.3}.pgn__form-checkbox-input:checked,.pgn__form-radio-input:checked,.pgn__form-switch-input:checked{border-color:#0a3055}.pgn__form-checkbox-input:checked{background-image:url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%230A3055'/%3e%3c/svg%3e")}.pgn__form-checkbox-input:indeterminate{background-image:url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21 3H3V21H21V3ZM17 13H7V11H17V13Z' fill='%230A3055'/%3e%3c/svg%3e")}.pgn__form-checkbox-input:focus,.pgn__form-radio-input:focus{position:relative;outline:none;box-shadow:none;text-decoration:none;border-color:#0a3055}.pgn__form-checkbox-input:focus::before,.pgn__form-radio-input:focus::before{content:"";position:absolute;top:-0.375rem;right:-0.375rem;bottom:-0.375rem;left:-0.375rem;border:.125rem solid #0a3055;border-radius:.0625rem}.pgn__form-switch-input{width:2.1875rem;border-radius:.625rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055'/%3e%3c/svg%3e");background-position:left center;background-repeat:no-repeat;transition:background 150ms ease}.pgn__form-switch-input:checked{background-position:right center;background-color:#178253;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e")}.pgn__form-switch-input:indeterminate{background-position:center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055'/%3e%3c/svg%3e")}.pgn__form-switch-helper-text{color:#707070;font-size:.75rem;margin-top:.25rem}.pgn__form-radio-input{border-radius:50%}.pgn__form-radio-input:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A3055'/%3e%3c/svg%3e")}.pgn__form-radio-input:focus{border-color:#000}.pgn__form-radio-input:focus::before{border-radius:50%}.pgn__form-checkbox,.pgn__form-switch,.pgn__form-radio{display:inline-flex}.pgn__form-checkbox .pgn__form-label,.pgn__form-switch .pgn__form-label,.pgn__form-radio .pgn__form-label{display:flex;align-items:center;margin-bottom:0;line-height:1.25rem}.pgn__form-checkbox input:disabled~*,.pgn__form-switch input:disabled~*,.pgn__form-radio input:disabled~*{opacity:.3}.pgn__form-checkbox.pgn__form-control-invalid input,.pgn__form-switch.pgn__form-control-invalid input,.pgn__form-radio.pgn__form-control-invalid input{border-color:#c32d3a}.pgn__form-checkbox.pgn__form-control-valid input,.pgn__form-switch.pgn__form-control-valid input,.pgn__form-radio.pgn__form-control-valid input{border-color:#178253}.pgn__form-checkbox.pgn__form-control-label-left .pgn__form-label,.pgn__form-switch.pgn__form-control-label-left .pgn__form-label,.pgn__form-radio.pgn__form-control-label-left .pgn__form-label{order:1;margin-inline-end:.5rem}.pgn__form-checkbox.pgn__form-control-label-left input,.pgn__form-switch.pgn__form-control-label-left input,.pgn__form-radio.pgn__form-control-label-left input{order:2}.pgn__form-checkbox.pgn__form-control-invalid input:checked{background-image:url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%23C32D3A'/%3e%3c/svg%3e")}.pgn__form-checkbox.pgn__form-control-valid input:checked{background-image:url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%23178253'/%3e%3c/svg%3e")}.pgn__form-radio.pgn__form-control-invalid input:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23C32D3A'/%3e%3c/svg%3e")}.pgn__form-radio.pgn__form-control-valid input:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23178253'/%3e%3c/svg%3e")}[dir=rtl] .input-group>.input-group-prepend>.btn,[dir=rtl] .input-group>.input-group-prepend>.input-group-text,[dir=rtl] .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,[dir=rtl] .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,[dir=rtl] .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,[dir=rtl] .input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,[dir=rtl] .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),[dir=rtl] .input-group>.input-group-append:last-child>.input-group-text:not(:last-child){border-radius:0 .375rem .375rem 0}[dir=rtl] .input-group>.input-group-append>.btn,[dir=rtl] .input-group>.input-group-append>.input-group-text,[dir=rtl] .input-group>.input-group-prepend:not(:first-child)>.btn,[dir=rtl] .input-group>.input-group-prepend:not(:first-child)>.input-group-text,[dir=rtl] .input-group>.input-group-prepend:first-child>.btn:not(:first-child),[dir=rtl] .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child){border-radius:.375rem 0 0 .375rem}.pgn__form-autosuggest__wrapper{position:relative}.pgn__form-autosuggest__wrapper .pgn__form-control-decorator .btn-icon:hover{fill:#fff}.pgn__form-autosuggest__wrapper .pgn__form-control-decorator .btn-icon:focus{fill:#707070}.pgn__form-autosuggest__wrapper .form-control{min-height:2.75rem}.pgn__form-autosuggest__wrapper .pgn__icon.btn-icon__icon{height:2.4rem;width:2.4rem}.pgn__form-autosuggest__wrapper .pgn__form-autosuggest__dropdown{box-shadow:0 0 .125rem rgba(0,0,0,.15),0 0 .25rem rgba(0,0,0,.15);border-radius:.25rem;max-height:15rem;overflow-y:scroll;position:absolute;background-color:#fff;width:calc(100% - .5rem);z-index:1000;top:3.125rem;padding:0}@media(min-width: 576px){.pgn__form-autosuggest__wrapper .pgn__form-autosuggest__dropdown{margin-inline-end:.5rem}}.pgn__form-autosuggest__wrapper .pgn__form-autosuggest__dropdown .dropdown-item{display:block;text-align:start;max-width:100%;padding:.625rem 1rem;overflow:hidden;text-overflow:ellipsis}.pgn__form-autosuggest__wrapper .pgn__form-autosuggest__dropdown .dropdown-item:active{color:#fff}.pgn__form-autosuggest__wrapper .pgn__form-autosuggest__dropdown .pgn__form-autosuggest__dropdown-loading{padding:6.25rem 0;text-align:center}.pgn__form-autosuggest__wrapper .pgn__form-autosuggest__dropdown .pgn__form-autosuggest__dropdown-loading .spinner-border{width:1.25rem;height:1.25rem;border:.125rem solid #000;border-right-color:rgba(0,0,0,0)}.pgn__hyperlink{display:inline-flex;align-items:center;text-align:start}.pgn__hyperlink__external-icon{margin-inline-start:.5rem}.pgn__icon{display:block;height:1.5rem;position:relative;width:1.5rem;flex-shrink:0}.pgn__icon.pgn__icon__inline{width:.8em;height:.8em}.pgn__icon.pgn__icon__xs{width:1rem;height:1rem}.pgn__icon.pgn__icon__sm{width:1.25rem;height:1.25rem}.pgn__icon.pgn__icon__md{width:1.5rem;height:1.5rem}.pgn__icon.pgn__icon__lg{width:1.75rem;height:1.75rem}.pgn__icon svg{display:block;height:100%;position:relative;max-height:100%;max-width:100%;width:100%}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #ccc;border-radius:.375rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#707070}.media{display:flex;align-items:flex-start}.media-body{flex:1}.pgn__menu{border-radius:.25em;box-shadow:0 .125rem .25rem rgba(0,0,0,.3);background-color:#fff;overflow:auto;max-height:16.813rem}.pgn__menu .pgn__menu-item{display:flex;align-items:center;justify-content:flex-start;width:19rem;color:#454545;text-align:center;vertical-align:middle;user-select:none;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:.5625rem 1rem;height:3rem}@media(max-width: 464px){.pgn__menu .pgn__menu-item{width:13.438rem}}.pgn__menu .pgn__menu-item .pgn__menu-item-text{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pgn__menu .pgn__menu-item .pgn__menu-item-content-spacer{flex-grow:1}.pgn__menu .pgn__menu-item:hover{text-decoration:none;color:#454545;border-color:rgba(0,0,0,0);background:#e1dddb}.pgn__menu .pgn__menu-item.disabled,.pgn__menu .pgn__menu-item:disabled{opacity:.65}.pgn__menu .pgn__menu-item.focus,.pgn__menu .pgn__menu-item:focus{font-weight:bolder;background-color:#e1dddb}.pgn__menu .pgn__menu-item .btn-icon-before{margin-inline-end:.5rem;margin-left:calc(0.25em * -1)}[dir=rtl] .pgn__menu .pgn__menu-item .btn-icon-before{margin-right:calc(0.25em * -1);margin-left:.5rem}.pgn__menu .pgn__menu-item .btn-icon-after{margin-inline-start:.5rem;margin-right:calc(0.25em * -1)}[dir=rtl] .pgn__menu .pgn__menu-item .btn-icon-after{margin-right:.5rem;margin-left:calc(0.25em * -1)}.pgn__menu-select .btn.btn-link{color:#0a3055}.pgn__menu-select .btn.btn-link:hover,.pgn__menu-select .btn.btn-link:focus{text-decoration-line:underline;text-decoration-thickness:.125rem}.pgn__menu-select .pgn__menu-select-popup{position:relative}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:1.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0, -50px)}@media(prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 3rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3rem);overflow:hidden}.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 3rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 3rem);height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:0 solid rgba(0,0,0,.2);border-radius:.425rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.5rem;border-bottom:0 solid #ccc;border-top-left-radius:.425rem;border-top-right-radius:.425rem}.modal-header .close{padding:1rem 1.5rem;margin:-1rem -1.5rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5556}.modal-body{position:relative;flex:1 1 auto;padding:1.5rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:1.25rem;border-top:0 solid #ccc;border-bottom-right-radius:.425rem;border-bottom-left-radius:.425rem}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media(min-width: 576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:min-content}.modal-sm{max-width:400px}}@media(min-width: 992px){.modal-lg,.modal-xl{max-width:800px}}@media(min-width: 1200px){.modal-xl{max-width:1140px}}.pgn__modal{background:#fff;border-radius:.425rem;display:flex;flex-direction:column;margin:0 1.5rem;max-height:80vh;max-width:500px;overflow:auto;width:100vw;box-shadow:0 10px 20px rgba(0,0,0,.15),0 8px 20px rgba(0,0,0,.15);border:solid 0 rgba(0,0,0,.2);position:relative}.pgn__modal:not(.pgn__modal-fullscreen)>*:first-child{border-top-left-radius:.425rem;border-top-right-radius:.425rem}.pgn__modal:not(.pgn__modal-fullscreen)>*:last-child{border-bottom-left-radius:.425rem;border-bottom-right-radius:.425rem}.pgn__modal.pgn__modal-scroll-fullscreen{max-height:none;margin:1.5rem}.pgn__modal .pgn__modal-header{padding-bottom:calc(1.5rem / 2)}.pgn__modal .pgn__modal-body{padding:calc(1.5rem / 2) 1.5rem}.pgn__modal .pgn__modal-body::before{top:calc(1.5rem / 2 * -1)}.pgn__modal.pgn__modal-visible-overflow{overflow:visible}.pgn__modal.pgn__modal-visible-overflow .pgn__modal-body{overflow:visible}.pgn__modal-sm{max-width:400px}.pgn__modal-lg{max-width:800px}.pgn__modal-md{max-width:500px}.pgn__modal-xl{max-width:1140px}.pgn__modal-fullscreen{border-radius:0;margin:0;max-height:none;max-width:none}.pgn__modal-fullscreen .pgn__modal-footer{border-top:solid 1px #e1dddb;padding-top:1rem}.pgn__modal-content-container>*.pgn__modal.pgn__modal-fullscreen{position:fixed;top:0;left:0;right:0;height:100%}.pgn__modal-close-container{position:absolute;z-index:10;top:.625rem;inset-inline-end:1rem}.pgn__modal-header{display:flex;flex-direction:column;justify-content:center;position:sticky;top:0;border-top-left-radius:.425rem;border-top-right-radius:.425rem;padding:1rem 1.5rem;background-color:#fff;transition:box-shadow 150ms ease;min-height:2rem;box-sizing:content-box;flex-shrink:0;box-shadow:none}.pgn__modal-header *{margin-bottom:0;margin-top:0}.pgn__modal-header .pgn__modal-title{font-size:1.375rem;margin-inline-end:3rem;text-align:start}.pgn__modal-hero{padding:1rem 1.5rem;position:relative;display:flex;align-items:center;min-height:10rem}.pgn__modal-hero .pgn__modal-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-size:cover}.pgn__modal-hero .pgn__modal-hero-content{position:relative;z-index:1;margin-inline-end:3rem;text-align:start}.pgn__modal-body{flex-grow:1;padding:1.5rem 1.5rem calc(1.5rem / 2);overflow:auto;position:relative}.pgn__modal-body::before{content:"";background-color:rgba(0,0,0,0);background-image:linear-gradient(#605C5C, #B8BEBE, transparent 50%);display:block;height:20px;position:sticky;top:-1.5rem;margin-top:-1.5rem;margin-left:-1.5rem;margin-right:-1.5rem;opacity:.5;z-index:2}.pgn__modal-body::after{content:"";background-color:rgba(0,0,0,0);background-image:linear-gradient(360deg, #605C5C, #B8BEBE, transparent 50%);display:block;height:20px;position:sticky;bottom:calc(1.5rem / 2 * -1);margin-bottom:-0.7rem;margin-left:-1.5rem;margin-right:-1.5rem;opacity:.5}.pgn__modal-body.pgn__modal-body-scroll-bottom::before{opacity:.5}.pgn__modal-body.pgn__modal-body-scroll-bottom::after{opacity:0}.pgn__modal-body.pgn__modal-body-scroll-top::before{opacity:0;z-index:-1}.pgn__modal-body.pgn__modal-body-scroll-top::after{opacity:.5}.pgn__modal-body.pgn__modal-body-scroll-top.pgn__modal-body-scroll-bottom::before{opacity:0}.pgn__modal-body.pgn__modal-body-scroll-top.pgn__modal-body-scroll-bottom::after{opacity:0}.pgn__modal-body .pgn__modal-body-content{text-align:start}.pgn__modal-body .pgn__modal-body-content>*:last-child{margin-bottom:0}.pgn__modal-body .pgn__modal-body-content>.container-fluid,.pgn__modal-body .pgn__modal-body-content>.container-sm,.pgn__modal-body .pgn__modal-body-content>.container-md,.pgn__modal-body .pgn__modal-body-content>.container-lg,.pgn__modal-body .pgn__modal-body-content>.container-xl{padding:0}.pgn__modal.pgn__modal-scroll-fullscreen .pgn__modal-body{box-shadow:none}.pgn__modal-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;background-color:#fff;transition:box-shadow 150ms ease;padding:1rem 1.5rem;padding-top:calc(1.5rem / 2)}.pgn__modal-dark .pgn__modal-header,.pgn__modal-dark .pgn__modal-hero{background-color:#273f2f;color:#fff}.pgn__modal-dark .pgn__modal-header *,.pgn__modal-dark .pgn__modal-hero *{color:inherit}.pgn__modal-warning .pgn__modal-header{background-color:#fffdf0}.pgn__modal-danger .pgn__modal-header{background-color:#fbf2f3}.pgn__modal-success .pgn__modal-header{background-color:#f1f8f5}.pgn__alert-modal.pgn__modal-default .pgn__modal-header{padding-bottom:0}.pgn__alert-modal.pgn__modal-warning .pgn__alert-modal__title_icon{color:#ffd900}.pgn__alert-modal.pgn__modal-success .pgn__alert-modal__title_icon{color:#178253}.pgn__alert-modal.pgn__modal-danger .pgn__alert-modal__title_icon{color:#c32d3a}.pgn__alert-modal .pgn__modal-title{font-size:1.125rem;display:flex;flex-grow:1;align-items:center}.pgn__alert-modal .pgn__modal-title .pgn__alert-modal__title_icon{flex-shrink:0;margin-right:.75rem}.pgn__hidden-scroll-padding-right{padding-right:0}.pgn__modal-layer{height:100%;left:0;overflow:auto;position:fixed;top:0;width:100vw;z-index:1050;-webkit-overflow-scrolling:touch}.pgn__modal-backdrop{background:#000;bottom:0;left:0;opacity:.5;position:fixed;right:0;top:0;z-index:0}.pgn__modal-content-container{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:-webkit-fill-available;padding:.1px;position:relative}.pgn__modal-content-container>*:not(.pgn__modal-backdrop){position:relative;z-index:1}.pgn__modal-content-container h1,.pgn__modal-content-container .h1,.pgn__modal-content-container p{text-align:start}.modal.show{position:fixed;background-color:rgba(0,0,0,0);max-height:100%;width:100%}.modal.show:focus .modal-dialog{box-shadow:0 0 0 1px #0a3055}.modal.is-ie11{overflow-y:scroll;height:auto}.modal.is-ie11 .modal-content{height:auto;max-height:none}.modal-backdrop{background-color:rgba(0,0,0,.3)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:1}.modal-dialog{height:100%;margin:auto;padding:.5rem}@media(min-width: 576px){.modal-dialog{padding:1rem}}.modal-content{max-height:calc(100vh - (1rem * 2))}.modal-content:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.modal-header{flex:0 0 auto}.modal-body{overflow:auto}.modal-footer{flex:0 0 auto}.pgn__modal-popup__arrow{position:absolute;width:1rem;height:.5rem}.pgn__modal-popup__arrow::before,.pgn__modal-popup__arrow::after{content:"";position:absolute;border-color:rgba(0,0,0,0);border-style:solid;border-width:.5rem .5rem 0}.pgn__modal-popup__arrow::before{border-top-color:rgba(0,0,0,.2)}[data-popper-placement^=bottom-start] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=bottom-start] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-bottom-start{transform:rotate(180deg);top:-0.5rem;left:33%}[data-popper-placement^=bottom] .pgn__modal-popup__arrow-auto,.pgn__modal-popup__arrow-bottom{transform:rotate(180deg);top:-0.5rem;left:48%}[data-popper-placement^=top-start] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=top-start] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-top-start{bottom:-0.5rem;left:33%}[data-popper-placement^=top] .pgn__modal-popup__arrow-auto,.pgn__modal-popup__arrow-top{bottom:-0.5rem;left:48%}.pgn__modal-popup__arrow::after,.pgn__modal-popup__arrow-top-start::after,.pgn__modal-popup__arrow-top::after{bottom:1px;border-top-color:#fff}[data-popper-placement^=right] .pgn__modal-popup__arrow-auto,[data-popper-placement^=right-start] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=right-start] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-right-start,.pgn__modal-popup__arrow-right{left:-1.25rem;top:50%;transform:rotate(90deg);margin:0 .5rem}[data-popper-placement^=left],.pgn__modal-popup__arrow-left{right:-0.75rem;top:50%;transform:rotate(-90deg)}[data-popper-placement^=left-end] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=left-end] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-left-end{top:77%;right:-0.75rem;transform:rotate(-90deg)}[data-popper-placement^=right-end] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=right-end] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-right-end{top:77%;transform:rotate(90deg);left:-0.75rem}[data-popper-placement^=left-start] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=left-start] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-left-start{top:15%;right:-0.75rem;transform:rotate(-90deg)}[data-popper-placement^=right-start] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=right-start] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-right-start{top:15%}[data-popper-placement^=top-end] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=top-end] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-top-end{left:62%}[data-popper-placement^=bottom-end] .pgn__modal-popup__arrow-auto-start,[data-popper-placement^=bottom-end] .pgn__modal-popup__arrow-auto-end,.pgn__modal-popup__arrow-bottom-end{top:-0.5rem;left:62%;transform:rotate(180deg)}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;color:#454545;font-weight:500}.nav-link:hover,.nav-link:focus{text-decoration:none;color:#454545}.nav-link.disabled{color:#adadad;pointer-events:none;cursor:default}.pgn__tabs.nav-pills .nav-link{border:1px solid #e9e6e4}.pgn__tabs.nav-pills .nav-link:focus{position:relative;outline:0;z-index:200}.pgn__tabs.nav-pills .nav-link:focus::before{content:"";position:absolute;top:calc(4px * -1);right:calc(4px * -1);bottom:calc(4px * -1);left:calc(4px * -1);border:solid 2px #0a3055;border-radius:.375rem}.pgn__tabs.nav-pills .nav-link:hover{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #e9e6e4;background-color:#e9e6e4}.pgn__tabs.nav-pills .nav-link.active,.pgn__tabs.nav-pills .nav-link .nav-item.show .nav-link{color:#fff;background-color:#0a3055;border-color:#fff}.pgn__tabs.nav-pills .nav-link.active:focus,.pgn__tabs.nav-pills .nav-link .nav-item.show .nav-link:focus{position:relative;outline:0;z-index:200}.pgn__tabs.nav-pills .nav-link.active:focus::before,.pgn__tabs.nav-pills .nav-link .nav-item.show .nav-link:focus::before{content:"";position:absolute;top:calc(4px * -1);right:calc(4px * -1);bottom:calc(4px * -1);left:calc(4px * -1);border:solid 2px #0a3055;border-radius:.375rem}.pgn__tabs.nav-inverse-pills+.tab-content{color:#fff}.pgn__tabs.nav-inverse-pills .nav-link{color:#fff;border:1px solid #939f97}.pgn__tabs.nav-inverse-pills .nav-link:hover{background-color:#939f97}.pgn__tabs.nav-inverse-pills .nav-link:focus{position:relative;outline:0;z-index:200}.pgn__tabs.nav-inverse-pills .nav-link:focus::before{content:"";position:absolute;top:calc(4px * -1);right:calc(4px * -1);bottom:calc(4px * -1);left:calc(4px * -1);border:solid 2px #fff;border-radius:0}.pgn__tabs.nav-inverse-pills .nav-link.disabled{opacity:.5}.pgn__tabs.nav-inverse-pills .nav-link.active,.pgn__tabs.nav-inverse-pills .nav-item.show .nav-link{background-color:#fff;color:#0a3055;border-color:#fff}.pgn__tabs.nav-inverse-pills .nav-link.active:hover,.pgn__tabs.nav-inverse-pills .nav-item.show .nav-link:hover{background-color:#939f97;color:#fff;border-color:#939f97}.pgn__tabs.nav-inverse-pills .nav-link.active:focus,.pgn__tabs.nav-inverse-pills .nav-item.show .nav-link:focus{border-color:#0a3055}.pgn__tabs.nav-inverse-pills .nav-link.active:focus:hover,.pgn__tabs.nav-inverse-pills .nav-item.show .nav-link:focus:hover{background-color:#fff;color:#0a3055;border-color:#0a3055}.pgn__tabs.nav-inverse-tabs+.tab-content{color:#fff}.pgn__tabs.nav-inverse-tabs .nav-link{color:#fff;border-bottom:2px solid #939f97}.pgn__tabs.nav-inverse-tabs .nav-link .dropdown .dropdown-toggle{border-bottom:2px solid rgba(0,0,0,0)}.pgn__tabs.nav-inverse-tabs .nav-link .dropdown .dropdown-toggle:hover{border-bottom:none}.pgn__tabs.nav-inverse-tabs .nav-link:hover{background-color:#939f97}.pgn__tabs.nav-inverse-tabs .nav-link:focus{position:relative;outline:0;z-index:200}.pgn__tabs.nav-inverse-tabs .nav-link:focus::before{content:"";position:absolute;top:calc(4px * -1);right:calc(4px * -1);bottom:calc(4px * -1);left:calc(4px * -1);border:solid 2px #fff;border-radius:0}.pgn__tabs.nav-inverse-tabs .nav-link.disabled{opacity:.5}.pgn__tabs.nav-inverse-tabs .nav-link.active,.pgn__tabs.nav-inverse-tabs .nav-item.show .nav-link{border-bottom:2px solid #fff;background-color:#939f97}.pgn__tabs.nav-inverse-tabs .nav-link.active:hover,.pgn__tabs.nav-inverse-tabs .nav-item.show .nav-link:hover{background-color:rgba(0,0,0,0)}.nav-tabs{border-bottom:2px solid #e9e6e4}.nav-tabs button.nav-link{border:none;border-bottom:2px solid rgba(0,0,0,0)}.nav-tabs button.nav-link.disabled{border-color:rgba(0,0,0,0)}.nav-tabs .nav-link{margin-bottom:calc(2px * -1);border-top-left-radius:0;border-top-right-radius:0}.nav-tabs .nav-link:hover{background-color:#e9e6e4}.nav-tabs .nav-link .dropdown{padding-bottom:.125rem}.nav-tabs .nav-link:focus{border-bottom:2px solid rgba(0,0,0,0);position:relative;outline:0;z-index:200}.nav-tabs .nav-link:focus::before{content:"";position:absolute;top:calc(4px * -1);right:calc(4px * -1);bottom:calc(4px * -1);left:calc(4px * -1);border:solid 2px #0a3055;border-radius:0}.nav-tabs .nav-link.disabled{color:#adadad;background-color:rgba(0,0,0,0)}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:#0a3055;background-color:rgba(0,0,0,0);border-bottom:2px solid #0a3055}.nav-tabs .nav-link.active:hover,.nav-tabs .nav-item.show .nav-link:hover{background-color:#e9e6e4}.nav-tabs .nav-link.active:focus,.nav-tabs .nav-item.show .nav-link:focus{position:relative;outline:0;z-index:200}.nav-tabs .nav-link.active:focus::before,.nav-tabs .nav-item.show .nav-link:focus::before{content:"";position:absolute;top:calc(4px * -1);right:calc(4px * -1);bottom:calc(4px * -1);left:calc(4px * -1);border:solid 2px #0a3055;border-radius:0}.nav-tabs .dropdown-menu{margin-top:calc(2px * -1);border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.375rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0a3055}.nav-button-group .nav-link{border:solid 1px #e9e6e4}.nav-button-group .nav-link:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}[dir=rtl] .nav-button-group .nav-link:first-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.nav-button-group .nav-link:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}[dir=rtl] .nav-button-group .nav-link:last-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;border-top-right-radius:0;border-bottom-right-radius:0}.nav-button-group .nav-link:hover{background:#e9e6e4}.nav-button-group .nav-link+.nav-link{margin-left:-1px}.nav-button-group .nav-link.active,.nav-button-group .show>.nav-link{color:#fff;background-color:#0a3055;border-color:rgba(0,0,0,0)}.nav-fill>.nav-link,.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified>.nav-link,.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none;text-align:start}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-sm,.navbar .container-md,.navbar .container-lg,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.28124375rem;padding-bottom:.28124375rem;margin-right:1rem;font-size:1.40625rem;line-height:inherit;white-space:nowrap}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.40625rem;line-height:1;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:.375rem}.navbar-toggler:hover,.navbar-toggler:focus{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media(max-width: 575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media(max-width: 767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media(max-width: 991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media(max-width: 1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media(max-width: 1399.98px){.navbar-expand-xxl>.container,.navbar-expand-xxl>.container-fluid,.navbar-expand-xxl>.container-sm,.navbar-expand-xxl>.container-md,.navbar-expand-xxl>.container-lg,.navbar-expand-xxl>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 1400px){.navbar-expand-xxl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl>.container,.navbar-expand-xxl>.container-fluid,.navbar-expand-xxl>.container-sm,.navbar-expand-xxl>.container-md,.navbar-expand-xxl>.container-lg,.navbar-expand-xxl>.container-xl{flex-wrap:nowrap}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:hover,.navbar-light .navbar-text a:focus{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:hover,.navbar-dark .navbar-text a:focus{color:#fff}.pgn__pageBanner-component{width:100%;min-height:36px;display:flex;flex-wrap:nowrap;font-size:75%}@media(min-width: 768px){.pgn__pageBanner-component{font-size:87.5%}}.pgn__pageBanner__dark{background-color:#273f2f;color:#fff}.pgn__pageBanner__light{background-color:#e9e6e4;color:#000}.pgn__pageBanner__accentA{background-color:#00bbf9;color:#000}.pgn__pageBanner__accentB{background-color:#fe8;color:#000}.pgn__pageBanner__warning{background-color:#fffdf0;color:#000}.pgn__pageBanner-content{display:flex;flex-grow:1;justify-content:center;align-items:center;padding:.5rem .75rem;text-align:center}.pgn__pageBanner-dismissButtonContainer{min-width:32px;min-height:32px;display:flex;align-items:center;align-self:center}@media(min-width: 768px){.pgn__pageBanner-dismissButtonContainer{min-width:36px;min-height:36px}}.pagination .page-item:last-child .btn-icon.page-link{border-top-right-radius:50%;border-bottom-right-radius:50%}.pagination .page-item:first-child .btn-icon.page-link{border-top-left-radius:50%;border-bottom-left-radius:50%}.pagination{display:flex;margin:0;padding-left:0;list-style:none;border-radius:.375rem}.pagination .dropdown{z-index:4}.pagination .page-of-count{margin:0 .5rem;border:0}.pagination .page-item:first-child .page-link{margin-left:0;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.pagination .page-item:last-child .page-link{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.pagination .page-item.active .page-link{z-index:3}.pagination .page-item>.btn{transition:none;line-height:1.5rem}.pagination-small .page-link{font-size:.875rem;line-height:1.5rem;padding:.375rem .78rem}.pagination-small .page-link.previous,.pagination-small .page-link.next{padding:0 .625rem;line-height:2.25rem}.pagination-small .page-link.previous div,.pagination-small .page-link.next div{display:flex;align-items:center}.pagination-small:not(.pagination-default) .page-link.previous,.pagination-small:not(.pagination-default) .page-link.next{padding:0;width:2.25rem}.pagination-secondary button.next,.pagination-secondary button.previous{height:2.75rem;padding:0 .625rem}.pagination-secondary.pagination-small button.next,.pagination-secondary.pagination-small button.previous{height:2.25rem;line-height:1.5rem}.pagination .ellipsis{border:0;margin-left:0}.pagination-inverse .ellipsis{color:#fff}.pagination-inverse .dropdown .dropdown-toggle::after{border-top:.3125rem solid #fff}.pagination-reduced-dropdown-menu{overflow-y:auto;max-height:60vh;min-width:6rem}.pagination-reduced-dropdown-menu a{text-align:center}.pagination-reduced .dropdown-toggle::after{width:0;height:0;border-left:.3125rem solid rgba(0,0,0,0);border-right:.3125rem solid rgba(0,0,0,0);border-top:.3125rem solid #454545;transform:rotate(0);inset-inline-start:.5rem;top:0;margin-inline-end:1rem}.pagination-reduced button.next,.pagination-reduced button.previous{height:2.75rem;padding:0 .625rem}.pagination-reduced.pagination-small .btn.dropdown-toggle{font-size:.875rem}.pagination-reduced.pagination-small .btn.dropdown-toggle::after{border-left-width:.25rem;border-right-width:.25rem;border-top-width:.25rem}.pagination-reduced.pagination-small button.previous,.pagination-reduced.pagination-small button.next{line-height:2.25rem;height:2.25rem}.pagination-minimal .page-item:first-child{margin-inline-end:.3rem}.pagination-minimal button.next,.pagination-minimal button.previous{padding:.625rem;height:2.75rem}.pagination-minimal.pagination-small button.next,.pagination-minimal.pagination-small button.previous{padding:0 .625rem;height:2.25rem}.page-link{border:none;margin-left:-1px}.page-link:focus{z-index:3}.page-link div{display:flex}[dir=rtl] .page-link svg{transform:scale(-1)}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:480px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5556;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.25rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .25rem}.popover .arrow::before,.popover .arrow::after{position:absolute;display:block;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-popover-top,.bs-popover-auto[x-placement^=top]{margin-bottom:.5rem}.bs-popover-top>.arrow,.bs-popover-auto[x-placement^=top]>.arrow{bottom:calc(-0.5rem - 1px)}.bs-popover-top>.arrow::before,.bs-popover-auto[x-placement^=top]>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-top>.arrow::after,.bs-popover-auto[x-placement^=top]>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-right,.bs-popover-auto[x-placement^=right]{margin-left:.5rem}.bs-popover-right>.arrow,.bs-popover-auto[x-placement^=right]>.arrow{left:calc(-0.5rem - 1px);width:.5rem;height:1rem;margin:.25rem 0}.bs-popover-right>.arrow::before,.bs-popover-auto[x-placement^=right]>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-right>.arrow::after,.bs-popover-auto[x-placement^=right]>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-bottom,.bs-popover-auto[x-placement^=bottom]{margin-top:.5rem}.bs-popover-bottom>.arrow,.bs-popover-auto[x-placement^=bottom]>.arrow{top:calc(-0.5rem - 1px)}.bs-popover-bottom>.arrow::before,.bs-popover-auto[x-placement^=bottom]>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-bottom>.arrow::after,.bs-popover-auto[x-placement^=bottom]>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-bottom .popover-header::before,.bs-popover-auto[x-placement^=bottom] .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-0.5rem;content:"";border-bottom:1px solid #fff}.bs-popover-left,.bs-popover-auto[x-placement^=left]{margin-right:.5rem}.bs-popover-left>.arrow,.bs-popover-auto[x-placement^=left]>.arrow{right:calc(-0.5rem - 1px);width:.5rem;height:1rem;margin:.25rem 0}.bs-popover-left>.arrow::before,.bs-popover-auto[x-placement^=left]>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-left>.arrow::after,.bs-popover-auto[x-placement^=left]>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1.125rem;color:#000;background-color:#fff;border-bottom:1px solid #f2f2f2;border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem 1rem;color:#454545}.popover{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15)) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15))}.popover .popover-header{display:flex;align-items:center;font-size:.875rem}.popover .pgn__icon{margin-inline-end:.5rem;height:1rem;width:1rem}.popover-success{background:#f1f8f5}.popover-success .popover-header{background:#f1f8f5}.popover-success .popover-header::before{border-bottom-color:#f1f8f5}.popover-success .pgn__icon{color:#178253}.popover-success.bs-popover-bottom .arrow::after,.popover-success.bs-popover-auto[x-placement^=bottom] .arrow::after{border-bottom-color:#f1f8f5}.popover-success.bs-popover-top .arrow::after,.popover-success.bs-popover-auto[x-placement^=top] .arrow::after{border-top-color:#f1f8f5}.popover-success.bs-popover-right .arrow::after,.popover-success.bs-popover-auto[x-placement^=right] .arrow::after{border-right-color:#f1f8f5}.popover-success.bs-popover-left .arrow::after,.popover-success.bs-popover-auto[x-placement^=left] .arrow::after{border-left-color:#f1f8f5}.popover-warning{background:#fffdf0}.popover-warning .popover-header{background:#fffdf0}.popover-warning .popover-header::before{border-bottom-color:#fffdf0}.popover-warning .pgn__icon{color:#ffd900}.popover-warning.bs-popover-bottom .arrow::after,.popover-warning.bs-popover-auto[x-placement^=bottom] .arrow::after{border-bottom-color:#fffdf0}.popover-warning.bs-popover-top .arrow::after,.popover-warning.bs-popover-auto[x-placement^=top] .arrow::after{border-top-color:#fffdf0}.popover-warning.bs-popover-right .arrow::after,.popover-warning.bs-popover-auto[x-placement^=right] .arrow::after{border-right-color:#fffdf0}.popover-warning.bs-popover-left .arrow::after,.popover-warning.bs-popover-auto[x-placement^=left] .arrow::after{border-left-color:#fffdf0}.popover-danger{background:#fbf2f3}.popover-danger .popover-header{background:#fbf2f3}.popover-danger .popover-header::before{border-bottom-color:#fbf2f3}.popover-danger .pgn__icon{color:#c32d3a}.popover-danger.bs-popover-bottom .arrow::after,.popover-danger.bs-popover-auto[x-placement^=bottom] .arrow::after{border-bottom-color:#fbf2f3}.popover-danger.bs-popover-top .arrow::after,.popover-danger.bs-popover-auto[x-placement^=top] .arrow::after{border-top-color:#fbf2f3}.popover-danger.bs-popover-right .arrow::after,.popover-danger.bs-popover-auto[x-placement^=right] .arrow::after{border-right-color:#fbf2f3}.popover-danger.bs-popover-left .arrow::after,.popover-danger.bs-popover-auto[x-placement^=left] .arrow::after{border-left-color:#fbf2f3}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;line-height:0;font-size:0.84375rem;background-color:rgba(0,0,0,0);border-radius:0}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#00bbf9;transition:width .6s ease}@media(prefers-reduced-motion: reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:1rem 1rem}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion: reduce){.progress-bar-animated{animation:none}}.progress{border:1px solid #707070}.progress-bar{background-color:#00bbf9}.pgn__progress-annotated{width:100%;position:relative;overflow:visible;padding:3.125rem 0}.pgn__progress-annotated .progress{overflow:visible;background-color:#f0eeed;height:.3125rem;border:none}.pgn__progress-annotated .progress .progress-bar{background-color:#273f2f;overflow:visible;position:relative}.pgn__progress-annotated .progress .pgn__progress-tick--white::after,.pgn__progress-annotated .progress .pgn__progress-tick--black::after{content:"";position:absolute;height:.3125rem;width:1px;right:0}.pgn__progress-annotated .progress .pgn__progress-tick--white::after{background:#f0eeed}.pgn__progress-annotated .progress .pgn__progress-tick--black::after{background:#0a3055}.pgn__progress-annotated .progress .pgn__progress-bar--dark{background-color:#0a3055}.pgn__progress-annotated .progress .pgn__progress-bar--dark::after{content:"";display:block;background:#0a3055;position:absolute;top:-0.125rem;right:-0.28125rem;width:.5625rem;height:.5625rem;border-radius:.28125rem;z-index:1}[dir=rtl] .pgn__progress-annotated .progress .pgn__progress-bar--dark::after{left:-0.28125rem;right:auto}.pgn__progress-annotated .progress .pgn__progress-bar--success{background-color:#178253}.pgn__progress-annotated .progress .pgn__progress-bar--success::after{content:"";display:block;background:#178253;position:absolute;top:-0.125rem;right:-0.28125rem;width:.5625rem;height:.5625rem;border-radius:.28125rem;z-index:1}[dir=rtl] .pgn__progress-annotated .progress .pgn__progress-bar--success::after{left:-0.28125rem;right:auto}.pgn__progress-annotated .progress .pgn__progress-bar--error{background-color:#c32d3a}.pgn__progress-annotated .progress .pgn__progress-bar--error::after{content:"";display:block;background:#c32d3a;position:absolute;top:-0.125rem;right:-0.28125rem;width:.5625rem;height:.5625rem;border-radius:.28125rem;z-index:1}[dir=rtl] .pgn__progress-annotated .progress .pgn__progress-bar--error::after{left:-0.28125rem;right:auto}.pgn__progress-annotated .progress .pgn__progress-bar--warning{background-color:#fe8}.pgn__progress-annotated .progress .pgn__progress-bar--warning::after{content:"";display:block;background:#fe8;position:absolute;top:-0.125rem;right:-0.28125rem;width:.5625rem;height:.5625rem;border-radius:.28125rem;z-index:1}[dir=rtl] .pgn__progress-annotated .progress .pgn__progress-bar--warning::after{left:-0.28125rem;right:auto}.pgn__progress-annotated .progress::before,.pgn__progress-annotated .progress::after{position:absolute;content:"";height:.3125rem;width:1px;background:#0a3055}.pgn__progress-annotated .progress::after{right:0}.pgn__progress-annotated .pgn__progress-info{position:absolute;display:flex;align-items:baseline}.pgn__progress-annotated .pgn__progress-info:first-child{top:0}.pgn__progress-annotated .pgn__progress-hint{box-sizing:border-box;padding:0 .5rem;font-size:87.5%}.pgn__overflow-scroll-overflow-container{--pgn-overflow-scroll-opacity-mask-transparent: rgba(0, 0, 0, .4)}.pgn__searchfield{transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:.0625rem solid #707070}.pgn__searchfield .pgn__searchfield-form{display:flex;align-items:center;width:100%;background-color:#fff}.pgn__searchfield .btn:focus-visible{outline:none;position:relative;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.pgn__searchfield .btn:focus-visible::after{content:"";border:.3125rem double #000;position:absolute;width:100%;height:100%}.pgn__searchfield.disabled,.pgn__searchfield:disabled{opacity:.3;pointer-events:none}.pgn__searchfield.has-focus:not(.pgn__searchfield--external){position:relative}.pgn__searchfield.has-focus:not(.pgn__searchfield--external)::after{content:"";border:.3125rem double #000;position:absolute;width:100%;height:100%}.pgn__searchfield.has-focus:not(.pgn__searchfield--external) .pgn__searchfield_wrapper{box-shadow:0 0 0 .0625rem #000}.pgn__searchfield:hover,.pgn__searchfield:active{border-color:#000}.pgn__searchfield .form-control{border:none;border-radius:0;height:calc(1.3333em + 1.125rem)}.pgn__searchfield .form-control:focus{box-shadow:none}.pgn__searchfield .form-control::-ms-clear,.pgn__searchfield .form-control::-ms-reveal{display:none;width:0;height:0}.pgn__searchfield .form-control::-webkit-search-decoration,.pgn__searchfield .form-control::-webkit-search-cancel-button,.pgn__searchfield .form-control::-webkit-search-results-button,.pgn__searchfield .form-control::-webkit-search-results-decoration{display:none}.pgn__searchfield .form-control .form-control:hover,.pgn__searchfield .form-control .form-control:focus,.pgn__searchfield .form-control .form-control:active{border:none}.pgn__searchfield label.has-label-text{padding-inline-start:.75rem}.pgn__searchfield.pgn__searchfield--external{border:none}.pgn__searchfield.pgn__searchfield--external.has-focus{box-shadow:none}.pgn__searchfield.pgn__searchfield--external.has-focus .pgn__searchfield_wrapper{position:relative}.pgn__searchfield.pgn__searchfield--external.has-focus .pgn__searchfield_wrapper::after{content:"";border:.3125rem double #000;position:absolute;width:100%;height:100%}.pgn__searchfield .pgn__searchfield_wrapper{display:flex;align-items:center;width:100%;border:.0625rem solid #707070}.pgn__searchfield .pgn__searchfield_wrapper:hover,.pgn__searchfield .pgn__searchfield_wrapper:active{border-color:#000}.pgn__searchfield__button.btn[type=submit]{border-radius:0;margin-inline-start:.5rem}.pgn__searchfield__iconbutton-submit,.pgn__searchfield__iconbutton-reset{flex-shrink:0;margin-inline-end:.25rem}.pgn__scrollable-body{display:flex;flex-direction:column;position:relative;flex-grow:1;overflow-y:auto}.pgn__scrollable-body::before{content:"";background-color:rgba(0,0,0,0);box-shadow:5px 0 7px 2px rgba(0,0,0,.55);display:block;height:2px;position:sticky;top:-0.16rem;z-index:2}.pgn__scrollable-body::after{content:"";background-color:rgba(0,0,0,0);box-shadow:5px 0 7px 2px rgba(0,0,0,.55);display:block;height:2px;position:sticky;bottom:-2px;margin-top:1.6rem}.pgn__scrollable-body.pgn__scrollable-body-scroll-bottom::before{opacity:.5}.pgn__scrollable-body.pgn__scrollable-body-scroll-bottom::after{opacity:0}.pgn__scrollable-body.pgn__scrollable-body-scroll-top::before{opacity:0;z-index:0}.pgn__scrollable-body.pgn__scrollable-body-scroll-top::after{opacity:.5}.pgn__scrollable-body.pgn__scrollable-body-scroll-top.pgn__scrollable-body-scroll-bottom::before{opacity:0}.pgn__scrollable-body.pgn__scrollable-body-scroll-top.pgn__scrollable-body-scroll-bottom::after{opacity:0}.pgn__scrollable-body .pgn__scrollable-body-content p{text-align:start}.pgn__scrollable-body .pgn__scrollable-body-content>*:last-child{margin-bottom:0}.pgn__scrollable.pgn__scrollable-scroll-fullscreen .pgn__scrollable-body{box-shadow:none}.pgn__sheet-skrim{width:100%;height:100%;background-color:rgba(196,196,196,.5);position:fixed;top:0;left:0;z-index:1031}.pgn__sheet-skrim.hidden{display:none}[dir=rtl] .pgn__sheet-component.right,.pgn__sheet-component.left,.pgn__sheet-component-left{left:0;box-shadow:8px 0 16px 0 rgba(0,0,0,.15)}.pgn__sheet-component.right,[dir=rtl] .pgn__sheet-component.left,.pgn__sheet-component-right{right:0;box-shadow:-8px 0 16px 0 rgba(0,0,0,.15)}.pgn__sheet-component{position:fixed;padding:1.25rem;background-color:#fff;z-index:1032}.pgn__sheet-component.pgn__sheet__dark{background-color:#273f2f;color:#f0eeed}.pgn__sheet-component.bottom{bottom:0;box-shadow:0 -8px 16px 0 rgba(0,0,0,.15)}.pgn__sheet-component.top{top:0;box-shadow:0 8px 16px 0 rgba(0,0,0,.15)}[dir=rtl] .pgn__sheet-component.left{left:auto}[dir=rtl] .pgn__sheet-component.right{right:auto}.pgn__sheet-component.bottom,.pgn__sheet-component.top{width:100%;left:0;max-height:50%}.pgn__sheet-component.left,.pgn__sheet-component.right{max-width:272px;height:100%;top:0}.react-loading-skeleton{z-index:unset}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-0.125em;border:.25em solid currentcolor;border-right-color:rgba(0,0,0,0);border-radius:50%;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-0.125em;background-color:currentcolor;border-radius:50%;opacity:0;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media(prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{animation-duration:1.5s}}.pgn__stepper-header{display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0);padding:.75rem 1rem;min-height:5.13rem}.pgn__stepper-header .pgn__stepper-header-step-list{list-style:none;padding:.25rem 0;display:flex;align-items:center;margin:0;flex-grow:1;justify-content:center}.pgn__stepper-header .pgn__stepper-header-step-list .pgn__stepper-header-line{display:block;height:1px;background:#e1dddb;flex-basis:80px;margin:0 .5rem}.pgn__stepper-header .pgn__stepper-header-step-list button.pgn__stepper-header-step{border:none;background-color:rgba(0,0,0,0)}.pgn__stepper-header .pgn__stepper-header-step{display:flex;align-items:center;color:#0a3055;flex-shrink:1;min-width:0;padding:.25rem}.pgn__stepper-header .pgn__stepper-header-step .pgn__bubble{margin-inline-end:.5rem;flex-shrink:0}.pgn__stepper-header .pgn__stepper-header-step .pgn__stepper-header-step-title-description{min-width:0}.pgn__stepper-header .pgn__stepper-header-step .pgn__stepper-header-step-title{white-space:nowrap;overflow:hidden;min-width:0;text-overflow:ellipsis}.pgn__stepper-header .pgn__stepper-header-step .pgn__stepper-header-step-description{font-size:75%}.pgn__stepper-header .pgn__stepper-header-step.pgn__stepper-header-step-active~.pgn__stepper-header-step{color:#707070}.pgn__stepper-header .pgn__stepper-header-step.pgn__stepper-header-step-has-error .pgn__bubble{background:rgba(0,0,0,0);box-shadow:inset 0 0 0 3px #c32d3a}.pgn__stepper-header .pgn__stepper-header-step.pgn__stepper-header-step-has-error .pgn__bubble *{color:#c32d3a}.pgn__stepper-header .pgn__stepper-header-step.pgn__stepper-header-step-has-error .pgn__stepper-header-step-description{color:#c32d3a}.pgn__stateful-btn-icon{margin-inline-end:.5em;margin-left:-0.25em}[dir=rtl] .pgn__stateful-btn-icon{margin-right:-0.25em;margin-left:.5rem}.pgn__stateful-btn-state-pending{opacity:1 !important}.table{width:100%;margin-bottom:1rem;color:#454545}.table th,.table td{padding:.75rem;vertical-align:top;border-top:1px solid #ccc}.table thead th{vertical-align:bottom;border-bottom:2px solid #ccc}.table tbody+tbody{border-top:2px solid #ccc}.table-sm th,.table-sm td{padding:.3rem}.table-bordered{border:1px solid #ccc}.table-bordered th,.table-bordered td{border:1px solid #ccc}.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#454545;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>th,.table-primary>td{background-color:#bac5cf}.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody{border-color:#8093a7}.table-hover .table-primary:hover{background-color:#abb8c5}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#abb8c5}.table-secondary,.table-secondary>th,.table-secondary>td{background-color:#cbcbcb}.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody{border-color:#9e9e9e}.table-hover .table-secondary:hover{background-color:#bebebe}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#bebebe}.table-brand,.table-brand>th,.table-brand>td{background-color:#e4b8cf}.table-brand th,.table-brand td,.table-brand thead th,.table-brand tbody+tbody{border-color:#cc7aa6}.table-hover .table-brand:hover{background-color:#dda6c3}.table-hover .table-brand:hover>td,.table-hover .table-brand:hover>th{background-color:#dda6c3}.table-success,.table-success>th,.table-success>td{background-color:#bedccf}.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody{border-color:#86bea6}.table-hover .table-success:hover{background-color:#add3c3}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#add3c3}.table-info,.table-info>th,.table-info>td{background-color:#b8d6e7}.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody{border-color:#7ab3d3}.table-hover .table-info:hover{background-color:#a5cbe1}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#a5cbe1}.table-warning,.table-warning>th,.table-warning>td{background-color:#fff4b8}.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody{border-color:#ffeb7a}.table-hover .table-warning:hover{background-color:#fff09f}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#fff09f}.table-danger,.table-danger>th,.table-danger>td{background-color:#eec4c8}.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody{border-color:#e09299}.table-hover .table-danger:hover{background-color:#e8b0b6}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#e8b0b6}.table-light,.table-light>th,.table-light>td{background-color:#f7f5f5}.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody{border-color:#efedec}.table-hover .table-light:hover{background-color:#ece7e7}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ece7e7}.table-dark,.table-dark>th,.table-dark>td{background-color:#c3c9c5}.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{border-color:#8f9b93}.table-hover .table-dark:hover{background-color:#b6bdb8}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b6bdb8}.table-gray,.table-gray>th,.table-gray>td{background-color:#d7d7d7}.table-gray th,.table-gray td,.table-gray thead th,.table-gray tbody+tbody{border-color:#b5b5b5}.table-hover .table-gray:hover{background-color:#cacaca}.table-hover .table-gray:hover>td,.table-hover .table-gray:hover>th{background-color:#cacaca}.table-accent-a,.table-accent-a>th,.table-accent-a>td{background-color:#b8ecfd}.table-accent-a th,.table-accent-a td,.table-accent-a thead th,.table-accent-a tbody+tbody{border-color:#7adcfc}.table-hover .table-accent-a:hover{background-color:#9fe5fc}.table-hover .table-accent-a:hover>td,.table-hover .table-accent-a:hover>th{background-color:#9fe5fc}.table-accent-b,.table-accent-b>th,.table-accent-b>td{background-color:#fffade}.table-accent-b th,.table-accent-b td,.table-accent-b thead th,.table-accent-b tbody+tbody{border-color:#fff6c1}.table-hover .table-accent-b:hover{background-color:#fff6c5}.table-hover .table-accent-b:hover>td,.table-hover .table-accent-b:hover>th{background-color:#fff6c5}.table-active,.table-active>th,.table-active>td{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#454545;border-color:#585858}.table .thead-light th{color:#454545;background-color:#ebebeb;border-color:#ccc}.table-dark{color:#fff;background-color:#454545}.table-dark th,.table-dark td,.table-dark thead th{border-color:#585858}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media(max-width: 575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media(max-width: 767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media(max-width: 991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media(max-width: 1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}@media(max-width: 1399.98px){.table-responsive-xxl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xxl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.btn-header{padding:0;font-weight:700}.table th,.table td{word-wrap:break-word}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5556;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:1}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-tooltip-top,.bs-tooltip-auto[x-placement^=top]{padding:.4rem 0}.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^=top] .arrow{bottom:0}.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^=top] .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-right,.bs-tooltip-auto[x-placement^=right]{padding:0 .4rem}.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^=right] .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^=right] .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^=bottom]{padding:.4rem 0}.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^=bottom] .arrow{top:0}.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^=bottom] .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-left,.bs-tooltip-auto[x-placement^=left]{padding:0 .4rem}.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^=left] .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^=left] .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.5rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.375rem}.tooltip{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15)) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15))}.tooltip-light .tooltip-inner{color:#000;background-color:#fff}.tooltip-light.bs-tooltip-top .arrow::before,.tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow::before{border-top-color:#fff}.tooltip-light.bs-tooltip-right .arrow::before,.tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow::before{border-right-color:#fff}.tooltip-light.bs-tooltip-bottom .arrow::before,.tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow::before{border-bottom-color:#fff}.tooltip-light.bs-tooltip-left .arrow::before,.tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow::before{border-left-color:#fff}.pgn__data-table-wrapper{font-size:.875rem;border-radius:.375rem;background-color:#fff;box-shadow:0 .0625rem .125rem rgba(0,0,0,.2)}.pgn__data-table-wrapper.hide-shadow{box-shadow:none}.pgn__data-table-wrapper>:first-child{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.pgn__data-table-wrapper>:last-child{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.pgn__bulk-actions,.pgn__table-actions{display:flex}.pgn__bulk-actions .pgn__datatable__visible-actions,.pgn__table-actions .pgn__datatable__visible-actions{margin-inline-start:.5rem}.pgn__bulk-actions .pgn__datatable__visible-actions .btn,.pgn__table-actions .pgn__datatable__visible-actions .btn{margin-inline-start:.5rem}.pgn__bulk-actions .pgn__datatable__visible-actions .btn:first-child,.pgn__table-actions .pgn__datatable__visible-actions .btn:first-child{margin-inline-start:0}.pgn__data-table-dataview-toggle{flex:auto}.pgn__data-table-actions-right{display:flex;align-items:center}.pgn__data-table-actions-right-toggle-bottom{display:flex;flex-direction:column-reverse;align-items:flex-end;width:100%}.pgn__data-table-actions-right-toggle-bottom .pgn__data-table-toggle{width:100%;display:flex;align-items:center;margin-top:1.5rem}.pgn__data-table-actions-right-toggle-bottom .pgn__icon-button-toggle__container{justify-content:flex-end}.pgn__data-table-container{width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.pgn__data-table-container.is-loading::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.7);z-index:1}.pgn__data-table-layout-wrapper{display:flex;align-items:flex-start}@media(max-width: 1440px){.pgn__data-table-layout-wrapper{overflow-x:scroll}}.pgn__data-table-layout-wrapper .pgn__data-table-layout-sidebar{background-color:#fff;border-radius:.375rem;box-shadow:0 .0625rem .125rem rgba(0,0,0,.2);padding:.5rem;margin-right:1.5rem;flex:0 0 12rem}.pgn__data-table-layout-wrapper .pgn__data-table-side-filters .pgn__data-table-side-filters-title{margin-bottom:1rem;text-align:start}.pgn__data-table-layout-wrapper .pgn__data-table-side-filters .pgn__data-table-side-filters-status{margin-bottom:.5rem;display:flex;justify-content:flex-end}.pgn__data-table-layout-wrapper .pgn__data-table-side-filters .pgn__data-table-side-filters-item .pgn__form-checkbox{align-items:center}.pgn__data-table-layout-wrapper .pgn__data-table-layout-main{flex-grow:1}.pgn__data-table{width:100%}.pgn__data-table.is-striped tr:nth-child(even){background-color:#f8f7f6}.pgn__data-table th{background-color:#f0eeed;padding:.5rem .75rem;text-align:start}.pgn__data-table td{padding:.75rem;line-height:24px;text-align:start}.pgn__data-table tr.is-selected{background-color:#f0f6fa !important}.pgn__data-table-cell-wrap{max-width:20vw;white-space:normal;overflow:hidden;text-overflow:ellipsis}.pgn__data-table-empty{padding:.75rem .75rem}.pgn__data-table-actions{display:flex;justify-content:space-between;padding-bottom:.5rem}.pgn__data-table-status-bar{padding:.75rem .75rem}.pgn__data-table-filters{display:flex}.pgn__data-table-filters-breakout-filter{margin-inline-end:.5rem}.pgn__data-table-filters-dropdown-item{padding:.5rem 14px;min-width:15em}.pgn__data-table-filters-dropdown-item .pgn__form-checkbox{align-items:center}.pgn__data-table-status{display:flex;justify-content:space-between;align-items:center}.pgn__data-table-footer{display:flex;justify-content:space-between;padding:.75rem .75rem;align-items:center;border-top:2px solid #f0eeed}[dir=rtl] .pgn__data-table-footer .btn-icon .pgn__icon{transform:scale(-1)}.pgn__data-table-pagination{display:flex}.pgn__data-table-pagination .pgn__page-count{align-self:center}.pgn__data-table-pagination-dropdown{overflow-y:auto;max-height:60vh;min-width:6rem}.pgn__data-table-pagination-dropdown a{text-align:center}.pgn__checkbox-filter-label{font-weight:700}.pgn__checkbox-filter{display:flex}.pgn__checkbox-filter input .form-check-input{margin-top:.36rem}[dir=rtl] .pgn__checkbox-filter .form-check{padding-left:0;padding-right:1.25rem}[dir=rtl] .pgn__checkbox-filter .form-check .form-check-input{margin-left:0;margin-right:-1.25rem}.pgn__dropdown-filter-checkbox-group{margin-left:.75rem;margin-right:.75rem}.pgn__dropdown-filter-checkbox-group input .form-check-input{margin-top:.36rem}.pgn__data-table-card-view{padding:0 .75rem}.pgn__data-table-card-view .pgn__data-table-card-view-default-skeleton-card-section{margin-top:.5rem}.pgn__data-table__action-btn{margin-left:.5rem}.pgn__data-table__action-btn:first-child{margin-left:0}.pgn__data-table-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;overflow:hidden}.pgn__datatable__overflow-actions-menu{background:#fff;padding:.5rem;box-shadow:0 .0625rem .125rem rgba(0,0,0,.15),0 .0625rem .25rem rgba(0,0,0,.15);border-radius:4px}.pgn__data-table__selectable-card{display:flex;align-items:flex-start;flex-grow:1}.pgn__data-table__selectable-card>:first-child{height:100%}.pgn__data-table__selectable-card.selection-right>:first-child{margin-right:.5rem}[dir=rtl] .pgn__data-table__selectable-card.selection-right>:first-child{margin-left:.5rem;margin-right:0}.pgn__data-table__selectable-card.selection-left{flex-direction:row-reverse}.pgn__data-table__controlled-select{display:flex;align-content:center;padding:.25rem}.pgn-transition-replace-group{transition:height 300ms ease;text-align:start}.pgn__transition-replace-enter{opacity:0}.pgn__transition-replace-enter-active{opacity:1;z-index:1;transition:opacity 300ms ease}.pgn__transition-replace-exit{opacity:1}.pgn__transition-replace-exit-active{opacity:0;transition:opacity 300ms ease}.form-control.is-invalid~.invalid-feedback-nodanger{color:#454545}.fa-icon-spacing{padding:0 5px 0 0}.nav-tabs .nav-link{background:rgba(0,0,0,0)}.btn-icon{width:2.75rem;height:2.75rem;border-radius:50%;padding:0;display:inline-flex;justify-content:center;border:none}.btn-icon.btn-icon-sm{width:2.25rem;height:2.25rem}.btn-icon.btn-icon-inline{width:calc(1.5556em + .1em);height:calc(1.5556em + .1em);padding:1em;vertical-align:middle}.btn-icon.btn-icon-inline .btn-icon__icon-container{height:100%;width:100%;justify-content:center;align-items:center}.btn-icon .btn-icon__icon-container{display:inline-flex;align-self:center}.btn-icon .btn-icon__icon-container .pgn__icon.btn-icon__icon{height:1.5rem;width:1.5rem}.btn-icon .btn-icon__icon{height:1em;width:1em}.btn-icon.disabled,.btn-icon:disabled{opacity:.65;pointer-events:none}.btn-icon.btn-icon-primary{background-color:rgba(0,0,0,0);color:#0a3055}.btn-icon.btn-icon-primary.hover,.btn-icon.btn-icon-primary:hover,.btn-icon.btn-icon-primary.active,.btn-icon.btn-icon-primary:active{background-color:#0a3055;color:#fff}.btn-icon.btn-icon-primary.focus,.btn-icon.btn-icon-primary:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#0a3055;box-shadow:inset 0 0 0 2px #0a3055}.btn-icon.btn-icon-inverse-primary{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-primary.hover,.btn-icon.btn-icon-inverse-primary:hover,.btn-icon.btn-icon-inverse-primary.active,.btn-icon.btn-icon-inverse-primary:active{background-color:#fff;color:#0a3055}.btn-icon.btn-icon-inverse-primary.focus,.btn-icon.btn-icon-inverse-primary:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-primary-active{background-color:#0a3055;color:#fff}.btn-icon.btn-icon-primary-active.hover,.btn-icon.btn-icon-primary-active:hover,.btn-icon.btn-icon-primary-active.active,.btn-icon.btn-icon-primary-active:active{background-color:#0a3055;color:#fff}.btn-icon.btn-icon-primary-active.focus,.btn-icon.btn-icon-primary-active:focus{outline:2px rgba(0,0,0,0);background-color:#0a3055;color:#fff}.btn-icon.btn-icon-inverse-primary-active{background-color:#fff;color:#0a3055}.btn-icon.btn-icon-inverse-primary-active.hover,.btn-icon.btn-icon-inverse-primary-active:hover,.btn-icon.btn-icon-inverse-primary-active.active,.btn-icon.btn-icon-inverse-primary-active:active{background-color:#fff;color:#0a3055}.btn-icon.btn-icon-inverse-primary-active.focus,.btn-icon.btn-icon-inverse-primary-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#0a3055}.btn-icon.btn-icon-secondary{background-color:rgba(0,0,0,0);color:#454545}.btn-icon.btn-icon-secondary.hover,.btn-icon.btn-icon-secondary:hover,.btn-icon.btn-icon-secondary.active,.btn-icon.btn-icon-secondary:active{background-color:#454545;color:#fff}.btn-icon.btn-icon-secondary.focus,.btn-icon.btn-icon-secondary:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#454545;box-shadow:inset 0 0 0 2px #454545}.btn-icon.btn-icon-inverse-secondary{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-secondary.hover,.btn-icon.btn-icon-inverse-secondary:hover,.btn-icon.btn-icon-inverse-secondary.active,.btn-icon.btn-icon-inverse-secondary:active{background-color:#fff;color:#454545}.btn-icon.btn-icon-inverse-secondary.focus,.btn-icon.btn-icon-inverse-secondary:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-secondary-active{background-color:#454545;color:#fff}.btn-icon.btn-icon-secondary-active.hover,.btn-icon.btn-icon-secondary-active:hover,.btn-icon.btn-icon-secondary-active.active,.btn-icon.btn-icon-secondary-active:active{background-color:#454545;color:#fff}.btn-icon.btn-icon-secondary-active.focus,.btn-icon.btn-icon-secondary-active:focus{outline:2px rgba(0,0,0,0);background-color:#454545;color:#fff}.btn-icon.btn-icon-inverse-secondary-active{background-color:#fff;color:#454545}.btn-icon.btn-icon-inverse-secondary-active.hover,.btn-icon.btn-icon-inverse-secondary-active:hover,.btn-icon.btn-icon-inverse-secondary-active.active,.btn-icon.btn-icon-inverse-secondary-active:active{background-color:#fff;color:#454545}.btn-icon.btn-icon-inverse-secondary-active.focus,.btn-icon.btn-icon-inverse-secondary-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#454545}.btn-icon.btn-icon-brand{background-color:rgba(0,0,0,0);color:#9d0054}.btn-icon.btn-icon-brand.hover,.btn-icon.btn-icon-brand:hover,.btn-icon.btn-icon-brand.active,.btn-icon.btn-icon-brand:active{background-color:#9d0054;color:#fff}.btn-icon.btn-icon-brand.focus,.btn-icon.btn-icon-brand:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#9d0054;box-shadow:inset 0 0 0 2px #9d0054}.btn-icon.btn-icon-inverse-brand{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-brand.hover,.btn-icon.btn-icon-inverse-brand:hover,.btn-icon.btn-icon-inverse-brand.active,.btn-icon.btn-icon-inverse-brand:active{background-color:#fff;color:#9d0054}.btn-icon.btn-icon-inverse-brand.focus,.btn-icon.btn-icon-inverse-brand:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-brand-active{background-color:#9d0054;color:#fff}.btn-icon.btn-icon-brand-active.hover,.btn-icon.btn-icon-brand-active:hover,.btn-icon.btn-icon-brand-active.active,.btn-icon.btn-icon-brand-active:active{background-color:#9d0054;color:#fff}.btn-icon.btn-icon-brand-active.focus,.btn-icon.btn-icon-brand-active:focus{outline:2px rgba(0,0,0,0);background-color:#9d0054;color:#fff}.btn-icon.btn-icon-inverse-brand-active{background-color:#fff;color:#9d0054}.btn-icon.btn-icon-inverse-brand-active.hover,.btn-icon.btn-icon-inverse-brand-active:hover,.btn-icon.btn-icon-inverse-brand-active.active,.btn-icon.btn-icon-inverse-brand-active:active{background-color:#fff;color:#9d0054}.btn-icon.btn-icon-inverse-brand-active.focus,.btn-icon.btn-icon-inverse-brand-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#9d0054}.btn-icon.btn-icon-success{background-color:rgba(0,0,0,0);color:#178253}.btn-icon.btn-icon-success.hover,.btn-icon.btn-icon-success:hover,.btn-icon.btn-icon-success.active,.btn-icon.btn-icon-success:active{background-color:#178253;color:#fff}.btn-icon.btn-icon-success.focus,.btn-icon.btn-icon-success:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#178253;box-shadow:inset 0 0 0 2px #178253}.btn-icon.btn-icon-inverse-success{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-success.hover,.btn-icon.btn-icon-inverse-success:hover,.btn-icon.btn-icon-inverse-success.active,.btn-icon.btn-icon-inverse-success:active{background-color:#fff;color:#178253}.btn-icon.btn-icon-inverse-success.focus,.btn-icon.btn-icon-inverse-success:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-success-active{background-color:#178253;color:#fff}.btn-icon.btn-icon-success-active.hover,.btn-icon.btn-icon-success-active:hover,.btn-icon.btn-icon-success-active.active,.btn-icon.btn-icon-success-active:active{background-color:#178253;color:#fff}.btn-icon.btn-icon-success-active.focus,.btn-icon.btn-icon-success-active:focus{outline:2px rgba(0,0,0,0);background-color:#178253;color:#fff}.btn-icon.btn-icon-inverse-success-active{background-color:#fff;color:#178253}.btn-icon.btn-icon-inverse-success-active.hover,.btn-icon.btn-icon-inverse-success-active:hover,.btn-icon.btn-icon-inverse-success-active.active,.btn-icon.btn-icon-inverse-success-active:active{background-color:#fff;color:#178253}.btn-icon.btn-icon-inverse-success-active.focus,.btn-icon.btn-icon-inverse-success-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#178253}.btn-icon.btn-icon-warning{background-color:rgba(0,0,0,0);color:#ffd900}.btn-icon.btn-icon-warning.hover,.btn-icon.btn-icon-warning:hover,.btn-icon.btn-icon-warning.active,.btn-icon.btn-icon-warning:active{background-color:#ffd900;color:#fff}.btn-icon.btn-icon-warning.focus,.btn-icon.btn-icon-warning:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#ffd900;box-shadow:inset 0 0 0 2px #ffd900}.btn-icon.btn-icon-inverse-warning{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-warning.hover,.btn-icon.btn-icon-inverse-warning:hover,.btn-icon.btn-icon-inverse-warning.active,.btn-icon.btn-icon-inverse-warning:active{background-color:#fff;color:#ffd900}.btn-icon.btn-icon-inverse-warning.focus,.btn-icon.btn-icon-inverse-warning:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-warning-active{background-color:#ffd900;color:#fff}.btn-icon.btn-icon-warning-active.hover,.btn-icon.btn-icon-warning-active:hover,.btn-icon.btn-icon-warning-active.active,.btn-icon.btn-icon-warning-active:active{background-color:#ffd900;color:#fff}.btn-icon.btn-icon-warning-active.focus,.btn-icon.btn-icon-warning-active:focus{outline:2px rgba(0,0,0,0);background-color:#ffd900;color:#fff}.btn-icon.btn-icon-inverse-warning-active{background-color:#fff;color:#ffd900}.btn-icon.btn-icon-inverse-warning-active.hover,.btn-icon.btn-icon-inverse-warning-active:hover,.btn-icon.btn-icon-inverse-warning-active.active,.btn-icon.btn-icon-inverse-warning-active:active{background-color:#fff;color:#ffd900}.btn-icon.btn-icon-inverse-warning-active.focus,.btn-icon.btn-icon-inverse-warning-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#ffd900}.btn-icon.btn-icon-danger{background-color:rgba(0,0,0,0);color:#c32d3a}.btn-icon.btn-icon-danger.hover,.btn-icon.btn-icon-danger:hover,.btn-icon.btn-icon-danger.active,.btn-icon.btn-icon-danger:active{background-color:#c32d3a;color:#fff}.btn-icon.btn-icon-danger.focus,.btn-icon.btn-icon-danger:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#c32d3a;box-shadow:inset 0 0 0 2px #c32d3a}.btn-icon.btn-icon-inverse-danger{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-danger.hover,.btn-icon.btn-icon-inverse-danger:hover,.btn-icon.btn-icon-inverse-danger.active,.btn-icon.btn-icon-inverse-danger:active{background-color:#fff;color:#c32d3a}.btn-icon.btn-icon-inverse-danger.focus,.btn-icon.btn-icon-inverse-danger:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-danger-active{background-color:#c32d3a;color:#fff}.btn-icon.btn-icon-danger-active.hover,.btn-icon.btn-icon-danger-active:hover,.btn-icon.btn-icon-danger-active.active,.btn-icon.btn-icon-danger-active:active{background-color:#c32d3a;color:#fff}.btn-icon.btn-icon-danger-active.focus,.btn-icon.btn-icon-danger-active:focus{outline:2px rgba(0,0,0,0);background-color:#c32d3a;color:#fff}.btn-icon.btn-icon-inverse-danger-active{background-color:#fff;color:#c32d3a}.btn-icon.btn-icon-inverse-danger-active.hover,.btn-icon.btn-icon-inverse-danger-active:hover,.btn-icon.btn-icon-inverse-danger-active.active,.btn-icon.btn-icon-inverse-danger-active:active{background-color:#fff;color:#c32d3a}.btn-icon.btn-icon-inverse-danger-active.focus,.btn-icon.btn-icon-inverse-danger-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#c32d3a}.btn-icon.btn-icon-light{background-color:rgba(0,0,0,0);color:#e1dddb}.btn-icon.btn-icon-light.hover,.btn-icon.btn-icon-light:hover,.btn-icon.btn-icon-light.active,.btn-icon.btn-icon-light:active{background-color:#e1dddb;color:#fff}.btn-icon.btn-icon-light.focus,.btn-icon.btn-icon-light:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#e1dddb;box-shadow:inset 0 0 0 2px #e1dddb}.btn-icon.btn-icon-inverse-light{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-light.hover,.btn-icon.btn-icon-inverse-light:hover,.btn-icon.btn-icon-inverse-light.active,.btn-icon.btn-icon-inverse-light:active{background-color:#fff;color:#e1dddb}.btn-icon.btn-icon-inverse-light.focus,.btn-icon.btn-icon-inverse-light:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-light-active{background-color:#e1dddb;color:#fff}.btn-icon.btn-icon-light-active.hover,.btn-icon.btn-icon-light-active:hover,.btn-icon.btn-icon-light-active.active,.btn-icon.btn-icon-light-active:active{background-color:#e1dddb;color:#fff}.btn-icon.btn-icon-light-active.focus,.btn-icon.btn-icon-light-active:focus{outline:2px rgba(0,0,0,0);background-color:#e1dddb;color:#fff}.btn-icon.btn-icon-inverse-light-active{background-color:#fff;color:#e1dddb}.btn-icon.btn-icon-inverse-light-active.hover,.btn-icon.btn-icon-inverse-light-active:hover,.btn-icon.btn-icon-inverse-light-active.active,.btn-icon.btn-icon-inverse-light-active:active{background-color:#fff;color:#e1dddb}.btn-icon.btn-icon-inverse-light-active.focus,.btn-icon.btn-icon-inverse-light-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#e1dddb}.btn-icon.btn-icon-dark{background-color:rgba(0,0,0,0);color:#273f2f}.btn-icon.btn-icon-dark.hover,.btn-icon.btn-icon-dark:hover,.btn-icon.btn-icon-dark.active,.btn-icon.btn-icon-dark:active{background-color:#273f2f;color:#fff}.btn-icon.btn-icon-dark.focus,.btn-icon.btn-icon-dark:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#273f2f;box-shadow:inset 0 0 0 2px #273f2f}.btn-icon.btn-icon-inverse-dark{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-dark.hover,.btn-icon.btn-icon-inverse-dark:hover,.btn-icon.btn-icon-inverse-dark.active,.btn-icon.btn-icon-inverse-dark:active{background-color:#fff;color:#273f2f}.btn-icon.btn-icon-inverse-dark.focus,.btn-icon.btn-icon-inverse-dark:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-dark-active{background-color:#273f2f;color:#fff}.btn-icon.btn-icon-dark-active.hover,.btn-icon.btn-icon-dark-active:hover,.btn-icon.btn-icon-dark-active.active,.btn-icon.btn-icon-dark-active:active{background-color:#273f2f;color:#fff}.btn-icon.btn-icon-dark-active.focus,.btn-icon.btn-icon-dark-active:focus{outline:2px rgba(0,0,0,0);background-color:#273f2f;color:#fff}.btn-icon.btn-icon-inverse-dark-active{background-color:#fff;color:#273f2f}.btn-icon.btn-icon-inverse-dark-active.hover,.btn-icon.btn-icon-inverse-dark-active:hover,.btn-icon.btn-icon-inverse-dark-active.active,.btn-icon.btn-icon-inverse-dark-active:active{background-color:#fff;color:#273f2f}.btn-icon.btn-icon-inverse-dark-active.focus,.btn-icon.btn-icon-inverse-dark-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#273f2f}.btn-icon.btn-icon-black{background-color:rgba(0,0,0,0);color:#000}.btn-icon.btn-icon-black.hover,.btn-icon.btn-icon-black:hover,.btn-icon.btn-icon-black.active,.btn-icon.btn-icon-black:active{background-color:#000;color:#fff}.btn-icon.btn-icon-black.focus,.btn-icon.btn-icon-black:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#000;box-shadow:inset 0 0 0 2px #000}.btn-icon.btn-icon-inverse-black{background-color:rgba(0,0,0,0);color:#fff}.btn-icon.btn-icon-inverse-black.hover,.btn-icon.btn-icon-inverse-black:hover,.btn-icon.btn-icon-inverse-black.active,.btn-icon.btn-icon-inverse-black:active{background-color:#fff;color:#000}.btn-icon.btn-icon-inverse-black.focus,.btn-icon.btn-icon-inverse-black:focus{outline:2px rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn-icon.btn-icon-black-active{background-color:#000;color:#fff}.btn-icon.btn-icon-black-active.hover,.btn-icon.btn-icon-black-active:hover,.btn-icon.btn-icon-black-active.active,.btn-icon.btn-icon-black-active:active{background-color:#000;color:#fff}.btn-icon.btn-icon-black-active.focus,.btn-icon.btn-icon-black-active:focus{outline:2px rgba(0,0,0,0);background-color:#000;color:#fff}.btn-icon.btn-icon-inverse-black-active{background-color:#fff;color:#000}.btn-icon.btn-icon-inverse-black-active.hover,.btn-icon.btn-icon-inverse-black-active:hover,.btn-icon.btn-icon-inverse-black-active.active,.btn-icon.btn-icon-inverse-black-active:active{background-color:#fff;color:#000}.btn-icon.btn-icon-inverse-black-active.focus,.btn-icon.btn-icon-inverse-black-active:focus{outline:2px rgba(0,0,0,0);background-color:#fff;color:#000}.pgn__icon-button-toggle__container{display:flex}.pgn__icon-button-toggle__container .btn-icon+.btn-icon{margin-inline-start:.25rem}.toast{flex-basis:400px;max-width:400px;font-size:0.875rem;background-color:#454545;background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 1.25rem 2.5rem rgba(0,0,0,.15),0 .5rem 3rem rgba(0,0,0,.15);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.25rem .75rem;color:#fff;background-color:#454545;background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.5);border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.toast-body{padding:.75rem}.toast{background-color:#454545;box-shadow:0 1.25rem 2.5rem rgba(0,0,0,.15),0 .5rem 3rem rgba(0,0,0,.15);margin:0;padding:1rem;position:relative;border-radius:.25rem;z-index:2}.toast.show{display:flex;flex-direction:column}.toast .toast-header-btn-container{margin:-0.25rem -0.5rem;align-self:flex-start}.toast .btn{margin-top:.75rem;align-self:flex-start}.toast .toast-header{align-items:center;border-bottom:0;justify-content:space-between;padding:0}.toast .toast-header p{font-size:87.5%;margin:0;padding-right:.75rem}.toast .toast-header+.btn{margin-top:1rem}@media only screen and (max-width: 768px){.toast{max-width:100%}}@media only screen and (min-width: 768px){.toast{min-width:400px;max-width:400px}}.toast-container{bottom:1.25rem;left:1.25rem;position:fixed;z-index:2}[dir=rtl] .toast-container{right:1.25rem;left:0}@media only screen and (max-width: 768px){.toast-container{bottom:.625rem;right:.625rem;left:.625rem}[dir=rtl] .toast-container{left:.625rem;right:.625rem}}.pgn__selectable_box-set{display:grid;grid-auto-rows:1fr;grid-gap:.75rem}.pgn__selectable_box-set.pgn__selectable_box-set--1{grid-template-columns:repeat(1, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--2{grid-template-columns:repeat(2, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--3{grid-template-columns:repeat(3, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--4{grid-template-columns:repeat(4, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--5{grid-template-columns:repeat(5, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--6{grid-template-columns:repeat(6, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--7{grid-template-columns:repeat(7, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--8{grid-template-columns:repeat(8, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--9{grid-template-columns:repeat(9, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--10{grid-template-columns:repeat(10, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--11{grid-template-columns:repeat(11, 1fr)}.pgn__selectable_box-set.pgn__selectable_box-set--12{grid-template-columns:repeat(12, 1fr)}.pgn__selectable_box-set>*+*{margin:0}.pgn__selectable_box{position:relative;height:100%;padding:1rem;box-shadow:0 .0625rem .125rem rgba(0,0,0,.15),0 .0625rem .25rem rgba(0,0,0,.15);border-radius:.25rem;text-align:start;background:#fff}.pgn__selectable_box:focus-visible{outline:1px solid #082644}.pgn__selectable_box .pgn__form-radio,.pgn__selectable_box .pgn__form-checkbox{position:absolute;top:1rem;inset-inline-end:1rem}.pgn__selectable_box .pgn__form-radio input,.pgn__selectable_box .pgn__form-checkbox input{margin-inline-end:0}.pgn__selectable_box *{pointer-events:none}.pgn__selectable_box-active{outline:2px solid #0a3055}.pgn__selectable_box-invalid{outline:2px solid #e1969d}.pgn__checkpoint{position:absolute;background:#f0eeed;border-top:8px solid #9d0054;border-radius:.375rem;padding:1.5rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.3);z-index:1060;max-width:480px}@media(max-width: 768px){.pgn__checkpoint{min-width:90%;max-width:90%}}.pgn__checkpoint .pgn__checkpoint-action-row{display:flex;justify-content:flex-end}.pgn__checkpoint #pgn__checkpoint-arrow,.pgn__checkpoint #pgn__checkpoint-arrow::before,.pgn__checkpoint #pgn__checkpoint-arrow::after{position:absolute;width:0;height:0}.pgn__checkpoint #pgn__checkpoint-arrow{visibility:hidden}.pgn__checkpoint #pgn__checkpoint-arrow::before,.pgn__checkpoint #pgn__checkpoint-arrow::after{visibility:visible;content:""}.pgn__checkpoint .pgn__checkpoint-button_dismiss{margin-inline-end:.5rem}.pgn__checkpoint .pgn__checkpoint-breadcrumb{height:6px;width:6px;border-radius:50%}.pgn__checkpoint .pgn__checkpoint-breadcrumb.pgn__checkpoint-breadcrumb_active{background:#0a3055}.pgn__checkpoint .pgn__checkpoint-breadcrumb.pgn__checkpoint-breadcrumb_inactive{border:1px solid #0a3055;background:rgba(0,0,0,0)}.pgn__checkpoint .pgn__checkpoint-breadcrumb:not(:first-child){margin-left:.375rem}[dir=rtl] .pgn__checkpoint .pgn__checkpoint-breadcrumb{margin-left:.375rem;margin-right:0}[dir=rtl] .pgn__checkpoint .pgn__checkpoint-breadcrumb:last-child{margin-left:0}.pgn__checkpoint .pgn__checkpoint-breadcrumb-container{display:flex;align-items:center}.pgn__checkpoint .pgn__checkpoint-body{color:#454545;margin-bottom:1.25rem;text-align:start}.pgn__checkpoint .pgn__checkpoint-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.pgn__checkpoint #pgn__checkpoint-title{font-size:1.375rem;margin-inline-end:.75rem;margin-bottom:0}.pgn__checkpoint[data-popper-placement^=top]>#pgn__checkpoint-arrow{left:-15px !important;bottom:1px}[dir=rtl] .pgn__checkpoint[data-popper-placement^=top]>#pgn__checkpoint-arrow{left:15px !important}.pgn__checkpoint[data-popper-placement^=top]>#pgn__checkpoint-arrow::after{border-bottom:solid 15px rgba(0,0,0,0);border-top:solid 15px #f0eeed;border-left:solid 15px rgba(0,0,0,0);border-right:solid 15px rgba(0,0,0,0);filter:drop-shadow(0 4px 2px rgba(0, 0, 0, 0.1));-webkit-filter:drop-shadow(0 4px 2px rgba(0, 0, 0, 0.1))}.pgn__checkpoint[data-popper-placement^=bottom]>#pgn__checkpoint-arrow{top:-36px;left:-15px !important}.pgn__checkpoint[data-popper-placement^=bottom]>#pgn__checkpoint-arrow::after{border-bottom:solid 15px #9d0054;border-top:solid 15px rgba(0,0,0,0);border-left:solid 15px rgba(0,0,0,0);border-right:solid 15px rgba(0,0,0,0)}.pgn__checkpoint[data-popper-placement^=left]>#pgn__checkpoint-arrow{top:-15px !important;right:1px}.pgn__checkpoint[data-popper-placement^=left]>#pgn__checkpoint-arrow::after{border-bottom:solid 15px rgba(0,0,0,0);border-top:solid 15px rgba(0,0,0,0);border-left:solid 15px #f0eeed;border-right:solid 15px rgba(0,0,0,0);filter:drop-shadow(3px 1px 2px rgba(0, 0, 0, 0.1))}.pgn__checkpoint[data-popper-placement^=right]>#pgn__checkpoint-arrow{top:-15px !important;left:1px}.pgn__checkpoint[data-popper-placement^=right]>#pgn__checkpoint-arrow::after{left:-30px;border-bottom:solid 15px rgba(0,0,0,0);border-top:solid 15px rgba(0,0,0,0);border-left:solid 15px rgba(0,0,0,0);border-right:solid 15px #f0eeed;filter:drop-shadow(-3px 1px 2px rgba(0, 0, 0, 0.1))}.pgn__sticky{display:flex;width:100%;position:sticky}.pgn__sticky.pgn__sticky-top{align-self:self-start;top:0}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--0{top:0}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--1{top:.25rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--1\.5{top:.375rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--2{top:.5rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--2\.5{top:.75rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--3{top:1rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--3\.5{top:1.25rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--4{top:1.5rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--4\.5{top:2rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--5{top:3rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--5\.5{top:4rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-offset--6{top:5rem}.pgn__sticky.pgn__sticky-top.pgn__sticky-shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15),0 .25rem .625rem rgba(0,0,0,.15)}.pgn__sticky.pgn__sticky-bottom{align-self:self-end;bottom:0}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--0{bottom:0}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--1{bottom:.25rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--1\.5{bottom:.375rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--2{bottom:.5rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--2\.5{bottom:.75rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--3{bottom:1rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--3\.5{bottom:1.25rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--4{bottom:1.5rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--4\.5{bottom:2rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--5{bottom:3rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--5\.5{bottom:4rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-offset--6{bottom:5rem}.pgn__sticky.pgn__sticky-bottom.pgn__sticky-shadow{box-shadow:0 -0.5rem 1rem rgba(0,0,0,.15),0 -0.25rem .625rem rgba(0,0,0,.15)}.pgn__vstack,.pgn__hstack{display:flex;align-self:stretch;gap:0}.pgn__vstack.pgn__stack-gap--0,.pgn__hstack.pgn__stack-gap--0{gap:0}.pgn__vstack.pgn__stack-gap--1,.pgn__hstack.pgn__stack-gap--1{gap:.25rem}.pgn__vstack.pgn__stack-gap--1\.5,.pgn__hstack.pgn__stack-gap--1\.5{gap:.375rem}.pgn__vstack.pgn__stack-gap--2,.pgn__hstack.pgn__stack-gap--2{gap:.5rem}.pgn__vstack.pgn__stack-gap--2\.5,.pgn__hstack.pgn__stack-gap--2\.5{gap:.75rem}.pgn__vstack.pgn__stack-gap--3,.pgn__hstack.pgn__stack-gap--3{gap:1rem}.pgn__vstack.pgn__stack-gap--3\.5,.pgn__hstack.pgn__stack-gap--3\.5{gap:1.25rem}.pgn__vstack.pgn__stack-gap--4,.pgn__hstack.pgn__stack-gap--4{gap:1.5rem}.pgn__vstack.pgn__stack-gap--4\.5,.pgn__hstack.pgn__stack-gap--4\.5{gap:2rem}.pgn__vstack.pgn__stack-gap--5,.pgn__hstack.pgn__stack-gap--5{gap:3rem}.pgn__vstack.pgn__stack-gap--5\.5,.pgn__hstack.pgn__stack-gap--5\.5{gap:4rem}.pgn__vstack.pgn__stack-gap--6,.pgn__hstack.pgn__stack-gap--6{gap:5rem}.pgn__vstack{flex:1 1 auto;flex-direction:column}.pgn__vstack.pgn__stack-reversed{flex-direction:column-reverse}.pgn__hstack{flex-direction:row;align-items:center}.pgn__hstack.pgn__stack-reversed{flex-direction:row-reverse;justify-content:flex-end}.pgn__bubble{line-height:normal;min-height:1.5rem;min-width:1.5rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem}.pgn__bubble.pgn__bubble-success{background-color:#178253;color:#fff}.pgn__bubble.pgn__bubble-warning{background-color:#ffd900;color:#fff}.pgn__bubble.pgn__bubble-error{background-color:#c32d3a;color:#fff}.pgn__bubble.pgn__bubble-primary{background-color:#0a3055;color:#fff}.pgn__bubble:disabled,.pgn__bubble.disabled{background:#707070}.pgn__bubble.expandable{padding:0 .25rem}.pgn__tabs{flex-wrap:nowrap}.pgn__tabs>*{position:relative}.pgn__tabs .pgn__tab-notification{position:absolute;top:0;right:0;min-height:1rem;min-width:1rem;font-size:.75rem}.pgn__tabs .pgn__tab_more.nav-link{margin-bottom:0;padding:0}.pgn__tabs .pgn__tab_more.nav-link .dropdown .dropdown-toggle{display:block;border:none}.pgn__tabs.nav-pills .pgn__tab_more.nav-link{margin:0}.pgn__tabs.nav-pills .pgn__tab_more.nav-link .dropdown .dropdown-toggle{padding:.7rem 1rem}.pgn__tabs.nav-pills .pgn__tab_more.nav-link .dropdown .dropdown-toggle:focus{background-color:#0a3055;border-color:#0a3055;color:#fff}.pgn__tabs.nav-pills .pgn__tab_more.nav-link .dropdown .dropdown-toggle:focus.btn.btn-link{color:#fff;border-color:#0a3055}.pgn__tabs.nav-pills .pgn__tab_more.nav-link.active .dropdown .dropdown-toggle{color:#fff}.pgn__tabs.nav-pills .pgn__tab_more.nav-link.active:hover .dropdown .dropdown-toggle{background-color:#0a3055}.pgn__tabs.nav-inverse-pills .pgn__tab_more.nav-link .dropdown .dropdown-toggle{padding:.625rem 1rem;border:none}.pgn__tabs.nav-inverse-pills .pgn__tab_more.nav-link .dropdown .dropdown-toggle:focus{background-color:#fff;color:#0a3055}.pgn__tabs.nav-inverse-pills .pgn__tab_more.nav-link.active .dropdown .dropdown-toggle{color:#0a3055}.pgn__tabs.nav-inverse-pills .pgn__tab_more.nav-link.active .dropdown .dropdown-toggle:hover{color:#fff;background-color:#8598aa}.pgn__tabs.nav-inverse-pills .pgn__tab_more.nav-link.active .dropdown .dropdown-toggle:focus{position:relative;outline:0;z-index:200}.pgn__tabs.nav-inverse-pills .pgn__tab_more.nav-link.active .dropdown .dropdown-toggle:focus::before{content:"";position:absolute;top:calc(5px * -1);right:calc(5px * -1);bottom:calc(5px * -1);left:calc(5px * -1);border:solid 2px #fff;border-radius:0}.pgn__tabs.nav-tabs .pgn__tab_more.nav-link .dropdown .dropdown-toggle{padding:.563rem 1rem}.pgn__tabs.nav-inverse-tabs .pgn__tab_more.nav-link .dropdown .dropdown-toggle{padding:.625rem 1rem}.pgn__tabs.nav-inverse-tabs .pgn__tab_more.nav-link .dropdown .dropdown-toggle:hover{background-color:rgba(0,0,0,0)}.pgn__tabs .pgn__tab_invisible{position:absolute;left:0;pointer-events:none;visibility:hidden}.pgn__dropzone{display:flex;justify-content:center;align-items:center;min-height:200px;padding:1.5rem;border:1px dashed #707070;box-sizing:border-box;cursor:pointer}.pgn__dropzone:hover,.pgn__dropzone:focus,.pgn__dropzone.pgn__dropzone-validation-error,.pgn__dropzone.pgn__dropzone-active{border-color:rgba(0,0,0,0)}.pgn__dropzone:hover{box-shadow:inset 0 0 0 2px #80b6d5}.pgn__dropzone:focus{box-shadow:inset 0 0 0 2px #80b6d5}.pgn__dropzone.pgn__dropzone-validation-error{box-shadow:inset 0 0 0 2px #e1969d}.pgn__dropzone.pgn__dropzone-active{box-shadow:inset 0 0 0 2px #0a3055}.pgn__dropzone-error-wrapper{text-align:center;color:#c32d3a}.pgn__dropzone-generic-alert{width:100%;margin-bottom:1.5rem}.pgn__dropzone-generic-alert .pgn__alert-message-wrapper .alert-message-content>span{display:block}.pgn__dropzone__upload-icon-wrapper{height:56px;width:56px;background:#f0eeed;border-radius:50%;position:relative;margin-bottom:1.5rem}.pgn__dropzone__upload-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:32px;width:32px}.pgn__dropzone__upload-restriction-message{font-size:75%;color:#707070}.pgn__color-picker{box-shadow:0 0 3px 1px #adadad;border:none;background:linear-gradient(to bottom right, rgb(255, 0, 0) 0%, rgb(255, 154, 0) 17%, rgb(208, 222, 33) 33%, rgb(79, 220, 74) 40%, rgb(28, 127, 238) 75%, rgb(95, 21, 242) 86%, rgb(186, 12, 248) 100%)}.pgn__color-picker.pgn__color-picker-sm{height:2rem;width:2rem}.pgn__color-picker.pgn__color-picker-md{height:calc(1.3333em + 1.125rem + 2px);width:calc(1.3333em + 1.125rem + 2px)}.pgn__color-modal{background:#fff;padding-bottom:.1rem;margin-bottom:1rem}.pgn__color-error{font-size:70%;flex:1 1 auto;margin-left:.5rem}.pgn__hex-label{font-weight:bold;font-size:.875rem;padding:.5rem;margin-bottom:0 !important}.pgn__hex-form{display:flex;max-width:180px;margin:5px;flex-wrap:wrap}.pgn__hex-form div{display:inline-flex}@media(min-width: 576px){.pgn__hex-form .pgn__hex-field{margin-inline-end:0}}
|
package/package.json
CHANGED
|
@@ -30,6 +30,7 @@ function ModalDialog({
|
|
|
30
30
|
isFullscreenOnMobile,
|
|
31
31
|
isBlocking,
|
|
32
32
|
zIndex,
|
|
33
|
+
isOverflowVisible,
|
|
33
34
|
}) {
|
|
34
35
|
const isMobile = useMediaQuery({ query: '(max-width: 767.98px)' });
|
|
35
36
|
const showFullScreen = (isFullscreenOnMobile && isMobile);
|
|
@@ -44,6 +45,7 @@ function ModalDialog({
|
|
|
44
45
|
[`pgn__modal-${showFullScreen ? 'fullscreen' : size}`]: size,
|
|
45
46
|
[`pgn__modal-${variant}`]: variant,
|
|
46
47
|
'pgn__modal-scroll-fullscreen': isFullscreenScroll,
|
|
48
|
+
'pgn__modal-visible-overflow': isOverflowVisible,
|
|
47
49
|
},
|
|
48
50
|
className,
|
|
49
51
|
)}
|
|
@@ -120,6 +122,8 @@ ModalDialog.propTypes = {
|
|
|
120
122
|
* Specifies the z-index of the modal
|
|
121
123
|
*/
|
|
122
124
|
zIndex: PropTypes.number,
|
|
125
|
+
/** Specifies whether overflow is visible in the modal */
|
|
126
|
+
isOverflowVisible: PropTypes.bool,
|
|
123
127
|
};
|
|
124
128
|
|
|
125
129
|
ModalDialog.defaultProps = {
|
|
@@ -133,6 +137,7 @@ ModalDialog.defaultProps = {
|
|
|
133
137
|
isFullscreenOnMobile: false,
|
|
134
138
|
isBlocking: false,
|
|
135
139
|
zIndex: undefined,
|
|
140
|
+
isOverflowVisible: true,
|
|
136
141
|
};
|
|
137
142
|
|
|
138
143
|
ModalDialog.Header = ModalDialogHeader;
|
|
@@ -38,6 +38,14 @@
|
|
|
38
38
|
top: calc(#{$modal-inner-padding} / 2 * -1);
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
|
+
|
|
42
|
+
&.pgn__modal-visible-overflow {
|
|
43
|
+
overflow: visible;
|
|
44
|
+
|
|
45
|
+
.pgn__modal-body {
|
|
46
|
+
overflow: visible;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
41
49
|
}
|
|
42
50
|
|
|
43
51
|
// Sizes
|
|
@@ -94,6 +102,8 @@
|
|
|
94
102
|
justify-content: center;
|
|
95
103
|
position: sticky;
|
|
96
104
|
top: 0;
|
|
105
|
+
border-top-left-radius: $modal-content-border-radius;
|
|
106
|
+
border-top-right-radius: $modal-content-border-radius;
|
|
97
107
|
padding: $modal-header-padding;
|
|
98
108
|
background-color: $modal-content-bg;
|
|
99
109
|
transition: box-shadow 150ms ease;
|