@servicetitan/design-system 14.1.0 → 14.2.1-bugfix-marketing
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/components/OptionList/OptionList.js +1 -1
- package/dist/components/OptionList/OptionList.js.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/internal/CollapsibleList/CollapsibleListItem.js +0 -1
- package/dist/internal/CollapsibleList/CollapsibleListItem.js.map +1 -1
- package/dist/system-light.css +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +1 -1
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +1 -1
- package/package.json +7 -7
|
@@ -25,7 +25,7 @@ export const OptionList = (_a) => {
|
|
|
25
25
|
'OptionList--multi-select': multiple,
|
|
26
26
|
});
|
|
27
27
|
const ref = useArrowNav(Object.assign({ disabled: true, focusableSelector: {
|
|
28
|
-
selector: 'button, *:not[class*=read-only] input',
|
|
28
|
+
selector: 'button, *:not([class*="read-only"]) input',
|
|
29
29
|
} }, arrowNavOptions));
|
|
30
30
|
const GroupClasses = classnames('OptionList__group', groupClassName);
|
|
31
31
|
const ValuesFromArray = Array.isArray(value)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionList.js","sourceRoot":"","sources":["../../../src/components/OptionList/OptionList.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport classnames from 'classnames';\nimport { Option, SingleOptionProps, RegisterOptionData } from './Option';\nimport { Collapsible } from '../Collapsible';\nimport { Eyebrow } from '../Eyebrow';\nimport { Divider } from '../Divider';\nimport { Stack } from '../Stack';\nimport { Link } from '../Link';\nimport { useArrowNav, UseArrowNavProps } from '../../hooks/useArrowNav';\n\nexport interface OptionListProps extends FlatGroupProps {\n\tarrowNavOptions?: UseArrowNavProps;\n\n\tchildren?(optionProps: SingleOptionProps): ReactNode;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Holds values of options that are expanded or collapsed */\n\tcollapseValue?: SingleOptionProps['value'][];\n\n\t/** Holds an indeterminate condition for option trees */\n\tindeterminateValue?: SingleOptionProps['value'][];\n\n\t/** Non-tree display of flat options with non-selectable group header */\n\tflatGroup?: FlatGroupProps | boolean;\n\n\t/** Helper value of what option, if any, is currently focused */\n\tfocusValue?: any;\n\n\t/** Adds one or more classnames to grouped options */\n\tgroupClassName?: string;\n\n\t/** Whether the Option List is single or multiselect */\n\tmultiple?: boolean;\n\n\t/** Called when the user changes the value */\n\tonChange?: (\n\t\tvalue: SingleOptionProps['value'],\n\t\tchecked: boolean,\n\t\tchildObject: SingleOptionProps,\n\t\tselfObject: SingleOptionProps\n\t) => void;\n\n\t/** Calls when the expand/collapse button is clicked */\n\tonExpand?: (value: SingleOptionProps['value']) => void;\n\n\t/** Adds one or more classnames to each individual option */\n\toptionClassName?: string;\n\n\t/** Detects key event and provides option that was focused */\n\toptionOnKeyDown?: (\n\t\te: React.KeyboardEvent<HTMLDivElement>,\n\t\tselfObject: SingleOptionProps\n\t) => void;\n\n\t/** Array of all the options in the Option List */\n\toptions?: SingleOptionProps[];\n\n\t/** Value of selected options within the List */\n\tvalue?: any;\n\n\t/** Callback to pass a list of options up to AnvilSelect */\n\tgetOptionsData?: (data: SingleOptionProps[]) => void;\n}\n\ninterface FlatGroupProps {\n\tonGroupSelectAll?: (data: SingleOptionProps[]) => void;\n\tonGroupSelectNone?: (data: SingleOptionProps[]) => void;\n}\n\nexport const OptionList: FC<OptionListProps> = ({\n\tarrowNavOptions,\n\tchildren,\n\tclassName,\n\tcollapseValue,\n\tflatGroup,\n\tfocusValue,\n\tgroupClassName,\n\tindeterminateValue,\n\tmultiple,\n\tonChange,\n\tonExpand,\n\tonGroupSelectAll,\n\tonGroupSelectNone,\n\toptionClassName,\n\toptionOnKeyDown,\n\toptions,\n\tvalue,\n\tgetOptionsData,\n\t...props\n}) => {\n\tconst OptionsClasses = classnames('OptionList', className, {\n\t\t'OptionList--single-select': !multiple,\n\t\t'OptionList--multi-select': multiple,\n\t});\n\n\tconst ref = useArrowNav({\n\t\tdisabled: true,\n\t\tfocusableSelector: {\n\t\t\tselector: 'button, *:not[class*=read-only] input',\n\t\t},\n\t\t...arrowNavOptions,\n\t});\n\n\tconst GroupClasses = classnames('OptionList__group', groupClassName);\n\tconst ValuesFromArray = Array.isArray(value)\n\t\t? value.map((v: OptionListProps['value']) =>\n\t\t\t\tv.value !== undefined ? v.value : v\n\t\t )\n\t\t: null;\n\n\tconst setDefaultOptionProperties = (option: SingleOptionProps) => {\n\t\tlet defaultSelected = false;\n\t\tif (\n\t\t\tvalue !== undefined &&\n\t\t\toption.value !== undefined &&\n\t\t\t((Array.isArray(value) &&\n\t\t\t\tvalue.length > 0 &&\n\t\t\t\tValuesFromArray.includes(option.value)) || // If value is an Array (multiple selections)\n\t\t\t\t(typeof value === 'object' && value.value === option.value)) // If value is an Object (single selection)\n\t\t) {\n\t\t\tdefaultSelected = true;\n\t\t}\n\n\t\tconst defaults = {\n\t\t\tcollapsed: option.collapsed ? option.collapsed : true,\n\t\t\tselected: defaultSelected,\n\t\t\ttext:\n\t\t\t\tflatGroup && typeof option.content === 'string'\n\t\t\t\t\t? option.content\n\t\t\t\t\t: option.text\n\t\t\t\t\t? option.text\n\t\t\t\t\t: null,\n\t\t\tindeterminate: option.indeterminate || false,\n\t\t};\n\t\treturn { ...defaults, ...option };\n\t};\n\n\tconst setInitialLevel = () =>\n\t\t!flatGroup && options?.some((option) => option.options) ? 2 : 1;\n\n\t/* Loops through options object to display grouped and non-grouped options */\n\tconst getOptions = (options: SingleOptionProps[], level = 2) => {\n\t\treturn options?.map((optionProp, index: number) => {\n\t\t\tconst localOption = setDefaultOptionProperties(optionProp);\n\t\t\tconst checkForChildren = !!localOption.options;\n\n\t\t\tif (checkForChildren) {\n\t\t\t\tif (!flatGroup)\n\t\t\t\t\treturn getGroupedOptions(\n\t\t\t\t\t\tlocalOption,\n\t\t\t\t\t\toptionProp,\n\t\t\t\t\t\tlocalOption.options,\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\tlevel,\n\t\t\t\t\t\toptionProp.value,\n\t\t\t\t\t\toptionProp.collapsed\n\t\t\t\t\t);\n\t\t\t\tif (level === 1)\n\t\t\t\t\treturn getFlatGroupedOptions(\n\t\t\t\t\t\tlocalOption.options,\n\t\t\t\t\t\tlocalOption.text,\n\t\t\t\t\t\tlevel,\n\t\t\t\t\t\tindex\n\t\t\t\t\t);\n\t\t\t}\n\t\t\treturn getOption(localOption, optionProp, !flatGroup ? level : 1);\n\t\t});\n\t};\n\n\t/* Called when the options prop is detected in an individual option */\n\tconst getGroupedOptions = (\n\t\tparentOption: Record<string, unknown>,\n\t\toriginalParentOption: Record<string, unknown>,\n\t\toptions: SingleOptionProps[],\n\t\tindex: number,\n\t\tlevel: number,\n\t\tparentCollapseValue: SingleOptionProps['value'],\n\t\tcollapsed: boolean\n\t) => {\n\t\t/* Variable determines if an option should be expanded to show children */\n\t\tconst isOpen: boolean = collapsed\n\t\t\t? !collapsed\n\t\t\t: collapseValue\n\t\t\t? collapseValue.includes(parentCollapseValue)\n\t\t\t: true;\n\n\t\treturn (\n\t\t\t<div className={GroupClasses} role=\"group\" key={index}>\n\t\t\t\t{getOption(\n\t\t\t\t\tparentOption,\n\t\t\t\t\toriginalParentOption,\n\t\t\t\t\tlevel,\n\t\t\t\t\ttrue,\n\t\t\t\t\tisOpen,\n\t\t\t\t\toptions\n\t\t\t\t)}\n\t\t\t\t<Collapsible open={isOpen}>\n\t\t\t\t\t{getOptions(options, level + 1)}\n\t\t\t\t</Collapsible>\n\t\t\t</div>\n\t\t);\n\t};\n\n\t/* Pull flatGroup prop data for selection handling */\n\tconst objectFlatGroup =\n\t\ttypeof flatGroup === 'object' ? { ...flatGroup } : undefined;\n\n\tconst handleGroupSelectAll = (groupedOptions: SingleOptionProps[]) => {\n\t\tif (objectFlatGroup.onGroupSelectAll === undefined) return;\n\t\treturn objectFlatGroup.onGroupSelectAll(groupedOptions);\n\t};\n\n\tconst handleGroupSelectNone = (groupedOptions: SingleOptionProps[]) => {\n\t\tif (objectFlatGroup.onGroupSelectNone === undefined) return;\n\t\treturn objectFlatGroup.onGroupSelectNone(groupedOptions);\n\t};\n\n\tconst getFlatGroupedOptions = (\n\t\toptions: SingleOptionProps[],\n\t\ttitle: string,\n\t\tlevel: number,\n\t\tindex: number\n\t) => {\n\t\tconst selectAll = () => handleGroupSelectAll(options);\n\t\tconst selectNone = () => handleGroupSelectNone(options);\n\n\t\treturn (\n\t\t\t<React.Fragment key={`${index}${Object(options)}`}>\n\t\t\t\t{index !== 0 && <Divider spacing={1} />}\n\t\t\t\t{title && (\n\t\t\t\t\t<Stack alignItems=\"center\" className=\"OptionList__header\">\n\t\t\t\t\t\t<Eyebrow>{title}</Eyebrow>\n\t\t\t\t\t\t{multiple && title && typeof flatGroup !== 'boolean' && (\n\t\t\t\t\t\t\t<React.Fragment>\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tprimary\n\t\t\t\t\t\t\t\t\tclassName=\"m-l-1 fs-1\"\n\t\t\t\t\t\t\t\t\tonClick={selectAll}\n\t\t\t\t\t\t\t\t\taria-label=\"select all\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tAll\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tprimary\n\t\t\t\t\t\t\t\t\tclassName=\"m-l-1 fs-1\"\n\t\t\t\t\t\t\t\t\tonClick={selectNone}\n\t\t\t\t\t\t\t\t\taria-label=\"select none\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tNone\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t\t{getOptions(options, level + 1)}\n\t\t\t</React.Fragment>\n\t\t);\n\t};\n\n\tconst handleOnChange = () => {\n\t\tif (onChange === undefined) return;\n\t\treturn onChange;\n\t};\n\n\tconst handleOnExpand = () => {\n\t\tif (onExpand === undefined) return;\n\t\treturn onExpand;\n\t};\n\n\t/*\n\t ** NOTE: The following functions (setSelected, setFocus, registerOption, etc)\n\t ** are all plumbing to support the use case where <Option> components are\n\t ** rendered in user-land via function children.\n\t */\n\tconst setSelectedFromOptionList = (optionValue: any) => {\n\t\tif (value == null || optionValue == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (value.length) {\n\t\t\treturn value.some((item: any) => {\n\t\t\t\tif (item === optionValue) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tif (item.value === optionValue) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t});\n\t\t}\n\n\t\tif (value === optionValue) {\n\t\t\treturn true;\n\t\t}\n\t\tif (value.value === optionValue) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tconst setFocusFromOptionList = (optionValue: any) => {\n\t\treturn focusValue && focusValue.value === optionValue;\n\t};\n\n\tconst setIndeterminateFromOptionList = (optionValue: any) => {\n\t\treturn indeterminateValue?.includes(optionValue);\n\t};\n\n\t/*\n\t ** The <Option> components call back with registerOption once they've rendered\n\t */\n\tconst optionsData: RegisterOptionData[] = [];\n\n\tconst registerOption = (optionData: RegisterOptionData) => {\n\t\toptionsData.push(optionData);\n\t};\n\n\tReact.useLayoutEffect(() => {\n\t\toptionsData.sort((a, b) => {\n\t\t\tif (\n\t\t\t\ta.element != null &&\n\t\t\t\tb.element != null &&\n\t\t\t\ta.element.compareDocumentPosition(b.element) &\n\t\t\t\t\tNode.DOCUMENT_POSITION_PRECEDING\n\t\t\t) {\n\t\t\t\treturn 1;\n\t\t\t}\n\t\t\treturn -1;\n\t\t});\n\n\t\tgetOptionsData?.(optionsData);\n\t});\n\n\t/* Generates the individual option in the Option List */\n\tconst getOption = (\n\t\toption: Record<string, unknown>,\n\t\toriginalOption: Record<string, unknown>,\n\t\tlevel: number,\n\t\tcollapseControl = false,\n\t\tcollapseBoolean = false,\n\t\tlocalOptions: any = []\n\t) => {\n\t\tconst { className, ...options } = Object(option);\n\t\tconst OptionClasses = classnames(className, optionClassName);\n\n\t\treturn (\n\t\t\t<Option\n\t\t\t\t{...options}\n\t\t\t\tclassName={OptionClasses}\n\t\t\t\tcollapseControl={collapseControl}\n\t\t\t\tcollapsed={collapseBoolean}\n\t\t\t\tfocus={setFocusFromOptionList(Object(option).value)}\n\t\t\t\tindeterminate={setIndeterminateFromOptionList(\n\t\t\t\t\tObject(option).value\n\t\t\t\t)}\n\t\t\t\tkey={`${Object(option).value}${Object(option).text}${level}`}\n\t\t\t\tlevel={level}\n\t\t\t\tonChange={handleOnChange()}\n\t\t\t\tonExpand={handleOnExpand()}\n\t\t\t\tonKeyDown={optionOnKeyDown}\n\t\t\t\toptions={localOptions}\n\t\t\t\tselfObject={originalOption}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst optionProps = {\n\t\tclassName: optionClassName,\n\t\tcollapseControl: false,\n\t\tcollapsed: false,\n\t\tgetSelected: setSelectedFromOptionList,\n\t\tgetFocus: setFocusFromOptionList,\n\t\tgetIndeterminate: setIndeterminateFromOptionList,\n\t\tlevel: 1,\n\t\tonChange: handleOnChange(),\n\t\tonExpand: handleOnExpand(),\n\t\tonKeyDown: optionOnKeyDown,\n\t\tregisterOption,\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={OptionsClasses}\n\t\t\tdata-anvil-component=\"OptionList\"\n\t\t\trole=\"tree\"\n\t\t\tref={ref}\n\t\t\t{...props}\n\t\t>\n\t\t\t{typeof children === 'function'\n\t\t\t\t? children(optionProps)\n\t\t\t\t: getOptions(options, setInitialLevel())}\n\t\t</div>\n\t);\n};\n"]}
|
|
1
|
+
{"version":3,"file":"OptionList.js","sourceRoot":"","sources":["../../../src/components/OptionList/OptionList.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport classnames from 'classnames';\nimport { Option, SingleOptionProps, RegisterOptionData } from './Option';\nimport { Collapsible } from '../Collapsible';\nimport { Eyebrow } from '../Eyebrow';\nimport { Divider } from '../Divider';\nimport { Stack } from '../Stack';\nimport { Link } from '../Link';\nimport { useArrowNav, UseArrowNavProps } from '../../hooks/useArrowNav';\n\nexport interface OptionListProps extends FlatGroupProps {\n\tarrowNavOptions?: UseArrowNavProps;\n\n\tchildren?(optionProps: SingleOptionProps): ReactNode;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Holds values of options that are expanded or collapsed */\n\tcollapseValue?: SingleOptionProps['value'][];\n\n\t/** Holds an indeterminate condition for option trees */\n\tindeterminateValue?: SingleOptionProps['value'][];\n\n\t/** Non-tree display of flat options with non-selectable group header */\n\tflatGroup?: FlatGroupProps | boolean;\n\n\t/** Helper value of what option, if any, is currently focused */\n\tfocusValue?: any;\n\n\t/** Adds one or more classnames to grouped options */\n\tgroupClassName?: string;\n\n\t/** Whether the Option List is single or multiselect */\n\tmultiple?: boolean;\n\n\t/** Called when the user changes the value */\n\tonChange?: (\n\t\tvalue: SingleOptionProps['value'],\n\t\tchecked: boolean,\n\t\tchildObject: SingleOptionProps,\n\t\tselfObject: SingleOptionProps\n\t) => void;\n\n\t/** Calls when the expand/collapse button is clicked */\n\tonExpand?: (value: SingleOptionProps['value']) => void;\n\n\t/** Adds one or more classnames to each individual option */\n\toptionClassName?: string;\n\n\t/** Detects key event and provides option that was focused */\n\toptionOnKeyDown?: (\n\t\te: React.KeyboardEvent<HTMLDivElement>,\n\t\tselfObject: SingleOptionProps\n\t) => void;\n\n\t/** Array of all the options in the Option List */\n\toptions?: SingleOptionProps[];\n\n\t/** Value of selected options within the List */\n\tvalue?: any;\n\n\t/** Callback to pass a list of options up to AnvilSelect */\n\tgetOptionsData?: (data: SingleOptionProps[]) => void;\n}\n\ninterface FlatGroupProps {\n\tonGroupSelectAll?: (data: SingleOptionProps[]) => void;\n\tonGroupSelectNone?: (data: SingleOptionProps[]) => void;\n}\n\nexport const OptionList: FC<OptionListProps> = ({\n\tarrowNavOptions,\n\tchildren,\n\tclassName,\n\tcollapseValue,\n\tflatGroup,\n\tfocusValue,\n\tgroupClassName,\n\tindeterminateValue,\n\tmultiple,\n\tonChange,\n\tonExpand,\n\tonGroupSelectAll,\n\tonGroupSelectNone,\n\toptionClassName,\n\toptionOnKeyDown,\n\toptions,\n\tvalue,\n\tgetOptionsData,\n\t...props\n}) => {\n\tconst OptionsClasses = classnames('OptionList', className, {\n\t\t'OptionList--single-select': !multiple,\n\t\t'OptionList--multi-select': multiple,\n\t});\n\n\tconst ref = useArrowNav({\n\t\tdisabled: true,\n\t\tfocusableSelector: {\n\t\t\tselector: 'button, *:not([class*=\"read-only\"]) input',\n\t\t},\n\t\t...arrowNavOptions,\n\t});\n\n\tconst GroupClasses = classnames('OptionList__group', groupClassName);\n\tconst ValuesFromArray = Array.isArray(value)\n\t\t? value.map((v: OptionListProps['value']) =>\n\t\t\t\tv.value !== undefined ? v.value : v\n\t\t )\n\t\t: null;\n\n\tconst setDefaultOptionProperties = (option: SingleOptionProps) => {\n\t\tlet defaultSelected = false;\n\t\tif (\n\t\t\tvalue !== undefined &&\n\t\t\toption.value !== undefined &&\n\t\t\t((Array.isArray(value) &&\n\t\t\t\tvalue.length > 0 &&\n\t\t\t\tValuesFromArray.includes(option.value)) || // If value is an Array (multiple selections)\n\t\t\t\t(typeof value === 'object' && value.value === option.value)) // If value is an Object (single selection)\n\t\t) {\n\t\t\tdefaultSelected = true;\n\t\t}\n\n\t\tconst defaults = {\n\t\t\tcollapsed: option.collapsed ? option.collapsed : true,\n\t\t\tselected: defaultSelected,\n\t\t\ttext:\n\t\t\t\tflatGroup && typeof option.content === 'string'\n\t\t\t\t\t? option.content\n\t\t\t\t\t: option.text\n\t\t\t\t\t? option.text\n\t\t\t\t\t: null,\n\t\t\tindeterminate: option.indeterminate || false,\n\t\t};\n\t\treturn { ...defaults, ...option };\n\t};\n\n\tconst setInitialLevel = () =>\n\t\t!flatGroup && options?.some((option) => option.options) ? 2 : 1;\n\n\t/* Loops through options object to display grouped and non-grouped options */\n\tconst getOptions = (options: SingleOptionProps[], level = 2) => {\n\t\treturn options?.map((optionProp, index: number) => {\n\t\t\tconst localOption = setDefaultOptionProperties(optionProp);\n\t\t\tconst checkForChildren = !!localOption.options;\n\n\t\t\tif (checkForChildren) {\n\t\t\t\tif (!flatGroup)\n\t\t\t\t\treturn getGroupedOptions(\n\t\t\t\t\t\tlocalOption,\n\t\t\t\t\t\toptionProp,\n\t\t\t\t\t\tlocalOption.options,\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\tlevel,\n\t\t\t\t\t\toptionProp.value,\n\t\t\t\t\t\toptionProp.collapsed\n\t\t\t\t\t);\n\t\t\t\tif (level === 1)\n\t\t\t\t\treturn getFlatGroupedOptions(\n\t\t\t\t\t\tlocalOption.options,\n\t\t\t\t\t\tlocalOption.text,\n\t\t\t\t\t\tlevel,\n\t\t\t\t\t\tindex\n\t\t\t\t\t);\n\t\t\t}\n\t\t\treturn getOption(localOption, optionProp, !flatGroup ? level : 1);\n\t\t});\n\t};\n\n\t/* Called when the options prop is detected in an individual option */\n\tconst getGroupedOptions = (\n\t\tparentOption: Record<string, unknown>,\n\t\toriginalParentOption: Record<string, unknown>,\n\t\toptions: SingleOptionProps[],\n\t\tindex: number,\n\t\tlevel: number,\n\t\tparentCollapseValue: SingleOptionProps['value'],\n\t\tcollapsed: boolean\n\t) => {\n\t\t/* Variable determines if an option should be expanded to show children */\n\t\tconst isOpen: boolean = collapsed\n\t\t\t? !collapsed\n\t\t\t: collapseValue\n\t\t\t? collapseValue.includes(parentCollapseValue)\n\t\t\t: true;\n\n\t\treturn (\n\t\t\t<div className={GroupClasses} role=\"group\" key={index}>\n\t\t\t\t{getOption(\n\t\t\t\t\tparentOption,\n\t\t\t\t\toriginalParentOption,\n\t\t\t\t\tlevel,\n\t\t\t\t\ttrue,\n\t\t\t\t\tisOpen,\n\t\t\t\t\toptions\n\t\t\t\t)}\n\t\t\t\t<Collapsible open={isOpen}>\n\t\t\t\t\t{getOptions(options, level + 1)}\n\t\t\t\t</Collapsible>\n\t\t\t</div>\n\t\t);\n\t};\n\n\t/* Pull flatGroup prop data for selection handling */\n\tconst objectFlatGroup =\n\t\ttypeof flatGroup === 'object' ? { ...flatGroup } : undefined;\n\n\tconst handleGroupSelectAll = (groupedOptions: SingleOptionProps[]) => {\n\t\tif (objectFlatGroup.onGroupSelectAll === undefined) return;\n\t\treturn objectFlatGroup.onGroupSelectAll(groupedOptions);\n\t};\n\n\tconst handleGroupSelectNone = (groupedOptions: SingleOptionProps[]) => {\n\t\tif (objectFlatGroup.onGroupSelectNone === undefined) return;\n\t\treturn objectFlatGroup.onGroupSelectNone(groupedOptions);\n\t};\n\n\tconst getFlatGroupedOptions = (\n\t\toptions: SingleOptionProps[],\n\t\ttitle: string,\n\t\tlevel: number,\n\t\tindex: number\n\t) => {\n\t\tconst selectAll = () => handleGroupSelectAll(options);\n\t\tconst selectNone = () => handleGroupSelectNone(options);\n\n\t\treturn (\n\t\t\t<React.Fragment key={`${index}${Object(options)}`}>\n\t\t\t\t{index !== 0 && <Divider spacing={1} />}\n\t\t\t\t{title && (\n\t\t\t\t\t<Stack alignItems=\"center\" className=\"OptionList__header\">\n\t\t\t\t\t\t<Eyebrow>{title}</Eyebrow>\n\t\t\t\t\t\t{multiple && title && typeof flatGroup !== 'boolean' && (\n\t\t\t\t\t\t\t<React.Fragment>\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tprimary\n\t\t\t\t\t\t\t\t\tclassName=\"m-l-1 fs-1\"\n\t\t\t\t\t\t\t\t\tonClick={selectAll}\n\t\t\t\t\t\t\t\t\taria-label=\"select all\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tAll\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tprimary\n\t\t\t\t\t\t\t\t\tclassName=\"m-l-1 fs-1\"\n\t\t\t\t\t\t\t\t\tonClick={selectNone}\n\t\t\t\t\t\t\t\t\taria-label=\"select none\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tNone\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t\t{getOptions(options, level + 1)}\n\t\t\t</React.Fragment>\n\t\t);\n\t};\n\n\tconst handleOnChange = () => {\n\t\tif (onChange === undefined) return;\n\t\treturn onChange;\n\t};\n\n\tconst handleOnExpand = () => {\n\t\tif (onExpand === undefined) return;\n\t\treturn onExpand;\n\t};\n\n\t/*\n\t ** NOTE: The following functions (setSelected, setFocus, registerOption, etc)\n\t ** are all plumbing to support the use case where <Option> components are\n\t ** rendered in user-land via function children.\n\t */\n\tconst setSelectedFromOptionList = (optionValue: any) => {\n\t\tif (value == null || optionValue == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (value.length) {\n\t\t\treturn value.some((item: any) => {\n\t\t\t\tif (item === optionValue) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tif (item.value === optionValue) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t});\n\t\t}\n\n\t\tif (value === optionValue) {\n\t\t\treturn true;\n\t\t}\n\t\tif (value.value === optionValue) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tconst setFocusFromOptionList = (optionValue: any) => {\n\t\treturn focusValue && focusValue.value === optionValue;\n\t};\n\n\tconst setIndeterminateFromOptionList = (optionValue: any) => {\n\t\treturn indeterminateValue?.includes(optionValue);\n\t};\n\n\t/*\n\t ** The <Option> components call back with registerOption once they've rendered\n\t */\n\tconst optionsData: RegisterOptionData[] = [];\n\n\tconst registerOption = (optionData: RegisterOptionData) => {\n\t\toptionsData.push(optionData);\n\t};\n\n\tReact.useLayoutEffect(() => {\n\t\toptionsData.sort((a, b) => {\n\t\t\tif (\n\t\t\t\ta.element != null &&\n\t\t\t\tb.element != null &&\n\t\t\t\ta.element.compareDocumentPosition(b.element) &\n\t\t\t\t\tNode.DOCUMENT_POSITION_PRECEDING\n\t\t\t) {\n\t\t\t\treturn 1;\n\t\t\t}\n\t\t\treturn -1;\n\t\t});\n\n\t\tgetOptionsData?.(optionsData);\n\t});\n\n\t/* Generates the individual option in the Option List */\n\tconst getOption = (\n\t\toption: Record<string, unknown>,\n\t\toriginalOption: Record<string, unknown>,\n\t\tlevel: number,\n\t\tcollapseControl = false,\n\t\tcollapseBoolean = false,\n\t\tlocalOptions: any = []\n\t) => {\n\t\tconst { className, ...options } = Object(option);\n\t\tconst OptionClasses = classnames(className, optionClassName);\n\n\t\treturn (\n\t\t\t<Option\n\t\t\t\t{...options}\n\t\t\t\tclassName={OptionClasses}\n\t\t\t\tcollapseControl={collapseControl}\n\t\t\t\tcollapsed={collapseBoolean}\n\t\t\t\tfocus={setFocusFromOptionList(Object(option).value)}\n\t\t\t\tindeterminate={setIndeterminateFromOptionList(\n\t\t\t\t\tObject(option).value\n\t\t\t\t)}\n\t\t\t\tkey={`${Object(option).value}${Object(option).text}${level}`}\n\t\t\t\tlevel={level}\n\t\t\t\tonChange={handleOnChange()}\n\t\t\t\tonExpand={handleOnExpand()}\n\t\t\t\tonKeyDown={optionOnKeyDown}\n\t\t\t\toptions={localOptions}\n\t\t\t\tselfObject={originalOption}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst optionProps = {\n\t\tclassName: optionClassName,\n\t\tcollapseControl: false,\n\t\tcollapsed: false,\n\t\tgetSelected: setSelectedFromOptionList,\n\t\tgetFocus: setFocusFromOptionList,\n\t\tgetIndeterminate: setIndeterminateFromOptionList,\n\t\tlevel: 1,\n\t\tonChange: handleOnChange(),\n\t\tonExpand: handleOnExpand(),\n\t\tonKeyDown: optionOnKeyDown,\n\t\tregisterOption,\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={OptionsClasses}\n\t\t\tdata-anvil-component=\"OptionList\"\n\t\t\trole=\"tree\"\n\t\t\tref={ref}\n\t\t\t{...props}\n\t\t>\n\t\t\t{typeof children === 'function'\n\t\t\t\t? children(optionProps)\n\t\t\t\t: getOptions(options, setInitialLevel())}\n\t\t</div>\n\t);\n};\n"]}
|
package/dist/global/index.css
CHANGED
package/dist/global/version.css
CHANGED
|
@@ -27,7 +27,6 @@ export const CollapsibleListItem = (_a) => {
|
|
|
27
27
|
var _a;
|
|
28
28
|
if ((_a = collapsibleListRef === null || collapsibleListRef === void 0 ? void 0 : collapsibleListRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))
|
|
29
29
|
return; // Prevent exapand/collapse on nested list items
|
|
30
|
-
e.preventDefault();
|
|
31
30
|
const { onClick } = rest;
|
|
32
31
|
if (collapsible)
|
|
33
32
|
setExpanded(!expanded);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleListItem.js","sourceRoot":"","sources":["../../../src/internal/CollapsibleList/CollapsibleListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAavC,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAMjE,EAAE,EAAE;QAN6D,EACjE,QAAQ,EACR,SAAS,EACT,WAAW,EACX,EAAE,EAAE,OAAO,GAAG,IAAI,OAElB,EADG,IAAI,cAL0D,8CAMjE,CADO;IAEP,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC7C,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,KAAI,KAAK,CAC9B,CAAC;IACF,MAAM,eAAe,GAAG,UAAU,CAAC,qBAAqB,EAAE,SAAS,EAAE;QACpE,+BAA+B,EAAE,WAAW,IAAI,QAAQ;QACxD,gCAAgC,EAAE,WAAW,IAAI,CAAC,QAAQ;QAC1D,gBAAgB,EAAE,WAAW;KAC7B,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAC,CAAoC,EAAE,EAAE;;QAC5D,IAAI,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;YAAE,OAAO,CAAC,gDAAgD;QAE7G,
|
|
1
|
+
{"version":3,"file":"CollapsibleListItem.js","sourceRoot":"","sources":["../../../src/internal/CollapsibleList/CollapsibleListItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { CollapsibleContext } from './CollapsibleContext';\nimport { keys } from '../../utilities';\n\nexport interface CollapsibleListItemProps {\n\tclassName?: string;\n\tchildren?: React.ReactNode;\n\tel?: any;\n\tcollapsible?: {\n\t\texpanded: boolean;\n\t\tanimate?: boolean;\n\t\textractCollapsibleList?: boolean;\n\t};\n}\n\nexport const CollapsibleListItem: FC<CollapsibleListItemProps> = ({\n\tchildren,\n\tclassName,\n\tcollapsible,\n\tel: Element = 'li',\n\t...rest\n}) => {\n\tconst collapsibleItemRef = React.useRef(null);\n\tconst collapsibleListRef = React.useRef(null);\n\tconst [expanded, setExpanded] = React.useState(\n\t\tcollapsible?.expanded || false\n\t);\n\tconst ListItemClasses = classnames('CollapsibleListItem', className, {\n\t\t'CollapsibleListItem--expanded': collapsible && expanded,\n\t\t'CollapsibleListItem--collapsed': collapsible && !expanded,\n\t\t'cursor-pointer': collapsible,\n\t});\n\n\tconst handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n\t\tif (collapsibleListRef?.current?.contains(e.target)) return; // Prevent exapand/collapse on nested list items\n\n\t\tconst { onClick } = rest as any;\n\n\t\tif (collapsible) setExpanded(!expanded);\n\t\tif (onClick) onClick(e);\n\t};\n\n\tconst handleArrowKeypress = (e: React.KeyboardEvent<HTMLElement>) => {\n\t\tif (collapsibleListRef?.current?.contains(e.target)) return;\n\t\tif (collapsible) {\n\t\t\te.preventDefault();\n\t\t\tif (e.key === keys.left && expanded) setExpanded(false);\n\t\t\tif (e.key === keys.right && !expanded) setExpanded(true);\n\t\t}\n\t};\n\n\tconst handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n\t\tswitch (e.key) {\n\t\t\tcase keys.space:\n\t\t\tcase keys.enter:\n\t\t\t\thandleClick(e as React.SyntheticEvent<HTMLElement>);\n\t\t\t\tbreak;\n\t\t\tcase keys.left: // Collapse\n\t\t\tcase keys.right: // Expand\n\t\t\t\thandleArrowKeypress(e);\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\t// Appends CollapsibleList as a last element if CollapsibleItem\n\tconst extract = collapsible?.extractCollapsibleList || false;\n\tReact.useEffect(() => {\n\t\tif (extract && collapsibleListRef?.current)\n\t\t\tcollapsibleItemRef.current.append(collapsibleListRef.current);\n\t}, [extract]);\n\n\tconst collapsibleContextValue = collapsible\n\t\t? {\n\t\t\t\tanimate: collapsible.animate || true,\n\t\t\t\tcollapsibleRef: collapsibleListRef,\n\t\t\t\texpanded,\n\t\t\t\textractCollapsibleList:\n\t\t\t\t\tcollapsible.extractCollapsibleList || false,\n\t\t }\n\t\t: undefined;\n\n\treturn (\n\t\t<CollapsibleContext.Provider value={collapsibleContextValue}>\n\t\t\t<Element\n\t\t\t\tclassName={ListItemClasses}\n\t\t\t\tdata-anvil-component=\"CollapsibleList\"\n\t\t\t\tonClick={handleClick}\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\tref={collapsibleItemRef}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Element>\n\t\t</CollapsibleContext.Provider>\n\t);\n};\n"]}
|
package/dist/system-light.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
html{--anvil-version:"14.1.0"}a,a:focus,a:hover{text-decoration:none}.list-unset{list-style:none;margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.bg-white{background-color:#fff}.bg-white-i{background-color:#fff!important}.bg-black{background-color:#040404}.bg-black-i{background-color:#040404!important}.bg-blue{background-color:#0265dc}.bg-blue-i{background-color:#0265dc!important}.bg-blue-grey{background-color:#8c9ca5}.bg-blue-grey-i{background-color:#8c9ca5!important}.bg-orange{background-color:#b14c00}.bg-orange-i{background-color:#b14c00!important}.bg-yellow{background-color:#ffc902}.bg-yellow-i{background-color:#ffc902!important}.bg-green{background-color:#007a4d}.bg-green-i{background-color:#007a4d!important}.bg-cyan{background-color:#08bfdf}.bg-cyan-i{background-color:#08bfdf!important}.bg-purple{background-color:#6954c0}.bg-purple-i{background-color:#6954c0!important}.bg-red{background-color:#f94d32}.bg-red-i{background-color:#f94d32!important}.bg-magenta{background-color:#b52d88}.bg-magenta-i{background-color:#b52d88!important}.bg-blue-100{background-color:#e0f2ff}.bg-blue-100-i{background-color:#e0f2ff!important}.bg-blue-200{background-color:#b5deff}.bg-blue-200-i{background-color:#b5deff!important}.bg-blue-300{background-color:#78bbfa}.bg-blue-300-i{background-color:#78bbfa!important}.bg-blue-400{background-color:#3892f3}.bg-blue-400-i{background-color:#3892f3!important}.bg-blue-500{background-color:#0265dc}.bg-blue-500-i{background-color:#0265dc!important}.bg-blue-600{background-color:#004491}.bg-blue-600-i{background-color:#004491!important}.bg-neutral-0{background-color:#fff}.bg-neutral-0-i{background-color:#fff!important}.bg-neutral-10{background-color:#fcfcfc}.bg-neutral-10-i{background-color:#fcfcfc!important}.bg-neutral-20{background-color:#fafafa}.bg-neutral-20-i{background-color:#fafafa!important}.bg-neutral-30{background-color:#f7f7f7}.bg-neutral-30-i{background-color:#f7f7f7!important}.bg-neutral-40{background-color:#f5f5f5}.bg-neutral-40-i{background-color:#f5f5f5!important}.bg-neutral-50{background-color:#eee}.bg-neutral-50-i{background-color:#eee!important}.bg-neutral-60{background-color:#dfe0e1}.bg-neutral-60-i{background-color:#dfe0e1!important}.bg-neutral-70{background-color:#bcbcbd}.bg-neutral-70-i{background-color:#bcbcbd!important}.bg-neutral-80{background-color:#949596}.bg-neutral-80-i{background-color:#949596!important}.bg-neutral-90{background-color:#737475}.bg-neutral-90-i{background-color:#737475!important}.bg-neutral-100{background-color:#606162}.bg-neutral-100-i{background-color:#606162!important}.bg-neutral-200{background-color:#444445}.bg-neutral-200-i{background-color:#444445!important}.bg-neutral-300{background-color:#2d2e31}.bg-neutral-300-i{background-color:#2d2e31!important}.bg-neutral-400{background-color:#141414}.bg-neutral-400-i{background-color:#141414!important}.bg-neutral-500{background-color:#040404}.bg-neutral-500-i{background-color:#040404!important}.bg-blue-grey-100{background-color:#eaeff2}.bg-blue-grey-100-i{background-color:#eaeff2!important}.bg-blue-grey-200{background-color:#d0d8dd}.bg-blue-grey-200-i{background-color:#d0d8dd!important}.bg-blue-grey-300{background-color:#b4c1c8}.bg-blue-grey-300-i{background-color:#b4c1c8!important}.bg-blue-grey-400{background-color:#8c9ca5}.bg-blue-grey-400-i{background-color:#8c9ca5!important}.bg-blue-grey-500{background-color:#6a7a85}.bg-blue-grey-500-i{background-color:#6a7a85!important}.bg-blue-grey-600{background-color:#576671}.bg-blue-grey-600-i{background-color:#576671!important}.bg-orange-100{background-color:#ffeccc}.bg-orange-100-i{background-color:#ffeccc!important}.bg-orange-200{background-color:#fdd291}.bg-orange-200-i{background-color:#fdd291!important}.bg-orange-300{background-color:#ffa037}.bg-orange-300-i{background-color:#ffa037!important}.bg-orange-400{background-color:#e46f00}.bg-orange-400-i{background-color:#e46f00!important}.bg-orange-500{background-color:#b14c00}.bg-orange-500-i{background-color:#b14c00!important}.bg-orange-600{background-color:#7a2f00}.bg-orange-600-i{background-color:#7a2f00!important}.bg-yellow-100{background-color:#fff9e2}.bg-yellow-100-i{background-color:#fff9e2!important}.bg-yellow-200{background-color:#fff0b1}.bg-yellow-200-i{background-color:#fff0b1!important}.bg-yellow-300{background-color:#ffe278}.bg-yellow-300-i{background-color:#ffe278!important}.bg-yellow-400{background-color:#ffc902}.bg-yellow-400-i{background-color:#ffc902!important}.bg-yellow-500{background-color:#ffbe00}.bg-yellow-500-i{background-color:#ffbe00!important}.bg-yellow-600{background-color:#de9500}.bg-yellow-600-i{background-color:#de9500!important}.bg-green-100{background-color:#cef8e0}.bg-green-100-i{background-color:#cef8e0!important}.bg-green-200{background-color:#89ecbc}.bg-green-200-i{background-color:#89ecbc!important}.bg-green-300{background-color:#49cc93}.bg-green-300-i{background-color:#49cc93!important}.bg-green-400{background-color:#15a46e}.bg-green-400-i{background-color:#15a46e!important}.bg-green-500{background-color:#007a4d}.bg-green-500-i{background-color:#007a4d!important}.bg-green-600{background-color:#005132}.bg-green-600-i{background-color:#005132!important}.bg-cyan-100{background-color:#e3fcff}.bg-cyan-100-i{background-color:#e3fcff!important}.bg-cyan-200{background-color:#b1f3fa}.bg-cyan-200-i{background-color:#b1f3fa!important}.bg-cyan-300{background-color:#13ceea}.bg-cyan-300-i{background-color:#13ceea!important}.bg-cyan-400{background-color:#08bfdf}.bg-cyan-400-i{background-color:#08bfdf!important}.bg-cyan-500{background-color:#0ca5c0}.bg-cyan-500-i{background-color:#0ca5c0!important}.bg-cyan-600{background-color:#038299}.bg-cyan-600-i{background-color:#038299!important}.bg-purple-100{background-color:#f1edff}.bg-purple-100-i{background-color:#f1edff!important}.bg-purple-200{background-color:#c1b6f2}.bg-purple-200-i{background-color:#c1b6f2!important}.bg-purple-300{background-color:#8772e5}.bg-purple-300-i{background-color:#8772e5!important}.bg-purple-400{background-color:#6954c0}.bg-purple-400-i{background-color:#6954c0!important}.bg-purple-500{background-color:#4f3a9e}.bg-purple-500-i{background-color:#4f3a9e!important}.bg-purple-600{background-color:#422799}.bg-purple-600-i{background-color:#422799!important}.bg-red-100{background-color:#ffece9}.bg-red-100-i{background-color:#ffece9!important}.bg-red-200{background-color:#ffb2a0}.bg-red-200-i{background-color:#ffb2a0!important}.bg-red-300{background-color:#ff745f}.bg-red-300-i{background-color:#ff745f!important}.bg-red-400{background-color:#f94d32}.bg-red-400-i{background-color:#f94d32!important}.bg-red-500{background-color:#e13212}.bg-red-500-i{background-color:#e13212!important}.bg-red-600{background-color:#bf2a00}.bg-red-600-i{background-color:#bf2a00!important}.bg-magenta-100{background-color:#fbeaf5}.bg-magenta-100-i{background-color:#fbeaf5!important}.bg-magenta-200{background-color:#faafe2}.bg-magenta-200-i{background-color:#faafe2!important}.bg-magenta-300{background-color:#d949a9}.bg-magenta-300-i{background-color:#d949a9!important}.bg-magenta-400{background-color:#b52d88}.bg-magenta-400-i{background-color:#b52d88!important}.bg-magenta-500{background-color:#982071}.bg-magenta-500-i{background-color:#982071!important}.bg-magenta-600{background-color:#7d165b}.bg-magenta-600-i{background-color:#7d165b!important}.border-bottom{border-bottom:1px solid #dfe0e1}.border-bottom-i{border-bottom:1px solid #dfe0e1!important}.border-left{border-left:1px solid #dfe0e1}.border-left-i{border-left:1px solid #dfe0e1!important}.border-right{border-right:1px solid #dfe0e1}.border-right-i{border-right:1px solid #dfe0e1!important}.border-top{border-top:1px solid #dfe0e1}.border-top-i{border-top:1px solid #dfe0e1!important}.border{border:1px solid #dfe0e1}.border-i{border:1px solid #dfe0e1!important}.border-style-none{border-style:none}.border-style-none-i{border-style:none!important}.border-style-hidden{border-style:hidden}.border-style-hidden-i{border-style:hidden!important}.border-style-dotted{border-style:dotted}.border-style-dotted-i{border-style:dotted!important}.border-style-dashed{border-style:dashed}.border-style-dashed-i{border-style:dashed!important}.border-style-solid{border-style:solid}.border-style-solid-i{border-style:solid!important}.border-style-double{border-style:double}.border-style-double-i{border-style:double!important}.border-style-groove{border-style:groove}.border-style-groove-i{border-style:groove!important}.border-style-ridge{border-style:ridge}.border-style-ridge-i{border-style:ridge!important}.border-style-inset{border-style:inset}.border-style-inset-i{border-style:inset!important}.border-style-outset{border-style:outset}.border-style-outset-i{border-style:outset!important}.border-style-inherit{border-style:inherit}.border-style-inherit-i{border-style:inherit!important}.border-style-initial{border-style:initial}.border-style-initial-i{border-style:initial!important}.border-style-revert{border-style:revert}.border-style-revert-i{border-style:revert!important}.border-style-unset{border-style:unset}.border-style-unset-i{border-style:unset!important}.border-radius-0{border-radius:0}.border-radius-0-i{border-radius:0!important}.border-radius-1{border-radius:3px}.border-radius-1-i{border-radius:3px!important}.border-radius-2{border-radius:6px}.border-radius-2-i{border-radius:6px!important}.border-radius-pill{border-radius:500em}.border-radius-pill-i{border-radius:500em!important}.border-radius-circular{border-radius:50%}.border-radius-circular-i{border-radius:50%!important}.border-radius-top-1{border-radius:3px 3px 0 0}.border-radius-top-1-i{border-radius:3px 3px 0 0!important}.border-radius-top-2{border-radius:6px 6px 0 0}.border-radius-top-2-i{border-radius:6px 6px 0 0!important}.border-radius-top-pill{border-radius:500em 500em 0 0}.border-radius-top-pill-i{border-radius:500em 500em 0 0!important}.border-radius-right-1{border-radius:0 3px 3px 0}.border-radius-right-1-i{border-radius:0 3px 3px 0!important}.border-radius-right-2{border-radius:0 6px 6px 0}.border-radius-right-2-i{border-radius:0 6px 6px 0!important}.border-radius-right-pill{border-radius:0 500em 500em 0}.border-radius-right-pill-i{border-radius:0 500em 500em 0!important}.border-radius-bottom-1{border-radius:0 0 3px 3px}.border-radius-bottom-1-i{border-radius:0 0 3px 3px!important}.border-radius-bottom-2{border-radius:0 0 6px 6px}.border-radius-bottom-2-i{border-radius:0 0 6px 6px!important}.border-radius-bottom-pill{border-radius:0 0 500em 500em}.border-radius-bottom-pill-i{border-radius:0 0 500em 500em!important}.border-radius-left-1{border-radius:3px 0 0 3px}.border-radius-left-1-i{border-radius:3px 0 0 3px!important}.border-radius-left-2{border-radius:6px 0 0 6px}.border-radius-left-2-i{border-radius:6px 0 0 6px!important}.border-radius-left-pill{border-radius:500em 0 0 500em}.border-radius-left-pill-i{border-radius:500em 0 0 500em!important}.box-sizing-border-box{box-sizing:border-box}.box-sizing-border-box-i{box-sizing:border-box!important}.box-sizing-content-box{box-sizing:content-box}.box-sizing-content-box-i{box-sizing:content-box!important}.c-white{color:#fff}.c-white-i{color:#fff!important}.c-black{color:#040404}.c-black-i{color:#040404!important}.c-blue{color:#0265dc}.c-blue-i{color:#0265dc!important}.c-blue-grey{color:#8c9ca5}.c-blue-grey-i{color:#8c9ca5!important}.c-orange{color:#b14c00}.c-orange-i{color:#b14c00!important}.c-yellow{color:#ffc902}.c-yellow-i{color:#ffc902!important}.c-green{color:#007a4d}.c-green-i{color:#007a4d!important}.c-cyan{color:#08bfdf}.c-cyan-i{color:#08bfdf!important}.c-purple{color:#6954c0}.c-purple-i{color:#6954c0!important}.c-red{color:#f94d32}.c-red-i{color:#f94d32!important}.c-magenta{color:#b52d88}.c-magenta-i{color:#b52d88!important}.c-blue-100{color:#e0f2ff}.c-blue-100-i{color:#e0f2ff!important}.c-blue-200{color:#b5deff}.c-blue-200-i{color:#b5deff!important}.c-blue-300{color:#78bbfa}.c-blue-300-i{color:#78bbfa!important}.c-blue-400{color:#3892f3}.c-blue-400-i{color:#3892f3!important}.c-blue-500{color:#0265dc}.c-blue-500-i{color:#0265dc!important}.c-blue-600{color:#004491}.c-blue-600-i{color:#004491!important}.c-neutral-0{color:#fff}.c-neutral-0-i{color:#fff!important}.c-neutral-10{color:#fcfcfc}.c-neutral-10-i{color:#fcfcfc!important}.c-neutral-20{color:#fafafa}.c-neutral-20-i{color:#fafafa!important}.c-neutral-30{color:#f7f7f7}.c-neutral-30-i{color:#f7f7f7!important}.c-neutral-40{color:#f5f5f5}.c-neutral-40-i{color:#f5f5f5!important}.c-neutral-50{color:#eee}.c-neutral-50-i{color:#eee!important}.c-neutral-60{color:#dfe0e1}.c-neutral-60-i{color:#dfe0e1!important}.c-neutral-70{color:#bcbcbd}.c-neutral-70-i{color:#bcbcbd!important}.c-neutral-80{color:#949596}.c-neutral-80-i{color:#949596!important}.c-neutral-90{color:#737475}.c-neutral-90-i{color:#737475!important}.c-neutral-100{color:#606162}.c-neutral-100-i{color:#606162!important}.c-neutral-200{color:#444445}.c-neutral-200-i{color:#444445!important}.c-neutral-300{color:#2d2e31}.c-neutral-300-i{color:#2d2e31!important}.c-neutral-400{color:#141414}.c-neutral-400-i{color:#141414!important}.c-neutral-500{color:#040404}.c-neutral-500-i{color:#040404!important}.c-blue-grey-100{color:#eaeff2}.c-blue-grey-100-i{color:#eaeff2!important}.c-blue-grey-200{color:#d0d8dd}.c-blue-grey-200-i{color:#d0d8dd!important}.c-blue-grey-300{color:#b4c1c8}.c-blue-grey-300-i{color:#b4c1c8!important}.c-blue-grey-400{color:#8c9ca5}.c-blue-grey-400-i{color:#8c9ca5!important}.c-blue-grey-500{color:#6a7a85}.c-blue-grey-500-i{color:#6a7a85!important}.c-blue-grey-600{color:#576671}.c-blue-grey-600-i{color:#576671!important}.c-orange-100{color:#ffeccc}.c-orange-100-i{color:#ffeccc!important}.c-orange-200{color:#fdd291}.c-orange-200-i{color:#fdd291!important}.c-orange-300{color:#ffa037}.c-orange-300-i{color:#ffa037!important}.c-orange-400{color:#e46f00}.c-orange-400-i{color:#e46f00!important}.c-orange-500{color:#b14c00}.c-orange-500-i{color:#b14c00!important}.c-orange-600{color:#7a2f00}.c-orange-600-i{color:#7a2f00!important}.c-yellow-100{color:#fff9e2}.c-yellow-100-i{color:#fff9e2!important}.c-yellow-200{color:#fff0b1}.c-yellow-200-i{color:#fff0b1!important}.c-yellow-300{color:#ffe278}.c-yellow-300-i{color:#ffe278!important}.c-yellow-400{color:#ffc902}.c-yellow-400-i{color:#ffc902!important}.c-yellow-500{color:#ffbe00}.c-yellow-500-i{color:#ffbe00!important}.c-yellow-600{color:#de9500}.c-yellow-600-i{color:#de9500!important}.c-green-100{color:#cef8e0}.c-green-100-i{color:#cef8e0!important}.c-green-200{color:#89ecbc}.c-green-200-i{color:#89ecbc!important}.c-green-300{color:#49cc93}.c-green-300-i{color:#49cc93!important}.c-green-400{color:#15a46e}.c-green-400-i{color:#15a46e!important}.c-green-500{color:#007a4d}.c-green-500-i{color:#007a4d!important}.c-green-600{color:#005132}.c-green-600-i{color:#005132!important}.c-cyan-100{color:#e3fcff}.c-cyan-100-i{color:#e3fcff!important}.c-cyan-200{color:#b1f3fa}.c-cyan-200-i{color:#b1f3fa!important}.c-cyan-300{color:#13ceea}.c-cyan-300-i{color:#13ceea!important}.c-cyan-400{color:#08bfdf}.c-cyan-400-i{color:#08bfdf!important}.c-cyan-500{color:#0ca5c0}.c-cyan-500-i{color:#0ca5c0!important}.c-cyan-600{color:#038299}.c-cyan-600-i{color:#038299!important}.c-purple-100{color:#f1edff}.c-purple-100-i{color:#f1edff!important}.c-purple-200{color:#c1b6f2}.c-purple-200-i{color:#c1b6f2!important}.c-purple-300{color:#8772e5}.c-purple-300-i{color:#8772e5!important}.c-purple-400{color:#6954c0}.c-purple-400-i{color:#6954c0!important}.c-purple-500{color:#4f3a9e}.c-purple-500-i{color:#4f3a9e!important}.c-purple-600{color:#422799}.c-purple-600-i{color:#422799!important}.c-red-100{color:#ffece9}.c-red-100-i{color:#ffece9!important}.c-red-200{color:#ffb2a0}.c-red-200-i{color:#ffb2a0!important}.c-red-300{color:#ff745f}.c-red-300-i{color:#ff745f!important}.c-red-400{color:#f94d32}.c-red-400-i{color:#f94d32!important}.c-red-500{color:#e13212}.c-red-500-i{color:#e13212!important}.c-red-600{color:#bf2a00}.c-red-600-i{color:#bf2a00!important}.c-magenta-100{color:#fbeaf5}.c-magenta-100-i{color:#fbeaf5!important}.c-magenta-200{color:#faafe2}.c-magenta-200-i{color:#faafe2!important}.c-magenta-300{color:#d949a9}.c-magenta-300-i{color:#d949a9!important}.c-magenta-400{color:#b52d88}.c-magenta-400-i{color:#b52d88!important}.c-magenta-500{color:#982071}.c-magenta-500-i{color:#982071!important}.c-magenta-600{color:#7d165b}.c-magenta-600-i{color:#7d165b!important}.c-inherit{color:inherit}.c-inherit-i{color:inherit!important}.c-brand-ti{color:#191950}.cursor-alias{cursor:alias}.cursor-alias-i{cursor:alias!important}.cursor-all-scroll{cursor:all-scroll}.cursor-all-scroll-i{cursor:all-scroll!important}.cursor-auto{cursor:auto}.cursor-auto-i{cursor:auto!important}.cursor-cell{cursor:cell}.cursor-cell-i{cursor:cell!important}.cursor-context-menu{cursor:context-menu}.cursor-context-menu-i{cursor:context-menu!important}.cursor-copy{cursor:copy}.cursor-copy-i{cursor:copy!important}.cursor-crosshair{cursor:crosshair}.cursor-crosshair-i{cursor:crosshair!important}.cursor-default{cursor:default}.cursor-default-i{cursor:default!important}.cursor-grab{cursor:grab}.cursor-grab-i{cursor:grab!important}.cursor-grabbing{cursor:grabbing}.cursor-grabbing-i{cursor:grabbing!important}.cursor-help{cursor:help}.cursor-help-i{cursor:help!important}.cursor-move{cursor:move}.cursor-move-i{cursor:move!important}.cursor-none{cursor:none}.cursor-none-i{cursor:none!important}.cursor-not-allowed{cursor:not-allowed}.cursor-not-allowed-i{cursor:not-allowed!important}.cursor-no-drop{cursor:no-drop}.cursor-no-drop-i{cursor:no-drop!important}.cursor-pointer{cursor:pointer}.cursor-pointer-i{cursor:pointer!important}.cursor-progress{cursor:progress}.cursor-progress-i{cursor:progress!important}.cursor-text{cursor:text}.cursor-text-i{cursor:text!important}.cursor-vertical-text{cursor:vertical-text}.cursor-vertical-text-i{cursor:vertical-text!important}.cursor-wait{cursor:wait}.cursor-wait-i{cursor:wait!important}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-in-i{cursor:zoom-in!important}.cursor-zoom-out{cursor:zoom-out}.cursor-zoom-out-i{cursor:zoom-out!important}.cursor-e-resize{cursor:e-resize}.cursor-e-resize-i{cursor:e-resize!important}.cursor-n-resize{cursor:n-resize}.cursor-n-resize-i{cursor:n-resize!important}.cursor-ne-resize{cursor:ne-resize}.cursor-ne-resize-i{cursor:ne-resize!important}.cursor-nw-resize{cursor:nw-resize}.cursor-nw-resize-i{cursor:nw-resize!important}.cursor-s-resize{cursor:s-resize}.cursor-s-resize-i{cursor:s-resize!important}.cursor-se-resize{cursor:se-resize}.cursor-se-resize-i{cursor:se-resize!important}.cursor-sw-resize{cursor:sw-resize}.cursor-sw-resize-i{cursor:sw-resize!important}.cursor-w-resize{cursor:w-resize}.cursor-w-resize-i{cursor:w-resize!important}.cursor-ew-resize{cursor:ew-resize}.cursor-ew-resize-i{cursor:ew-resize!important}.cursor-ns-resize{cursor:ns-resize}.cursor-ns-resize-i{cursor:ns-resize!important}.cursor-nesw-resize{cursor:nesw-resize}.cursor-nesw-resize-i{cursor:nesw-resize!important}.cursor-nwse-resize{cursor:nwse-resize}.cursor-nwse-resize-i{cursor:nwse-resize!important}.cursor-col-resize{cursor:col-resize}.cursor-col-resize-i{cursor:col-resize!important}.cursor-row-resize{cursor:row-resize}.cursor-row-resize-i{cursor:row-resize!important}.debug *{outline:1px solid gold}.debug-i *{outline:1px solid gold!important}.d-n{display:none}.d-n-i{display:none!important}.d-i{display:inline}.d-i-i{display:inline!important}.d-b{display:block}.d-b-i{display:block!important}.d-ib{display:inline-block}.d-ib-i{display:inline-block!important}.d-t{display:table}.d-t-i{display:table!important}.d-it{display:inline-table}.d-it-i{display:inline-table!important}.d-tc{display:table-cell}.d-tc-i{display:table-cell!important}.d-tr{display:table-row}.d-tr-i{display:table-row!important}.d-f{display:flex}.d-f-i{display:flex!important}.d-if{display:inline-flex}.d-if-i{display:inline-flex!important}.d-t-fixed{table-layout:fixed;width:100%}.d-t-fixed-i{table-layout:fixed!important;width:100%!important}.elevation-0{border:0}.elevation-0-i{border:0!important}.elevation-1{border:1px solid #dfe0e1}.elevation-1-i{border:1px solid #dfe0e1!important}.elevation-2{border:1px solid #dfe0e1}.elevation-2-i{border:1px solid #dfe0e1!important}.elevation-3{border:1px solid #dfe0e1}.elevation-3-i{border:1px solid #dfe0e1!important}.elevation-4{border:1px solid #dfe0e1}.elevation-4-i{border:1px solid #dfe0e1!important}.elevation-0{box-shadow:none}.elevation-0-i{box-shadow:none!important}.elevation-1{box-shadow:none}.elevation-1-i{box-shadow:none!important}.elevation-2{box-shadow:0 1px 2px rgba(20,20,20,.1)}.elevation-2-i{box-shadow:0 1px 2px rgba(20,20,20,.1)!important}.elevation-3{box-shadow:0 2px 8px rgba(20,20,20,.1)}.elevation-3-i{box-shadow:0 2px 8px rgba(20,20,20,.1)!important}.elevation-4{box-shadow:0 8px 24px rgba(20,20,20,.1)}.elevation-4-i{box-shadow:0 8px 24px rgba(20,20,20,.1)!important}.shadow-0{box-shadow:none}.shadow-0-i{box-shadow:none!important}.shadow-1{box-shadow:0 1px 2px rgba(20,20,20,.1)}.shadow-1-i{box-shadow:0 1px 2px rgba(20,20,20,.1)!important}.shadow-2{box-shadow:0 2px 8px rgba(20,20,20,.1)}.shadow-2-i{box-shadow:0 2px 8px rgba(20,20,20,.1)!important}.shadow-3{box-shadow:0 8px 24px rgba(20,20,20,.1)}.shadow-3-i{box-shadow:0 8px 24px rgba(20,20,20,.1)!important}.flex-auto{flex:1 1 auto;min-width:0;min-height:0}.flex-none{flex:none}.flex-none-i{flex:none!important}.flex-column{flex-direction:column}.flex-column-i{flex-direction:column!important}.flex-row{flex-direction:row}.flex-row-i{flex-direction:row!important}.flex-column-reverse{flex-direction:column-reverse}.flex-column-reverse-i{flex-direction:column-reverse!important}.flex-row-reverse{flex-direction:row-reverse}.flex-row-reverse-i{flex-direction:row-reverse!important}.flex-wrap{flex-wrap:wrap}.flex-wrap-i{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap}.flex-nowrap-i{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-wrap-reverse-i{flex-wrap:wrap-reverse!important}.align-items-start{align-items:flex-start}.align-items-start-i{align-items:flex-start!important}.align-items-end{align-items:flex-end}.align-items-end-i{align-items:flex-end!important}.align-items-center{align-items:center}.align-items-center-i{align-items:center!important}.align-items-baseline{align-items:baseline}.align-items-baseline-i{align-items:baseline!important}.align-items-stretch{align-items:stretch}.align-items-stretch-i{align-items:stretch!important}.align-self-start{align-self:flex-start}.align-self-start-i{align-self:flex-start!important}.align-self-end{align-self:flex-end}.align-self-end-i{align-self:flex-end!important}.align-self-center{align-self:center}.align-self-center-i{align-self:center!important}.align-self-baseline{align-self:baseline}.align-self-baseline-i{align-self:baseline!important}.align-self-stretch{align-self:stretch}.align-self-stretch-i{align-self:stretch!important}.align-self-auto{align-self:auto}.align-self-auto-i{align-self:auto!important}.justify-content-start{justify-content:flex-start}.justify-content-start-i{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end}.justify-content-end-i{justify-content:flex-end!important}.justify-content-center{justify-content:center}.justify-content-center-i{justify-content:center!important}.justify-content-between{justify-content:space-between}.justify-content-between-i{justify-content:space-between!important}.justify-content-around{justify-content:space-around}.justify-content-around-i{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly}.justify-content-evenly-i{justify-content:space-evenly!important}.align-content-start{align-content:flex-start}.align-content-start-i{align-content:flex-start!important}.align-content-end{align-content:flex-end}.align-content-end-i{align-content:flex-end!important}.align-content-center{align-content:center}.align-content-center-i{align-content:center!important}.align-content-between{align-content:space-between}.align-content-between-i{align-content:space-between!important}.align-content-around{align-content:space-around}.align-content-around-i{align-content:space-around!important}.align-content-stretch{align-content:stretch}.align-content-stretch-i{align-content:stretch!important}.order-0{order:0}.order-0-i{order:0!important}.order-1{order:1}.order-1-i{order:1!important}.order-2{order:2}.order-2-i{order:2!important}.order-3{order:3}.order-3-i{order:3!important}.order-4{order:4}.order-4-i{order:4!important}.order-5{order:5}.order-5-i{order:5!important}.order-6{order:6}.order-6-i{order:6!important}.order-7{order:7}.order-7-i{order:7!important}.order-8{order:8}.order-8-i{order:8!important}.order-last{order:99999}.order-last-i{order:99999!important}.flex-grow-0{flex-grow:0}.flex-grow-0-i{flex-grow:0!important}.flex-grow-1{flex-grow:1}.flex-grow-1-i{flex-grow:1!important}.flex-grow-2{flex-grow:2}.flex-grow-2-i{flex-grow:2!important}.flex-grow-3{flex-grow:3}.flex-grow-3-i{flex-grow:3!important}.flex-grow-4{flex-grow:4}.flex-grow-4-i{flex-grow:4!important}.flex-grow-5{flex-grow:5}.flex-grow-5-i{flex-grow:5!important}.flex-shrink-0{flex-shrink:0}.flex-shrink-0-i{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1}.flex-shrink-1-i{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2}.flex-shrink-2-i{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3}.flex-shrink-3-i{flex-shrink:3!important}.flex-basis-auto{flex-basis:auto}.flex-basis-auto-i{flex-basis:auto!important}.flex-basis-0{flex-basis:0}.flex-basis-0-i{flex-basis:0!important}.ff-default{font-family:"Nunito Sans",sans-serif}.ff-default-i{font-family:"Nunito Sans",sans-serif!important}.ff-display{font-family:"Sofia Pro",SofiaPro,sans-serif}.ff-display-i{font-family:"Sofia Pro",SofiaPro,sans-serif!important}.fs-0{font-size:10px}.fs-0-i{font-size:10px!important}.fs-1{font-size:12px}.fs-1-i{font-size:12px!important}.fs-2{font-size:14px}.fs-2-i{font-size:14px!important}.fs-3{font-size:16px}.fs-3-i{font-size:16px!important}.fs-4{font-size:20px}.fs-4-i{font-size:20px!important}.fs-5{font-size:26px}.fs-5-i{font-size:26px!important}.fs-6{font-size:32px}.fs-6-i{font-size:32px!important}.fs-7{font-size:41px}.fs-7-i{font-size:41px!important}.h1{font-size:12px}.h2{font-size:14px}.h3{font-size:16px}.h4{font-size:20px}.h5{font-size:26px}.h6{font-size:32px}.h7{font-size:41px}.fs-normal{font-style:normal}.fs-normal-i{font-style:normal!important}.fs-italic{font-style:italic}.fs-italic-i{font-style:italic!important}.fs-1,.fs-2,.fs-3,.fs-4,.fs-5,.fs-6,.fs-7{font-weight:400}.h1,.h2,.h3,.h4,.h5,.h6,.h7{font-weight:700}.fw-normal{font-weight:400}.fw-normal-i{font-weight:400!important}.fw-bold{font-weight:700}.fw-bold-i{font-weight:700!important}.h-0{height:0}.h-0-i{height:0!important}.h-100{height:100%}.h-100-i{height:100%!important}.h-100vh{height:100vh}.h-100vh-i{height:100vh!important}.h-auto{height:auto}.h-auto-i{height:auto!important}.lh-default{line-height:1.5}.lh-default-i{line-height:1.5!important}.lh-display{line-height:1.25}.lh-display-i{line-height:1.25!important}.lh-1{line-height:1}.lh-1-i{line-height:1!important}.Button.m-0,.m-0{margin:0}.Button.m-0-i,.m-0-i{margin:0!important}.Button.m-1,.m-1{margin:8px}.Button.m-1-i,.m-1-i{margin:8px!important}.Button.m-2,.m-2{margin:16px}.Button.m-2-i,.m-2-i{margin:16px!important}.Button.m-3,.m-3{margin:24px}.Button.m-3-i,.m-3-i{margin:24px!important}.Button.m-4,.m-4{margin:32px}.Button.m-4-i,.m-4-i{margin:32px!important}.Button.m-5,.m-5{margin:48px}.Button.m-5-i,.m-5-i{margin:48px!important}.Button.m-6,.m-6{margin:64px}.Button.m-6-i,.m-6-i{margin:64px!important}.Button.m-7,.m-7{margin:96px}.Button.m-7-i,.m-7-i{margin:96px!important}.Button.m-8,.m-8{margin:128px}.Button.m-8-i,.m-8-i{margin:128px!important}.Button.m-half,.m-half{margin:4px}.Button.m-half-i,.m-half-i{margin:4px!important}.Button.m--1,.m--1{margin:-8px}.Button.m--1-i,.m--1-i{margin:-8px!important}.Button.m--2,.m--2{margin:-16px}.Button.m--2-i,.m--2-i{margin:-16px!important}.Button.m--3,.m--3{margin:-24px}.Button.m--3-i,.m--3-i{margin:-24px!important}.Button.m--4,.m--4{margin:-32px}.Button.m--4-i,.m--4-i{margin:-32px!important}.Button.m--5,.m--5{margin:-48px}.Button.m--5-i,.m--5-i{margin:-48px!important}.Button.m--6,.m--6{margin:-64px}.Button.m--6-i,.m--6-i{margin:-64px!important}.Button.m--7,.m--7{margin:-96px}.Button.m--7-i,.m--7-i{margin:-96px!important}.Button.m--8,.m--8{margin:-128px}.Button.m--8-i,.m--8-i{margin:-128px!important}.Button.m--half,.m--half{margin:-4px}.Button.m--half-i,.m--half-i{margin:-4px!important}.Button.m-auto,.m-auto{margin:auto}.Button.m-auto-i,.m-auto-i{margin:auto!important}.Button.m-x-0,.m-x-0{margin-left:0;margin-right:0}.Button.m-x-0-i,.m-x-0-i{margin-left:0!important;margin-right:0!important}.Button.m-x-1,.m-x-1{margin-left:8px;margin-right:8px}.Button.m-x-1-i,.m-x-1-i{margin-left:8px!important;margin-right:8px!important}.Button.m-x-2,.m-x-2{margin-left:16px;margin-right:16px}.Button.m-x-2-i,.m-x-2-i{margin-left:16px!important;margin-right:16px!important}.Button.m-x-3,.m-x-3{margin-left:24px;margin-right:24px}.Button.m-x-3-i,.m-x-3-i{margin-left:24px!important;margin-right:24px!important}.Button.m-x-4,.m-x-4{margin-left:32px;margin-right:32px}.Button.m-x-4-i,.m-x-4-i{margin-left:32px!important;margin-right:32px!important}.Button.m-x-5,.m-x-5{margin-left:48px;margin-right:48px}.Button.m-x-5-i,.m-x-5-i{margin-left:48px!important;margin-right:48px!important}.Button.m-x-6,.m-x-6{margin-left:64px;margin-right:64px}.Button.m-x-6-i,.m-x-6-i{margin-left:64px!important;margin-right:64px!important}.Button.m-x-7,.m-x-7{margin-left:96px;margin-right:96px}.Button.m-x-7-i,.m-x-7-i{margin-left:96px!important;margin-right:96px!important}.Button.m-x-8,.m-x-8{margin-left:128px;margin-right:128px}.Button.m-x-8-i,.m-x-8-i{margin-left:128px!important;margin-right:128px!important}.Button.m-x-half,.m-x-half{margin-left:4px;margin-right:4px}.Button.m-x-half-i,.m-x-half-i{margin-left:4px!important;margin-right:4px!important}.Button.m-x--1,.m-x--1{margin-left:-8px;margin-right:-8px}.Button.m-x--1-i,.m-x--1-i{margin-left:-8px!important;margin-right:-8px!important}.Button.m-x--2,.m-x--2{margin-left:-16px;margin-right:-16px}.Button.m-x--2-i,.m-x--2-i{margin-left:-16px!important;margin-right:-16px!important}.Button.m-x--3,.m-x--3{margin-left:-24px;margin-right:-24px}.Button.m-x--3-i,.m-x--3-i{margin-left:-24px!important;margin-right:-24px!important}.Button.m-x--4,.m-x--4{margin-left:-32px;margin-right:-32px}.Button.m-x--4-i,.m-x--4-i{margin-left:-32px!important;margin-right:-32px!important}.Button.m-x--5,.m-x--5{margin-left:-48px;margin-right:-48px}.Button.m-x--5-i,.m-x--5-i{margin-left:-48px!important;margin-right:-48px!important}.Button.m-x--6,.m-x--6{margin-left:-64px;margin-right:-64px}.Button.m-x--6-i,.m-x--6-i{margin-left:-64px!important;margin-right:-64px!important}.Button.m-x--7,.m-x--7{margin-left:-96px;margin-right:-96px}.Button.m-x--7-i,.m-x--7-i{margin-left:-96px!important;margin-right:-96px!important}.Button.m-x--8,.m-x--8{margin-left:-128px;margin-right:-128px}.Button.m-x--8-i,.m-x--8-i{margin-left:-128px!important;margin-right:-128px!important}.Button.m-x--half,.m-x--half{margin-left:-4px;margin-right:-4px}.Button.m-x--half-i,.m-x--half-i{margin-left:-4px!important;margin-right:-4px!important}.Button.m-x-auto,.m-x-auto{margin-left:auto;margin-right:auto}.Button.m-x-auto-i,.m-x-auto-i{margin-left:auto!important;margin-right:auto!important}.Button.m-y-0,.m-y-0{margin-top:0;margin-bottom:0}.Button.m-y-0-i,.m-y-0-i{margin-top:0!important;margin-bottom:0!important}.Button.m-y-1,.m-y-1{margin-top:8px;margin-bottom:8px}.Button.m-y-1-i,.m-y-1-i{margin-top:8px!important;margin-bottom:8px!important}.Button.m-y-2,.m-y-2{margin-top:16px;margin-bottom:16px}.Button.m-y-2-i,.m-y-2-i{margin-top:16px!important;margin-bottom:16px!important}.Button.m-y-3,.m-y-3{margin-top:24px;margin-bottom:24px}.Button.m-y-3-i,.m-y-3-i{margin-top:24px!important;margin-bottom:24px!important}.Button.m-y-4,.m-y-4{margin-top:32px;margin-bottom:32px}.Button.m-y-4-i,.m-y-4-i{margin-top:32px!important;margin-bottom:32px!important}.Button.m-y-5,.m-y-5{margin-top:48px;margin-bottom:48px}.Button.m-y-5-i,.m-y-5-i{margin-top:48px!important;margin-bottom:48px!important}.Button.m-y-6,.m-y-6{margin-top:64px;margin-bottom:64px}.Button.m-y-6-i,.m-y-6-i{margin-top:64px!important;margin-bottom:64px!important}.Button.m-y-7,.m-y-7{margin-top:96px;margin-bottom:96px}.Button.m-y-7-i,.m-y-7-i{margin-top:96px!important;margin-bottom:96px!important}.Button.m-y-8,.m-y-8{margin-top:128px;margin-bottom:128px}.Button.m-y-8-i,.m-y-8-i{margin-top:128px!important;margin-bottom:128px!important}.Button.m-y-half,.m-y-half{margin-top:4px;margin-bottom:4px}.Button.m-y-half-i,.m-y-half-i{margin-top:4px!important;margin-bottom:4px!important}.Button.m-y--1,.m-y--1{margin-top:-8px;margin-bottom:-8px}.Button.m-y--1-i,.m-y--1-i{margin-top:-8px!important;margin-bottom:-8px!important}.Button.m-y--2,.m-y--2{margin-top:-16px;margin-bottom:-16px}.Button.m-y--2-i,.m-y--2-i{margin-top:-16px!important;margin-bottom:-16px!important}.Button.m-y--3,.m-y--3{margin-top:-24px;margin-bottom:-24px}.Button.m-y--3-i,.m-y--3-i{margin-top:-24px!important;margin-bottom:-24px!important}.Button.m-y--4,.m-y--4{margin-top:-32px;margin-bottom:-32px}.Button.m-y--4-i,.m-y--4-i{margin-top:-32px!important;margin-bottom:-32px!important}.Button.m-y--5,.m-y--5{margin-top:-48px;margin-bottom:-48px}.Button.m-y--5-i,.m-y--5-i{margin-top:-48px!important;margin-bottom:-48px!important}.Button.m-y--6,.m-y--6{margin-top:-64px;margin-bottom:-64px}.Button.m-y--6-i,.m-y--6-i{margin-top:-64px!important;margin-bottom:-64px!important}.Button.m-y--7,.m-y--7{margin-top:-96px;margin-bottom:-96px}.Button.m-y--7-i,.m-y--7-i{margin-top:-96px!important;margin-bottom:-96px!important}.Button.m-y--8,.m-y--8{margin-top:-128px;margin-bottom:-128px}.Button.m-y--8-i,.m-y--8-i{margin-top:-128px!important;margin-bottom:-128px!important}.Button.m-y--half,.m-y--half{margin-top:-4px;margin-bottom:-4px}.Button.m-y--half-i,.m-y--half-i{margin-top:-4px!important;margin-bottom:-4px!important}.Button.m-y-auto,.m-y-auto{margin-top:auto;margin-bottom:auto}.Button.m-y-auto-i,.m-y-auto-i{margin-top:auto!important;margin-bottom:auto!important}.Button.m-t-0,.m-t-0{margin-top:0}.Button.m-t-0-i,.m-t-0-i{margin-top:0!important}.Button.m-t-1,.m-t-1{margin-top:8px}.Button.m-t-1-i,.m-t-1-i{margin-top:8px!important}.Button.m-t-2,.m-t-2{margin-top:16px}.Button.m-t-2-i,.m-t-2-i{margin-top:16px!important}.Button.m-t-3,.m-t-3{margin-top:24px}.Button.m-t-3-i,.m-t-3-i{margin-top:24px!important}.Button.m-t-4,.m-t-4{margin-top:32px}.Button.m-t-4-i,.m-t-4-i{margin-top:32px!important}.Button.m-t-5,.m-t-5{margin-top:48px}.Button.m-t-5-i,.m-t-5-i{margin-top:48px!important}.Button.m-t-6,.m-t-6{margin-top:64px}.Button.m-t-6-i,.m-t-6-i{margin-top:64px!important}.Button.m-t-7,.m-t-7{margin-top:96px}.Button.m-t-7-i,.m-t-7-i{margin-top:96px!important}.Button.m-t-8,.m-t-8{margin-top:128px}.Button.m-t-8-i,.m-t-8-i{margin-top:128px!important}.Button.m-t-half,.m-t-half{margin-top:4px}.Button.m-t-half-i,.m-t-half-i{margin-top:4px!important}.Button.m-t--1,.m-t--1{margin-top:-8px}.Button.m-t--1-i,.m-t--1-i{margin-top:-8px!important}.Button.m-t--2,.m-t--2{margin-top:-16px}.Button.m-t--2-i,.m-t--2-i{margin-top:-16px!important}.Button.m-t--3,.m-t--3{margin-top:-24px}.Button.m-t--3-i,.m-t--3-i{margin-top:-24px!important}.Button.m-t--4,.m-t--4{margin-top:-32px}.Button.m-t--4-i,.m-t--4-i{margin-top:-32px!important}.Button.m-t--5,.m-t--5{margin-top:-48px}.Button.m-t--5-i,.m-t--5-i{margin-top:-48px!important}.Button.m-t--6,.m-t--6{margin-top:-64px}.Button.m-t--6-i,.m-t--6-i{margin-top:-64px!important}.Button.m-t--7,.m-t--7{margin-top:-96px}.Button.m-t--7-i,.m-t--7-i{margin-top:-96px!important}.Button.m-t--8,.m-t--8{margin-top:-128px}.Button.m-t--8-i,.m-t--8-i{margin-top:-128px!important}.Button.m-t--half,.m-t--half{margin-top:-4px}.Button.m-t--half-i,.m-t--half-i{margin-top:-4px!important}.Button.m-t-auto,.m-t-auto{margin-top:auto}.Button.m-t-auto-i,.m-t-auto-i{margin-top:auto!important}.Button.m-r-0,.m-r-0{margin-right:0}.Button.m-r-0-i,.m-r-0-i{margin-right:0!important}.Button.m-r-1,.m-r-1{margin-right:8px}.Button.m-r-1-i,.m-r-1-i{margin-right:8px!important}.Button.m-r-2,.m-r-2{margin-right:16px}.Button.m-r-2-i,.m-r-2-i{margin-right:16px!important}.Button.m-r-3,.m-r-3{margin-right:24px}.Button.m-r-3-i,.m-r-3-i{margin-right:24px!important}.Button.m-r-4,.m-r-4{margin-right:32px}.Button.m-r-4-i,.m-r-4-i{margin-right:32px!important}.Button.m-r-5,.m-r-5{margin-right:48px}.Button.m-r-5-i,.m-r-5-i{margin-right:48px!important}.Button.m-r-6,.m-r-6{margin-right:64px}.Button.m-r-6-i,.m-r-6-i{margin-right:64px!important}.Button.m-r-7,.m-r-7{margin-right:96px}.Button.m-r-7-i,.m-r-7-i{margin-right:96px!important}.Button.m-r-8,.m-r-8{margin-right:128px}.Button.m-r-8-i,.m-r-8-i{margin-right:128px!important}.Button.m-r-half,.m-r-half{margin-right:4px}.Button.m-r-half-i,.m-r-half-i{margin-right:4px!important}.Button.m-r--1,.m-r--1{margin-right:-8px}.Button.m-r--1-i,.m-r--1-i{margin-right:-8px!important}.Button.m-r--2,.m-r--2{margin-right:-16px}.Button.m-r--2-i,.m-r--2-i{margin-right:-16px!important}.Button.m-r--3,.m-r--3{margin-right:-24px}.Button.m-r--3-i,.m-r--3-i{margin-right:-24px!important}.Button.m-r--4,.m-r--4{margin-right:-32px}.Button.m-r--4-i,.m-r--4-i{margin-right:-32px!important}.Button.m-r--5,.m-r--5{margin-right:-48px}.Button.m-r--5-i,.m-r--5-i{margin-right:-48px!important}.Button.m-r--6,.m-r--6{margin-right:-64px}.Button.m-r--6-i,.m-r--6-i{margin-right:-64px!important}.Button.m-r--7,.m-r--7{margin-right:-96px}.Button.m-r--7-i,.m-r--7-i{margin-right:-96px!important}.Button.m-r--8,.m-r--8{margin-right:-128px}.Button.m-r--8-i,.m-r--8-i{margin-right:-128px!important}.Button.m-r--half,.m-r--half{margin-right:-4px}.Button.m-r--half-i,.m-r--half-i{margin-right:-4px!important}.Button.m-r-auto,.m-r-auto{margin-right:auto}.Button.m-r-auto-i,.m-r-auto-i{margin-right:auto!important}.Button.m-b-0,.m-b-0{margin-bottom:0}.Button.m-b-0-i,.m-b-0-i{margin-bottom:0!important}.Button.m-b-1,.m-b-1{margin-bottom:8px}.Button.m-b-1-i,.m-b-1-i{margin-bottom:8px!important}.Button.m-b-2,.m-b-2{margin-bottom:16px}.Button.m-b-2-i,.m-b-2-i{margin-bottom:16px!important}.Button.m-b-3,.m-b-3{margin-bottom:24px}.Button.m-b-3-i,.m-b-3-i{margin-bottom:24px!important}.Button.m-b-4,.m-b-4{margin-bottom:32px}.Button.m-b-4-i,.m-b-4-i{margin-bottom:32px!important}.Button.m-b-5,.m-b-5{margin-bottom:48px}.Button.m-b-5-i,.m-b-5-i{margin-bottom:48px!important}.Button.m-b-6,.m-b-6{margin-bottom:64px}.Button.m-b-6-i,.m-b-6-i{margin-bottom:64px!important}.Button.m-b-7,.m-b-7{margin-bottom:96px}.Button.m-b-7-i,.m-b-7-i{margin-bottom:96px!important}.Button.m-b-8,.m-b-8{margin-bottom:128px}.Button.m-b-8-i,.m-b-8-i{margin-bottom:128px!important}.Button.m-b-half,.m-b-half{margin-bottom:4px}.Button.m-b-half-i,.m-b-half-i{margin-bottom:4px!important}.Button.m-b--1,.m-b--1{margin-bottom:-8px}.Button.m-b--1-i,.m-b--1-i{margin-bottom:-8px!important}.Button.m-b--2,.m-b--2{margin-bottom:-16px}.Button.m-b--2-i,.m-b--2-i{margin-bottom:-16px!important}.Button.m-b--3,.m-b--3{margin-bottom:-24px}.Button.m-b--3-i,.m-b--3-i{margin-bottom:-24px!important}.Button.m-b--4,.m-b--4{margin-bottom:-32px}.Button.m-b--4-i,.m-b--4-i{margin-bottom:-32px!important}.Button.m-b--5,.m-b--5{margin-bottom:-48px}.Button.m-b--5-i,.m-b--5-i{margin-bottom:-48px!important}.Button.m-b--6,.m-b--6{margin-bottom:-64px}.Button.m-b--6-i,.m-b--6-i{margin-bottom:-64px!important}.Button.m-b--7,.m-b--7{margin-bottom:-96px}.Button.m-b--7-i,.m-b--7-i{margin-bottom:-96px!important}.Button.m-b--8,.m-b--8{margin-bottom:-128px}.Button.m-b--8-i,.m-b--8-i{margin-bottom:-128px!important}.Button.m-b--half,.m-b--half{margin-bottom:-4px}.Button.m-b--half-i,.m-b--half-i{margin-bottom:-4px!important}.Button.m-b-auto,.m-b-auto{margin-bottom:auto}.Button.m-b-auto-i,.m-b-auto-i{margin-bottom:auto!important}.Button.m-l-0,.m-l-0{margin-left:0}.Button.m-l-0-i,.m-l-0-i{margin-left:0!important}.Button.m-l-1,.m-l-1{margin-left:8px}.Button.m-l-1-i,.m-l-1-i{margin-left:8px!important}.Button.m-l-2,.m-l-2{margin-left:16px}.Button.m-l-2-i,.m-l-2-i{margin-left:16px!important}.Button.m-l-3,.m-l-3{margin-left:24px}.Button.m-l-3-i,.m-l-3-i{margin-left:24px!important}.Button.m-l-4,.m-l-4{margin-left:32px}.Button.m-l-4-i,.m-l-4-i{margin-left:32px!important}.Button.m-l-5,.m-l-5{margin-left:48px}.Button.m-l-5-i,.m-l-5-i{margin-left:48px!important}.Button.m-l-6,.m-l-6{margin-left:64px}.Button.m-l-6-i,.m-l-6-i{margin-left:64px!important}.Button.m-l-7,.m-l-7{margin-left:96px}.Button.m-l-7-i,.m-l-7-i{margin-left:96px!important}.Button.m-l-8,.m-l-8{margin-left:128px}.Button.m-l-8-i,.m-l-8-i{margin-left:128px!important}.Button.m-l-half,.m-l-half{margin-left:4px}.Button.m-l-half-i,.m-l-half-i{margin-left:4px!important}.Button.m-l--1,.m-l--1{margin-left:-8px}.Button.m-l--1-i,.m-l--1-i{margin-left:-8px!important}.Button.m-l--2,.m-l--2{margin-left:-16px}.Button.m-l--2-i,.m-l--2-i{margin-left:-16px!important}.Button.m-l--3,.m-l--3{margin-left:-24px}.Button.m-l--3-i,.m-l--3-i{margin-left:-24px!important}.Button.m-l--4,.m-l--4{margin-left:-32px}.Button.m-l--4-i,.m-l--4-i{margin-left:-32px!important}.Button.m-l--5,.m-l--5{margin-left:-48px}.Button.m-l--5-i,.m-l--5-i{margin-left:-48px!important}.Button.m-l--6,.m-l--6{margin-left:-64px}.Button.m-l--6-i,.m-l--6-i{margin-left:-64px!important}.Button.m-l--7,.m-l--7{margin-left:-96px}.Button.m-l--7-i,.m-l--7-i{margin-left:-96px!important}.Button.m-l--8,.m-l--8{margin-left:-128px}.Button.m-l--8-i,.m-l--8-i{margin-left:-128px!important}.Button.m-l--half,.m-l--half{margin-left:-4px}.Button.m-l--half-i,.m-l--half-i{margin-left:-4px!important}.Button.m-l-auto,.m-l-auto{margin-left:auto}.Button.m-l-auto-i,.m-l-auto-i{margin-left:auto!important}.max-h-none{max-height:none}.max-h-none-i{max-height:none!important}.max-h-0{max-height:0}.max-h-0-i{max-height:0!important}.max-h-100{max-height:100%}.max-h-100-i{max-height:100%!important}.max-h-100vh{max-height:100vh}.max-h-100vh-i{max-height:100vh!important}.max-h-auto{max-height:auto}.max-h-auto-i{max-height:auto!important}.mw-mobile{max-width:320px}.mw-mobile-i{max-width:320px!important}.mw-tablet{max-width:768px}.mw-tablet-i{max-width:768px!important}.mw-desktop{max-width:992px}.mw-desktop-i{max-width:992px!important}.mw-desktop-large{max-width:1200px}.mw-desktop-large-i{max-width:1200px!important}.mw-desktop-wide{max-width:1920px}.mw-desktop-wide-i{max-width:1920px!important}.max-w-25{max-width:25%}.max-w-25-i{max-width:25%!important}.max-w-33{max-width:33.33333%}.max-w-33-i{max-width:33.33333%!important}.max-w-50{max-width:50%}.max-w-50-i{max-width:50%!important}.max-w-66{max-width:66.66667%}.max-w-66-i{max-width:66.66667%!important}.max-w-75{max-width:75%}.max-w-75-i{max-width:75%!important}.max-w-100{max-width:100%}.max-w-100-i{max-width:100%!important}.max-w-100vh{max-width:100vw}.max-w-100vh-i{max-width:100vw!important}.max-w-none{max-width:none}.max-w-none-i{max-width:none!important}.min-h-0{min-height:0}.min-h-0-i{min-height:0!important}.min-h-100{min-height:100%}.min-h-100-i{min-height:100%!important}.min-h-100vh{min-height:100vh}.min-h-100vh-i{min-height:100vh!important}.min-h-auto{min-height:auto}.min-h-auto-i{min-height:auto!important}.min-w-0{min-width:0}.min-w-0-i{min-width:0!important}.min-w-25{min-width:25%}.min-w-25-i{min-width:25%!important}.min-w-33{min-width:33.33333%}.min-w-33-i{min-width:33.33333%!important}.min-w-50{min-width:50%}.min-w-50-i{min-width:50%!important}.min-w-66{min-width:66.66667%}.min-w-66-i{min-width:66.66667%!important}.min-w-75{min-width:75%}.min-w-75-i{min-width:75%!important}.min-w-100{min-width:100%}.min-w-100-i{min-width:100%!important}.min-w-100vh{min-width:100vh}.min-w-100vh-i{min-width:100vh!important}.opacity-none{opacity:1}.opacity-none-i{opacity:1!important}.opacity-disabled{opacity:.6}.opacity-disabled-i{opacity:.6!important}.opacity-placeholder{opacity:.4}.opacity-placeholder-i{opacity:.4!important}.opacity-hovered:hover{opacity:.8}.opacity-hovered-i:hover{opacity:.8!important}.of-auto{overflow:auto}.of-auto-i{overflow:auto!important}.of-hidden{overflow:hidden}.of-hidden-i{overflow:hidden!important}.of-scroll{overflow:scroll}.of-scroll-i{overflow:scroll!important}.of-visible{overflow:visible}.of-visible-i{overflow:visible!important}.of-x-auto{overflow-x:auto}.of-x-auto-i{overflow-x:auto!important}.of-x-hidden{overflow-x:hidden}.of-x-hidden-i{overflow-x:hidden!important}.of-x-scroll{overflow-x:scroll}.of-x-scroll-i{overflow-x:scroll!important}.of-x-visible{overflow-x:visible}.of-x-visible-i{overflow-x:visible!important}.of-y-auto{overflow-y:auto}.of-y-auto-i{overflow-y:auto!important}.of-y-hidden{overflow-y:hidden}.of-y-hidden-i{overflow-y:hidden!important}.of-y-scroll{overflow-y:scroll}.of-y-scroll-i{overflow-y:scroll!important}.of-y-visible{overflow-y:visible}.of-y-visible-i{overflow-y:visible!important}.p-0{padding:0}.p-0-i{padding:0!important}.p-1{padding:8px}.p-1-i{padding:8px!important}.p-2{padding:16px}.p-2-i{padding:16px!important}.p-3{padding:24px}.p-3-i{padding:24px!important}.p-4{padding:32px}.p-4-i{padding:32px!important}.p-5{padding:48px}.p-5-i{padding:48px!important}.p-6{padding:64px}.p-6-i{padding:64px!important}.p-7{padding:96px}.p-7-i{padding:96px!important}.p-8{padding:128px}.p-8-i{padding:128px!important}.p-half{padding:4px}.p-half-i{padding:4px!important}.p-auto{padding:auto}.p-auto-i{padding:auto!important}.p-x-0{padding-left:0;padding-right:0}.p-x-0-i{padding-left:0!important;padding-right:0!important}.p-x-1{padding-left:8px;padding-right:8px}.p-x-1-i{padding-left:8px!important;padding-right:8px!important}.p-x-2{padding-left:16px;padding-right:16px}.p-x-2-i{padding-left:16px!important;padding-right:16px!important}.p-x-3{padding-left:24px;padding-right:24px}.p-x-3-i{padding-left:24px!important;padding-right:24px!important}.p-x-4{padding-left:32px;padding-right:32px}.p-x-4-i{padding-left:32px!important;padding-right:32px!important}.p-x-5{padding-left:48px;padding-right:48px}.p-x-5-i{padding-left:48px!important;padding-right:48px!important}.p-x-6{padding-left:64px;padding-right:64px}.p-x-6-i{padding-left:64px!important;padding-right:64px!important}.p-x-7{padding-left:96px;padding-right:96px}.p-x-7-i{padding-left:96px!important;padding-right:96px!important}.p-x-8{padding-left:128px;padding-right:128px}.p-x-8-i{padding-left:128px!important;padding-right:128px!important}.p-x-half{padding-left:4px;padding-right:4px}.p-x-half-i{padding-left:4px!important;padding-right:4px!important}.p-x-auto{padding-left:auto;padding-right:auto}.p-x-auto-i{padding-left:auto!important;padding-right:auto!important}.p-y-0{padding-top:0;padding-bottom:0}.p-y-0-i{padding-top:0!important;padding-bottom:0!important}.p-y-1{padding-top:8px;padding-bottom:8px}.p-y-1-i{padding-top:8px!important;padding-bottom:8px!important}.p-y-2{padding-top:16px;padding-bottom:16px}.p-y-2-i{padding-top:16px!important;padding-bottom:16px!important}.p-y-3{padding-top:24px;padding-bottom:24px}.p-y-3-i{padding-top:24px!important;padding-bottom:24px!important}.p-y-4{padding-top:32px;padding-bottom:32px}.p-y-4-i{padding-top:32px!important;padding-bottom:32px!important}.p-y-5{padding-top:48px;padding-bottom:48px}.p-y-5-i{padding-top:48px!important;padding-bottom:48px!important}.p-y-6{padding-top:64px;padding-bottom:64px}.p-y-6-i{padding-top:64px!important;padding-bottom:64px!important}.p-y-7{padding-top:96px;padding-bottom:96px}.p-y-7-i{padding-top:96px!important;padding-bottom:96px!important}.p-y-8{padding-top:128px;padding-bottom:128px}.p-y-8-i{padding-top:128px!important;padding-bottom:128px!important}.p-y-half{padding-top:4px;padding-bottom:4px}.p-y-half-i{padding-top:4px!important;padding-bottom:4px!important}.p-y-auto{padding-top:auto;padding-bottom:auto}.p-y-auto-i{padding-top:auto!important;padding-bottom:auto!important}.p-t-0{padding-top:0}.p-t-0-i{padding-top:0!important}.p-t-1{padding-top:8px}.p-t-1-i{padding-top:8px!important}.p-t-2{padding-top:16px}.p-t-2-i{padding-top:16px!important}.p-t-3{padding-top:24px}.p-t-3-i{padding-top:24px!important}.p-t-4{padding-top:32px}.p-t-4-i{padding-top:32px!important}.p-t-5{padding-top:48px}.p-t-5-i{padding-top:48px!important}.p-t-6{padding-top:64px}.p-t-6-i{padding-top:64px!important}.p-t-7{padding-top:96px}.p-t-7-i{padding-top:96px!important}.p-t-8{padding-top:128px}.p-t-8-i{padding-top:128px!important}.p-t-half{padding-top:4px}.p-t-half-i{padding-top:4px!important}.p-t-auto{padding-top:auto}.p-t-auto-i{padding-top:auto!important}.p-r-0{padding-right:0}.p-r-0-i{padding-right:0!important}.p-r-1{padding-right:8px}.p-r-1-i{padding-right:8px!important}.p-r-2{padding-right:16px}.p-r-2-i{padding-right:16px!important}.p-r-3{padding-right:24px}.p-r-3-i{padding-right:24px!important}.p-r-4{padding-right:32px}.p-r-4-i{padding-right:32px!important}.p-r-5{padding-right:48px}.p-r-5-i{padding-right:48px!important}.p-r-6{padding-right:64px}.p-r-6-i{padding-right:64px!important}.p-r-7{padding-right:96px}.p-r-7-i{padding-right:96px!important}.p-r-8{padding-right:128px}.p-r-8-i{padding-right:128px!important}.p-r-half{padding-right:4px}.p-r-half-i{padding-right:4px!important}.p-r-auto{padding-right:auto}.p-r-auto-i{padding-right:auto!important}.p-b-0{padding-bottom:0}.p-b-0-i{padding-bottom:0!important}.p-b-1{padding-bottom:8px}.p-b-1-i{padding-bottom:8px!important}.p-b-2{padding-bottom:16px}.p-b-2-i{padding-bottom:16px!important}.p-b-3{padding-bottom:24px}.p-b-3-i{padding-bottom:24px!important}.p-b-4{padding-bottom:32px}.p-b-4-i{padding-bottom:32px!important}.p-b-5{padding-bottom:48px}.p-b-5-i{padding-bottom:48px!important}.p-b-6{padding-bottom:64px}.p-b-6-i{padding-bottom:64px!important}.p-b-7{padding-bottom:96px}.p-b-7-i{padding-bottom:96px!important}.p-b-8{padding-bottom:128px}.p-b-8-i{padding-bottom:128px!important}.p-b-half{padding-bottom:4px}.p-b-half-i{padding-bottom:4px!important}.p-b-auto{padding-bottom:auto}.p-b-auto-i{padding-bottom:auto!important}.p-l-0{padding-left:0}.p-l-0-i{padding-left:0!important}.p-l-1{padding-left:8px}.p-l-1-i{padding-left:8px!important}.p-l-2{padding-left:16px}.p-l-2-i{padding-left:16px!important}.p-l-3{padding-left:24px}.p-l-3-i{padding-left:24px!important}.p-l-4{padding-left:32px}.p-l-4-i{padding-left:32px!important}.p-l-5{padding-left:48px}.p-l-5-i{padding-left:48px!important}.p-l-6{padding-left:64px}.p-l-6-i{padding-left:64px!important}.p-l-7{padding-left:96px}.p-l-7-i{padding-left:96px!important}.p-l-8{padding-left:128px}.p-l-8-i{padding-left:128px!important}.p-l-half{padding-left:4px}.p-l-half-i{padding-left:4px!important}.p-l-auto{padding-left:auto}.p-l-auto-i{padding-left:auto!important}.position-absolute{position:absolute}.position-absolute-i{position:absolute!important}.position-fixed{position:fixed}.position-fixed-i{position:fixed!important}.position-relative{position:relative}.position-relative-i{position:relative!important}.position-static{position:static}.position-static-i{position:static!important}.position-sticky{position:sticky}.position-sticky-i{position:sticky!important}.position-t-auto{top:auto}.position-t-auto-i{top:auto!important}.position-r-auto{right:auto}.position-r-auto-i{right:auto!important}.position-b-auto{bottom:auto}.position-b-auto-i{bottom:auto!important}.position-l-auto{left:auto}.position-l-auto-i{left:auto!important}.top-auto{top:auto}.top-auto-i{top:auto!important}.right-auto{right:auto}.right-auto-i{right:auto!important}.bottom-auto{bottom:auto}.bottom-auto-i{bottom:auto!important}.left-auto{left:auto}.left-auto-i{left:auto!important}.position-t-0{top:0}.position-t-0-i{top:0!important}.position-r-0{right:0}.position-r-0-i{right:0!important}.position-b-0{bottom:0}.position-b-0-i{bottom:0!important}.position-l-0{left:0}.position-l-0-i{left:0!important}.top-0{top:0}.top-0-i{top:0!important}.right-0{right:0}.right-0-i{right:0!important}.bottom-0{bottom:0}.bottom-0-i{bottom:0!important}.left-0{left:0}.left-0-i{left:0!important}.top-50{top:50%}.top-50-i{top:50%!important}.right-50{right:50%}.right-50-i{right:50%!important}.bottom-50{bottom:50%}.bottom-50-i{bottom:50%!important}.left-50{left:50%}.left-50-i{left:50%!important}.top-100{top:100%}.top-100-i{top:100%!important}.right-100{right:100%}.right-100-i{right:100%!important}.bottom-100{bottom:100%}.bottom-100-i{bottom:100%!important}.left-100{left:100%}.left-100-i{left:100%!important}.ta-left{text-align:left}.ta-left-i{text-align:left!important}.ta-right{text-align:right}.ta-right-i{text-align:right!important}.ta-center{text-align:center}.ta-center-i{text-align:center!important}.ta-justify{text-align:justify}.ta-justify-i{text-align:justify!important}.tt-none{text-transform:none}.tt-none-i{text-transform:none!important}.tt-capitalize{text-transform:capitalize}.tt-capitalize-i{text-transform:capitalize!important}.tt-lowercase{text-transform:lowercase}.tt-lowercase-i{text-transform:lowercase!important}.tt-uppercase{text-transform:uppercase}.tt-uppercase-i{text-transform:uppercase!important}.t-truncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.t-truncate-i{text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important}.w-25{width:25%}.w-25-i{width:25%!important}.w-33{width:33.33333%}.w-33-i{width:33.33333%!important}.w-50{width:50%}.w-50-i{width:50%!important}.w-66{width:66.66667%}.w-66-i{width:66.66667%!important}.w-75{width:75%}.w-75-i{width:75%!important}.w-100{width:100%}.w-100-i{width:100%!important}.w-100vw{width:100vw}.w-100vw-i{width:100vw!important}.w-auto{width:auto}.w-auto-i{width:auto!important}.z-notification{z-index:1200}.z-notification-i{z-index:1200!important}.z-overlay{z-index:1100}.z-overlay-i{z-index:1100!important}.z-guide-help{z-index:999}.z-guide-help-i{z-index:999!important}.z-global-nav{z-index:990}.z-global-nav-i{z-index:990!important}.z-popover{z-index:800}.z-popover-i{z-index:800!important}.z-modal{z-index:1100}.z-modal-i{z-index:1100!important}.z-drawer{z-index:1100}.z-drawer-i{z-index:1100!important}.transform-none{transform:none}.transform-none-i{transform:none!important}.translate-x-0{--transform-translate-x:0;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-y-0{--transform-translate-y:0;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-x-0-i{--transform-translate-x:0;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-y-0-i{--transform-translate-y:0;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-x-50{--transform-translate-x:50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-y-50{--transform-translate-y:50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-x-50-i{--transform-translate-x:50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-y-50-i{--transform-translate-y:50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-x-100{--transform-translate-x:100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-y-100{--transform-translate-y:100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-x-100-i{--transform-translate-x:100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-y-100-i{--transform-translate-y:100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-x--50{--transform-translate-x:-50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-y--50{--transform-translate-y:-50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-x--50-i{--transform-translate-x:-50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-y--50-i{--transform-translate-y:-50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-x--100{--transform-translate-x:-100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-y--100{--transform-translate-y:-100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-x--100-i{--transform-translate-x:-100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-y--100-i{--transform-translate-y:-100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.row-gap-0{row-gap:0}.row-gap-0-i{row-gap:0!important}.column-gap-0{-moz-column-gap:0;column-gap:0}.column-gap-0-i{-moz-column-gap:0!important;column-gap:0!important}.gap-0{gap:0}.gap-0-i{gap:0!important}.row-gap-1{row-gap:8px}.row-gap-1-i{row-gap:8px!important}.column-gap-1{-moz-column-gap:8px;column-gap:8px}.column-gap-1-i{-moz-column-gap:8px!important;column-gap:8px!important}.gap-1{gap:8px}.gap-1-i{gap:8px!important}.row-gap-2{row-gap:16px}.row-gap-2-i{row-gap:16px!important}.column-gap-2{-moz-column-gap:16px;column-gap:16px}.column-gap-2-i{-moz-column-gap:16px!important;column-gap:16px!important}.gap-2{gap:16px}.gap-2-i{gap:16px!important}.row-gap-3{row-gap:24px}.row-gap-3-i{row-gap:24px!important}.column-gap-3{-moz-column-gap:24px;column-gap:24px}.column-gap-3-i{-moz-column-gap:24px!important;column-gap:24px!important}.gap-3{gap:24px}.gap-3-i{gap:24px!important}.row-gap-4{row-gap:32px}.row-gap-4-i{row-gap:32px!important}.column-gap-4{-moz-column-gap:32px;column-gap:32px}.column-gap-4-i{-moz-column-gap:32px!important;column-gap:32px!important}.gap-4{gap:32px}.gap-4-i{gap:32px!important}.row-gap-5{row-gap:48px}.row-gap-5-i{row-gap:48px!important}.column-gap-5{-moz-column-gap:48px;column-gap:48px}.column-gap-5-i{-moz-column-gap:48px!important;column-gap:48px!important}.gap-5{gap:48px}.gap-5-i{gap:48px!important}.row-gap-6{row-gap:64px}.row-gap-6-i{row-gap:64px!important}.column-gap-6{-moz-column-gap:64px;column-gap:64px}.column-gap-6-i{-moz-column-gap:64px!important;column-gap:64px!important}.gap-6{gap:64px}.gap-6-i{gap:64px!important}.row-gap-7{row-gap:96px}.row-gap-7-i{row-gap:96px!important}.column-gap-7{-moz-column-gap:96px;column-gap:96px}.column-gap-7-i{-moz-column-gap:96px!important;column-gap:96px!important}.gap-7{gap:96px}.gap-7-i{gap:96px!important}.row-gap-8{row-gap:128px}.row-gap-8-i{row-gap:128px!important}.column-gap-8{-moz-column-gap:128px;column-gap:128px}.column-gap-8-i{-moz-column-gap:128px!important;column-gap:128px!important}.gap-8{gap:128px}.gap-8-i{gap:128px!important}.row-gap-half{row-gap:4px}.row-gap-half-i{row-gap:4px!important}.column-gap-half{-moz-column-gap:4px;column-gap:4px}.column-gap-half-i{-moz-column-gap:4px!important;column-gap:4px!important}.gap-half{gap:4px}.gap-half-i{gap:4px!important}.gap-normal{gap:normal}.gap-normal-i{gap:normal!important}.white-space-pre-line{white-space:pre-line}.white-space-pre-line-i{white-space:pre-line!important}.CollapsibleList{color:var(--colorsTextDefault,#141414);font-family:"Nunito Sans",sans-serif}.Overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.Overlay>*{pointer-events:auto}.Tooltip,.Tooltip__body{color:var(--colorsTextDefault,#141414);font-family:"Nunito Sans",sans-serif}.Tooltip--underline{position:relative}.Tooltip--underline::before{content:"";width:100%;position:absolute;bottom:0;border-bottom-width:1px;border-bottom-color:inherit;border-bottom-style:dashed;opacity:1;transition:opacity duration(fast) easing();transition-delay:duration(slow)}.Tooltip--underline:hover::before{opacity:0;transition:opacity duration(fast) easing();transition-delay:duration(slow)}.Tooltip__body{line-height:normal}.Tooltip__body:not(.Tooltip__body--open).Tooltip__body,.Tooltip__body:not(.Tooltip__body--open)::before{display:none;opacity:0;pointer-events:none}.Tooltip__body.Tooltip__body{display:inline-flex;font-size:14px;background:var(--colorsSurfaceInvertedStrong,#141414);border-radius:3px;color:var(--colorsTextInverted,#fff);max-width:18em;padding:4px 8px;position:relative;text-align:center;width:max-content;white-space:pre-line;word-break:break-word;z-index:1100;animation-name:showTooltip;animation-duration:.1s;animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-iteration-count:1;animation-fill-mode:both;animation-direction:normal}@media (pointer:coarse){.Tooltip__body.Tooltip__body{padding:8px 16px}}_:-ms-lang(x),.Tooltip__body{min-width:125px}@keyframes showTooltip{0%{opacity:0}100%{opacity:1}}.Tooltip__caret::before{background:var(--colorsSurfaceInvertedStrong,#141414)}.Popper:focus,.Popper__body:focus{outline:0}.Popper:focus-visible,.Popper__body:focus-visible{outline:0}.Popper__caret[data-popper-placement^=top]{bottom:4px}.Popper__caret[data-popper-placement^=top]::before{left:-4px}.Popper__caret[data-popper-placement^=bottom]{top:-4px}.Popper__caret[data-popper-placement^=bottom]::before{left:-4px}.Popper__caret[data-popper-placement^=left]{right:4px}.Popper__caret[data-popper-placement^=left]::before{top:-4px}.Popper__caret[data-popper-placement^=right]{left:-4px}.Popper__caret[data-popper-placement^=right]::before{top:-4px}.Popper__caret{animation-name:showTooltip;animation-duration:.1s;animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-iteration-count:1;animation-fill-mode:both;animation-direction:normal;border:1px solid #ff0}.Popper__caret::before{content:"";position:absolute;width:8px;height:8px;z-index:-1;transform:rotate(45deg)}
|
|
1
|
+
html{--anvil-version:"14.2.1-bugfix-marketing"}a,a:focus,a:hover{text-decoration:none}.list-unset{list-style:none;margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.bg-white{background-color:#fff}.bg-white-i{background-color:#fff!important}.bg-black{background-color:#040404}.bg-black-i{background-color:#040404!important}.bg-blue{background-color:#0265dc}.bg-blue-i{background-color:#0265dc!important}.bg-blue-grey{background-color:#8c9ca5}.bg-blue-grey-i{background-color:#8c9ca5!important}.bg-orange{background-color:#b14c00}.bg-orange-i{background-color:#b14c00!important}.bg-yellow{background-color:#ffc902}.bg-yellow-i{background-color:#ffc902!important}.bg-green{background-color:#007a4d}.bg-green-i{background-color:#007a4d!important}.bg-cyan{background-color:#08bfdf}.bg-cyan-i{background-color:#08bfdf!important}.bg-purple{background-color:#6954c0}.bg-purple-i{background-color:#6954c0!important}.bg-red{background-color:#f94d32}.bg-red-i{background-color:#f94d32!important}.bg-magenta{background-color:#b52d88}.bg-magenta-i{background-color:#b52d88!important}.bg-blue-100{background-color:#e0f2ff}.bg-blue-100-i{background-color:#e0f2ff!important}.bg-blue-200{background-color:#b5deff}.bg-blue-200-i{background-color:#b5deff!important}.bg-blue-300{background-color:#78bbfa}.bg-blue-300-i{background-color:#78bbfa!important}.bg-blue-400{background-color:#3892f3}.bg-blue-400-i{background-color:#3892f3!important}.bg-blue-500{background-color:#0265dc}.bg-blue-500-i{background-color:#0265dc!important}.bg-blue-600{background-color:#004491}.bg-blue-600-i{background-color:#004491!important}.bg-neutral-0{background-color:#fff}.bg-neutral-0-i{background-color:#fff!important}.bg-neutral-10{background-color:#fcfcfc}.bg-neutral-10-i{background-color:#fcfcfc!important}.bg-neutral-20{background-color:#fafafa}.bg-neutral-20-i{background-color:#fafafa!important}.bg-neutral-30{background-color:#f7f7f7}.bg-neutral-30-i{background-color:#f7f7f7!important}.bg-neutral-40{background-color:#f5f5f5}.bg-neutral-40-i{background-color:#f5f5f5!important}.bg-neutral-50{background-color:#eee}.bg-neutral-50-i{background-color:#eee!important}.bg-neutral-60{background-color:#dfe0e1}.bg-neutral-60-i{background-color:#dfe0e1!important}.bg-neutral-70{background-color:#bcbcbd}.bg-neutral-70-i{background-color:#bcbcbd!important}.bg-neutral-80{background-color:#949596}.bg-neutral-80-i{background-color:#949596!important}.bg-neutral-90{background-color:#737475}.bg-neutral-90-i{background-color:#737475!important}.bg-neutral-100{background-color:#606162}.bg-neutral-100-i{background-color:#606162!important}.bg-neutral-200{background-color:#444445}.bg-neutral-200-i{background-color:#444445!important}.bg-neutral-300{background-color:#2d2e31}.bg-neutral-300-i{background-color:#2d2e31!important}.bg-neutral-400{background-color:#141414}.bg-neutral-400-i{background-color:#141414!important}.bg-neutral-500{background-color:#040404}.bg-neutral-500-i{background-color:#040404!important}.bg-blue-grey-100{background-color:#eaeff2}.bg-blue-grey-100-i{background-color:#eaeff2!important}.bg-blue-grey-200{background-color:#d0d8dd}.bg-blue-grey-200-i{background-color:#d0d8dd!important}.bg-blue-grey-300{background-color:#b4c1c8}.bg-blue-grey-300-i{background-color:#b4c1c8!important}.bg-blue-grey-400{background-color:#8c9ca5}.bg-blue-grey-400-i{background-color:#8c9ca5!important}.bg-blue-grey-500{background-color:#6a7a85}.bg-blue-grey-500-i{background-color:#6a7a85!important}.bg-blue-grey-600{background-color:#576671}.bg-blue-grey-600-i{background-color:#576671!important}.bg-orange-100{background-color:#ffeccc}.bg-orange-100-i{background-color:#ffeccc!important}.bg-orange-200{background-color:#fdd291}.bg-orange-200-i{background-color:#fdd291!important}.bg-orange-300{background-color:#ffa037}.bg-orange-300-i{background-color:#ffa037!important}.bg-orange-400{background-color:#e46f00}.bg-orange-400-i{background-color:#e46f00!important}.bg-orange-500{background-color:#b14c00}.bg-orange-500-i{background-color:#b14c00!important}.bg-orange-600{background-color:#7a2f00}.bg-orange-600-i{background-color:#7a2f00!important}.bg-yellow-100{background-color:#fff9e2}.bg-yellow-100-i{background-color:#fff9e2!important}.bg-yellow-200{background-color:#fff0b1}.bg-yellow-200-i{background-color:#fff0b1!important}.bg-yellow-300{background-color:#ffe278}.bg-yellow-300-i{background-color:#ffe278!important}.bg-yellow-400{background-color:#ffc902}.bg-yellow-400-i{background-color:#ffc902!important}.bg-yellow-500{background-color:#ffbe00}.bg-yellow-500-i{background-color:#ffbe00!important}.bg-yellow-600{background-color:#de9500}.bg-yellow-600-i{background-color:#de9500!important}.bg-green-100{background-color:#cef8e0}.bg-green-100-i{background-color:#cef8e0!important}.bg-green-200{background-color:#89ecbc}.bg-green-200-i{background-color:#89ecbc!important}.bg-green-300{background-color:#49cc93}.bg-green-300-i{background-color:#49cc93!important}.bg-green-400{background-color:#15a46e}.bg-green-400-i{background-color:#15a46e!important}.bg-green-500{background-color:#007a4d}.bg-green-500-i{background-color:#007a4d!important}.bg-green-600{background-color:#005132}.bg-green-600-i{background-color:#005132!important}.bg-cyan-100{background-color:#e3fcff}.bg-cyan-100-i{background-color:#e3fcff!important}.bg-cyan-200{background-color:#b1f3fa}.bg-cyan-200-i{background-color:#b1f3fa!important}.bg-cyan-300{background-color:#13ceea}.bg-cyan-300-i{background-color:#13ceea!important}.bg-cyan-400{background-color:#08bfdf}.bg-cyan-400-i{background-color:#08bfdf!important}.bg-cyan-500{background-color:#0ca5c0}.bg-cyan-500-i{background-color:#0ca5c0!important}.bg-cyan-600{background-color:#038299}.bg-cyan-600-i{background-color:#038299!important}.bg-purple-100{background-color:#f1edff}.bg-purple-100-i{background-color:#f1edff!important}.bg-purple-200{background-color:#c1b6f2}.bg-purple-200-i{background-color:#c1b6f2!important}.bg-purple-300{background-color:#8772e5}.bg-purple-300-i{background-color:#8772e5!important}.bg-purple-400{background-color:#6954c0}.bg-purple-400-i{background-color:#6954c0!important}.bg-purple-500{background-color:#4f3a9e}.bg-purple-500-i{background-color:#4f3a9e!important}.bg-purple-600{background-color:#422799}.bg-purple-600-i{background-color:#422799!important}.bg-red-100{background-color:#ffece9}.bg-red-100-i{background-color:#ffece9!important}.bg-red-200{background-color:#ffb2a0}.bg-red-200-i{background-color:#ffb2a0!important}.bg-red-300{background-color:#ff745f}.bg-red-300-i{background-color:#ff745f!important}.bg-red-400{background-color:#f94d32}.bg-red-400-i{background-color:#f94d32!important}.bg-red-500{background-color:#e13212}.bg-red-500-i{background-color:#e13212!important}.bg-red-600{background-color:#bf2a00}.bg-red-600-i{background-color:#bf2a00!important}.bg-magenta-100{background-color:#fbeaf5}.bg-magenta-100-i{background-color:#fbeaf5!important}.bg-magenta-200{background-color:#faafe2}.bg-magenta-200-i{background-color:#faafe2!important}.bg-magenta-300{background-color:#d949a9}.bg-magenta-300-i{background-color:#d949a9!important}.bg-magenta-400{background-color:#b52d88}.bg-magenta-400-i{background-color:#b52d88!important}.bg-magenta-500{background-color:#982071}.bg-magenta-500-i{background-color:#982071!important}.bg-magenta-600{background-color:#7d165b}.bg-magenta-600-i{background-color:#7d165b!important}.border-bottom{border-bottom:1px solid #dfe0e1}.border-bottom-i{border-bottom:1px solid #dfe0e1!important}.border-left{border-left:1px solid #dfe0e1}.border-left-i{border-left:1px solid #dfe0e1!important}.border-right{border-right:1px solid #dfe0e1}.border-right-i{border-right:1px solid #dfe0e1!important}.border-top{border-top:1px solid #dfe0e1}.border-top-i{border-top:1px solid #dfe0e1!important}.border{border:1px solid #dfe0e1}.border-i{border:1px solid #dfe0e1!important}.border-style-none{border-style:none}.border-style-none-i{border-style:none!important}.border-style-hidden{border-style:hidden}.border-style-hidden-i{border-style:hidden!important}.border-style-dotted{border-style:dotted}.border-style-dotted-i{border-style:dotted!important}.border-style-dashed{border-style:dashed}.border-style-dashed-i{border-style:dashed!important}.border-style-solid{border-style:solid}.border-style-solid-i{border-style:solid!important}.border-style-double{border-style:double}.border-style-double-i{border-style:double!important}.border-style-groove{border-style:groove}.border-style-groove-i{border-style:groove!important}.border-style-ridge{border-style:ridge}.border-style-ridge-i{border-style:ridge!important}.border-style-inset{border-style:inset}.border-style-inset-i{border-style:inset!important}.border-style-outset{border-style:outset}.border-style-outset-i{border-style:outset!important}.border-style-inherit{border-style:inherit}.border-style-inherit-i{border-style:inherit!important}.border-style-initial{border-style:initial}.border-style-initial-i{border-style:initial!important}.border-style-revert{border-style:revert}.border-style-revert-i{border-style:revert!important}.border-style-unset{border-style:unset}.border-style-unset-i{border-style:unset!important}.border-radius-0{border-radius:0}.border-radius-0-i{border-radius:0!important}.border-radius-1{border-radius:3px}.border-radius-1-i{border-radius:3px!important}.border-radius-2{border-radius:6px}.border-radius-2-i{border-radius:6px!important}.border-radius-pill{border-radius:500em}.border-radius-pill-i{border-radius:500em!important}.border-radius-circular{border-radius:50%}.border-radius-circular-i{border-radius:50%!important}.border-radius-top-1{border-radius:3px 3px 0 0}.border-radius-top-1-i{border-radius:3px 3px 0 0!important}.border-radius-top-2{border-radius:6px 6px 0 0}.border-radius-top-2-i{border-radius:6px 6px 0 0!important}.border-radius-top-pill{border-radius:500em 500em 0 0}.border-radius-top-pill-i{border-radius:500em 500em 0 0!important}.border-radius-right-1{border-radius:0 3px 3px 0}.border-radius-right-1-i{border-radius:0 3px 3px 0!important}.border-radius-right-2{border-radius:0 6px 6px 0}.border-radius-right-2-i{border-radius:0 6px 6px 0!important}.border-radius-right-pill{border-radius:0 500em 500em 0}.border-radius-right-pill-i{border-radius:0 500em 500em 0!important}.border-radius-bottom-1{border-radius:0 0 3px 3px}.border-radius-bottom-1-i{border-radius:0 0 3px 3px!important}.border-radius-bottom-2{border-radius:0 0 6px 6px}.border-radius-bottom-2-i{border-radius:0 0 6px 6px!important}.border-radius-bottom-pill{border-radius:0 0 500em 500em}.border-radius-bottom-pill-i{border-radius:0 0 500em 500em!important}.border-radius-left-1{border-radius:3px 0 0 3px}.border-radius-left-1-i{border-radius:3px 0 0 3px!important}.border-radius-left-2{border-radius:6px 0 0 6px}.border-radius-left-2-i{border-radius:6px 0 0 6px!important}.border-radius-left-pill{border-radius:500em 0 0 500em}.border-radius-left-pill-i{border-radius:500em 0 0 500em!important}.box-sizing-border-box{box-sizing:border-box}.box-sizing-border-box-i{box-sizing:border-box!important}.box-sizing-content-box{box-sizing:content-box}.box-sizing-content-box-i{box-sizing:content-box!important}.c-white{color:#fff}.c-white-i{color:#fff!important}.c-black{color:#040404}.c-black-i{color:#040404!important}.c-blue{color:#0265dc}.c-blue-i{color:#0265dc!important}.c-blue-grey{color:#8c9ca5}.c-blue-grey-i{color:#8c9ca5!important}.c-orange{color:#b14c00}.c-orange-i{color:#b14c00!important}.c-yellow{color:#ffc902}.c-yellow-i{color:#ffc902!important}.c-green{color:#007a4d}.c-green-i{color:#007a4d!important}.c-cyan{color:#08bfdf}.c-cyan-i{color:#08bfdf!important}.c-purple{color:#6954c0}.c-purple-i{color:#6954c0!important}.c-red{color:#f94d32}.c-red-i{color:#f94d32!important}.c-magenta{color:#b52d88}.c-magenta-i{color:#b52d88!important}.c-blue-100{color:#e0f2ff}.c-blue-100-i{color:#e0f2ff!important}.c-blue-200{color:#b5deff}.c-blue-200-i{color:#b5deff!important}.c-blue-300{color:#78bbfa}.c-blue-300-i{color:#78bbfa!important}.c-blue-400{color:#3892f3}.c-blue-400-i{color:#3892f3!important}.c-blue-500{color:#0265dc}.c-blue-500-i{color:#0265dc!important}.c-blue-600{color:#004491}.c-blue-600-i{color:#004491!important}.c-neutral-0{color:#fff}.c-neutral-0-i{color:#fff!important}.c-neutral-10{color:#fcfcfc}.c-neutral-10-i{color:#fcfcfc!important}.c-neutral-20{color:#fafafa}.c-neutral-20-i{color:#fafafa!important}.c-neutral-30{color:#f7f7f7}.c-neutral-30-i{color:#f7f7f7!important}.c-neutral-40{color:#f5f5f5}.c-neutral-40-i{color:#f5f5f5!important}.c-neutral-50{color:#eee}.c-neutral-50-i{color:#eee!important}.c-neutral-60{color:#dfe0e1}.c-neutral-60-i{color:#dfe0e1!important}.c-neutral-70{color:#bcbcbd}.c-neutral-70-i{color:#bcbcbd!important}.c-neutral-80{color:#949596}.c-neutral-80-i{color:#949596!important}.c-neutral-90{color:#737475}.c-neutral-90-i{color:#737475!important}.c-neutral-100{color:#606162}.c-neutral-100-i{color:#606162!important}.c-neutral-200{color:#444445}.c-neutral-200-i{color:#444445!important}.c-neutral-300{color:#2d2e31}.c-neutral-300-i{color:#2d2e31!important}.c-neutral-400{color:#141414}.c-neutral-400-i{color:#141414!important}.c-neutral-500{color:#040404}.c-neutral-500-i{color:#040404!important}.c-blue-grey-100{color:#eaeff2}.c-blue-grey-100-i{color:#eaeff2!important}.c-blue-grey-200{color:#d0d8dd}.c-blue-grey-200-i{color:#d0d8dd!important}.c-blue-grey-300{color:#b4c1c8}.c-blue-grey-300-i{color:#b4c1c8!important}.c-blue-grey-400{color:#8c9ca5}.c-blue-grey-400-i{color:#8c9ca5!important}.c-blue-grey-500{color:#6a7a85}.c-blue-grey-500-i{color:#6a7a85!important}.c-blue-grey-600{color:#576671}.c-blue-grey-600-i{color:#576671!important}.c-orange-100{color:#ffeccc}.c-orange-100-i{color:#ffeccc!important}.c-orange-200{color:#fdd291}.c-orange-200-i{color:#fdd291!important}.c-orange-300{color:#ffa037}.c-orange-300-i{color:#ffa037!important}.c-orange-400{color:#e46f00}.c-orange-400-i{color:#e46f00!important}.c-orange-500{color:#b14c00}.c-orange-500-i{color:#b14c00!important}.c-orange-600{color:#7a2f00}.c-orange-600-i{color:#7a2f00!important}.c-yellow-100{color:#fff9e2}.c-yellow-100-i{color:#fff9e2!important}.c-yellow-200{color:#fff0b1}.c-yellow-200-i{color:#fff0b1!important}.c-yellow-300{color:#ffe278}.c-yellow-300-i{color:#ffe278!important}.c-yellow-400{color:#ffc902}.c-yellow-400-i{color:#ffc902!important}.c-yellow-500{color:#ffbe00}.c-yellow-500-i{color:#ffbe00!important}.c-yellow-600{color:#de9500}.c-yellow-600-i{color:#de9500!important}.c-green-100{color:#cef8e0}.c-green-100-i{color:#cef8e0!important}.c-green-200{color:#89ecbc}.c-green-200-i{color:#89ecbc!important}.c-green-300{color:#49cc93}.c-green-300-i{color:#49cc93!important}.c-green-400{color:#15a46e}.c-green-400-i{color:#15a46e!important}.c-green-500{color:#007a4d}.c-green-500-i{color:#007a4d!important}.c-green-600{color:#005132}.c-green-600-i{color:#005132!important}.c-cyan-100{color:#e3fcff}.c-cyan-100-i{color:#e3fcff!important}.c-cyan-200{color:#b1f3fa}.c-cyan-200-i{color:#b1f3fa!important}.c-cyan-300{color:#13ceea}.c-cyan-300-i{color:#13ceea!important}.c-cyan-400{color:#08bfdf}.c-cyan-400-i{color:#08bfdf!important}.c-cyan-500{color:#0ca5c0}.c-cyan-500-i{color:#0ca5c0!important}.c-cyan-600{color:#038299}.c-cyan-600-i{color:#038299!important}.c-purple-100{color:#f1edff}.c-purple-100-i{color:#f1edff!important}.c-purple-200{color:#c1b6f2}.c-purple-200-i{color:#c1b6f2!important}.c-purple-300{color:#8772e5}.c-purple-300-i{color:#8772e5!important}.c-purple-400{color:#6954c0}.c-purple-400-i{color:#6954c0!important}.c-purple-500{color:#4f3a9e}.c-purple-500-i{color:#4f3a9e!important}.c-purple-600{color:#422799}.c-purple-600-i{color:#422799!important}.c-red-100{color:#ffece9}.c-red-100-i{color:#ffece9!important}.c-red-200{color:#ffb2a0}.c-red-200-i{color:#ffb2a0!important}.c-red-300{color:#ff745f}.c-red-300-i{color:#ff745f!important}.c-red-400{color:#f94d32}.c-red-400-i{color:#f94d32!important}.c-red-500{color:#e13212}.c-red-500-i{color:#e13212!important}.c-red-600{color:#bf2a00}.c-red-600-i{color:#bf2a00!important}.c-magenta-100{color:#fbeaf5}.c-magenta-100-i{color:#fbeaf5!important}.c-magenta-200{color:#faafe2}.c-magenta-200-i{color:#faafe2!important}.c-magenta-300{color:#d949a9}.c-magenta-300-i{color:#d949a9!important}.c-magenta-400{color:#b52d88}.c-magenta-400-i{color:#b52d88!important}.c-magenta-500{color:#982071}.c-magenta-500-i{color:#982071!important}.c-magenta-600{color:#7d165b}.c-magenta-600-i{color:#7d165b!important}.c-inherit{color:inherit}.c-inherit-i{color:inherit!important}.c-brand-ti{color:#191950}.cursor-alias{cursor:alias}.cursor-alias-i{cursor:alias!important}.cursor-all-scroll{cursor:all-scroll}.cursor-all-scroll-i{cursor:all-scroll!important}.cursor-auto{cursor:auto}.cursor-auto-i{cursor:auto!important}.cursor-cell{cursor:cell}.cursor-cell-i{cursor:cell!important}.cursor-context-menu{cursor:context-menu}.cursor-context-menu-i{cursor:context-menu!important}.cursor-copy{cursor:copy}.cursor-copy-i{cursor:copy!important}.cursor-crosshair{cursor:crosshair}.cursor-crosshair-i{cursor:crosshair!important}.cursor-default{cursor:default}.cursor-default-i{cursor:default!important}.cursor-grab{cursor:grab}.cursor-grab-i{cursor:grab!important}.cursor-grabbing{cursor:grabbing}.cursor-grabbing-i{cursor:grabbing!important}.cursor-help{cursor:help}.cursor-help-i{cursor:help!important}.cursor-move{cursor:move}.cursor-move-i{cursor:move!important}.cursor-none{cursor:none}.cursor-none-i{cursor:none!important}.cursor-not-allowed{cursor:not-allowed}.cursor-not-allowed-i{cursor:not-allowed!important}.cursor-no-drop{cursor:no-drop}.cursor-no-drop-i{cursor:no-drop!important}.cursor-pointer{cursor:pointer}.cursor-pointer-i{cursor:pointer!important}.cursor-progress{cursor:progress}.cursor-progress-i{cursor:progress!important}.cursor-text{cursor:text}.cursor-text-i{cursor:text!important}.cursor-vertical-text{cursor:vertical-text}.cursor-vertical-text-i{cursor:vertical-text!important}.cursor-wait{cursor:wait}.cursor-wait-i{cursor:wait!important}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-in-i{cursor:zoom-in!important}.cursor-zoom-out{cursor:zoom-out}.cursor-zoom-out-i{cursor:zoom-out!important}.cursor-e-resize{cursor:e-resize}.cursor-e-resize-i{cursor:e-resize!important}.cursor-n-resize{cursor:n-resize}.cursor-n-resize-i{cursor:n-resize!important}.cursor-ne-resize{cursor:ne-resize}.cursor-ne-resize-i{cursor:ne-resize!important}.cursor-nw-resize{cursor:nw-resize}.cursor-nw-resize-i{cursor:nw-resize!important}.cursor-s-resize{cursor:s-resize}.cursor-s-resize-i{cursor:s-resize!important}.cursor-se-resize{cursor:se-resize}.cursor-se-resize-i{cursor:se-resize!important}.cursor-sw-resize{cursor:sw-resize}.cursor-sw-resize-i{cursor:sw-resize!important}.cursor-w-resize{cursor:w-resize}.cursor-w-resize-i{cursor:w-resize!important}.cursor-ew-resize{cursor:ew-resize}.cursor-ew-resize-i{cursor:ew-resize!important}.cursor-ns-resize{cursor:ns-resize}.cursor-ns-resize-i{cursor:ns-resize!important}.cursor-nesw-resize{cursor:nesw-resize}.cursor-nesw-resize-i{cursor:nesw-resize!important}.cursor-nwse-resize{cursor:nwse-resize}.cursor-nwse-resize-i{cursor:nwse-resize!important}.cursor-col-resize{cursor:col-resize}.cursor-col-resize-i{cursor:col-resize!important}.cursor-row-resize{cursor:row-resize}.cursor-row-resize-i{cursor:row-resize!important}.debug *{outline:1px solid gold}.debug-i *{outline:1px solid gold!important}.d-n{display:none}.d-n-i{display:none!important}.d-i{display:inline}.d-i-i{display:inline!important}.d-b{display:block}.d-b-i{display:block!important}.d-ib{display:inline-block}.d-ib-i{display:inline-block!important}.d-t{display:table}.d-t-i{display:table!important}.d-it{display:inline-table}.d-it-i{display:inline-table!important}.d-tc{display:table-cell}.d-tc-i{display:table-cell!important}.d-tr{display:table-row}.d-tr-i{display:table-row!important}.d-f{display:flex}.d-f-i{display:flex!important}.d-if{display:inline-flex}.d-if-i{display:inline-flex!important}.d-t-fixed{table-layout:fixed;width:100%}.d-t-fixed-i{table-layout:fixed!important;width:100%!important}.elevation-0{border:0}.elevation-0-i{border:0!important}.elevation-1{border:1px solid #dfe0e1}.elevation-1-i{border:1px solid #dfe0e1!important}.elevation-2{border:1px solid #dfe0e1}.elevation-2-i{border:1px solid #dfe0e1!important}.elevation-3{border:1px solid #dfe0e1}.elevation-3-i{border:1px solid #dfe0e1!important}.elevation-4{border:1px solid #dfe0e1}.elevation-4-i{border:1px solid #dfe0e1!important}.elevation-0{box-shadow:none}.elevation-0-i{box-shadow:none!important}.elevation-1{box-shadow:none}.elevation-1-i{box-shadow:none!important}.elevation-2{box-shadow:0 1px 2px rgba(20,20,20,.1)}.elevation-2-i{box-shadow:0 1px 2px rgba(20,20,20,.1)!important}.elevation-3{box-shadow:0 2px 8px rgba(20,20,20,.1)}.elevation-3-i{box-shadow:0 2px 8px rgba(20,20,20,.1)!important}.elevation-4{box-shadow:0 8px 24px rgba(20,20,20,.1)}.elevation-4-i{box-shadow:0 8px 24px rgba(20,20,20,.1)!important}.shadow-0{box-shadow:none}.shadow-0-i{box-shadow:none!important}.shadow-1{box-shadow:0 1px 2px rgba(20,20,20,.1)}.shadow-1-i{box-shadow:0 1px 2px rgba(20,20,20,.1)!important}.shadow-2{box-shadow:0 2px 8px rgba(20,20,20,.1)}.shadow-2-i{box-shadow:0 2px 8px rgba(20,20,20,.1)!important}.shadow-3{box-shadow:0 8px 24px rgba(20,20,20,.1)}.shadow-3-i{box-shadow:0 8px 24px rgba(20,20,20,.1)!important}.flex-auto{flex:1 1 auto;min-width:0;min-height:0}.flex-none{flex:none}.flex-none-i{flex:none!important}.flex-column{flex-direction:column}.flex-column-i{flex-direction:column!important}.flex-row{flex-direction:row}.flex-row-i{flex-direction:row!important}.flex-column-reverse{flex-direction:column-reverse}.flex-column-reverse-i{flex-direction:column-reverse!important}.flex-row-reverse{flex-direction:row-reverse}.flex-row-reverse-i{flex-direction:row-reverse!important}.flex-wrap{flex-wrap:wrap}.flex-wrap-i{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap}.flex-nowrap-i{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-wrap-reverse-i{flex-wrap:wrap-reverse!important}.align-items-start{align-items:flex-start}.align-items-start-i{align-items:flex-start!important}.align-items-end{align-items:flex-end}.align-items-end-i{align-items:flex-end!important}.align-items-center{align-items:center}.align-items-center-i{align-items:center!important}.align-items-baseline{align-items:baseline}.align-items-baseline-i{align-items:baseline!important}.align-items-stretch{align-items:stretch}.align-items-stretch-i{align-items:stretch!important}.align-self-start{align-self:flex-start}.align-self-start-i{align-self:flex-start!important}.align-self-end{align-self:flex-end}.align-self-end-i{align-self:flex-end!important}.align-self-center{align-self:center}.align-self-center-i{align-self:center!important}.align-self-baseline{align-self:baseline}.align-self-baseline-i{align-self:baseline!important}.align-self-stretch{align-self:stretch}.align-self-stretch-i{align-self:stretch!important}.align-self-auto{align-self:auto}.align-self-auto-i{align-self:auto!important}.justify-content-start{justify-content:flex-start}.justify-content-start-i{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end}.justify-content-end-i{justify-content:flex-end!important}.justify-content-center{justify-content:center}.justify-content-center-i{justify-content:center!important}.justify-content-between{justify-content:space-between}.justify-content-between-i{justify-content:space-between!important}.justify-content-around{justify-content:space-around}.justify-content-around-i{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly}.justify-content-evenly-i{justify-content:space-evenly!important}.align-content-start{align-content:flex-start}.align-content-start-i{align-content:flex-start!important}.align-content-end{align-content:flex-end}.align-content-end-i{align-content:flex-end!important}.align-content-center{align-content:center}.align-content-center-i{align-content:center!important}.align-content-between{align-content:space-between}.align-content-between-i{align-content:space-between!important}.align-content-around{align-content:space-around}.align-content-around-i{align-content:space-around!important}.align-content-stretch{align-content:stretch}.align-content-stretch-i{align-content:stretch!important}.order-0{order:0}.order-0-i{order:0!important}.order-1{order:1}.order-1-i{order:1!important}.order-2{order:2}.order-2-i{order:2!important}.order-3{order:3}.order-3-i{order:3!important}.order-4{order:4}.order-4-i{order:4!important}.order-5{order:5}.order-5-i{order:5!important}.order-6{order:6}.order-6-i{order:6!important}.order-7{order:7}.order-7-i{order:7!important}.order-8{order:8}.order-8-i{order:8!important}.order-last{order:99999}.order-last-i{order:99999!important}.flex-grow-0{flex-grow:0}.flex-grow-0-i{flex-grow:0!important}.flex-grow-1{flex-grow:1}.flex-grow-1-i{flex-grow:1!important}.flex-grow-2{flex-grow:2}.flex-grow-2-i{flex-grow:2!important}.flex-grow-3{flex-grow:3}.flex-grow-3-i{flex-grow:3!important}.flex-grow-4{flex-grow:4}.flex-grow-4-i{flex-grow:4!important}.flex-grow-5{flex-grow:5}.flex-grow-5-i{flex-grow:5!important}.flex-shrink-0{flex-shrink:0}.flex-shrink-0-i{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1}.flex-shrink-1-i{flex-shrink:1!important}.flex-shrink-2{flex-shrink:2}.flex-shrink-2-i{flex-shrink:2!important}.flex-shrink-3{flex-shrink:3}.flex-shrink-3-i{flex-shrink:3!important}.flex-basis-auto{flex-basis:auto}.flex-basis-auto-i{flex-basis:auto!important}.flex-basis-0{flex-basis:0}.flex-basis-0-i{flex-basis:0!important}.ff-default{font-family:"Nunito Sans",sans-serif}.ff-default-i{font-family:"Nunito Sans",sans-serif!important}.ff-display{font-family:"Sofia Pro",SofiaPro,sans-serif}.ff-display-i{font-family:"Sofia Pro",SofiaPro,sans-serif!important}.fs-0{font-size:10px}.fs-0-i{font-size:10px!important}.fs-1{font-size:12px}.fs-1-i{font-size:12px!important}.fs-2{font-size:14px}.fs-2-i{font-size:14px!important}.fs-3{font-size:16px}.fs-3-i{font-size:16px!important}.fs-4{font-size:20px}.fs-4-i{font-size:20px!important}.fs-5{font-size:26px}.fs-5-i{font-size:26px!important}.fs-6{font-size:32px}.fs-6-i{font-size:32px!important}.fs-7{font-size:41px}.fs-7-i{font-size:41px!important}.h1{font-size:12px}.h2{font-size:14px}.h3{font-size:16px}.h4{font-size:20px}.h5{font-size:26px}.h6{font-size:32px}.h7{font-size:41px}.fs-normal{font-style:normal}.fs-normal-i{font-style:normal!important}.fs-italic{font-style:italic}.fs-italic-i{font-style:italic!important}.fs-1,.fs-2,.fs-3,.fs-4,.fs-5,.fs-6,.fs-7{font-weight:400}.h1,.h2,.h3,.h4,.h5,.h6,.h7{font-weight:700}.fw-normal{font-weight:400}.fw-normal-i{font-weight:400!important}.fw-bold{font-weight:700}.fw-bold-i{font-weight:700!important}.h-0{height:0}.h-0-i{height:0!important}.h-100{height:100%}.h-100-i{height:100%!important}.h-100vh{height:100vh}.h-100vh-i{height:100vh!important}.h-auto{height:auto}.h-auto-i{height:auto!important}.lh-default{line-height:1.5}.lh-default-i{line-height:1.5!important}.lh-display{line-height:1.25}.lh-display-i{line-height:1.25!important}.lh-1{line-height:1}.lh-1-i{line-height:1!important}.Button.m-0,.m-0{margin:0}.Button.m-0-i,.m-0-i{margin:0!important}.Button.m-1,.m-1{margin:8px}.Button.m-1-i,.m-1-i{margin:8px!important}.Button.m-2,.m-2{margin:16px}.Button.m-2-i,.m-2-i{margin:16px!important}.Button.m-3,.m-3{margin:24px}.Button.m-3-i,.m-3-i{margin:24px!important}.Button.m-4,.m-4{margin:32px}.Button.m-4-i,.m-4-i{margin:32px!important}.Button.m-5,.m-5{margin:48px}.Button.m-5-i,.m-5-i{margin:48px!important}.Button.m-6,.m-6{margin:64px}.Button.m-6-i,.m-6-i{margin:64px!important}.Button.m-7,.m-7{margin:96px}.Button.m-7-i,.m-7-i{margin:96px!important}.Button.m-8,.m-8{margin:128px}.Button.m-8-i,.m-8-i{margin:128px!important}.Button.m-half,.m-half{margin:4px}.Button.m-half-i,.m-half-i{margin:4px!important}.Button.m--1,.m--1{margin:-8px}.Button.m--1-i,.m--1-i{margin:-8px!important}.Button.m--2,.m--2{margin:-16px}.Button.m--2-i,.m--2-i{margin:-16px!important}.Button.m--3,.m--3{margin:-24px}.Button.m--3-i,.m--3-i{margin:-24px!important}.Button.m--4,.m--4{margin:-32px}.Button.m--4-i,.m--4-i{margin:-32px!important}.Button.m--5,.m--5{margin:-48px}.Button.m--5-i,.m--5-i{margin:-48px!important}.Button.m--6,.m--6{margin:-64px}.Button.m--6-i,.m--6-i{margin:-64px!important}.Button.m--7,.m--7{margin:-96px}.Button.m--7-i,.m--7-i{margin:-96px!important}.Button.m--8,.m--8{margin:-128px}.Button.m--8-i,.m--8-i{margin:-128px!important}.Button.m--half,.m--half{margin:-4px}.Button.m--half-i,.m--half-i{margin:-4px!important}.Button.m-auto,.m-auto{margin:auto}.Button.m-auto-i,.m-auto-i{margin:auto!important}.Button.m-x-0,.m-x-0{margin-left:0;margin-right:0}.Button.m-x-0-i,.m-x-0-i{margin-left:0!important;margin-right:0!important}.Button.m-x-1,.m-x-1{margin-left:8px;margin-right:8px}.Button.m-x-1-i,.m-x-1-i{margin-left:8px!important;margin-right:8px!important}.Button.m-x-2,.m-x-2{margin-left:16px;margin-right:16px}.Button.m-x-2-i,.m-x-2-i{margin-left:16px!important;margin-right:16px!important}.Button.m-x-3,.m-x-3{margin-left:24px;margin-right:24px}.Button.m-x-3-i,.m-x-3-i{margin-left:24px!important;margin-right:24px!important}.Button.m-x-4,.m-x-4{margin-left:32px;margin-right:32px}.Button.m-x-4-i,.m-x-4-i{margin-left:32px!important;margin-right:32px!important}.Button.m-x-5,.m-x-5{margin-left:48px;margin-right:48px}.Button.m-x-5-i,.m-x-5-i{margin-left:48px!important;margin-right:48px!important}.Button.m-x-6,.m-x-6{margin-left:64px;margin-right:64px}.Button.m-x-6-i,.m-x-6-i{margin-left:64px!important;margin-right:64px!important}.Button.m-x-7,.m-x-7{margin-left:96px;margin-right:96px}.Button.m-x-7-i,.m-x-7-i{margin-left:96px!important;margin-right:96px!important}.Button.m-x-8,.m-x-8{margin-left:128px;margin-right:128px}.Button.m-x-8-i,.m-x-8-i{margin-left:128px!important;margin-right:128px!important}.Button.m-x-half,.m-x-half{margin-left:4px;margin-right:4px}.Button.m-x-half-i,.m-x-half-i{margin-left:4px!important;margin-right:4px!important}.Button.m-x--1,.m-x--1{margin-left:-8px;margin-right:-8px}.Button.m-x--1-i,.m-x--1-i{margin-left:-8px!important;margin-right:-8px!important}.Button.m-x--2,.m-x--2{margin-left:-16px;margin-right:-16px}.Button.m-x--2-i,.m-x--2-i{margin-left:-16px!important;margin-right:-16px!important}.Button.m-x--3,.m-x--3{margin-left:-24px;margin-right:-24px}.Button.m-x--3-i,.m-x--3-i{margin-left:-24px!important;margin-right:-24px!important}.Button.m-x--4,.m-x--4{margin-left:-32px;margin-right:-32px}.Button.m-x--4-i,.m-x--4-i{margin-left:-32px!important;margin-right:-32px!important}.Button.m-x--5,.m-x--5{margin-left:-48px;margin-right:-48px}.Button.m-x--5-i,.m-x--5-i{margin-left:-48px!important;margin-right:-48px!important}.Button.m-x--6,.m-x--6{margin-left:-64px;margin-right:-64px}.Button.m-x--6-i,.m-x--6-i{margin-left:-64px!important;margin-right:-64px!important}.Button.m-x--7,.m-x--7{margin-left:-96px;margin-right:-96px}.Button.m-x--7-i,.m-x--7-i{margin-left:-96px!important;margin-right:-96px!important}.Button.m-x--8,.m-x--8{margin-left:-128px;margin-right:-128px}.Button.m-x--8-i,.m-x--8-i{margin-left:-128px!important;margin-right:-128px!important}.Button.m-x--half,.m-x--half{margin-left:-4px;margin-right:-4px}.Button.m-x--half-i,.m-x--half-i{margin-left:-4px!important;margin-right:-4px!important}.Button.m-x-auto,.m-x-auto{margin-left:auto;margin-right:auto}.Button.m-x-auto-i,.m-x-auto-i{margin-left:auto!important;margin-right:auto!important}.Button.m-y-0,.m-y-0{margin-top:0;margin-bottom:0}.Button.m-y-0-i,.m-y-0-i{margin-top:0!important;margin-bottom:0!important}.Button.m-y-1,.m-y-1{margin-top:8px;margin-bottom:8px}.Button.m-y-1-i,.m-y-1-i{margin-top:8px!important;margin-bottom:8px!important}.Button.m-y-2,.m-y-2{margin-top:16px;margin-bottom:16px}.Button.m-y-2-i,.m-y-2-i{margin-top:16px!important;margin-bottom:16px!important}.Button.m-y-3,.m-y-3{margin-top:24px;margin-bottom:24px}.Button.m-y-3-i,.m-y-3-i{margin-top:24px!important;margin-bottom:24px!important}.Button.m-y-4,.m-y-4{margin-top:32px;margin-bottom:32px}.Button.m-y-4-i,.m-y-4-i{margin-top:32px!important;margin-bottom:32px!important}.Button.m-y-5,.m-y-5{margin-top:48px;margin-bottom:48px}.Button.m-y-5-i,.m-y-5-i{margin-top:48px!important;margin-bottom:48px!important}.Button.m-y-6,.m-y-6{margin-top:64px;margin-bottom:64px}.Button.m-y-6-i,.m-y-6-i{margin-top:64px!important;margin-bottom:64px!important}.Button.m-y-7,.m-y-7{margin-top:96px;margin-bottom:96px}.Button.m-y-7-i,.m-y-7-i{margin-top:96px!important;margin-bottom:96px!important}.Button.m-y-8,.m-y-8{margin-top:128px;margin-bottom:128px}.Button.m-y-8-i,.m-y-8-i{margin-top:128px!important;margin-bottom:128px!important}.Button.m-y-half,.m-y-half{margin-top:4px;margin-bottom:4px}.Button.m-y-half-i,.m-y-half-i{margin-top:4px!important;margin-bottom:4px!important}.Button.m-y--1,.m-y--1{margin-top:-8px;margin-bottom:-8px}.Button.m-y--1-i,.m-y--1-i{margin-top:-8px!important;margin-bottom:-8px!important}.Button.m-y--2,.m-y--2{margin-top:-16px;margin-bottom:-16px}.Button.m-y--2-i,.m-y--2-i{margin-top:-16px!important;margin-bottom:-16px!important}.Button.m-y--3,.m-y--3{margin-top:-24px;margin-bottom:-24px}.Button.m-y--3-i,.m-y--3-i{margin-top:-24px!important;margin-bottom:-24px!important}.Button.m-y--4,.m-y--4{margin-top:-32px;margin-bottom:-32px}.Button.m-y--4-i,.m-y--4-i{margin-top:-32px!important;margin-bottom:-32px!important}.Button.m-y--5,.m-y--5{margin-top:-48px;margin-bottom:-48px}.Button.m-y--5-i,.m-y--5-i{margin-top:-48px!important;margin-bottom:-48px!important}.Button.m-y--6,.m-y--6{margin-top:-64px;margin-bottom:-64px}.Button.m-y--6-i,.m-y--6-i{margin-top:-64px!important;margin-bottom:-64px!important}.Button.m-y--7,.m-y--7{margin-top:-96px;margin-bottom:-96px}.Button.m-y--7-i,.m-y--7-i{margin-top:-96px!important;margin-bottom:-96px!important}.Button.m-y--8,.m-y--8{margin-top:-128px;margin-bottom:-128px}.Button.m-y--8-i,.m-y--8-i{margin-top:-128px!important;margin-bottom:-128px!important}.Button.m-y--half,.m-y--half{margin-top:-4px;margin-bottom:-4px}.Button.m-y--half-i,.m-y--half-i{margin-top:-4px!important;margin-bottom:-4px!important}.Button.m-y-auto,.m-y-auto{margin-top:auto;margin-bottom:auto}.Button.m-y-auto-i,.m-y-auto-i{margin-top:auto!important;margin-bottom:auto!important}.Button.m-t-0,.m-t-0{margin-top:0}.Button.m-t-0-i,.m-t-0-i{margin-top:0!important}.Button.m-t-1,.m-t-1{margin-top:8px}.Button.m-t-1-i,.m-t-1-i{margin-top:8px!important}.Button.m-t-2,.m-t-2{margin-top:16px}.Button.m-t-2-i,.m-t-2-i{margin-top:16px!important}.Button.m-t-3,.m-t-3{margin-top:24px}.Button.m-t-3-i,.m-t-3-i{margin-top:24px!important}.Button.m-t-4,.m-t-4{margin-top:32px}.Button.m-t-4-i,.m-t-4-i{margin-top:32px!important}.Button.m-t-5,.m-t-5{margin-top:48px}.Button.m-t-5-i,.m-t-5-i{margin-top:48px!important}.Button.m-t-6,.m-t-6{margin-top:64px}.Button.m-t-6-i,.m-t-6-i{margin-top:64px!important}.Button.m-t-7,.m-t-7{margin-top:96px}.Button.m-t-7-i,.m-t-7-i{margin-top:96px!important}.Button.m-t-8,.m-t-8{margin-top:128px}.Button.m-t-8-i,.m-t-8-i{margin-top:128px!important}.Button.m-t-half,.m-t-half{margin-top:4px}.Button.m-t-half-i,.m-t-half-i{margin-top:4px!important}.Button.m-t--1,.m-t--1{margin-top:-8px}.Button.m-t--1-i,.m-t--1-i{margin-top:-8px!important}.Button.m-t--2,.m-t--2{margin-top:-16px}.Button.m-t--2-i,.m-t--2-i{margin-top:-16px!important}.Button.m-t--3,.m-t--3{margin-top:-24px}.Button.m-t--3-i,.m-t--3-i{margin-top:-24px!important}.Button.m-t--4,.m-t--4{margin-top:-32px}.Button.m-t--4-i,.m-t--4-i{margin-top:-32px!important}.Button.m-t--5,.m-t--5{margin-top:-48px}.Button.m-t--5-i,.m-t--5-i{margin-top:-48px!important}.Button.m-t--6,.m-t--6{margin-top:-64px}.Button.m-t--6-i,.m-t--6-i{margin-top:-64px!important}.Button.m-t--7,.m-t--7{margin-top:-96px}.Button.m-t--7-i,.m-t--7-i{margin-top:-96px!important}.Button.m-t--8,.m-t--8{margin-top:-128px}.Button.m-t--8-i,.m-t--8-i{margin-top:-128px!important}.Button.m-t--half,.m-t--half{margin-top:-4px}.Button.m-t--half-i,.m-t--half-i{margin-top:-4px!important}.Button.m-t-auto,.m-t-auto{margin-top:auto}.Button.m-t-auto-i,.m-t-auto-i{margin-top:auto!important}.Button.m-r-0,.m-r-0{margin-right:0}.Button.m-r-0-i,.m-r-0-i{margin-right:0!important}.Button.m-r-1,.m-r-1{margin-right:8px}.Button.m-r-1-i,.m-r-1-i{margin-right:8px!important}.Button.m-r-2,.m-r-2{margin-right:16px}.Button.m-r-2-i,.m-r-2-i{margin-right:16px!important}.Button.m-r-3,.m-r-3{margin-right:24px}.Button.m-r-3-i,.m-r-3-i{margin-right:24px!important}.Button.m-r-4,.m-r-4{margin-right:32px}.Button.m-r-4-i,.m-r-4-i{margin-right:32px!important}.Button.m-r-5,.m-r-5{margin-right:48px}.Button.m-r-5-i,.m-r-5-i{margin-right:48px!important}.Button.m-r-6,.m-r-6{margin-right:64px}.Button.m-r-6-i,.m-r-6-i{margin-right:64px!important}.Button.m-r-7,.m-r-7{margin-right:96px}.Button.m-r-7-i,.m-r-7-i{margin-right:96px!important}.Button.m-r-8,.m-r-8{margin-right:128px}.Button.m-r-8-i,.m-r-8-i{margin-right:128px!important}.Button.m-r-half,.m-r-half{margin-right:4px}.Button.m-r-half-i,.m-r-half-i{margin-right:4px!important}.Button.m-r--1,.m-r--1{margin-right:-8px}.Button.m-r--1-i,.m-r--1-i{margin-right:-8px!important}.Button.m-r--2,.m-r--2{margin-right:-16px}.Button.m-r--2-i,.m-r--2-i{margin-right:-16px!important}.Button.m-r--3,.m-r--3{margin-right:-24px}.Button.m-r--3-i,.m-r--3-i{margin-right:-24px!important}.Button.m-r--4,.m-r--4{margin-right:-32px}.Button.m-r--4-i,.m-r--4-i{margin-right:-32px!important}.Button.m-r--5,.m-r--5{margin-right:-48px}.Button.m-r--5-i,.m-r--5-i{margin-right:-48px!important}.Button.m-r--6,.m-r--6{margin-right:-64px}.Button.m-r--6-i,.m-r--6-i{margin-right:-64px!important}.Button.m-r--7,.m-r--7{margin-right:-96px}.Button.m-r--7-i,.m-r--7-i{margin-right:-96px!important}.Button.m-r--8,.m-r--8{margin-right:-128px}.Button.m-r--8-i,.m-r--8-i{margin-right:-128px!important}.Button.m-r--half,.m-r--half{margin-right:-4px}.Button.m-r--half-i,.m-r--half-i{margin-right:-4px!important}.Button.m-r-auto,.m-r-auto{margin-right:auto}.Button.m-r-auto-i,.m-r-auto-i{margin-right:auto!important}.Button.m-b-0,.m-b-0{margin-bottom:0}.Button.m-b-0-i,.m-b-0-i{margin-bottom:0!important}.Button.m-b-1,.m-b-1{margin-bottom:8px}.Button.m-b-1-i,.m-b-1-i{margin-bottom:8px!important}.Button.m-b-2,.m-b-2{margin-bottom:16px}.Button.m-b-2-i,.m-b-2-i{margin-bottom:16px!important}.Button.m-b-3,.m-b-3{margin-bottom:24px}.Button.m-b-3-i,.m-b-3-i{margin-bottom:24px!important}.Button.m-b-4,.m-b-4{margin-bottom:32px}.Button.m-b-4-i,.m-b-4-i{margin-bottom:32px!important}.Button.m-b-5,.m-b-5{margin-bottom:48px}.Button.m-b-5-i,.m-b-5-i{margin-bottom:48px!important}.Button.m-b-6,.m-b-6{margin-bottom:64px}.Button.m-b-6-i,.m-b-6-i{margin-bottom:64px!important}.Button.m-b-7,.m-b-7{margin-bottom:96px}.Button.m-b-7-i,.m-b-7-i{margin-bottom:96px!important}.Button.m-b-8,.m-b-8{margin-bottom:128px}.Button.m-b-8-i,.m-b-8-i{margin-bottom:128px!important}.Button.m-b-half,.m-b-half{margin-bottom:4px}.Button.m-b-half-i,.m-b-half-i{margin-bottom:4px!important}.Button.m-b--1,.m-b--1{margin-bottom:-8px}.Button.m-b--1-i,.m-b--1-i{margin-bottom:-8px!important}.Button.m-b--2,.m-b--2{margin-bottom:-16px}.Button.m-b--2-i,.m-b--2-i{margin-bottom:-16px!important}.Button.m-b--3,.m-b--3{margin-bottom:-24px}.Button.m-b--3-i,.m-b--3-i{margin-bottom:-24px!important}.Button.m-b--4,.m-b--4{margin-bottom:-32px}.Button.m-b--4-i,.m-b--4-i{margin-bottom:-32px!important}.Button.m-b--5,.m-b--5{margin-bottom:-48px}.Button.m-b--5-i,.m-b--5-i{margin-bottom:-48px!important}.Button.m-b--6,.m-b--6{margin-bottom:-64px}.Button.m-b--6-i,.m-b--6-i{margin-bottom:-64px!important}.Button.m-b--7,.m-b--7{margin-bottom:-96px}.Button.m-b--7-i,.m-b--7-i{margin-bottom:-96px!important}.Button.m-b--8,.m-b--8{margin-bottom:-128px}.Button.m-b--8-i,.m-b--8-i{margin-bottom:-128px!important}.Button.m-b--half,.m-b--half{margin-bottom:-4px}.Button.m-b--half-i,.m-b--half-i{margin-bottom:-4px!important}.Button.m-b-auto,.m-b-auto{margin-bottom:auto}.Button.m-b-auto-i,.m-b-auto-i{margin-bottom:auto!important}.Button.m-l-0,.m-l-0{margin-left:0}.Button.m-l-0-i,.m-l-0-i{margin-left:0!important}.Button.m-l-1,.m-l-1{margin-left:8px}.Button.m-l-1-i,.m-l-1-i{margin-left:8px!important}.Button.m-l-2,.m-l-2{margin-left:16px}.Button.m-l-2-i,.m-l-2-i{margin-left:16px!important}.Button.m-l-3,.m-l-3{margin-left:24px}.Button.m-l-3-i,.m-l-3-i{margin-left:24px!important}.Button.m-l-4,.m-l-4{margin-left:32px}.Button.m-l-4-i,.m-l-4-i{margin-left:32px!important}.Button.m-l-5,.m-l-5{margin-left:48px}.Button.m-l-5-i,.m-l-5-i{margin-left:48px!important}.Button.m-l-6,.m-l-6{margin-left:64px}.Button.m-l-6-i,.m-l-6-i{margin-left:64px!important}.Button.m-l-7,.m-l-7{margin-left:96px}.Button.m-l-7-i,.m-l-7-i{margin-left:96px!important}.Button.m-l-8,.m-l-8{margin-left:128px}.Button.m-l-8-i,.m-l-8-i{margin-left:128px!important}.Button.m-l-half,.m-l-half{margin-left:4px}.Button.m-l-half-i,.m-l-half-i{margin-left:4px!important}.Button.m-l--1,.m-l--1{margin-left:-8px}.Button.m-l--1-i,.m-l--1-i{margin-left:-8px!important}.Button.m-l--2,.m-l--2{margin-left:-16px}.Button.m-l--2-i,.m-l--2-i{margin-left:-16px!important}.Button.m-l--3,.m-l--3{margin-left:-24px}.Button.m-l--3-i,.m-l--3-i{margin-left:-24px!important}.Button.m-l--4,.m-l--4{margin-left:-32px}.Button.m-l--4-i,.m-l--4-i{margin-left:-32px!important}.Button.m-l--5,.m-l--5{margin-left:-48px}.Button.m-l--5-i,.m-l--5-i{margin-left:-48px!important}.Button.m-l--6,.m-l--6{margin-left:-64px}.Button.m-l--6-i,.m-l--6-i{margin-left:-64px!important}.Button.m-l--7,.m-l--7{margin-left:-96px}.Button.m-l--7-i,.m-l--7-i{margin-left:-96px!important}.Button.m-l--8,.m-l--8{margin-left:-128px}.Button.m-l--8-i,.m-l--8-i{margin-left:-128px!important}.Button.m-l--half,.m-l--half{margin-left:-4px}.Button.m-l--half-i,.m-l--half-i{margin-left:-4px!important}.Button.m-l-auto,.m-l-auto{margin-left:auto}.Button.m-l-auto-i,.m-l-auto-i{margin-left:auto!important}.max-h-none{max-height:none}.max-h-none-i{max-height:none!important}.max-h-0{max-height:0}.max-h-0-i{max-height:0!important}.max-h-100{max-height:100%}.max-h-100-i{max-height:100%!important}.max-h-100vh{max-height:100vh}.max-h-100vh-i{max-height:100vh!important}.max-h-auto{max-height:auto}.max-h-auto-i{max-height:auto!important}.mw-mobile{max-width:320px}.mw-mobile-i{max-width:320px!important}.mw-tablet{max-width:768px}.mw-tablet-i{max-width:768px!important}.mw-desktop{max-width:992px}.mw-desktop-i{max-width:992px!important}.mw-desktop-large{max-width:1200px}.mw-desktop-large-i{max-width:1200px!important}.mw-desktop-wide{max-width:1920px}.mw-desktop-wide-i{max-width:1920px!important}.max-w-25{max-width:25%}.max-w-25-i{max-width:25%!important}.max-w-33{max-width:33.33333%}.max-w-33-i{max-width:33.33333%!important}.max-w-50{max-width:50%}.max-w-50-i{max-width:50%!important}.max-w-66{max-width:66.66667%}.max-w-66-i{max-width:66.66667%!important}.max-w-75{max-width:75%}.max-w-75-i{max-width:75%!important}.max-w-100{max-width:100%}.max-w-100-i{max-width:100%!important}.max-w-100vh{max-width:100vw}.max-w-100vh-i{max-width:100vw!important}.max-w-none{max-width:none}.max-w-none-i{max-width:none!important}.min-h-0{min-height:0}.min-h-0-i{min-height:0!important}.min-h-100{min-height:100%}.min-h-100-i{min-height:100%!important}.min-h-100vh{min-height:100vh}.min-h-100vh-i{min-height:100vh!important}.min-h-auto{min-height:auto}.min-h-auto-i{min-height:auto!important}.min-w-0{min-width:0}.min-w-0-i{min-width:0!important}.min-w-25{min-width:25%}.min-w-25-i{min-width:25%!important}.min-w-33{min-width:33.33333%}.min-w-33-i{min-width:33.33333%!important}.min-w-50{min-width:50%}.min-w-50-i{min-width:50%!important}.min-w-66{min-width:66.66667%}.min-w-66-i{min-width:66.66667%!important}.min-w-75{min-width:75%}.min-w-75-i{min-width:75%!important}.min-w-100{min-width:100%}.min-w-100-i{min-width:100%!important}.min-w-100vh{min-width:100vh}.min-w-100vh-i{min-width:100vh!important}.opacity-none{opacity:1}.opacity-none-i{opacity:1!important}.opacity-disabled{opacity:.6}.opacity-disabled-i{opacity:.6!important}.opacity-placeholder{opacity:.4}.opacity-placeholder-i{opacity:.4!important}.opacity-hovered:hover{opacity:.8}.opacity-hovered-i:hover{opacity:.8!important}.of-auto{overflow:auto}.of-auto-i{overflow:auto!important}.of-hidden{overflow:hidden}.of-hidden-i{overflow:hidden!important}.of-scroll{overflow:scroll}.of-scroll-i{overflow:scroll!important}.of-visible{overflow:visible}.of-visible-i{overflow:visible!important}.of-x-auto{overflow-x:auto}.of-x-auto-i{overflow-x:auto!important}.of-x-hidden{overflow-x:hidden}.of-x-hidden-i{overflow-x:hidden!important}.of-x-scroll{overflow-x:scroll}.of-x-scroll-i{overflow-x:scroll!important}.of-x-visible{overflow-x:visible}.of-x-visible-i{overflow-x:visible!important}.of-y-auto{overflow-y:auto}.of-y-auto-i{overflow-y:auto!important}.of-y-hidden{overflow-y:hidden}.of-y-hidden-i{overflow-y:hidden!important}.of-y-scroll{overflow-y:scroll}.of-y-scroll-i{overflow-y:scroll!important}.of-y-visible{overflow-y:visible}.of-y-visible-i{overflow-y:visible!important}.p-0{padding:0}.p-0-i{padding:0!important}.p-1{padding:8px}.p-1-i{padding:8px!important}.p-2{padding:16px}.p-2-i{padding:16px!important}.p-3{padding:24px}.p-3-i{padding:24px!important}.p-4{padding:32px}.p-4-i{padding:32px!important}.p-5{padding:48px}.p-5-i{padding:48px!important}.p-6{padding:64px}.p-6-i{padding:64px!important}.p-7{padding:96px}.p-7-i{padding:96px!important}.p-8{padding:128px}.p-8-i{padding:128px!important}.p-half{padding:4px}.p-half-i{padding:4px!important}.p-auto{padding:auto}.p-auto-i{padding:auto!important}.p-x-0{padding-left:0;padding-right:0}.p-x-0-i{padding-left:0!important;padding-right:0!important}.p-x-1{padding-left:8px;padding-right:8px}.p-x-1-i{padding-left:8px!important;padding-right:8px!important}.p-x-2{padding-left:16px;padding-right:16px}.p-x-2-i{padding-left:16px!important;padding-right:16px!important}.p-x-3{padding-left:24px;padding-right:24px}.p-x-3-i{padding-left:24px!important;padding-right:24px!important}.p-x-4{padding-left:32px;padding-right:32px}.p-x-4-i{padding-left:32px!important;padding-right:32px!important}.p-x-5{padding-left:48px;padding-right:48px}.p-x-5-i{padding-left:48px!important;padding-right:48px!important}.p-x-6{padding-left:64px;padding-right:64px}.p-x-6-i{padding-left:64px!important;padding-right:64px!important}.p-x-7{padding-left:96px;padding-right:96px}.p-x-7-i{padding-left:96px!important;padding-right:96px!important}.p-x-8{padding-left:128px;padding-right:128px}.p-x-8-i{padding-left:128px!important;padding-right:128px!important}.p-x-half{padding-left:4px;padding-right:4px}.p-x-half-i{padding-left:4px!important;padding-right:4px!important}.p-x-auto{padding-left:auto;padding-right:auto}.p-x-auto-i{padding-left:auto!important;padding-right:auto!important}.p-y-0{padding-top:0;padding-bottom:0}.p-y-0-i{padding-top:0!important;padding-bottom:0!important}.p-y-1{padding-top:8px;padding-bottom:8px}.p-y-1-i{padding-top:8px!important;padding-bottom:8px!important}.p-y-2{padding-top:16px;padding-bottom:16px}.p-y-2-i{padding-top:16px!important;padding-bottom:16px!important}.p-y-3{padding-top:24px;padding-bottom:24px}.p-y-3-i{padding-top:24px!important;padding-bottom:24px!important}.p-y-4{padding-top:32px;padding-bottom:32px}.p-y-4-i{padding-top:32px!important;padding-bottom:32px!important}.p-y-5{padding-top:48px;padding-bottom:48px}.p-y-5-i{padding-top:48px!important;padding-bottom:48px!important}.p-y-6{padding-top:64px;padding-bottom:64px}.p-y-6-i{padding-top:64px!important;padding-bottom:64px!important}.p-y-7{padding-top:96px;padding-bottom:96px}.p-y-7-i{padding-top:96px!important;padding-bottom:96px!important}.p-y-8{padding-top:128px;padding-bottom:128px}.p-y-8-i{padding-top:128px!important;padding-bottom:128px!important}.p-y-half{padding-top:4px;padding-bottom:4px}.p-y-half-i{padding-top:4px!important;padding-bottom:4px!important}.p-y-auto{padding-top:auto;padding-bottom:auto}.p-y-auto-i{padding-top:auto!important;padding-bottom:auto!important}.p-t-0{padding-top:0}.p-t-0-i{padding-top:0!important}.p-t-1{padding-top:8px}.p-t-1-i{padding-top:8px!important}.p-t-2{padding-top:16px}.p-t-2-i{padding-top:16px!important}.p-t-3{padding-top:24px}.p-t-3-i{padding-top:24px!important}.p-t-4{padding-top:32px}.p-t-4-i{padding-top:32px!important}.p-t-5{padding-top:48px}.p-t-5-i{padding-top:48px!important}.p-t-6{padding-top:64px}.p-t-6-i{padding-top:64px!important}.p-t-7{padding-top:96px}.p-t-7-i{padding-top:96px!important}.p-t-8{padding-top:128px}.p-t-8-i{padding-top:128px!important}.p-t-half{padding-top:4px}.p-t-half-i{padding-top:4px!important}.p-t-auto{padding-top:auto}.p-t-auto-i{padding-top:auto!important}.p-r-0{padding-right:0}.p-r-0-i{padding-right:0!important}.p-r-1{padding-right:8px}.p-r-1-i{padding-right:8px!important}.p-r-2{padding-right:16px}.p-r-2-i{padding-right:16px!important}.p-r-3{padding-right:24px}.p-r-3-i{padding-right:24px!important}.p-r-4{padding-right:32px}.p-r-4-i{padding-right:32px!important}.p-r-5{padding-right:48px}.p-r-5-i{padding-right:48px!important}.p-r-6{padding-right:64px}.p-r-6-i{padding-right:64px!important}.p-r-7{padding-right:96px}.p-r-7-i{padding-right:96px!important}.p-r-8{padding-right:128px}.p-r-8-i{padding-right:128px!important}.p-r-half{padding-right:4px}.p-r-half-i{padding-right:4px!important}.p-r-auto{padding-right:auto}.p-r-auto-i{padding-right:auto!important}.p-b-0{padding-bottom:0}.p-b-0-i{padding-bottom:0!important}.p-b-1{padding-bottom:8px}.p-b-1-i{padding-bottom:8px!important}.p-b-2{padding-bottom:16px}.p-b-2-i{padding-bottom:16px!important}.p-b-3{padding-bottom:24px}.p-b-3-i{padding-bottom:24px!important}.p-b-4{padding-bottom:32px}.p-b-4-i{padding-bottom:32px!important}.p-b-5{padding-bottom:48px}.p-b-5-i{padding-bottom:48px!important}.p-b-6{padding-bottom:64px}.p-b-6-i{padding-bottom:64px!important}.p-b-7{padding-bottom:96px}.p-b-7-i{padding-bottom:96px!important}.p-b-8{padding-bottom:128px}.p-b-8-i{padding-bottom:128px!important}.p-b-half{padding-bottom:4px}.p-b-half-i{padding-bottom:4px!important}.p-b-auto{padding-bottom:auto}.p-b-auto-i{padding-bottom:auto!important}.p-l-0{padding-left:0}.p-l-0-i{padding-left:0!important}.p-l-1{padding-left:8px}.p-l-1-i{padding-left:8px!important}.p-l-2{padding-left:16px}.p-l-2-i{padding-left:16px!important}.p-l-3{padding-left:24px}.p-l-3-i{padding-left:24px!important}.p-l-4{padding-left:32px}.p-l-4-i{padding-left:32px!important}.p-l-5{padding-left:48px}.p-l-5-i{padding-left:48px!important}.p-l-6{padding-left:64px}.p-l-6-i{padding-left:64px!important}.p-l-7{padding-left:96px}.p-l-7-i{padding-left:96px!important}.p-l-8{padding-left:128px}.p-l-8-i{padding-left:128px!important}.p-l-half{padding-left:4px}.p-l-half-i{padding-left:4px!important}.p-l-auto{padding-left:auto}.p-l-auto-i{padding-left:auto!important}.position-absolute{position:absolute}.position-absolute-i{position:absolute!important}.position-fixed{position:fixed}.position-fixed-i{position:fixed!important}.position-relative{position:relative}.position-relative-i{position:relative!important}.position-static{position:static}.position-static-i{position:static!important}.position-sticky{position:sticky}.position-sticky-i{position:sticky!important}.position-t-auto{top:auto}.position-t-auto-i{top:auto!important}.position-r-auto{right:auto}.position-r-auto-i{right:auto!important}.position-b-auto{bottom:auto}.position-b-auto-i{bottom:auto!important}.position-l-auto{left:auto}.position-l-auto-i{left:auto!important}.top-auto{top:auto}.top-auto-i{top:auto!important}.right-auto{right:auto}.right-auto-i{right:auto!important}.bottom-auto{bottom:auto}.bottom-auto-i{bottom:auto!important}.left-auto{left:auto}.left-auto-i{left:auto!important}.position-t-0{top:0}.position-t-0-i{top:0!important}.position-r-0{right:0}.position-r-0-i{right:0!important}.position-b-0{bottom:0}.position-b-0-i{bottom:0!important}.position-l-0{left:0}.position-l-0-i{left:0!important}.top-0{top:0}.top-0-i{top:0!important}.right-0{right:0}.right-0-i{right:0!important}.bottom-0{bottom:0}.bottom-0-i{bottom:0!important}.left-0{left:0}.left-0-i{left:0!important}.top-50{top:50%}.top-50-i{top:50%!important}.right-50{right:50%}.right-50-i{right:50%!important}.bottom-50{bottom:50%}.bottom-50-i{bottom:50%!important}.left-50{left:50%}.left-50-i{left:50%!important}.top-100{top:100%}.top-100-i{top:100%!important}.right-100{right:100%}.right-100-i{right:100%!important}.bottom-100{bottom:100%}.bottom-100-i{bottom:100%!important}.left-100{left:100%}.left-100-i{left:100%!important}.ta-left{text-align:left}.ta-left-i{text-align:left!important}.ta-right{text-align:right}.ta-right-i{text-align:right!important}.ta-center{text-align:center}.ta-center-i{text-align:center!important}.ta-justify{text-align:justify}.ta-justify-i{text-align:justify!important}.tt-none{text-transform:none}.tt-none-i{text-transform:none!important}.tt-capitalize{text-transform:capitalize}.tt-capitalize-i{text-transform:capitalize!important}.tt-lowercase{text-transform:lowercase}.tt-lowercase-i{text-transform:lowercase!important}.tt-uppercase{text-transform:uppercase}.tt-uppercase-i{text-transform:uppercase!important}.t-truncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.t-truncate-i{text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important}.w-25{width:25%}.w-25-i{width:25%!important}.w-33{width:33.33333%}.w-33-i{width:33.33333%!important}.w-50{width:50%}.w-50-i{width:50%!important}.w-66{width:66.66667%}.w-66-i{width:66.66667%!important}.w-75{width:75%}.w-75-i{width:75%!important}.w-100{width:100%}.w-100-i{width:100%!important}.w-100vw{width:100vw}.w-100vw-i{width:100vw!important}.w-auto{width:auto}.w-auto-i{width:auto!important}.z-notification{z-index:1200}.z-notification-i{z-index:1200!important}.z-overlay{z-index:1100}.z-overlay-i{z-index:1100!important}.z-guide-help{z-index:999}.z-guide-help-i{z-index:999!important}.z-global-nav{z-index:990}.z-global-nav-i{z-index:990!important}.z-popover{z-index:800}.z-popover-i{z-index:800!important}.z-modal{z-index:1100}.z-modal-i{z-index:1100!important}.z-drawer{z-index:1100}.z-drawer-i{z-index:1100!important}.transform-none{transform:none}.transform-none-i{transform:none!important}.translate-x-0{--transform-translate-x:0;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-y-0{--transform-translate-y:0;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-x-0-i{--transform-translate-x:0;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-y-0-i{--transform-translate-y:0;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-x-50{--transform-translate-x:50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-y-50{--transform-translate-y:50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-x-50-i{--transform-translate-x:50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-y-50-i{--transform-translate-y:50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-x-100{--transform-translate-x:100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-y-100{--transform-translate-y:100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-x-100-i{--transform-translate-x:100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-y-100-i{--transform-translate-y:100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-x--50{--transform-translate-x:-50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-y--50{--transform-translate-y:-50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-x--50-i{--transform-translate-x:-50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-y--50-i{--transform-translate-y:-50%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-x--100{--transform-translate-x:-100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-y--100{--transform-translate-y:-100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))}.translate-x--100-i{--transform-translate-x:-100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.translate-y--100-i{--transform-translate-y:-100%;transform:translate(var(--transform-translate-x,0),var(--transform-translate-y,0))!important}.row-gap-0{row-gap:0}.row-gap-0-i{row-gap:0!important}.column-gap-0{-moz-column-gap:0;column-gap:0}.column-gap-0-i{-moz-column-gap:0!important;column-gap:0!important}.gap-0{gap:0}.gap-0-i{gap:0!important}.row-gap-1{row-gap:8px}.row-gap-1-i{row-gap:8px!important}.column-gap-1{-moz-column-gap:8px;column-gap:8px}.column-gap-1-i{-moz-column-gap:8px!important;column-gap:8px!important}.gap-1{gap:8px}.gap-1-i{gap:8px!important}.row-gap-2{row-gap:16px}.row-gap-2-i{row-gap:16px!important}.column-gap-2{-moz-column-gap:16px;column-gap:16px}.column-gap-2-i{-moz-column-gap:16px!important;column-gap:16px!important}.gap-2{gap:16px}.gap-2-i{gap:16px!important}.row-gap-3{row-gap:24px}.row-gap-3-i{row-gap:24px!important}.column-gap-3{-moz-column-gap:24px;column-gap:24px}.column-gap-3-i{-moz-column-gap:24px!important;column-gap:24px!important}.gap-3{gap:24px}.gap-3-i{gap:24px!important}.row-gap-4{row-gap:32px}.row-gap-4-i{row-gap:32px!important}.column-gap-4{-moz-column-gap:32px;column-gap:32px}.column-gap-4-i{-moz-column-gap:32px!important;column-gap:32px!important}.gap-4{gap:32px}.gap-4-i{gap:32px!important}.row-gap-5{row-gap:48px}.row-gap-5-i{row-gap:48px!important}.column-gap-5{-moz-column-gap:48px;column-gap:48px}.column-gap-5-i{-moz-column-gap:48px!important;column-gap:48px!important}.gap-5{gap:48px}.gap-5-i{gap:48px!important}.row-gap-6{row-gap:64px}.row-gap-6-i{row-gap:64px!important}.column-gap-6{-moz-column-gap:64px;column-gap:64px}.column-gap-6-i{-moz-column-gap:64px!important;column-gap:64px!important}.gap-6{gap:64px}.gap-6-i{gap:64px!important}.row-gap-7{row-gap:96px}.row-gap-7-i{row-gap:96px!important}.column-gap-7{-moz-column-gap:96px;column-gap:96px}.column-gap-7-i{-moz-column-gap:96px!important;column-gap:96px!important}.gap-7{gap:96px}.gap-7-i{gap:96px!important}.row-gap-8{row-gap:128px}.row-gap-8-i{row-gap:128px!important}.column-gap-8{-moz-column-gap:128px;column-gap:128px}.column-gap-8-i{-moz-column-gap:128px!important;column-gap:128px!important}.gap-8{gap:128px}.gap-8-i{gap:128px!important}.row-gap-half{row-gap:4px}.row-gap-half-i{row-gap:4px!important}.column-gap-half{-moz-column-gap:4px;column-gap:4px}.column-gap-half-i{-moz-column-gap:4px!important;column-gap:4px!important}.gap-half{gap:4px}.gap-half-i{gap:4px!important}.gap-normal{gap:normal}.gap-normal-i{gap:normal!important}.white-space-pre-line{white-space:pre-line}.white-space-pre-line-i{white-space:pre-line!important}.CollapsibleList{color:var(--colorsTextDefault,#141414);font-family:"Nunito Sans",sans-serif}.Overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.Overlay>*{pointer-events:auto}.Tooltip,.Tooltip__body{color:var(--colorsTextDefault,#141414);font-family:"Nunito Sans",sans-serif}.Tooltip--underline{position:relative}.Tooltip--underline::before{content:"";width:100%;position:absolute;bottom:0;border-bottom-width:1px;border-bottom-color:inherit;border-bottom-style:dashed;opacity:1;transition:opacity duration(fast) easing();transition-delay:duration(slow)}.Tooltip--underline:hover::before{opacity:0;transition:opacity duration(fast) easing();transition-delay:duration(slow)}.Tooltip__body{line-height:normal}.Tooltip__body:not(.Tooltip__body--open).Tooltip__body,.Tooltip__body:not(.Tooltip__body--open)::before{display:none;opacity:0;pointer-events:none}.Tooltip__body.Tooltip__body{display:inline-flex;font-size:14px;background:var(--colorsSurfaceInvertedStrong,#141414);border-radius:3px;color:var(--colorsTextInverted,#fff);max-width:18em;padding:4px 8px;position:relative;text-align:center;width:max-content;white-space:pre-line;word-break:break-word;z-index:1100;animation-name:showTooltip;animation-duration:.1s;animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-iteration-count:1;animation-fill-mode:both;animation-direction:normal}@media (pointer:coarse){.Tooltip__body.Tooltip__body{padding:8px 16px}}_:-ms-lang(x),.Tooltip__body{min-width:125px}@keyframes showTooltip{0%{opacity:0}100%{opacity:1}}.Tooltip__caret::before{background:var(--colorsSurfaceInvertedStrong,#141414)}.Popper:focus,.Popper__body:focus{outline:0}.Popper:focus-visible,.Popper__body:focus-visible{outline:0}.Popper__caret[data-popper-placement^=top]{bottom:4px}.Popper__caret[data-popper-placement^=top]::before{left:-4px}.Popper__caret[data-popper-placement^=bottom]{top:-4px}.Popper__caret[data-popper-placement^=bottom]::before{left:-4px}.Popper__caret[data-popper-placement^=left]{right:4px}.Popper__caret[data-popper-placement^=left]::before{top:-4px}.Popper__caret[data-popper-placement^=right]{left:-4px}.Popper__caret[data-popper-placement^=right]::before{top:-4px}.Popper__caret{animation-name:showTooltip;animation-duration:.1s;animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-iteration-count:1;animation-fill-mode:both;animation-direction:normal;border:1px solid #ff0}.Popper__caret::before{content:"";position:absolute;width:8px;height:8px;z-index:-1;transform:rotate(45deg)}
|