@newtonschool/grauity 0.0.9 → 0.0.13

package/dist/main.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["ui/core/sizes/index.ts","ui/core/colors/index.ts","ui/core/icons/iconTypes.ts","ui/core/icons/iconTags.ts","ui/core/miscellaneous-choices/index.ts","ui/helpers/getElementTypeFromProps.ts","ui/helpers/classNameBuilders.ts","ui/init/GrauityInit.tsx","ui/elements/Icon/Icon.tsx"],"sourcesContent":["export type { grauitySizeName, grauityIconSizeName } from './sizeTypes';\n\nexport enum GRAUITY_SIZE {\n    FOUR = '4',\n    EIGHT = '8',\n    TWELVE = '12',\n    SIXTEEN = '16',\n    TWENTY = '20',\n    TWENTY_FOUR = '24',\n    TWENTY_EIGHT = '28',\n    THIRTY_TWO = '32',\n    THIRTY_SIX = '36',\n    FORTY = '40',\n    FORTY_FOUR = '44',\n    FORTY_EIGHT = '48',\n}\n\nexport const GRAUITY_ICON_SIZES = [\n    GRAUITY_SIZE.FOUR,\n    GRAUITY_SIZE.EIGHT,\n    GRAUITY_SIZE.TWELVE,\n    GRAUITY_SIZE.SIXTEEN,\n    GRAUITY_SIZE.TWENTY,\n    GRAUITY_SIZE.TWENTY_FOUR,\n    GRAUITY_SIZE.TWENTY_EIGHT,\n    GRAUITY_SIZE.THIRTY_TWO,\n    GRAUITY_SIZE.THIRTY_SIX,\n    GRAUITY_SIZE.FORTY,\n];\n","export type { grauityColorName, grauityIconColorName } from './colorTypes';\n\nexport enum GRAUITY_COLOR {\n    WHITE = 'white',\n    BLACK = 'black',\n    GREY = 'grey',\n    BLUE = 'blue',\n    RED = 'red',\n    GREEN = 'green',\n    ORANGE = 'orange',\n    YELLOW = 'yellow',\n    PURPLE = 'purple',\n}\n\nexport const GRAUITY_ICON_COLORS = [\n    GRAUITY_COLOR.WHITE,\n    GRAUITY_COLOR.BLACK,\n    GRAUITY_COLOR.GREY,\n    GRAUITY_COLOR.BLUE,\n    GRAUITY_COLOR.RED,\n    GRAUITY_COLOR.GREEN,\n    GRAUITY_COLOR.ORANGE,\n    GRAUITY_COLOR.YELLOW,\n    GRAUITY_COLOR.PURPLE,\n];\n","export type grauityIconName =\n  | 'school-left'\n  | 'school'\n  | 'code'\n  | 'today'\n  | 'person';\n\nexport type grauityIconKey =\n  | 'SchoolLeft'\n  | 'School'\n  | 'Code'\n  | 'Today'\n  | 'Person';\n\nexport enum GRAUITY_ICONS {\n  SchoolLeft = 'school-left',\n  School = 'school',\n  Code = 'code',\n  Today = 'today',\n  Person = 'person',\n}\n","export const ICON_TAGS = {\n    \"school-left\": [\n        \"buildings\"\n    ],\n    \"school\": [\n        \"buildings\"\n    ],\n    \"code\": [\n        \"code\"\n    ],\n    \"today\": [\n        \"objects\",\n        \"states\",\n        \"calendar\"\n    ],\n    \"person\": [\n        \"usersAndPeople\"\n    ]\n};\nexport const TAG_ICONS = {\n    \"buildings\": [\n        \"school-left\",\n        \"school\"\n    ],\n    \"code\": [\n        \"code\"\n    ],\n    \"objects\": [\n        \"today\"\n    ],\n    \"states\": [\n        \"today\"\n    ],\n    \"calendar\": [\n        \"today\"\n    ],\n    \"usersAndPeople\": [\n        \"person\"\n    ]\n};","export type {\n    grauityRotatedChoiceName,\n    grauityFlippedChoiceName,\n} from './miscellaneousTypes';\n\nexport enum GRAUITY_ROTATED_CHOICES {\n    CLOCKWISE = 'clockwise',\n    COUNTERCLOCKWISE = 'counterclockwise',\n}\n\nexport enum GRAUITY_FLIPPED_CHOICES {\n    HORIZONTALLY = 'horizontally',\n    VERTICALLY = 'vertically',\n}\n\nexport const GRAUITY_ICON_ROTATED_CHOICES = [\n    GRAUITY_ROTATED_CHOICES.CLOCKWISE,\n    GRAUITY_ROTATED_CHOICES.COUNTERCLOCKWISE,\n];\n\nexport const GRAUITY_ICON_FLIPPED_CHOICES = [\n    GRAUITY_FLIPPED_CHOICES.HORIZONTALLY,\n    GRAUITY_FLIPPED_CHOICES.VERTICALLY,\n];\n","import * as React from 'react';\nimport styled from 'styled-components';\n\n/**\n * Returns a createElement() type based on the props of the Component.\n * Useful for calculating what type a component should render as.\n *\n * @param {object} props A ReactElement props object\n * @returns {string|function} A ReactElement type\n */\n\nfunction getElementTypeFromProps(props: {\n    as: React.ElementType;\n    href?: string;\n}) {\n    // ----------------------------------------\n    // user defined \"as\" element type\n\n    if (props.as) return styled(props.as)``;\n\n    // ----------------------------------------\n    // infer anchor links\n\n    if (props.href) return styled('a')``;\n\n    // ----------------------------------------\n    // use defaultProp or 'div'\n\n    return styled('div')``;\n}\n\nexport default getElementTypeFromProps;\n","/*\n * There are 3 prop patterns used to build up the className for a component.\n * Each utility here is meant for use in a classnames() argument.\n *\n * There is no util for valueOnly() because it would simply return val.\n * Use the prop value inline instead.\n *   <Label size='big' />\n *   <div class=\"ui big label\"></div>\n */\n\n/**\n * Props where only the prop key is used in the className.\n * @param {*} val A props value\n * @param {string} key A props key\n *\n * @example\n * <Label tag />\n * <div class=\"ui tag label\"></div>\n */\nexport const useKeyOnly = (val: any, key: string) => val && key;\n\n/**\n * Props that require both a key and value to create a className.\n * @param {*} val A props value\n * @param {string} key A props key\n *\n * @example\n * <Label corner='left' />\n * <div class=\"ui left corner label\"></div>\n */\nexport const useValueAndKey = (val: any, key: string) =>\n    val && val !== true && `${val}-${key}`;\n\n/**\n * Props whose key will be used in className, or value and key.\n * @param {*} val A props value\n * @param {string} key A props key\n *\n * @example Key Only\n * <Label pointing />\n * <div class=\"ui pointing label\"></div>\n *\n * @example Key and Value\n * <Label pointing='left' />\n * <div class=\"ui left pointing label\"></div>\n */\nexport const useKeyOrValueAndKey = (val: any, key: string) =>\n    val && (val === true ? key : `${val}-${key}`);\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { getElementTypeFromProps } from '../helpers';\n\nexport interface GrauityInitProps {\n    /**\n     * An element type to render as (string or function).\n     * */\n    as: React.ElementType;\n\n    /**\n     * The font size to be applied on this element and so will act as standard for the `ems` of all grauity components.\n     * */\n    fontSize: string;\n\n    /**\n     * The multiplier is multiplied will all the `ems` of the grauity components.\n     * */\n    multiplier?: number;\n\n    /**\n     * The children to be rendered inside this component.\n     * */\n    children?: React.ReactNode;\n}\n\n/**\n * This component is used to initialize the Grauity library. Ideally, it should be the root component of your application.\n * But nonetheless all the grauity components should be the children of this component.\n * */\nfunction GrauityInit({ as, fontSize, multiplier, children }: GrauityInitProps) {\n    const ElementType = getElementTypeFromProps({ as });\n\n    return (\n        <ElementType\n            className=\"grauity-init\"\n            style={{\n                fontSize,\n                '--multiplier': multiplier,\n            }}\n        >\n            {children}\n        </ElementType>\n    );\n}\n\nGrauityInit.propTypes = {\n    as: PropTypes.elementType,\n    fontSize: PropTypes.string,\n    multiplier: PropTypes.number,\n    children: PropTypes.node,\n};\n\nGrauityInit.defaultProps = {\n    as: 'div',\n    fontSize: '16px',\n    multiplier: 1,\n    children: null,\n};\n\nexport default GrauityInit;\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport _ from 'lodash';\nimport classnames from 'classnames';\n\nimport {\n    getElementTypeFromProps,\n    useKeyOnly,\n    useValueAndKey,\n} from '../../helpers';\nimport {\n    GRAUITY_ICON_COLORS,\n    GRAUITY_ICON_FLIPPED_CHOICES,\n    GRAUITY_ICON_ROTATED_CHOICES,\n    GRAUITY_ICON_SIZES,\n    grauityFlippedChoiceName,\n    grauityIconColorName,\n    grauityIconName,\n    grauityIconSizeName,\n    grauityRotatedChoiceName,\n    ICON_TAGS,\n} from '../../core';\n\nexport interface IconProps {\n    /**\n     * Icon can have the aria hidden attribute\n     * */\n    ariaHidden?: string;\n\n    /**\n     * Icon can have the aria label attribute\n     * */\n    ariaLabel?: string;\n\n    /**\n     * An element type to render as (string or function).\n     * */\n    as?: React.ElementType;\n\n    /**\n     * Format the icon to appear bordered\n     * */\n    bordered?: boolean;\n\n    /**\n     * Format the icon to appear circular\n     * */\n    circular?: boolean;\n\n    /**\n     * Color of the icon\n     * */\n    color?: grauityIconColorName;\n\n    /**\n     * Additional classes to be added to the component\n     * */\n    className?: string;\n\n    /**\n     * Show that the icon is inactive\n     * */\n    disabled?: boolean;\n\n    /**\n     * Fitted, without space to left or right of Icon\n     * */\n    fitted?: boolean;\n\n    /**\n     * Icon can be flipped\n     * */\n    flipped?: grauityFlippedChoiceName;\n\n    /**\n     * The colors of the icon can be inverted in case of used with border\n     * * */\n    inverted?: boolean;\n\n    /**\n     * Icon can be formatted as a link\n     * */\n    link?: boolean;\n\n    /**\n     * Icon can be used as a simple loader\n     * */\n    loading?: boolean;\n\n    /**\n     * Name of the icon\n     * */\n    name: grauityIconName;\n\n    /**\n     * Icon can be rotated\n     * */\n    rotated?: grauityRotatedChoiceName;\n\n    /**\n     * Size of the icon\n     * */\n    size?: grauityIconSizeName;\n\n    /**\n     * Additional styles to be used over the element\n     * */\n    style?: React.CSSProperties;\n}\n\nfunction Icon({\n    ariaHidden,\n    ariaLabel,\n    as,\n    bordered,\n    circular,\n    color,\n    className,\n    disabled,\n    fitted,\n    flipped,\n    inverted,\n    link,\n    loading,\n    name,\n    rotated,\n    size,\n    style,\n    ...props\n}: IconProps) {\n    const Element = getElementTypeFromProps({ as });\n\n    const getIconAriaOptions = () => {\n        const ariaOptions: {\n            'aria-hidden'?: string;\n            'aria-label'?: string;\n        } = {};\n\n        if (_.isNil(ariaLabel)) {\n            ariaOptions['aria-hidden'] = 'true';\n        } else {\n            ariaOptions['aria-label'] = ariaLabel;\n        }\n\n        if (!_.isNil(ariaHidden)) {\n            ariaOptions['aria-hidden'] = ariaHidden;\n        }\n\n        return ariaOptions;\n    };\n\n    const handleClick = (e?: any) => {\n        if (disabled) {\n            e.preventDefault();\n            return;\n        }\n\n        _.invoke(props, 'onClick', e, props);\n    };\n\n    const ariaOptions = getIconAriaOptions();\n\n    const classes = classnames(\n        'grauity-icon',\n        `grauity-icon-${name}`,\n        `size-${size}`,\n        useKeyOnly(color, color),\n        useKeyOnly(bordered, 'bordered'),\n        useKeyOnly(circular, 'circular'),\n        useKeyOnly(disabled, 'disabled'),\n        useKeyOnly(fitted, 'fitted'),\n        useKeyOnly(inverted, 'inverted'),\n        useKeyOnly(link, 'link'),\n        useKeyOnly(loading, 'loading'),\n        useValueAndKey(flipped, 'flipped'),\n        useValueAndKey(rotated, 'rotated'),\n        className\n    );\n\n    return (\n        <Element\n            onClick={handleClick}\n            {...ariaOptions}\n            className={classes}\n            style={style}\n        />\n    );\n}\n\nIcon.propTypes = {\n    ariaHidden: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    as: PropTypes.elementType,\n    bordered: PropTypes.bool,\n    circular: PropTypes.bool,\n    color: PropTypes.oneOf(GRAUITY_ICON_COLORS),\n    className: PropTypes.string,\n    disabled: PropTypes.bool,\n    fitted: PropTypes.bool,\n    flipped: PropTypes.oneOf(GRAUITY_ICON_FLIPPED_CHOICES),\n    inverted: PropTypes.bool,\n    link: PropTypes.bool,\n    loading: PropTypes.bool,\n    name: PropTypes.oneOf(Object.keys(ICON_TAGS)).isRequired,\n    rotated: PropTypes.oneOf(GRAUITY_ICON_ROTATED_CHOICES),\n    size: PropTypes.oneOf(GRAUITY_ICON_SIZES),\n    style: PropTypes.object,\n};\n\nIcon.defaultProps = {\n    ariaHidden: 'true',\n    ariaLabel: undefined,\n    as: 'i',\n    bordered: false,\n    circular: false,\n    color: 'grey',\n    className: undefined,\n    disabled: false,\n    fitted: false,\n    flipped: undefined,\n    inverted: false,\n    link: false,\n    loading: false,\n    rotated: undefined,\n    size: '16',\n    style: undefined,\n};\n\nexport default Icon;\n"],"names":["$8cbcc263f670cb67$export$b009745c0d723d05","GRAUITY_SIZE","$93e0a646b230ea7f$export$250fa2f0e0a0ae2d","GRAUITY_COLOR","$8cbcc263f670cb67$export$3bf4c96953c50403","FOUR","EIGHT","TWELVE","SIXTEEN","TWENTY","TWENTY_FOUR","TWENTY_EIGHT","THIRTY_TWO","THIRTY_SIX","FORTY","$9e9ba7b4821e665f$export$bfde210aee969e37","GRAUITY_ICONS","$93e0a646b230ea7f$export$74eaf9ce0283ca6a","WHITE","BLACK","GREY","BLUE","RED","GREEN","ORANGE","YELLOW","PURPLE","$5965ca0b925355b2$export$8de62274c8c83544","GRAUITY_ROTATED_CHOICES","$5965ca0b925355b2$export$7157be2c39530a1b","GRAUITY_FLIPPED_CHOICES","$419cae6f23ffbade$export$18002f458cc7dd66","school","code","today","person","$419cae6f23ffbade$export$8ccf049745ac9a1d","buildings","objects","states","calendar","usersAndPeople","$5965ca0b925355b2$export$24f63745209ad7f5","CLOCKWISE","COUNTERCLOCKWISE","$5965ca0b925355b2$export$20d6cf3ab228a3ac","HORIZONTALLY","VERTICALLY","$9e62f2137a185622$export$2e2bcd8739ae039","props","as","$parcel$interopDefault","$ilWpy$styledcomponents","$9e62f2137a185622$var$templateObject_1","$9e62f2137a185622$var$__makeTemplateObject","href","$9e62f2137a185622$var$templateObject_2","$9e62f2137a185622$var$templateObject_3","$16aa4154c4e32542$export$aac7d417530cc39a","val","key","$16aa4154c4e32542$export$fb1b8744f6450628","concat","$f8fd2b3fc3688835$var$GrauityInit","_a","fontSize","multiplier","children","ElementType","$9e62f2137a185622$exports","default","$ilWpy$react","createElement","className","style","propTypes","$ilWpy$proptypes","elementType","string","number","node","defaultProps","$f8fd2b3fc3688835$export$2e2bcd8739ae039","$aba16f0e588731eb$var$Icon","ariaHidden","ariaLabel","bordered","circular","color","disabled","fitted","flipped","inverted","link","loading","name","rotated","size","$aba16f0e588731eb$var$__rest","Element","ariaOptions","$ilWpy$lodash","isNil","getIconAriaOptions","classes","$ilWpy$classnames","$aba16f0e588731eb$var$__assign","onClick","e","preventDefault","invoke","bool","oneOf","Object","keys","isRequired","object","undefined","$aba16f0e588731eb$export$2e2bcd8739ae039"],"version":3,"file":"main.cjs.map","sourceRoot":"../"}
+{"mappings":"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QACA,OACA,MACA,OAEJC,MAAS,CACL,UACA,MACA,oBACA,eACA,QACA,mBACA,cACA,OACA,YACA,QACA,iBACA,iBACA,eAEJC,KAAQ,CACJ,aACA,QACA,aACA,YACA,iBACA,0BACA,sBACA,iBACA,YACA,OACA,SACA,aACA,QACA,UACA,UAEJC,OAAU,CACN,cACA,QACA,OACA,OACA,QACA,YACA,iBACA,OACA,UAEJC,OAAU,CACN,eACA,aACA,aACA,cACA,WACA,MACA,WACA,aACA,eACA,aACA,aACA,cACA,WACA,oBACA,eACA,oBACA,eACA,QACA,sBACA,sBACA,uBACA,oBACA,eACA,eACA,gBACA,aACA,SACA,oBACA,eACA,oBACA,eACA,QACA,WACA,UACA,mBACA,gBACA,cACA,YACA,OACA,mBACA,iBACA,OACA,OACA,OACA,WACA,YACA,OACA,WACA,oBACA,eACA,oBACA,eACA,OACA,UACA,mBACA,cACA,mBACA,cACA,OACA,UACA,QACA,oBACA,mBACA,SACA,WACA,SACA,UACA,SACA,MACA,UAEJC,KAAQ,CACJ,OACA,iBACA,gBACA,WACA,QACA,UACA,aAEJC,KAAQ,CACJ,MACA,eACA,cACA,SACA,WC5kBI9E,EAAAD,MAAuB,KAC/B,sBACAC,EAAA,qCAGQE,EAAAD,MAAuB,KAC/B,4BACAC,EAAA,wBAGG,IAAM6E,EAA+B,CACxChF,EAAwBiF,UACxBjF,EAAwBkF,kBAGfC,EAA+B,CACxCjF,EAAwBkF,aACxBlF,EAAwBmF,Y,oJCS5BC,EApBA,SAAiCC,GAO7B,OAAIA,EAAMC,GAAWC,EAAAC,EAAA,CAAOH,EAAMC,GAAb,CAAgBG,MAAAC,EAAA,aAKjCL,EAAMM,KAAaJ,EAAAC,EAAA,CAAO,IAAP,CAAWI,MAAAF,EAAA,aAK3BH,EAAAC,EAAA,CAAO,MAAP,CAAaK,MAAAH,EAAA,YACxB,ECVaI,EAAa,SAACC,EAAUC,GAAgB,OAAAD,GAAOC,CAAP,EAWxCC,EAAiB,SAACF,EAAUC,GACrC,OAAAD,IAAe,IAARA,GAAgB,GAAAG,OAAGH,EAAG,KAAA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","sources":["ui/core/sizes/index.ts","ui/core/colors/index.ts","ui/core/icons/iconTypes.ts","ui/core/icons/iconTags.ts","ui/core/miscellaneous-choices/index.ts","ui/helpers/getElementTypeFromProps.ts","ui/helpers/classNameBuilders.ts","ui/init/GrauityInit.tsx","ui/elements/Icon/Icon.tsx"],"sourcesContent":["export type { grauitySizeName, grauityIconSizeName } from './sizeTypes';\n\nexport enum GRAUITY_SIZE {\n    FOUR = '4',\n    EIGHT = '8',\n    TWELVE = '12',\n    SIXTEEN = '16',\n    TWENTY = '20',\n    TWENTY_FOUR = '24',\n    TWENTY_EIGHT = '28',\n    THIRTY_TWO = '32',\n    THIRTY_SIX = '36',\n    FORTY = '40',\n    FORTY_FOUR = '44',\n    FORTY_EIGHT = '48',\n}\n\nexport const GRAUITY_ICON_SIZES = [\n    GRAUITY_SIZE.FOUR,\n    GRAUITY_SIZE.EIGHT,\n    GRAUITY_SIZE.TWELVE,\n    GRAUITY_SIZE.SIXTEEN,\n    GRAUITY_SIZE.TWENTY,\n    GRAUITY_SIZE.TWENTY_FOUR,\n    GRAUITY_SIZE.TWENTY_EIGHT,\n    GRAUITY_SIZE.THIRTY_TWO,\n    GRAUITY_SIZE.THIRTY_SIX,\n    GRAUITY_SIZE.FORTY,\n];\n","export type { grauityColorName, grauityIconColorName } from './colorTypes';\n\nexport enum GRAUITY_COLOR {\n    WHITE = 'white',\n    BLACK = 'black',\n    GREY = 'grey',\n    BLUE = 'blue',\n    RED = 'red',\n    GREEN = 'green',\n    ORANGE = 'orange',\n    YELLOW = 'yellow',\n    PURPLE = 'purple',\n}\n\nexport const GRAUITY_ICON_COLORS = [\n    GRAUITY_COLOR.WHITE,\n    GRAUITY_COLOR.BLACK,\n    GRAUITY_COLOR.GREY,\n    GRAUITY_COLOR.BLUE,\n    GRAUITY_COLOR.RED,\n    GRAUITY_COLOR.GREEN,\n    GRAUITY_COLOR.ORANGE,\n    GRAUITY_COLOR.YELLOW,\n    GRAUITY_COLOR.PURPLE,\n];\n","export type grauityIconName =\n  | 'exclamation-circle'\n  | 'exclamation-triangle'\n  | 'info-circle'\n  | 'question-circle'\n  | 'code-alt'\n  | 'code'\n  | 'terminal'\n  | 'desktop'\n  | 'gamepad'\n  | 'lamp'\n  | 'laptop'\n  | 'mobile'\n  | 'archive'\n  | 'bookmark-fill'\n  | 'bookmark'\n  | 'file-alt'\n  | 'file'\n  | 'folder-open'\n  | 'folder'\n  | 'label-fill'\n  | 'label'\n  | 'note'\n  | 'pen'\n  | 'pin'\n  | 'mic-off'\n  | 'mic'\n  | 'pause-circle-fill'\n  | 'pause-circle'\n  | 'pause'\n  | 'play-circle-fill'\n  | 'play-circle'\n  | 'play'\n  | 'video-off'\n  | 'video'\n  | 'volume-maximum'\n  | 'volume-minimum'\n  | 'volume-mute'\n  | 'heart-fill'\n  | 'heart'\n  | 'lock-close'\n  | 'lock-open'\n  | 'message-circle'\n  | 'message-double-question'\n  | 'message-square-info'\n  | 'message-square'\n  | 'milestone'\n  | 'quiz'\n  | 'smiley'\n  | 'spark-fill'\n  | 'spark'\n  | 'sparkle'\n  | 'target'\n  | 'check-badge'\n  | 'crown'\n  | 'flag'\n  | 'gift'\n  | 'medal'\n  | 'star-fill'\n  | 'star-half-fill'\n  | 'star'\n  | 'trophy'\n  | 'arrow-double'\n  | 'arrow-down'\n  | 'arrow-left'\n  | 'arrow-right'\n  | 'arrow-up'\n  | 'bin'\n  | 'call-end'\n  | 'call-start'\n  | 'caret-double'\n  | 'caret-down'\n  | 'caret-left'\n  | 'caret-right'\n  | 'caret-up'\n  | 'check-circle-fill'\n  | 'check-circle'\n  | 'check-square-fill'\n  | 'check-square'\n  | 'check'\n  | 'chevron-double-down'\n  | 'chevron-double-left'\n  | 'chevron-double-right'\n  | 'chevron-double-up'\n  | 'chevron-down'\n  | 'chevron-left'\n  | 'chevron-right'\n  | 'chevron-up'\n  | 'circle'\n  | 'close-circle-fill'\n  | 'close-circle'\n  | 'close-square-fill'\n  | 'close-square'\n  | 'close'\n  | 'download'\n  | 'forward'\n  | 'grip-hortizontal'\n  | 'grip-vertical'\n  | 'growth-down'\n  | 'growth-up'\n  | 'home'\n  | 'kebab-horizontal'\n  | 'kebab-vertical'\n  | 'link'\n  | 'list'\n  | 'load'\n  | 'maximize'\n  | 'menu-grid'\n  | 'menu'\n  | 'minimize'\n  | 'minus-circle-fill'\n  | 'minus-circle'\n  | 'minus-square-fill'\n  | 'minus-square'\n  | 'moon'\n  | 'new-tab'\n  | 'plus-circle-fill'\n  | 'plus-circle'\n  | 'plus-square-fill'\n  | 'plus-square'\n  | 'plus'\n  | 'refresh'\n  | 'reply'\n  | 'screenshare-start'\n  | 'screenshare-stop'\n  | 'search'\n  | 'settings'\n  | 'signin'\n  | 'signout'\n  | 'square'\n  | 'sun'\n  | 'upload'\n  | 'bell'\n  | 'calender-check'\n  | 'calender-plus'\n  | 'calender'\n  | 'clock'\n  | 'rewatch'\n  | 'stopwatch'\n  | 'bot'\n  | 'person-check'\n  | 'person-plus'\n  | 'person'\n  | 'users';\n\nexport type grauityIconKey =\n  | 'ExclamationCircle'\n  | 'ExclamationTriangle'\n  | 'InfoCircle'\n  | 'QuestionCircle'\n  | 'CodeAlt'\n  | 'Code'\n  | 'Terminal'\n  | 'Desktop'\n  | 'Gamepad'\n  | 'Lamp'\n  | 'Laptop'\n  | 'Mobile'\n  | 'Archive'\n  | 'BookmarkFill'\n  | 'Bookmark'\n  | 'FileAlt'\n  | 'File'\n  | 'FolderOpen'\n  | 'Folder'\n  | 'LabelFill'\n  | 'Label'\n  | 'Note'\n  | 'Pen'\n  | 'Pin'\n  | 'MicOff'\n  | 'Mic'\n  | 'PauseCircleFill'\n  | 'PauseCircle'\n  | 'Pause'\n  | 'PlayCircleFill'\n  | 'PlayCircle'\n  | 'Play'\n  | 'VideoOff'\n  | 'Video'\n  | 'VolumeMaximum'\n  | 'VolumeMinimum'\n  | 'VolumeMute'\n  | 'HeartFill'\n  | 'Heart'\n  | 'LockClose'\n  | 'LockOpen'\n  | 'MessageCircle'\n  | 'MessageDoubleQuestion'\n  | 'MessageSquareInfo'\n  | 'MessageSquare'\n  | 'Milestone'\n  | 'Quiz'\n  | 'Smiley'\n  | 'SparkFill'\n  | 'Spark'\n  | 'Sparkle'\n  | 'Target'\n  | 'CheckBadge'\n  | 'Crown'\n  | 'Flag'\n  | 'Gift'\n  | 'Medal'\n  | 'StarFill'\n  | 'StarHalfFill'\n  | 'Star'\n  | 'Trophy'\n  | 'ArrowDouble'\n  | 'ArrowDown'\n  | 'ArrowLeft'\n  | 'ArrowRight'\n  | 'ArrowUp'\n  | 'Bin'\n  | 'CallEnd'\n  | 'CallStart'\n  | 'CaretDouble'\n  | 'CaretDown'\n  | 'CaretLeft'\n  | 'CaretRight'\n  | 'CaretUp'\n  | 'CheckCircleFill'\n  | 'CheckCircle'\n  | 'CheckSquareFill'\n  | 'CheckSquare'\n  | 'Check'\n  | 'ChevronDoubleDown'\n  | 'ChevronDoubleLeft'\n  | 'ChevronDoubleRight'\n  | 'ChevronDoubleUp'\n  | 'ChevronDown'\n  | 'ChevronLeft'\n  | 'ChevronRight'\n  | 'ChevronUp'\n  | 'Circle'\n  | 'CloseCircleFill'\n  | 'CloseCircle'\n  | 'CloseSquareFill'\n  | 'CloseSquare'\n  | 'Close'\n  | 'Download'\n  | 'Forward'\n  | 'GripHortizontal'\n  | 'GripVertical'\n  | 'GrowthDown'\n  | 'GrowthUp'\n  | 'Home'\n  | 'KebabHorizontal'\n  | 'KebabVertical'\n  | 'Link'\n  | 'List'\n  | 'Load'\n  | 'Maximize'\n  | 'MenuGrid'\n  | 'Menu'\n  | 'Minimize'\n  | 'MinusCircleFill'\n  | 'MinusCircle'\n  | 'MinusSquareFill'\n  | 'MinusSquare'\n  | 'Moon'\n  | 'NewTab'\n  | 'PlusCircleFill'\n  | 'PlusCircle'\n  | 'PlusSquareFill'\n  | 'PlusSquare'\n  | 'Plus'\n  | 'Refresh'\n  | 'Reply'\n  | 'ScreenshareStart'\n  | 'ScreenshareStop'\n  | 'Search'\n  | 'Settings'\n  | 'Signin'\n  | 'Signout'\n  | 'Square'\n  | 'Sun'\n  | 'Upload'\n  | 'Bell'\n  | 'CalenderCheck'\n  | 'CalenderPlus'\n  | 'Calender'\n  | 'Clock'\n  | 'Rewatch'\n  | 'Stopwatch'\n  | 'Bot'\n  | 'PersonCheck'\n  | 'PersonPlus'\n  | 'Person'\n  | 'Users';\n\nexport enum GRAUITY_ICONS {\n  ExclamationCircle = 'exclamation-circle',\n  ExclamationTriangle = 'exclamation-triangle',\n  InfoCircle = 'info-circle',\n  QuestionCircle = 'question-circle',\n  CodeAlt = 'code-alt',\n  Code = 'code',\n  Terminal = 'terminal',\n  Desktop = 'desktop',\n  Gamepad = 'gamepad',\n  Lamp = 'lamp',\n  Laptop = 'laptop',\n  Mobile = 'mobile',\n  Archive = 'archive',\n  BookmarkFill = 'bookmark-fill',\n  Bookmark = 'bookmark',\n  FileAlt = 'file-alt',\n  File = 'file',\n  FolderOpen = 'folder-open',\n  Folder = 'folder',\n  LabelFill = 'label-fill',\n  Label = 'label',\n  Note = 'note',\n  Pen = 'pen',\n  Pin = 'pin',\n  MicOff = 'mic-off',\n  Mic = 'mic',\n  PauseCircleFill = 'pause-circle-fill',\n  PauseCircle = 'pause-circle',\n  Pause = 'pause',\n  PlayCircleFill = 'play-circle-fill',\n  PlayCircle = 'play-circle',\n  Play = 'play',\n  VideoOff = 'video-off',\n  Video = 'video',\n  VolumeMaximum = 'volume-maximum',\n  VolumeMinimum = 'volume-minimum',\n  VolumeMute = 'volume-mute',\n  HeartFill = 'heart-fill',\n  Heart = 'heart',\n  LockClose = 'lock-close',\n  LockOpen = 'lock-open',\n  MessageCircle = 'message-circle',\n  MessageDoubleQuestion = 'message-double-question',\n  MessageSquareInfo = 'message-square-info',\n  MessageSquare = 'message-square',\n  Milestone = 'milestone',\n  Quiz = 'quiz',\n  Smiley = 'smiley',\n  SparkFill = 'spark-fill',\n  Spark = 'spark',\n  Sparkle = 'sparkle',\n  Target = 'target',\n  CheckBadge = 'check-badge',\n  Crown = 'crown',\n  Flag = 'flag',\n  Gift = 'gift',\n  Medal = 'medal',\n  StarFill = 'star-fill',\n  StarHalfFill = 'star-half-fill',\n  Star = 'star',\n  Trophy = 'trophy',\n  ArrowDouble = 'arrow-double',\n  ArrowDown = 'arrow-down',\n  ArrowLeft = 'arrow-left',\n  ArrowRight = 'arrow-right',\n  ArrowUp = 'arrow-up',\n  Bin = 'bin',\n  CallEnd = 'call-end',\n  CallStart = 'call-start',\n  CaretDouble = 'caret-double',\n  CaretDown = 'caret-down',\n  CaretLeft = 'caret-left',\n  CaretRight = 'caret-right',\n  CaretUp = 'caret-up',\n  CheckCircleFill = 'check-circle-fill',\n  CheckCircle = 'check-circle',\n  CheckSquareFill = 'check-square-fill',\n  CheckSquare = 'check-square',\n  Check = 'check',\n  ChevronDoubleDown = 'chevron-double-down',\n  ChevronDoubleLeft = 'chevron-double-left',\n  ChevronDoubleRight = 'chevron-double-right',\n  ChevronDoubleUp = 'chevron-double-up',\n  ChevronDown = 'chevron-down',\n  ChevronLeft = 'chevron-left',\n  ChevronRight = 'chevron-right',\n  ChevronUp = 'chevron-up',\n  Circle = 'circle',\n  CloseCircleFill = 'close-circle-fill',\n  CloseCircle = 'close-circle',\n  CloseSquareFill = 'close-square-fill',\n  CloseSquare = 'close-square',\n  Close = 'close',\n  Download = 'download',\n  Forward = 'forward',\n  GripHortizontal = 'grip-hortizontal',\n  GripVertical = 'grip-vertical',\n  GrowthDown = 'growth-down',\n  GrowthUp = 'growth-up',\n  Home = 'home',\n  KebabHorizontal = 'kebab-horizontal',\n  KebabVertical = 'kebab-vertical',\n  Link = 'link',\n  List = 'list',\n  Load = 'load',\n  Maximize = 'maximize',\n  MenuGrid = 'menu-grid',\n  Menu = 'menu',\n  Minimize = 'minimize',\n  MinusCircleFill = 'minus-circle-fill',\n  MinusCircle = 'minus-circle',\n  MinusSquareFill = 'minus-square-fill',\n  MinusSquare = 'minus-square',\n  Moon = 'moon',\n  NewTab = 'new-tab',\n  PlusCircleFill = 'plus-circle-fill',\n  PlusCircle = 'plus-circle',\n  PlusSquareFill = 'plus-square-fill',\n  PlusSquare = 'plus-square',\n  Plus = 'plus',\n  Refresh = 'refresh',\n  Reply = 'reply',\n  ScreenshareStart = 'screenshare-start',\n  ScreenshareStop = 'screenshare-stop',\n  Search = 'search',\n  Settings = 'settings',\n  Signin = 'signin',\n  Signout = 'signout',\n  Square = 'square',\n  Sun = 'sun',\n  Upload = 'upload',\n  Bell = 'bell',\n  CalenderCheck = 'calender-check',\n  CalenderPlus = 'calender-plus',\n  Calender = 'calender',\n  Clock = 'clock',\n  Rewatch = 'rewatch',\n  Stopwatch = 'stopwatch',\n  Bot = 'bot',\n  PersonCheck = 'person-check',\n  PersonPlus = 'person-plus',\n  Person = 'person',\n  Users = 'users',\n}\n","export const ICON_TAGS = {\n    \"exclamation-circle\": [\n        \"Alert\"\n    ],\n    \"exclamation-triangle\": [\n        \"Alert\"\n    ],\n    \"info-circle\": [\n        \"Alert\"\n    ],\n    \"question-circle\": [\n        \"Alert\"\n    ],\n    \"code-alt\": [\n        \"Code\"\n    ],\n    \"code\": [\n        \"Code\"\n    ],\n    \"terminal\": [\n        \"Code\"\n    ],\n    \"desktop\": [\n        \"Device\"\n    ],\n    \"gamepad\": [\n        \"Device\"\n    ],\n    \"lamp\": [\n        \"Device\"\n    ],\n    \"laptop\": [\n        \"Device\"\n    ],\n    \"mobile\": [\n        \"Device\"\n    ],\n    \"archive\": [\n        \"Docs\"\n    ],\n    \"bookmark-fill\": [\n        \"Docs\"\n    ],\n    \"bookmark\": [\n        \"Docs\"\n    ],\n    \"file-alt\": [\n        \"Docs\"\n    ],\n    \"file\": [\n        \"Docs\"\n    ],\n    \"folder-open\": [\n        \"Docs\"\n    ],\n    \"folder\": [\n        \"Docs\"\n    ],\n    \"label-fill\": [\n        \"Docs\"\n    ],\n    \"label\": [\n        \"Docs\"\n    ],\n    \"note\": [\n        \"Docs\"\n    ],\n    \"pen\": [\n        \"Docs\"\n    ],\n    \"pin\": [\n        \"Docs\"\n    ],\n    \"mic-off\": [\n        \"Media\"\n    ],\n    \"mic\": [\n        \"Media\"\n    ],\n    \"pause-circle-fill\": [\n        \"Media\"\n    ],\n    \"pause-circle\": [\n        \"Media\"\n    ],\n    \"pause\": [\n        \"Media\"\n    ],\n    \"play-circle-fill\": [\n        \"Media\"\n    ],\n    \"play-circle\": [\n        \"Media\"\n    ],\n    \"play\": [\n        \"Media\"\n    ],\n    \"video-off\": [\n        \"Media\"\n    ],\n    \"video\": [\n        \"Media\"\n    ],\n    \"volume-maximum\": [\n        \"Media\"\n    ],\n    \"volume-minimum\": [\n        \"Media\"\n    ],\n    \"volume-mute\": [\n        \"Media\"\n    ],\n    \"heart-fill\": [\n        \"Misc\"\n    ],\n    \"heart\": [\n        \"Misc\"\n    ],\n    \"lock-close\": [\n        \"Misc\"\n    ],\n    \"lock-open\": [\n        \"Misc\"\n    ],\n    \"message-circle\": [\n        \"Misc\"\n    ],\n    \"message-double-question\": [\n        \"Misc\"\n    ],\n    \"message-square-info\": [\n        \"Misc\"\n    ],\n    \"message-square\": [\n        \"Misc\"\n    ],\n    \"milestone\": [\n        \"Misc\"\n    ],\n    \"quiz\": [\n        \"Misc\"\n    ],\n    \"smiley\": [\n        \"Misc\"\n    ],\n    \"spark-fill\": [\n        \"Misc\"\n    ],\n    \"spark\": [\n        \"Misc\"\n    ],\n    \"sparkle\": [\n        \"Misc\"\n    ],\n    \"target\": [\n        \"Misc\"\n    ],\n    \"check-badge\": [\n        \"Reward\"\n    ],\n    \"crown\": [\n        \"Reward\"\n    ],\n    \"flag\": [\n        \"Reward\"\n    ],\n    \"gift\": [\n        \"Reward\"\n    ],\n    \"medal\": [\n        \"Reward\"\n    ],\n    \"star-fill\": [\n        \"Reward\"\n    ],\n    \"star-half-fill\": [\n        \"Reward\"\n    ],\n    \"star\": [\n        \"Reward\"\n    ],\n    \"trophy\": [\n        \"Reward\"\n    ],\n    \"arrow-double\": [\n        \"System\"\n    ],\n    \"arrow-down\": [\n        \"System\"\n    ],\n    \"arrow-left\": [\n        \"System\"\n    ],\n    \"arrow-right\": [\n        \"System\"\n    ],\n    \"arrow-up\": [\n        \"System\"\n    ],\n    \"bin\": [\n        \"System\"\n    ],\n    \"call-end\": [\n        \"System\"\n    ],\n    \"call-start\": [\n        \"System\"\n    ],\n    \"caret-double\": [\n        \"System\"\n    ],\n    \"caret-down\": [\n        \"System\"\n    ],\n    \"caret-left\": [\n        \"System\"\n    ],\n    \"caret-right\": [\n        \"System\"\n    ],\n    \"caret-up\": [\n        \"System\"\n    ],\n    \"check-circle-fill\": [\n        \"System\"\n    ],\n    \"check-circle\": [\n        \"System\"\n    ],\n    \"check-square-fill\": [\n        \"System\"\n    ],\n    \"check-square\": [\n        \"System\"\n    ],\n    \"check\": [\n        \"System\"\n    ],\n    \"chevron-double-down\": [\n        \"System\"\n    ],\n    \"chevron-double-left\": [\n        \"System\"\n    ],\n    \"chevron-double-right\": [\n        \"System\"\n    ],\n    \"chevron-double-up\": [\n        \"System\"\n    ],\n    \"chevron-down\": [\n        \"System\"\n    ],\n    \"chevron-left\": [\n        \"System\"\n    ],\n    \"chevron-right\": [\n        \"System\"\n    ],\n    \"chevron-up\": [\n        \"System\"\n    ],\n    \"circle\": [\n        \"System\"\n    ],\n    \"close-circle-fill\": [\n        \"System\"\n    ],\n    \"close-circle\": [\n        \"System\"\n    ],\n    \"close-square-fill\": [\n        \"System\"\n    ],\n    \"close-square\": [\n        \"System\"\n    ],\n    \"close\": [\n        \"System\"\n    ],\n    \"download\": [\n        \"System\"\n    ],\n    \"forward\": [\n        \"System\"\n    ],\n    \"grip-hortizontal\": [\n        \"System\"\n    ],\n    \"grip-vertical\": [\n        \"System\"\n    ],\n    \"growth-down\": [\n        \"System\"\n    ],\n    \"growth-up\": [\n        \"System\"\n    ],\n    \"home\": [\n        \"System\"\n    ],\n    \"kebab-horizontal\": [\n        \"System\"\n    ],\n    \"kebab-vertical\": [\n        \"System\"\n    ],\n    \"link\": [\n        \"System\"\n    ],\n    \"list\": [\n        \"System\"\n    ],\n    \"load\": [\n        \"System\"\n    ],\n    \"maximize\": [\n        \"System\"\n    ],\n    \"menu-grid\": [\n        \"System\"\n    ],\n    \"menu\": [\n        \"System\"\n    ],\n    \"minimize\": [\n        \"System\"\n    ],\n    \"minus-circle-fill\": [\n        \"System\"\n    ],\n    \"minus-circle\": [\n        \"System\"\n    ],\n    \"minus-square-fill\": [\n        \"System\"\n    ],\n    \"minus-square\": [\n        \"System\"\n    ],\n    \"moon\": [\n        \"System\"\n    ],\n    \"new-tab\": [\n        \"System\"\n    ],\n    \"plus-circle-fill\": [\n        \"System\"\n    ],\n    \"plus-circle\": [\n        \"System\"\n    ],\n    \"plus-square-fill\": [\n        \"System\"\n    ],\n    \"plus-square\": [\n        \"System\"\n    ],\n    \"plus\": [\n        \"System\"\n    ],\n    \"refresh\": [\n        \"System\"\n    ],\n    \"reply\": [\n        \"System\"\n    ],\n    \"screenshare-start\": [\n        \"System\"\n    ],\n    \"screenshare-stop\": [\n        \"System\"\n    ],\n    \"search\": [\n        \"System\"\n    ],\n    \"settings\": [\n        \"System\"\n    ],\n    \"signin\": [\n        \"System\"\n    ],\n    \"signout\": [\n        \"System\"\n    ],\n    \"square\": [\n        \"System\"\n    ],\n    \"sun\": [\n        \"System\"\n    ],\n    \"upload\": [\n        \"System\"\n    ],\n    \"bell\": [\n        \"Time\"\n    ],\n    \"calender-check\": [\n        \"Time\"\n    ],\n    \"calender-plus\": [\n        \"Time\"\n    ],\n    \"calender\": [\n        \"Time\"\n    ],\n    \"clock\": [\n        \"Time\"\n    ],\n    \"rewatch\": [\n        \"Time\"\n    ],\n    \"stopwatch\": [\n        \"Time\"\n    ],\n    \"bot\": [\n        \"User\"\n    ],\n    \"person-check\": [\n        \"User\"\n    ],\n    \"person-plus\": [\n        \"User\"\n    ],\n    \"person\": [\n        \"User\"\n    ],\n    \"users\": [\n        \"User\"\n    ]\n};\nexport const TAG_ICONS = {\n    \"Alert\": [\n        \"exclamation-circle\",\n        \"exclamation-triangle\",\n        \"info-circle\",\n        \"question-circle\"\n    ],\n    \"Code\": [\n        \"code-alt\",\n        \"code\",\n        \"terminal\"\n    ],\n    \"Device\": [\n        \"desktop\",\n        \"gamepad\",\n        \"lamp\",\n        \"laptop\",\n        \"mobile\"\n    ],\n    \"Docs\": [\n        \"archive\",\n        \"bookmark-fill\",\n        \"bookmark\",\n        \"file-alt\",\n        \"file\",\n        \"folder-open\",\n        \"folder\",\n        \"label-fill\",\n        \"label\",\n        \"note\",\n        \"pen\",\n        \"pin\"\n    ],\n    \"Media\": [\n        \"mic-off\",\n        \"mic\",\n        \"pause-circle-fill\",\n        \"pause-circle\",\n        \"pause\",\n        \"play-circle-fill\",\n        \"play-circle\",\n        \"play\",\n        \"video-off\",\n        \"video\",\n        \"volume-maximum\",\n        \"volume-minimum\",\n        \"volume-mute\"\n    ],\n    \"Misc\": [\n        \"heart-fill\",\n        \"heart\",\n        \"lock-close\",\n        \"lock-open\",\n        \"message-circle\",\n        \"message-double-question\",\n        \"message-square-info\",\n        \"message-square\",\n        \"milestone\",\n        \"quiz\",\n        \"smiley\",\n        \"spark-fill\",\n        \"spark\",\n        \"sparkle\",\n        \"target\"\n    ],\n    \"Reward\": [\n        \"check-badge\",\n        \"crown\",\n        \"flag\",\n        \"gift\",\n        \"medal\",\n        \"star-fill\",\n        \"star-half-fill\",\n        \"star\",\n        \"trophy\"\n    ],\n    \"System\": [\n        \"arrow-double\",\n        \"arrow-down\",\n        \"arrow-left\",\n        \"arrow-right\",\n        \"arrow-up\",\n        \"bin\",\n        \"call-end\",\n        \"call-start\",\n        \"caret-double\",\n        \"caret-down\",\n        \"caret-left\",\n        \"caret-right\",\n        \"caret-up\",\n        \"check-circle-fill\",\n        \"check-circle\",\n        \"check-square-fill\",\n        \"check-square\",\n        \"check\",\n        \"chevron-double-down\",\n        \"chevron-double-left\",\n        \"chevron-double-right\",\n        \"chevron-double-up\",\n        \"chevron-down\",\n        \"chevron-left\",\n        \"chevron-right\",\n        \"chevron-up\",\n        \"circle\",\n        \"close-circle-fill\",\n        \"close-circle\",\n        \"close-square-fill\",\n        \"close-square\",\n        \"close\",\n        \"download\",\n        \"forward\",\n        \"grip-hortizontal\",\n        \"grip-vertical\",\n        \"growth-down\",\n        \"growth-up\",\n        \"home\",\n        \"kebab-horizontal\",\n        \"kebab-vertical\",\n        \"link\",\n        \"list\",\n        \"load\",\n        \"maximize\",\n        \"menu-grid\",\n        \"menu\",\n        \"minimize\",\n        \"minus-circle-fill\",\n        \"minus-circle\",\n        \"minus-square-fill\",\n        \"minus-square\",\n        \"moon\",\n        \"new-tab\",\n        \"plus-circle-fill\",\n        \"plus-circle\",\n        \"plus-square-fill\",\n        \"plus-square\",\n        \"plus\",\n        \"refresh\",\n        \"reply\",\n        \"screenshare-start\",\n        \"screenshare-stop\",\n        \"search\",\n        \"settings\",\n        \"signin\",\n        \"signout\",\n        \"square\",\n        \"sun\",\n        \"upload\"\n    ],\n    \"Time\": [\n        \"bell\",\n        \"calender-check\",\n        \"calender-plus\",\n        \"calender\",\n        \"clock\",\n        \"rewatch\",\n        \"stopwatch\"\n    ],\n    \"User\": [\n        \"bot\",\n        \"person-check\",\n        \"person-plus\",\n        \"person\",\n        \"users\"\n    ]\n};","export type {\n    grauityRotatedChoiceName,\n    grauityFlippedChoiceName,\n} from './miscellaneousTypes';\n\nexport enum GRAUITY_ROTATED_CHOICES {\n    CLOCKWISE = 'clockwise',\n    COUNTERCLOCKWISE = 'counterclockwise',\n}\n\nexport enum GRAUITY_FLIPPED_CHOICES {\n    HORIZONTALLY = 'horizontally',\n    VERTICALLY = 'vertically',\n}\n\nexport const GRAUITY_ICON_ROTATED_CHOICES = [\n    GRAUITY_ROTATED_CHOICES.CLOCKWISE,\n    GRAUITY_ROTATED_CHOICES.COUNTERCLOCKWISE,\n];\n\nexport const GRAUITY_ICON_FLIPPED_CHOICES = [\n    GRAUITY_FLIPPED_CHOICES.HORIZONTALLY,\n    GRAUITY_FLIPPED_CHOICES.VERTICALLY,\n];\n","import * as React from 'react';\nimport styled from 'styled-components';\n\n/**\n * Returns a createElement() type based on the props of the Component.\n * Useful for calculating what type a component should render as.\n *\n * @param {object} props A ReactElement props object\n * @returns {string|function} A ReactElement type\n */\n\nfunction getElementTypeFromProps(props: {\n    as: React.ElementType;\n    href?: string;\n}) {\n    // ----------------------------------------\n    // user defined \"as\" element type\n\n    if (props.as) return styled(props.as)``;\n\n    // ----------------------------------------\n    // infer anchor links\n\n    if (props.href) return styled('a')``;\n\n    // ----------------------------------------\n    // use defaultProp or 'div'\n\n    return styled('div')``;\n}\n\nexport default getElementTypeFromProps;\n","/*\n * There are 3 prop patterns used to build up the className for a component.\n * Each utility here is meant for use in a classnames() argument.\n *\n * There is no util for valueOnly() because it would simply return val.\n * Use the prop value inline instead.\n *   <Label size='big' />\n *   <div class=\"ui big label\"></div>\n */\n\n/**\n * Props where only the prop key is used in the className.\n * @param {*} val A props value\n * @param {string} key A props key\n *\n * @example\n * <Label tag />\n * <div class=\"ui tag label\"></div>\n */\nexport const useKeyOnly = (val: any, key: string) => val && key;\n\n/**\n * Props that require both a key and value to create a className.\n * @param {*} val A props value\n * @param {string} key A props key\n *\n * @example\n * <Label corner='left' />\n * <div class=\"ui left corner label\"></div>\n */\nexport const useValueAndKey = (val: any, key: string) =>\n    val && val !== true && `${val}-${key}`;\n\n/**\n * Props whose key will be used in className, or value and key.\n * @param {*} val A props value\n * @param {string} key A props key\n *\n * @example Key Only\n * <Label pointing />\n * <div class=\"ui pointing label\"></div>\n *\n * @example Key and Value\n * <Label pointing='left' />\n * <div class=\"ui left pointing label\"></div>\n */\nexport const useKeyOrValueAndKey = (val: any, key: string) =>\n    val && (val === true ? key : `${val}-${key}`);\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { getElementTypeFromProps } from '../helpers';\n\nexport interface GrauityInitProps {\n    /**\n     * An element type to render as (string or function).\n     * */\n    as: React.ElementType;\n\n    /**\n     * The font size to be applied on this element and so will act as standard for the `ems` of all grauity components.\n     * */\n    fontSize: string;\n\n    /**\n     * The multiplier is multiplied will all the `ems` of the grauity components.\n     * */\n    multiplier?: number;\n\n    /**\n     * The children to be rendered inside this component.\n     * */\n    children?: React.ReactNode;\n}\n\n/**\n * This component is used to initialize the Grauity library. Ideally, it should be the root component of your application.\n * But nonetheless all the grauity components should be the children of this component.\n * */\nfunction GrauityInit({ as, fontSize, multiplier, children }: GrauityInitProps) {\n    const ElementType = getElementTypeFromProps({ as });\n\n    return (\n        <ElementType\n            className=\"grauity-init\"\n            style={{\n                fontSize,\n                '--multiplier': multiplier,\n            }}\n        >\n            {children}\n        </ElementType>\n    );\n}\n\nGrauityInit.propTypes = {\n    as: PropTypes.elementType,\n    fontSize: PropTypes.string,\n    multiplier: PropTypes.number,\n    children: PropTypes.node,\n};\n\nGrauityInit.defaultProps = {\n    as: 'div',\n    fontSize: '16px',\n    multiplier: 1,\n    children: null,\n};\n\nexport default GrauityInit;\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport _ from 'lodash';\nimport classnames from 'classnames';\n\nimport {\n    getElementTypeFromProps,\n    useKeyOnly,\n    useValueAndKey,\n} from '../../helpers';\nimport {\n    GRAUITY_ICON_COLORS,\n    GRAUITY_ICON_FLIPPED_CHOICES,\n    GRAUITY_ICON_ROTATED_CHOICES,\n    GRAUITY_ICON_SIZES,\n    grauityFlippedChoiceName,\n    grauityIconColorName,\n    grauityIconName,\n    grauityIconSizeName,\n    grauityRotatedChoiceName,\n    ICON_TAGS,\n} from '../../core';\n\nexport interface IconProps {\n    /**\n     * Icon can have the aria hidden attribute\n     * */\n    ariaHidden?: string;\n\n    /**\n     * Icon can have the aria label attribute\n     * */\n    ariaLabel?: string;\n\n    /**\n     * An element type to render as (string or function).\n     * */\n    as?: React.ElementType;\n\n    /**\n     * Format the icon to appear bordered\n     * */\n    bordered?: boolean;\n\n    /**\n     * Format the icon to appear circular\n     * */\n    circular?: boolean;\n\n    /**\n     * Color of the icon\n     * */\n    color?: grauityIconColorName;\n\n    /**\n     * Additional classes to be added to the component\n     * */\n    className?: string;\n\n    /**\n     * Show that the icon is inactive\n     * */\n    disabled?: boolean;\n\n    /**\n     * Fitted, without space to left or right of Icon\n     * */\n    fitted?: boolean;\n\n    /**\n     * Icon can be flipped\n     * */\n    flipped?: grauityFlippedChoiceName;\n\n    /**\n     * The colors of the icon can be inverted in case of used with border\n     * * */\n    inverted?: boolean;\n\n    /**\n     * Icon can be formatted as a link\n     * */\n    link?: boolean;\n\n    /**\n     * Icon can be used as a simple loader\n     * */\n    loading?: boolean;\n\n    /**\n     * Name of the icon\n     * */\n    name: grauityIconName;\n\n    /**\n     * Icon can be rotated\n     * */\n    rotated?: grauityRotatedChoiceName;\n\n    /**\n     * Size of the icon\n     * */\n    size?: grauityIconSizeName;\n\n    /**\n     * Additional styles to be used over the element\n     * */\n    style?: React.CSSProperties;\n}\n\nfunction Icon({\n    ariaHidden,\n    ariaLabel,\n    as,\n    bordered,\n    circular,\n    color,\n    className,\n    disabled,\n    fitted,\n    flipped,\n    inverted,\n    link,\n    loading,\n    name,\n    rotated,\n    size,\n    style,\n    ...props\n}: IconProps) {\n    const Element = getElementTypeFromProps({ as });\n\n    const getIconAriaOptions = () => {\n        const ariaOptions: {\n            'aria-hidden'?: string;\n            'aria-label'?: string;\n        } = {};\n\n        if (_.isNil(ariaLabel)) {\n            ariaOptions['aria-hidden'] = 'true';\n        } else {\n            ariaOptions['aria-label'] = ariaLabel;\n        }\n\n        if (!_.isNil(ariaHidden)) {\n            ariaOptions['aria-hidden'] = ariaHidden;\n        }\n\n        return ariaOptions;\n    };\n\n    const handleClick = (e?: any) => {\n        if (disabled) {\n            e.preventDefault();\n            return;\n        }\n\n        _.invoke(props, 'onClick', e, props);\n    };\n\n    const ariaOptions = getIconAriaOptions();\n\n    const classes = classnames(\n        'grauity-icon',\n        `grauity-icon-${name}`,\n        `size-${size}`,\n        useKeyOnly(color, color),\n        useKeyOnly(bordered, 'bordered'),\n        useKeyOnly(circular, 'circular'),\n        useKeyOnly(disabled, 'disabled'),\n        useKeyOnly(fitted, 'fitted'),\n        useKeyOnly(inverted, 'inverted'),\n        useKeyOnly(link, 'link'),\n        useKeyOnly(loading, 'loading'),\n        useValueAndKey(flipped, 'flipped'),\n        useValueAndKey(rotated, 'rotated'),\n        className\n    );\n\n    return (\n        <Element\n            onClick={handleClick}\n            {...ariaOptions}\n            className={classes}\n            style={style}\n        />\n    );\n}\n\nIcon.propTypes = {\n    ariaHidden: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    as: PropTypes.elementType,\n    bordered: PropTypes.bool,\n    circular: PropTypes.bool,\n    color: PropTypes.oneOf(GRAUITY_ICON_COLORS),\n    className: PropTypes.string,\n    disabled: PropTypes.bool,\n    fitted: PropTypes.bool,\n    flipped: PropTypes.oneOf(GRAUITY_ICON_FLIPPED_CHOICES),\n    inverted: PropTypes.bool,\n    link: PropTypes.bool,\n    loading: PropTypes.bool,\n    name: PropTypes.oneOf(Object.keys(ICON_TAGS)).isRequired,\n    rotated: PropTypes.oneOf(GRAUITY_ICON_ROTATED_CHOICES),\n    size: PropTypes.oneOf(GRAUITY_ICON_SIZES),\n    style: PropTypes.object,\n};\n\nIcon.defaultProps = {\n    ariaHidden: 'true',\n    ariaLabel: undefined,\n    as: 'i',\n    bordered: false,\n    circular: false,\n    color: 'grey',\n    className: undefined,\n    disabled: false,\n    fitted: false,\n    flipped: undefined,\n    inverted: false,\n    link: false,\n    loading: false,\n    rotated: undefined,\n    size: '16',\n    style: undefined,\n};\n\nexport default Icon;\n"],"names":["$8cbcc263f670cb67$export$b009745c0d723d05","GRAUITY_SIZE","$93e0a646b230ea7f$export$250fa2f0e0a0ae2d","GRAUITY_COLOR","$8cbcc263f670cb67$export$3bf4c96953c50403","FOUR","EIGHT","TWELVE","SIXTEEN","TWENTY","TWENTY_FOUR","TWENTY_EIGHT","THIRTY_TWO","THIRTY_SIX","FORTY","$9e9ba7b4821e665f$export$bfde210aee969e37","GRAUITY_ICONS","$93e0a646b230ea7f$export$74eaf9ce0283ca6a","WHITE","BLACK","GREY","BLUE","RED","GREEN","ORANGE","YELLOW","PURPLE","$5965ca0b925355b2$export$8de62274c8c83544","GRAUITY_ROTATED_CHOICES","$5965ca0b925355b2$export$7157be2c39530a1b","GRAUITY_FLIPPED_CHOICES","$419cae6f23ffbade$export$18002f458cc7dd66","code","terminal","desktop","gamepad","lamp","laptop","mobile","archive","bookmark","file","folder","label","note","pen","pin","mic","pause","play","video","heart","milestone","quiz","smiley","spark","sparkle","target","crown","flag","gift","medal","star","trophy","bin","check","circle","close","download","forward","home","link","list","load","maximize","menu","minimize","moon","plus","refresh","reply","search","settings","signin","signout","square","sun","upload","bell","calender","clock","rewatch","stopwatch","bot","person","users","$419cae6f23ffbade$export$8ccf049745ac9a1d","Alert","Code","Device","Docs","Media","Misc","Reward","System","Time","User","$5965ca0b925355b2$export$24f63745209ad7f5","CLOCKWISE","COUNTERCLOCKWISE","$5965ca0b925355b2$export$20d6cf3ab228a3ac","HORIZONTALLY","VERTICALLY","$9e62f2137a185622$export$2e2bcd8739ae039","props","as","$parcel$interopDefault","$ilWpy$styledcomponents","$9e62f2137a185622$var$templateObject_1","$9e62f2137a185622$var$__makeTemplateObject","href","$9e62f2137a185622$var$templateObject_2","$9e62f2137a185622$var$templateObject_3","$16aa4154c4e32542$export$aac7d417530cc39a","val","key","$16aa4154c4e32542$export$fb1b8744f6450628","concat","$f8fd2b3fc3688835$var$GrauityInit","_a","fontSize","multiplier","children","ElementType","$9e62f2137a185622$exports","default","$ilWpy$react","createElement","className","style","propTypes","$ilWpy$proptypes","elementType","string","number","node","defaultProps","$f8fd2b3fc3688835$export$2e2bcd8739ae039","$aba16f0e588731eb$var$Icon","ariaHidden","ariaLabel","bordered","circular","color","disabled","fitted","flipped","inverted","loading","name","rotated","size","$aba16f0e588731eb$var$__rest","Element","ariaOptions","$ilWpy$lodash","isNil","getIconAriaOptions","classes","$ilWpy$classnames","$aba16f0e588731eb$var$__assign","onClick","e","preventDefault","invoke","bool","oneOf","Object","keys","isRequired","object","undefined","$aba16f0e588731eb$export$2e2bcd8739ae039"],"version":3,"file":"main.cjs.map","sourceRoot":"../"}

package/dist/main.css

@@ -1,2 +1,2 @@
-*,:before,:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{margin:.67em 0;font-size:2em}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:#0000}abbr[title]{text-decoration:underline;border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}dfn{font-style:italic}mark{color:#000;background-color:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){height:0;display:none}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0;font-family:sans-serif;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;max-width:100%;white-space:normal;padding:0;display:table}progress{vertical-align:baseline;display:inline-block}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@font-face{font-family:Switzer;font-weight:100 900;src:url(fonts/Switzer-Variable.ttf)format("truetype-variations")}.grauity-init{font-family:Switzer,sans-serif}.grauity-init .font-size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .font-size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .font-size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .font-size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .font-size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .font-size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .font-size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .font-size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .font-size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .font-size-40{font-size:calc(var(--multiplier)*2.5em)}@font-face{font-family:grauity-icons;src:url(fonts/grauity-icons.eot?11dbc8fa0d3d1838fd4c9b02193e6067#iefix)format("embedded-opentype"),url(fonts/grauity-icons.woff?11dbc8fa0d3d1838fd4c9b02193e6067)format("woff"),url(fonts/grauity-icons.woff2?11dbc8fa0d3d1838fd4c9b02193e6067)format("woff2"),url(fonts/grauity-icons.ttf?11dbc8fa0d3d1838fd4c9b02193e6067)format("truetype")}i[class^=grauity-icon-]:before,i[class*=\ grauity-icon-]:before{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;line-height:1;font-family:grauity-icons!important;font-weight:400!important}.grauity-icon-school-left:before{content:""}.grauity-icon-school:before{content:""}.grauity-icon-code:before{content:""}.grauity-icon-today:before{content:""}.grauity-icon-person:before{content:""}.grauity-init{--icon-color-white:#fff;--icon-color-black:#2b303b;--icon-color-grey:#576175;--icon-color-blue:#06f;--icon-color-red:#d22d48;--icon-color-green:#24a87c;--icon-color-orange:#d6651f;--icon-color-yellow:#b37209;--icon-color-purple:#41198f;--disabled-icon-color-white:#fff;--disabled-icon-color-black:#2b303b;--disabled-icon-color-grey:#7b879d;--disabled-icon-color-blue:#80b2ff;--disabled-icon-color-red:#edabb6;--disabled-icon-color-green:#7de3c1;--disabled-icon-color-orange:#f2b38c;--disabled-icon-color-yellow:#ef9d1a;--disabled-icon-color-purple:#713cdd}@keyframes icon-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grauity-init .grauity-icon{vertical-align:middle;width:1em;backface-visibility:hidden;speak:none;text-decoration:inherit;opacity:1;text-align:center;margin:0 .1em;display:inline-block}.grauity-init .grauity-icon.white{color:var(--icon-color-white)}.grauity-init .grauity-icon.white.bordered,.grauity-init .grauity-icon.white.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-white)inset;box-shadow:0 0 0 .1em var(--icon-color-white)inset}.grauity-init .grauity-icon.white.bordered.inverted,.grauity-init .grauity-icon.white.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-white)}.grauity-init .grauity-icon.white.disabled{color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.white.disabled.bordered,.grauity-init .grauity-icon.white.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset}.grauity-init .grauity-icon.white.disabled.bordered.inverted,.grauity-init .grauity-icon.white.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.black{color:var(--icon-color-black)}.grauity-init .grauity-icon.black.bordered,.grauity-init .grauity-icon.black.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-black)inset;box-shadow:0 0 0 .1em var(--icon-color-black)inset}.grauity-init .grauity-icon.black.bordered.inverted,.grauity-init .grauity-icon.black.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-black)}.grauity-init .grauity-icon.black.disabled{color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.black.disabled.bordered,.grauity-init .grauity-icon.black.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset}.grauity-init .grauity-icon.black.disabled.bordered.inverted,.grauity-init .grauity-icon.black.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.grey{color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.bordered,.grauity-init .grauity-icon.grey.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-grey)inset;box-shadow:0 0 0 .1em var(--icon-color-grey)inset}.grauity-init .grauity-icon.grey.bordered.inverted,.grauity-init .grauity-icon.grey.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.disabled{color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.grey.disabled.bordered,.grauity-init .grauity-icon.grey.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset}.grauity-init .grauity-icon.grey.disabled.bordered.inverted,.grauity-init .grauity-icon.grey.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.blue{color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.bordered,.grauity-init .grauity-icon.blue.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-blue)inset;box-shadow:0 0 0 .1em var(--icon-color-blue)inset}.grauity-init .grauity-icon.blue.bordered.inverted,.grauity-init .grauity-icon.blue.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.disabled{color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.blue.disabled.bordered,.grauity-init .grauity-icon.blue.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset}.grauity-init .grauity-icon.blue.disabled.bordered.inverted,.grauity-init .grauity-icon.blue.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.red{color:var(--icon-color-red)}.grauity-init .grauity-icon.red.bordered,.grauity-init .grauity-icon.red.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-red)inset;box-shadow:0 0 0 .1em var(--icon-color-red)inset}.grauity-init .grauity-icon.red.bordered.inverted,.grauity-init .grauity-icon.red.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-red)}.grauity-init .grauity-icon.red.disabled{color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.red.disabled.bordered,.grauity-init .grauity-icon.red.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset}.grauity-init .grauity-icon.red.disabled.bordered.inverted,.grauity-init .grauity-icon.red.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.green{color:var(--icon-color-green)}.grauity-init .grauity-icon.green.bordered,.grauity-init .grauity-icon.green.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-green)inset;box-shadow:0 0 0 .1em var(--icon-color-green)inset}.grauity-init .grauity-icon.green.bordered.inverted,.grauity-init .grauity-icon.green.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-green)}.grauity-init .grauity-icon.green.disabled{color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.green.disabled.bordered,.grauity-init .grauity-icon.green.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset}.grauity-init .grauity-icon.green.disabled.bordered.inverted,.grauity-init .grauity-icon.green.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.orange{color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.bordered,.grauity-init .grauity-icon.orange.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-orange)inset;box-shadow:0 0 0 .1em var(--icon-color-orange)inset}.grauity-init .grauity-icon.orange.bordered.inverted,.grauity-init .grauity-icon.orange.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.disabled{color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.orange.disabled.bordered,.grauity-init .grauity-icon.orange.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset}.grauity-init .grauity-icon.orange.disabled.bordered.inverted,.grauity-init .grauity-icon.orange.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.yellow{color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.bordered,.grauity-init .grauity-icon.yellow.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--icon-color-yellow)inset}.grauity-init .grauity-icon.yellow.bordered.inverted,.grauity-init .grauity-icon.yellow.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled{color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled.bordered,.grauity-init .grauity-icon.yellow.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset}.grauity-init .grauity-icon.yellow.disabled.bordered.inverted,.grauity-init .grauity-icon.yellow.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.purple{color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.bordered,.grauity-init .grauity-icon.purple.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-purple)inset;box-shadow:0 0 0 .1em var(--icon-color-purple)inset}.grauity-init .grauity-icon.purple.bordered.inverted,.grauity-init .grauity-icon.purple.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.disabled{color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.purple.disabled.bordered,.grauity-init .grauity-icon.purple.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset}.grauity-init .grauity-icon.purple.disabled.bordered.inverted,.grauity-init .grauity-icon.purple.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .grauity-icon.size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .grauity-icon.size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .grauity-icon.size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .grauity-icon.size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .grauity-icon.size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .grauity-icon.size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .grauity-icon.size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .grauity-icon.size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .grauity-icon.size-40{font-size:calc(var(--multiplier)*2.5em)}.grauity-init .grauity-icon.loading{-webkit-animation:2s linear infinite icon-loading;animation:2s linear infinite icon-loading}.grauity-init .grauity-icon.fitted{width:auto;margin:0!important}.grauity-init .grauity-icon.horizontally-flipped{transform:scaleX(-1)}.grauity-init .grauity-icon.vertically-flipped{transform:scaleY(-1)}.grauity-init .grauity-icon.clockwise-rotated{transform:rotate(90deg)}.grauity-init .grauity-icon.counterclockwise-rotated{transform:rotate(-90deg)}.grauity-init .grauity-icon.link{cursor:pointer;opacity:.8;transition:opacity .1s ease-in-out}.grauity-init .grauity-icon.link:hover{opacity:1}.grauity-init .grauity-icon.circular{border-radius:50%}.grauity-init{font-size:calc(var(--multiplier)*16px)}
+*,:before,:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{margin:.67em 0;font-size:2em}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:#0000}abbr[title]{text-decoration:underline;border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}dfn{font-style:italic}mark{color:#000;background-color:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){height:0;display:none}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0;font-family:sans-serif;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;max-width:100%;white-space:normal;padding:0;display:table}progress{vertical-align:baseline;display:inline-block}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@font-face{font-family:Switzer;font-weight:100 900;src:url(fonts/Switzer-Variable.ttf)format("truetype-variations")}.grauity-init{font-family:Switzer,sans-serif}.grauity-init .font-size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .font-size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .font-size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .font-size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .font-size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .font-size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .font-size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .font-size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .font-size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .font-size-40{font-size:calc(var(--multiplier)*2.5em)}@font-face{font-family:grauity-icons;src:url(fonts/grauity-icons.eot?e17cc25a80fae3f0655178b26dc842df#iefix)format("embedded-opentype"),url(fonts/grauity-icons.woff?e17cc25a80fae3f0655178b26dc842df)format("woff"),url(fonts/grauity-icons.woff2?e17cc25a80fae3f0655178b26dc842df)format("woff2"),url(fonts/grauity-icons.ttf?e17cc25a80fae3f0655178b26dc842df)format("truetype")}i[class^=grauity-icon-]:before,i[class*=\ grauity-icon-]:before{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;line-height:1;font-family:grauity-icons!important;font-weight:400!important}.grauity-icon-exclamation-circle:before{content:""}.grauity-icon-exclamation-triangle:before{content:""}.grauity-icon-info-circle:before{content:""}.grauity-icon-question-circle:before{content:""}.grauity-icon-code-alt:before{content:""}.grauity-icon-code:before{content:""}.grauity-icon-terminal:before{content:""}.grauity-icon-desktop:before{content:""}.grauity-icon-gamepad:before{content:""}.grauity-icon-lamp:before{content:""}.grauity-icon-laptop:before{content:""}.grauity-icon-mobile:before{content:""}.grauity-icon-archive:before{content:""}.grauity-icon-bookmark-fill:before{content:""}.grauity-icon-bookmark:before{content:""}.grauity-icon-file-alt:before{content:""}.grauity-icon-file:before{content:""}.grauity-icon-folder-open:before{content:""}.grauity-icon-folder:before{content:""}.grauity-icon-label-fill:before{content:""}.grauity-icon-label:before{content:""}.grauity-icon-note:before{content:""}.grauity-icon-pen:before{content:""}.grauity-icon-pin:before{content:""}.grauity-icon-mic-off:before{content:""}.grauity-icon-mic:before{content:""}.grauity-icon-pause-circle-fill:before{content:""}.grauity-icon-pause-circle:before{content:""}.grauity-icon-pause:before{content:""}.grauity-icon-play-circle-fill:before{content:""}.grauity-icon-play-circle:before{content:""}.grauity-icon-play:before{content:""}.grauity-icon-video-off:before{content:""}.grauity-icon-video:before{content:""}.grauity-icon-volume-maximum:before{content:""}.grauity-icon-volume-minimum:before{content:""}.grauity-icon-volume-mute:before{content:""}.grauity-icon-heart-fill:before{content:""}.grauity-icon-heart:before{content:""}.grauity-icon-lock-close:before{content:""}.grauity-icon-lock-open:before{content:""}.grauity-icon-message-circle:before{content:""}.grauity-icon-message-double-question:before{content:""}.grauity-icon-message-square-info:before{content:""}.grauity-icon-message-square:before{content:""}.grauity-icon-milestone:before{content:""}.grauity-icon-quiz:before{content:""}.grauity-icon-smiley:before{content:""}.grauity-icon-spark-fill:before{content:""}.grauity-icon-spark:before{content:""}.grauity-icon-sparkle:before{content:""}.grauity-icon-target:before{content:""}.grauity-icon-check-badge:before{content:""}.grauity-icon-crown:before{content:""}.grauity-icon-flag:before{content:""}.grauity-icon-gift:before{content:""}.grauity-icon-medal:before{content:""}.grauity-icon-star-fill:before{content:""}.grauity-icon-star-half-fill:before{content:""}.grauity-icon-star:before{content:""}.grauity-icon-trophy:before{content:""}.grauity-icon-arrow-double:before{content:""}.grauity-icon-arrow-down:before{content:""}.grauity-icon-arrow-left:before{content:""}.grauity-icon-arrow-right:before{content:""}.grauity-icon-arrow-up:before{content:""}.grauity-icon-bin:before{content:""}.grauity-icon-call-end:before{content:""}.grauity-icon-call-start:before{content:""}.grauity-icon-caret-double:before{content:""}.grauity-icon-caret-down:before{content:""}.grauity-icon-caret-left:before{content:""}.grauity-icon-caret-right:before{content:""}.grauity-icon-caret-up:before{content:""}.grauity-icon-check-circle-fill:before{content:""}.grauity-icon-check-circle:before{content:""}.grauity-icon-check-square-fill:before{content:""}.grauity-icon-check-square:before{content:""}.grauity-icon-check:before{content:""}.grauity-icon-chevron-double-down:before{content:""}.grauity-icon-chevron-double-left:before{content:""}.grauity-icon-chevron-double-right:before{content:""}.grauity-icon-chevron-double-up:before{content:""}.grauity-icon-chevron-down:before{content:""}.grauity-icon-chevron-left:before{content:""}.grauity-icon-chevron-right:before{content:""}.grauity-icon-chevron-up:before{content:""}.grauity-icon-circle:before{content:""}.grauity-icon-close-circle-fill:before{content:""}.grauity-icon-close-circle:before{content:""}.grauity-icon-close-square-fill:before{content:""}.grauity-icon-close-square:before{content:""}.grauity-icon-close:before{content:""}.grauity-icon-download:before{content:""}.grauity-icon-forward:before{content:""}.grauity-icon-grip-hortizontal:before{content:""}.grauity-icon-grip-vertical:before{content:""}.grauity-icon-growth-down:before{content:""}.grauity-icon-growth-up:before{content:""}.grauity-icon-home:before{content:""}.grauity-icon-kebab-horizontal:before{content:""}.grauity-icon-kebab-vertical:before{content:""}.grauity-icon-link:before{content:""}.grauity-icon-list:before{content:""}.grauity-icon-load:before{content:""}.grauity-icon-maximize:before{content:""}.grauity-icon-menu-grid:before{content:""}.grauity-icon-menu:before{content:""}.grauity-icon-minimize:before{content:""}.grauity-icon-minus-circle-fill:before{content:""}.grauity-icon-minus-circle:before{content:""}.grauity-icon-minus-square-fill:before{content:""}.grauity-icon-minus-square:before{content:""}.grauity-icon-moon:before{content:""}.grauity-icon-new-tab:before{content:""}.grauity-icon-plus-circle-fill:before{content:""}.grauity-icon-plus-circle:before{content:""}.grauity-icon-plus-square-fill:before{content:""}.grauity-icon-plus-square:before{content:""}.grauity-icon-plus:before{content:""}.grauity-icon-refresh:before{content:""}.grauity-icon-reply:before{content:""}.grauity-icon-screenshare-start:before{content:""}.grauity-icon-screenshare-stop:before{content:""}.grauity-icon-search:before{content:""}.grauity-icon-settings:before{content:""}.grauity-icon-signin:before{content:""}.grauity-icon-signout:before{content:""}.grauity-icon-square:before{content:""}.grauity-icon-sun:before{content:""}.grauity-icon-upload:before{content:""}.grauity-icon-bell:before{content:""}.grauity-icon-calender-check:before{content:""}.grauity-icon-calender-plus:before{content:""}.grauity-icon-calender:before{content:""}.grauity-icon-clock:before{content:""}.grauity-icon-rewatch:before{content:""}.grauity-icon-stopwatch:before{content:""}.grauity-icon-bot:before{content:""}.grauity-icon-person-check:before{content:""}.grauity-icon-person-plus:before{content:""}.grauity-icon-person:before{content:""}.grauity-icon-users:before{content:""}.grauity-init{--icon-color-white:#fff;--icon-color-black:#2b303b;--icon-color-grey:#576175;--icon-color-blue:#06f;--icon-color-red:#d22d48;--icon-color-green:#24a87c;--icon-color-orange:#d6651f;--icon-color-yellow:#b37209;--icon-color-purple:#41198f;--disabled-icon-color-white:#fff;--disabled-icon-color-black:#2b303b;--disabled-icon-color-grey:#7b879d;--disabled-icon-color-blue:#80b2ff;--disabled-icon-color-red:#edabb6;--disabled-icon-color-green:#7de3c1;--disabled-icon-color-orange:#f2b38c;--disabled-icon-color-yellow:#ef9d1a;--disabled-icon-color-purple:#713cdd}@keyframes icon-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grauity-init .grauity-icon{vertical-align:middle;height:1em;backface-visibility:hidden;speak:none;text-decoration:inherit;opacity:1;text-align:center;margin:0 .1em;display:inline-block}.grauity-init .grauity-icon.white{color:var(--icon-color-white)}.grauity-init .grauity-icon.white.bordered,.grauity-init .grauity-icon.white.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-white)inset;box-shadow:0 0 0 .1em var(--icon-color-white)inset}.grauity-init .grauity-icon.white.bordered.inverted,.grauity-init .grauity-icon.white.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-white)}.grauity-init .grauity-icon.white.disabled{color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.white.disabled.bordered,.grauity-init .grauity-icon.white.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset}.grauity-init .grauity-icon.white.disabled.bordered.inverted,.grauity-init .grauity-icon.white.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.black{color:var(--icon-color-black)}.grauity-init .grauity-icon.black.bordered,.grauity-init .grauity-icon.black.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-black)inset;box-shadow:0 0 0 .1em var(--icon-color-black)inset}.grauity-init .grauity-icon.black.bordered.inverted,.grauity-init .grauity-icon.black.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-black)}.grauity-init .grauity-icon.black.disabled{color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.black.disabled.bordered,.grauity-init .grauity-icon.black.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset}.grauity-init .grauity-icon.black.disabled.bordered.inverted,.grauity-init .grauity-icon.black.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.grey{color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.bordered,.grauity-init .grauity-icon.grey.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-grey)inset;box-shadow:0 0 0 .1em var(--icon-color-grey)inset}.grauity-init .grauity-icon.grey.bordered.inverted,.grauity-init .grauity-icon.grey.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.disabled{color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.grey.disabled.bordered,.grauity-init .grauity-icon.grey.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset}.grauity-init .grauity-icon.grey.disabled.bordered.inverted,.grauity-init .grauity-icon.grey.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.blue{color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.bordered,.grauity-init .grauity-icon.blue.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-blue)inset;box-shadow:0 0 0 .1em var(--icon-color-blue)inset}.grauity-init .grauity-icon.blue.bordered.inverted,.grauity-init .grauity-icon.blue.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.disabled{color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.blue.disabled.bordered,.grauity-init .grauity-icon.blue.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset}.grauity-init .grauity-icon.blue.disabled.bordered.inverted,.grauity-init .grauity-icon.blue.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.red{color:var(--icon-color-red)}.grauity-init .grauity-icon.red.bordered,.grauity-init .grauity-icon.red.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-red)inset;box-shadow:0 0 0 .1em var(--icon-color-red)inset}.grauity-init .grauity-icon.red.bordered.inverted,.grauity-init .grauity-icon.red.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-red)}.grauity-init .grauity-icon.red.disabled{color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.red.disabled.bordered,.grauity-init .grauity-icon.red.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset}.grauity-init .grauity-icon.red.disabled.bordered.inverted,.grauity-init .grauity-icon.red.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.green{color:var(--icon-color-green)}.grauity-init .grauity-icon.green.bordered,.grauity-init .grauity-icon.green.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-green)inset;box-shadow:0 0 0 .1em var(--icon-color-green)inset}.grauity-init .grauity-icon.green.bordered.inverted,.grauity-init .grauity-icon.green.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-green)}.grauity-init .grauity-icon.green.disabled{color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.green.disabled.bordered,.grauity-init .grauity-icon.green.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset}.grauity-init .grauity-icon.green.disabled.bordered.inverted,.grauity-init .grauity-icon.green.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.orange{color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.bordered,.grauity-init .grauity-icon.orange.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-orange)inset;box-shadow:0 0 0 .1em var(--icon-color-orange)inset}.grauity-init .grauity-icon.orange.bordered.inverted,.grauity-init .grauity-icon.orange.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.disabled{color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.orange.disabled.bordered,.grauity-init .grauity-icon.orange.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset}.grauity-init .grauity-icon.orange.disabled.bordered.inverted,.grauity-init .grauity-icon.orange.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.yellow{color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.bordered,.grauity-init .grauity-icon.yellow.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--icon-color-yellow)inset}.grauity-init .grauity-icon.yellow.bordered.inverted,.grauity-init .grauity-icon.yellow.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled{color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled.bordered,.grauity-init .grauity-icon.yellow.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset}.grauity-init .grauity-icon.yellow.disabled.bordered.inverted,.grauity-init .grauity-icon.yellow.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.purple{color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.bordered,.grauity-init .grauity-icon.purple.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-purple)inset;box-shadow:0 0 0 .1em var(--icon-color-purple)inset}.grauity-init .grauity-icon.purple.bordered.inverted,.grauity-init .grauity-icon.purple.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.disabled{color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.purple.disabled.bordered,.grauity-init .grauity-icon.purple.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset}.grauity-init .grauity-icon.purple.disabled.bordered.inverted,.grauity-init .grauity-icon.purple.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .grauity-icon.size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .grauity-icon.size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .grauity-icon.size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .grauity-icon.size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .grauity-icon.size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .grauity-icon.size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .grauity-icon.size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .grauity-icon.size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .grauity-icon.size-40{font-size:calc(var(--multiplier)*2.5em)}.grauity-init .grauity-icon.loading{-webkit-animation:2s linear infinite icon-loading;animation:2s linear infinite icon-loading}.grauity-init .grauity-icon.fitted{width:auto;margin:0!important}.grauity-init .grauity-icon.horizontally-flipped{transform:scaleX(-1)}.grauity-init .grauity-icon.vertically-flipped{transform:scaleY(-1)}.grauity-init .grauity-icon.clockwise-rotated{transform:rotate(90deg)}.grauity-init .grauity-icon.counterclockwise-rotated{transform:rotate(-90deg)}.grauity-init .grauity-icon.link{cursor:pointer;opacity:.8;transition:opacity .1s ease-in-out}.grauity-init .grauity-icon.link:hover{opacity:1}.grauity-init .grauity-icon.circular{border-radius:50%}.grauity-init{font-size:calc(var(--multiplier)*16px)}
 /*# sourceMappingURL=main.css.map */

package/dist/main.css.map

@@ -1 +1 @@
-{"mappings":"ACiBA,oCAMA,2BAKA,wHAmBA,8EAiBA,cAOA,sDAaA,gCAWA,qCAWA,uBAQA,oDAgBA,wCAeA,8DAaA,mIAgBA,gDAiBA,kDAcA,sBAOA,sCAQA,oBAQA,8EAQA,kBAIA,cASA,iCAQA,4CAQA,sBAOA,+BAUA,sGAuBA,8BAWA,kCAYA,+EAYA,oJAWA,0IAUA,oCAUA,qGAyBA,sDAYA,uBAQA,6DAaA,8FASA,+DAYA,6GASA,oEAeA,2BAQA,0BASA,4BAOA,sBASA,sBCzfA,oHAMA,6CAIQ,mEAAA,kEAAA,oEAAA,kEAAA,qEAAA,oEAAA,qEAAA,kEAAA,qEAAA,oECVR,oXAQA,2QAmBA,+CAGA,0CAGA,wCAGA,yCAGA,0CCmCA,0jBC5EA,4ECKA,yLAYQ,gEAGI,oMAII,+KAMJ,kFAGI,wOAII,mNApBZ,gEAGI,oMAII,+KAMJ,kFAGI,wOAII,mNApBZ,8DAGI,gMAII,4KAMJ,gFAGI,oOAII,gNApBZ,8DAGI,gMAII,4KAMJ,gFAGI,oOAII,gNApBZ,4DAGI,4LAII,yKAMJ,8EAGI,gOAII,6MApBZ,gEAGI,oMAII,+KAMJ,kFAGI,wOAII,mNApBZ,kEAGI,wMAII,kLAMJ,oFAGI,4OAII,sNApBZ,kEAGI,wMAII,kLAMJ,oFAGI,4OAII,sNApBZ,kEAGI,wMAII,kLAMJ,oFAGI,4OAII,sNAUZ,2EAAA,0EAAA,4EAAA,0EAAA,6EAAA,4EAAA,6EAAA,0EAAA,6EAAA,4EAKJ,gIAKA,iEAKA,sEAIA,oEAIA,sEAIA,8EAIA,8FAKI,iDAKJ,uDChFJ","sources":["main.css","ui/css/reset.scss","ui/css/fonts.scss","ui/css/grauity-icons.scss","ui/css/colors.scss","ui/css/animations.scss","ui/css/icons.scss","ui/css/index.scss"],"sourcesContent":["/*!\n * # Gra.UI.ty 1.0.0 - Reset\n * https://github.com/Newton-School/grauity\n *\n *\n * Released under the MIT license\n * http://opensource.org/licenses/MIT\n *\n */\n/*******************************\n             Reset\n*******************************/\n/* Border-Box */\n*,\n*:before,\n*:after {\n  box-sizing: inherit;\n}\n\nhtml {\n  box-sizing: border-box;\n}\n\n/* iPad Input Shadows */\ninput[type=text],\ninput[type=email],\ninput[type=search],\ninput[type=password] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  /* mobile firefox too! */\n}\n\n/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n *    IE on Windows Phone and in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -ms-text-size-adjust: 100%;\n  /* 2 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\nfigcaption,\nfigure,\nmain {\n  /* 1 */\n  display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n  margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\na {\n  background-color: transparent;\n  /* 1 */\n  -webkit-text-decoration-skip: objects;\n  /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n  /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n  font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n  font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\naudio,\nvideo {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n  border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: sans-serif;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n *    controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n  /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  display: inline-block;\n  /* 1 */\n  vertical-align: baseline;\n  /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-cancel-button,\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\ndetails,\nmenu {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Scripting\n   ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\ntemplate {\n  display: none;\n}\n\n/* Hidden\n   ========================================================================== */\n/**\n * Add the correct display in IE 10-.\n */\n[hidden] {\n  display: none;\n}\n\n/*******************************\n         Site Overrides\n*******************************/\n@font-face {\n  font-family: \"Switzer\";\n  font-weight: 100 900;\n  src: url(\"fonts/Switzer-Variable.ttf\") format(\"truetype-variations\");\n}\n.grauity-init {\n  font-family: \"Switzer\", sans-serif;\n}\n.grauity-init .font-size-4 {\n  font-size: calc(var(--multiplier) * 0.25em);\n}\n.grauity-init .font-size-8 {\n  font-size: calc(var(--multiplier) * 0.5em);\n}\n.grauity-init .font-size-12 {\n  font-size: calc(var(--multiplier) * 0.75em);\n}\n.grauity-init .font-size-16 {\n  font-size: calc(var(--multiplier) * 1em);\n}\n.grauity-init .font-size-20 {\n  font-size: calc(var(--multiplier) * 1.25em);\n}\n.grauity-init .font-size-24 {\n  font-size: calc(var(--multiplier) * 1.5em);\n}\n.grauity-init .font-size-28 {\n  font-size: calc(var(--multiplier) * 1.75em);\n}\n.grauity-init .font-size-32 {\n  font-size: calc(var(--multiplier) * 2em);\n}\n.grauity-init .font-size-36 {\n  font-size: calc(var(--multiplier) * 2.25em);\n}\n.grauity-init .font-size-40 {\n  font-size: calc(var(--multiplier) * 2.5em);\n}\n\n@font-face {\n  font-family: \"grauity-icons\";\n  src: url(\"fonts/grauity-icons.eot?11dbc8fa0d3d1838fd4c9b02193e6067#iefix\") format(\"embedded-opentype\"), url(\"fonts/grauity-icons.woff?11dbc8fa0d3d1838fd4c9b02193e6067\") format(\"woff\"), url(\"fonts/grauity-icons.woff2?11dbc8fa0d3d1838fd4c9b02193e6067\") format(\"woff2\"), url(\"fonts/grauity-icons.ttf?11dbc8fa0d3d1838fd4c9b02193e6067\") format(\"truetype\");\n}\ni[class^=grauity-icon-]:before, i[class*=\" grauity-icon-\"]:before {\n  font-family: grauity-icons !important;\n  font-style: normal;\n  font-weight: normal !important;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.grauity-icon-school-left:before {\n  content: \"\\f101\";\n}\n\n.grauity-icon-school:before {\n  content: \"\\f102\";\n}\n\n.grauity-icon-code:before {\n  content: \"\\f103\";\n}\n\n.grauity-icon-today:before {\n  content: \"\\f104\";\n}\n\n.grauity-icon-person:before {\n  content: \"\\f105\";\n}\n\n.grauity-init {\n  --icon-color-white: #FFFFFF;\n  --icon-color-black: #2B303B;\n  --icon-color-grey: #576175;\n  --icon-color-blue: #0066FF;\n  --icon-color-red: #D22D48;\n  --icon-color-green: #24A87C;\n  --icon-color-orange: #D6651F;\n  --icon-color-yellow: #B37209;\n  --icon-color-purple: #41198F;\n  --disabled-icon-color-white: #FFFFFF;\n  --disabled-icon-color-black: #2B303B;\n  --disabled-icon-color-grey: #7B879D;\n  --disabled-icon-color-blue: #80B2FF;\n  --disabled-icon-color-red: #EDABB6;\n  --disabled-icon-color-green: #7DE3C1;\n  --disabled-icon-color-orange: #F2B38C;\n  --disabled-icon-color-yellow: #EF9D1A;\n  --disabled-icon-color-purple: #713CDD;\n}\n\n@keyframes icon-loading {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.grauity-init .grauity-icon {\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0 0.1em;\n  width: 1em;\n  backface-visibility: hidden;\n  speak: none;\n  text-decoration: inherit;\n  opacity: 1;\n  text-align: center;\n}\n.grauity-init .grauity-icon.white {\n  color: var(--icon-color-white);\n}\n.grauity-init .grauity-icon.white.bordered, .grauity-init .grauity-icon.white.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-white) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-white) inset;\n}\n.grauity-init .grauity-icon.white.bordered.inverted, .grauity-init .grauity-icon.white.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-white);\n}\n.grauity-init .grauity-icon.white.disabled {\n  color: var(--disabled-icon-color-white);\n}\n.grauity-init .grauity-icon.white.disabled.bordered, .grauity-init .grauity-icon.white.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-white) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-white) inset;\n}\n.grauity-init .grauity-icon.white.disabled.bordered.inverted, .grauity-init .grauity-icon.white.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-white);\n}\n.grauity-init .grauity-icon.black {\n  color: var(--icon-color-black);\n}\n.grauity-init .grauity-icon.black.bordered, .grauity-init .grauity-icon.black.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-black) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-black) inset;\n}\n.grauity-init .grauity-icon.black.bordered.inverted, .grauity-init .grauity-icon.black.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-black);\n}\n.grauity-init .grauity-icon.black.disabled {\n  color: var(--disabled-icon-color-black);\n}\n.grauity-init .grauity-icon.black.disabled.bordered, .grauity-init .grauity-icon.black.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-black) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-black) inset;\n}\n.grauity-init .grauity-icon.black.disabled.bordered.inverted, .grauity-init .grauity-icon.black.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-black);\n}\n.grauity-init .grauity-icon.grey {\n  color: var(--icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.bordered, .grauity-init .grauity-icon.grey.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-grey) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-grey) inset;\n}\n.grauity-init .grauity-icon.grey.bordered.inverted, .grauity-init .grauity-icon.grey.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.disabled {\n  color: var(--disabled-icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.disabled.bordered, .grauity-init .grauity-icon.grey.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-grey) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-grey) inset;\n}\n.grauity-init .grauity-icon.grey.disabled.bordered.inverted, .grauity-init .grauity-icon.grey.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-grey);\n}\n.grauity-init .grauity-icon.blue {\n  color: var(--icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.bordered, .grauity-init .grauity-icon.blue.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-blue) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-blue) inset;\n}\n.grauity-init .grauity-icon.blue.bordered.inverted, .grauity-init .grauity-icon.blue.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.disabled {\n  color: var(--disabled-icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.disabled.bordered, .grauity-init .grauity-icon.blue.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-blue) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-blue) inset;\n}\n.grauity-init .grauity-icon.blue.disabled.bordered.inverted, .grauity-init .grauity-icon.blue.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-blue);\n}\n.grauity-init .grauity-icon.red {\n  color: var(--icon-color-red);\n}\n.grauity-init .grauity-icon.red.bordered, .grauity-init .grauity-icon.red.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-red) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-red) inset;\n}\n.grauity-init .grauity-icon.red.bordered.inverted, .grauity-init .grauity-icon.red.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-red);\n}\n.grauity-init .grauity-icon.red.disabled {\n  color: var(--disabled-icon-color-red);\n}\n.grauity-init .grauity-icon.red.disabled.bordered, .grauity-init .grauity-icon.red.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-red) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-red) inset;\n}\n.grauity-init .grauity-icon.red.disabled.bordered.inverted, .grauity-init .grauity-icon.red.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-red);\n}\n.grauity-init .grauity-icon.green {\n  color: var(--icon-color-green);\n}\n.grauity-init .grauity-icon.green.bordered, .grauity-init .grauity-icon.green.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-green) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-green) inset;\n}\n.grauity-init .grauity-icon.green.bordered.inverted, .grauity-init .grauity-icon.green.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-green);\n}\n.grauity-init .grauity-icon.green.disabled {\n  color: var(--disabled-icon-color-green);\n}\n.grauity-init .grauity-icon.green.disabled.bordered, .grauity-init .grauity-icon.green.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-green) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-green) inset;\n}\n.grauity-init .grauity-icon.green.disabled.bordered.inverted, .grauity-init .grauity-icon.green.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-green);\n}\n.grauity-init .grauity-icon.orange {\n  color: var(--icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.bordered, .grauity-init .grauity-icon.orange.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-orange) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-orange) inset;\n}\n.grauity-init .grauity-icon.orange.bordered.inverted, .grauity-init .grauity-icon.orange.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.disabled {\n  color: var(--disabled-icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.disabled.bordered, .grauity-init .grauity-icon.orange.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-orange) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-orange) inset;\n}\n.grauity-init .grauity-icon.orange.disabled.bordered.inverted, .grauity-init .grauity-icon.orange.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-orange);\n}\n.grauity-init .grauity-icon.yellow {\n  color: var(--icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.bordered, .grauity-init .grauity-icon.yellow.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-yellow) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-yellow) inset;\n}\n.grauity-init .grauity-icon.yellow.bordered.inverted, .grauity-init .grauity-icon.yellow.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.disabled {\n  color: var(--disabled-icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.disabled.bordered, .grauity-init .grauity-icon.yellow.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-yellow) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-yellow) inset;\n}\n.grauity-init .grauity-icon.yellow.disabled.bordered.inverted, .grauity-init .grauity-icon.yellow.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-yellow);\n}\n.grauity-init .grauity-icon.purple {\n  color: var(--icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.bordered, .grauity-init .grauity-icon.purple.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-purple) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-purple) inset;\n}\n.grauity-init .grauity-icon.purple.bordered.inverted, .grauity-init .grauity-icon.purple.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.disabled {\n  color: var(--disabled-icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.disabled.bordered, .grauity-init .grauity-icon.purple.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-purple) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-purple) inset;\n}\n.grauity-init .grauity-icon.purple.disabled.bordered.inverted, .grauity-init .grauity-icon.purple.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-purple);\n}\n.grauity-init .grauity-icon.size-4 {\n  font-size: calc(var(--multiplier) * 0.25em);\n}\n.grauity-init .grauity-icon.size-8 {\n  font-size: calc(var(--multiplier) * 0.5em);\n}\n.grauity-init .grauity-icon.size-12 {\n  font-size: calc(var(--multiplier) * 0.75em);\n}\n.grauity-init .grauity-icon.size-16 {\n  font-size: calc(var(--multiplier) * 1em);\n}\n.grauity-init .grauity-icon.size-20 {\n  font-size: calc(var(--multiplier) * 1.25em);\n}\n.grauity-init .grauity-icon.size-24 {\n  font-size: calc(var(--multiplier) * 1.5em);\n}\n.grauity-init .grauity-icon.size-28 {\n  font-size: calc(var(--multiplier) * 1.75em);\n}\n.grauity-init .grauity-icon.size-32 {\n  font-size: calc(var(--multiplier) * 2em);\n}\n.grauity-init .grauity-icon.size-36 {\n  font-size: calc(var(--multiplier) * 2.25em);\n}\n.grauity-init .grauity-icon.size-40 {\n  font-size: calc(var(--multiplier) * 2.5em);\n}\n.grauity-init .grauity-icon.loading {\n  animation: icon-loading 2s linear infinite;\n  -webkit-animation: icon-loading 2s linear infinite;\n}\n.grauity-init .grauity-icon.fitted {\n  width: auto;\n  margin: 0 !important;\n}\n.grauity-init .grauity-icon.horizontally-flipped {\n  transform: scaleX(-1);\n}\n.grauity-init .grauity-icon.vertically-flipped {\n  transform: scaleY(-1);\n}\n.grauity-init .grauity-icon.clockwise-rotated {\n  transform: rotate(90deg);\n}\n.grauity-init .grauity-icon.counterclockwise-rotated {\n  transform: rotate(-90deg);\n}\n.grauity-init .grauity-icon.link {\n  cursor: pointer;\n  opacity: 0.8;\n  transition: opacity 0.1s ease-in-out;\n}\n.grauity-init .grauity-icon.link:hover {\n  opacity: 1;\n}\n.grauity-init .grauity-icon.circular {\n  border-radius: 50%;\n}\n\n.grauity-init {\n  font-size: calc(var(--multiplier) * 16px);\n}\n/*# sourceMappingURL=main.css.map */\n",null,null,null,null,null,null,"@import \"reset\";\n@import \"fonts\";\n@import \"grauity-icons\";\n@import \"colors\";\n@import \"animations\";\n\n@import \"icons\";\n\n.grauity-init {\n    font-size: calc(var(--multiplier) * 16px);\n}\n"],"names":[],"version":3,"file":"main.css.map","sourceRoot":"../"}
+{"mappings":"ACiBA,oCAMA,2BAKA,wHAmBA,8EAiBA,cAOA,sDAaA,gCAWA,qCAWA,uBAQA,oDAgBA,wCAeA,8DAaA,mIAgBA,gDAiBA,kDAcA,sBAOA,sCAQA,oBAQA,8EAQA,kBAIA,cASA,iCAQA,4CAQA,sBAOA,+BAUA,sGAuBA,8BAWA,kCAYA,+EAYA,oJAWA,0IAUA,oCAUA,qGAyBA,sDAYA,uBAQA,6DAaA,8FASA,+DAYA,6GASA,oEAeA,2BAQA,0BASA,4BAOA,sBASA,sBCzfA,oHAMA,6CAIQ,mEAAA,kEAAA,oEAAA,kEAAA,qEAAA,oEAAA,qEAAA,kEAAA,qEAAA,oECVR,oXAQA,2QA6JA,sDAGA,wDAGA,+CAGA,mDAGA,4CAGA,wCAGA,4CAGA,2CAGA,2CAGA,wCAGA,0CAGA,0CAGA,2CAGA,iDAGA,4CAGA,4CAGA,wCAGA,+CAGA,0CAGA,8CAGA,yCAGA,wCAGA,uCAGA,uCAGA,2CAGA,uCAGA,qDAGA,gDAGA,yCAGA,oDAGA,+CAGA,wCAGA,6CAGA,yCAGA,kDAGA,kDAGA,+CAGA,8CAGA,yCAGA,8CAGA,6CAGA,kDAGA,2DAGA,uDAGA,kDAGA,6CAGA,wCAGA,0CAGA,8CAGA,yCAGA,2CAGA,0CAGA,+CAGA,yCAGA,wCAGA,wCAGA,yCAGA,6CAGA,kDAGA,wCAGA,0CAGA,gDAGA,8CAGA,8CAGA,+CAGA,4CAGA,uCAGA,4CAGA,8CAGA,gDAGA,8CAGA,8CAGA,+CAGA,4CAGA,qDAGA,gDAGA,qDAGA,gDAGA,yCAGA,uDAGA,uDAGA,wDAGA,qDAGA,gDAGA,gDAGA,iDAGA,8CAGA,0CAGA,qDAGA,gDAGA,qDAGA,gDAGA,yCAGA,4CAGA,2CAGA,oDAGA,iDAGA,+CAGA,6CAGA,wCAGA,oDAGA,kDAGA,wCAGA,wCAGA,wCAGA,4CAGA,6CAGA,wCAGA,4CAGA,qDAGA,gDAGA,qDAGA,gDAGA,wCAGA,2CAGA,oDAGA,+CAGA,oDAGA,+CAGA,wCAGA,2CAGA,yCAGA,qDAGA,oDAGA,0CAGA,4CAGA,0CAGA,2CAGA,0CAGA,uCAGA,0CAGA,wCAGA,kDAGA,iDAGA,4CAGA,yCAGA,2CAGA,6CAGA,uCAGA,gDAGA,+CAGA,0CAGA,yCCrgBA,0jBC5EA,4ECKA,0LAYQ,gEAGI,oMAII,+KAMJ,kFAGI,wOAII,mNApBZ,gEAGI,oMAII,+KAMJ,kFAGI,wOAII,mNApBZ,8DAGI,gMAII,4KAMJ,gFAGI,oOAII,gNApBZ,8DAGI,gMAII,4KAMJ,gFAGI,oOAII,gNApBZ,4DAGI,4LAII,yKAMJ,8EAGI,gOAII,6MApBZ,gEAGI,oMAII,+KAMJ,kFAGI,wOAII,mNApBZ,kEAGI,wMAII,kLAMJ,oFAGI,4OAII,sNApBZ,kEAGI,wMAII,kLAMJ,oFAGI,4OAII,sNApBZ,kEAGI,wMAII,kLAMJ,oFAGI,4OAII,sNAUZ,2EAAA,0EAAA,4EAAA,0EAAA,6EAAA,4EAAA,6EAAA,0EAAA,6EAAA,4EAKJ,gIAKA,iEAKA,sEAIA,oEAIA,sEAIA,8EAIA,8FAKI,iDAKJ,uDChFJ","sources":["main.css","ui/css/reset.scss","ui/css/fonts.scss","ui/css/grauity-icons.scss","ui/css/colors.scss","ui/css/animations.scss","ui/css/icons.scss","ui/css/index.scss"],"sourcesContent":["/*!\n * # Gra.UI.ty 1.0.0 - Reset\n * https://github.com/Newton-School/grauity\n *\n *\n * Released under the MIT license\n * http://opensource.org/licenses/MIT\n *\n */\n/*******************************\n             Reset\n*******************************/\n/* Border-Box */\n*,\n*:before,\n*:after {\n  box-sizing: inherit;\n}\n\nhtml {\n  box-sizing: border-box;\n}\n\n/* iPad Input Shadows */\ninput[type=text],\ninput[type=email],\ninput[type=search],\ninput[type=password] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  /* mobile firefox too! */\n}\n\n/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n *    IE on Windows Phone and in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -ms-text-size-adjust: 100%;\n  /* 2 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\nfigcaption,\nfigure,\nmain {\n  /* 1 */\n  display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n  margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\na {\n  background-color: transparent;\n  /* 1 */\n  -webkit-text-decoration-skip: objects;\n  /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n  /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n  font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n  font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\naudio,\nvideo {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n  border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: sans-serif;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n *    controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n  /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  display: inline-block;\n  /* 1 */\n  vertical-align: baseline;\n  /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-cancel-button,\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\ndetails,\nmenu {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Scripting\n   ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\ntemplate {\n  display: none;\n}\n\n/* Hidden\n   ========================================================================== */\n/**\n * Add the correct display in IE 10-.\n */\n[hidden] {\n  display: none;\n}\n\n/*******************************\n         Site Overrides\n*******************************/\n@font-face {\n  font-family: \"Switzer\";\n  font-weight: 100 900;\n  src: url(\"fonts/Switzer-Variable.ttf\") format(\"truetype-variations\");\n}\n.grauity-init {\n  font-family: \"Switzer\", sans-serif;\n}\n.grauity-init .font-size-4 {\n  font-size: calc(var(--multiplier) * 0.25em);\n}\n.grauity-init .font-size-8 {\n  font-size: calc(var(--multiplier) * 0.5em);\n}\n.grauity-init .font-size-12 {\n  font-size: calc(var(--multiplier) * 0.75em);\n}\n.grauity-init .font-size-16 {\n  font-size: calc(var(--multiplier) * 1em);\n}\n.grauity-init .font-size-20 {\n  font-size: calc(var(--multiplier) * 1.25em);\n}\n.grauity-init .font-size-24 {\n  font-size: calc(var(--multiplier) * 1.5em);\n}\n.grauity-init .font-size-28 {\n  font-size: calc(var(--multiplier) * 1.75em);\n}\n.grauity-init .font-size-32 {\n  font-size: calc(var(--multiplier) * 2em);\n}\n.grauity-init .font-size-36 {\n  font-size: calc(var(--multiplier) * 2.25em);\n}\n.grauity-init .font-size-40 {\n  font-size: calc(var(--multiplier) * 2.5em);\n}\n\n@font-face {\n  font-family: \"grauity-icons\";\n  src: url(\"fonts/grauity-icons.eot?e17cc25a80fae3f0655178b26dc842df#iefix\") format(\"embedded-opentype\"), url(\"fonts/grauity-icons.woff?e17cc25a80fae3f0655178b26dc842df\") format(\"woff\"), url(\"fonts/grauity-icons.woff2?e17cc25a80fae3f0655178b26dc842df\") format(\"woff2\"), url(\"fonts/grauity-icons.ttf?e17cc25a80fae3f0655178b26dc842df\") format(\"truetype\");\n}\ni[class^=grauity-icon-]:before, i[class*=\" grauity-icon-\"]:before {\n  font-family: grauity-icons !important;\n  font-style: normal;\n  font-weight: normal !important;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.grauity-icon-exclamation-circle:before {\n  content: \"\\f101\";\n}\n\n.grauity-icon-exclamation-triangle:before {\n  content: \"\\f102\";\n}\n\n.grauity-icon-info-circle:before {\n  content: \"\\f103\";\n}\n\n.grauity-icon-question-circle:before {\n  content: \"\\f104\";\n}\n\n.grauity-icon-code-alt:before {\n  content: \"\\f105\";\n}\n\n.grauity-icon-code:before {\n  content: \"\\f106\";\n}\n\n.grauity-icon-terminal:before {\n  content: \"\\f107\";\n}\n\n.grauity-icon-desktop:before {\n  content: \"\\f108\";\n}\n\n.grauity-icon-gamepad:before {\n  content: \"\\f109\";\n}\n\n.grauity-icon-lamp:before {\n  content: \"\\f10a\";\n}\n\n.grauity-icon-laptop:before {\n  content: \"\\f10b\";\n}\n\n.grauity-icon-mobile:before {\n  content: \"\\f10c\";\n}\n\n.grauity-icon-archive:before {\n  content: \"\\f10d\";\n}\n\n.grauity-icon-bookmark-fill:before {\n  content: \"\\f10e\";\n}\n\n.grauity-icon-bookmark:before {\n  content: \"\\f10f\";\n}\n\n.grauity-icon-file-alt:before {\n  content: \"\\f110\";\n}\n\n.grauity-icon-file:before {\n  content: \"\\f111\";\n}\n\n.grauity-icon-folder-open:before {\n  content: \"\\f112\";\n}\n\n.grauity-icon-folder:before {\n  content: \"\\f113\";\n}\n\n.grauity-icon-label-fill:before {\n  content: \"\\f114\";\n}\n\n.grauity-icon-label:before {\n  content: \"\\f115\";\n}\n\n.grauity-icon-note:before {\n  content: \"\\f116\";\n}\n\n.grauity-icon-pen:before {\n  content: \"\\f117\";\n}\n\n.grauity-icon-pin:before {\n  content: \"\\f118\";\n}\n\n.grauity-icon-mic-off:before {\n  content: \"\\f119\";\n}\n\n.grauity-icon-mic:before {\n  content: \"\\f11a\";\n}\n\n.grauity-icon-pause-circle-fill:before {\n  content: \"\\f11b\";\n}\n\n.grauity-icon-pause-circle:before {\n  content: \"\\f11c\";\n}\n\n.grauity-icon-pause:before {\n  content: \"\\f11d\";\n}\n\n.grauity-icon-play-circle-fill:before {\n  content: \"\\f11e\";\n}\n\n.grauity-icon-play-circle:before {\n  content: \"\\f11f\";\n}\n\n.grauity-icon-play:before {\n  content: \"\\f120\";\n}\n\n.grauity-icon-video-off:before {\n  content: \"\\f121\";\n}\n\n.grauity-icon-video:before {\n  content: \"\\f122\";\n}\n\n.grauity-icon-volume-maximum:before {\n  content: \"\\f123\";\n}\n\n.grauity-icon-volume-minimum:before {\n  content: \"\\f124\";\n}\n\n.grauity-icon-volume-mute:before {\n  content: \"\\f125\";\n}\n\n.grauity-icon-heart-fill:before {\n  content: \"\\f126\";\n}\n\n.grauity-icon-heart:before {\n  content: \"\\f127\";\n}\n\n.grauity-icon-lock-close:before {\n  content: \"\\f128\";\n}\n\n.grauity-icon-lock-open:before {\n  content: \"\\f129\";\n}\n\n.grauity-icon-message-circle:before {\n  content: \"\\f12a\";\n}\n\n.grauity-icon-message-double-question:before {\n  content: \"\\f12b\";\n}\n\n.grauity-icon-message-square-info:before {\n  content: \"\\f12c\";\n}\n\n.grauity-icon-message-square:before {\n  content: \"\\f12d\";\n}\n\n.grauity-icon-milestone:before {\n  content: \"\\f12e\";\n}\n\n.grauity-icon-quiz:before {\n  content: \"\\f12f\";\n}\n\n.grauity-icon-smiley:before {\n  content: \"\\f130\";\n}\n\n.grauity-icon-spark-fill:before {\n  content: \"\\f131\";\n}\n\n.grauity-icon-spark:before {\n  content: \"\\f132\";\n}\n\n.grauity-icon-sparkle:before {\n  content: \"\\f133\";\n}\n\n.grauity-icon-target:before {\n  content: \"\\f134\";\n}\n\n.grauity-icon-check-badge:before {\n  content: \"\\f135\";\n}\n\n.grauity-icon-crown:before {\n  content: \"\\f136\";\n}\n\n.grauity-icon-flag:before {\n  content: \"\\f137\";\n}\n\n.grauity-icon-gift:before {\n  content: \"\\f138\";\n}\n\n.grauity-icon-medal:before {\n  content: \"\\f139\";\n}\n\n.grauity-icon-star-fill:before {\n  content: \"\\f13a\";\n}\n\n.grauity-icon-star-half-fill:before {\n  content: \"\\f13b\";\n}\n\n.grauity-icon-star:before {\n  content: \"\\f13c\";\n}\n\n.grauity-icon-trophy:before {\n  content: \"\\f13d\";\n}\n\n.grauity-icon-arrow-double:before {\n  content: \"\\f13e\";\n}\n\n.grauity-icon-arrow-down:before {\n  content: \"\\f13f\";\n}\n\n.grauity-icon-arrow-left:before {\n  content: \"\\f140\";\n}\n\n.grauity-icon-arrow-right:before {\n  content: \"\\f141\";\n}\n\n.grauity-icon-arrow-up:before {\n  content: \"\\f142\";\n}\n\n.grauity-icon-bin:before {\n  content: \"\\f143\";\n}\n\n.grauity-icon-call-end:before {\n  content: \"\\f144\";\n}\n\n.grauity-icon-call-start:before {\n  content: \"\\f145\";\n}\n\n.grauity-icon-caret-double:before {\n  content: \"\\f146\";\n}\n\n.grauity-icon-caret-down:before {\n  content: \"\\f147\";\n}\n\n.grauity-icon-caret-left:before {\n  content: \"\\f148\";\n}\n\n.grauity-icon-caret-right:before {\n  content: \"\\f149\";\n}\n\n.grauity-icon-caret-up:before {\n  content: \"\\f14a\";\n}\n\n.grauity-icon-check-circle-fill:before {\n  content: \"\\f14b\";\n}\n\n.grauity-icon-check-circle:before {\n  content: \"\\f14c\";\n}\n\n.grauity-icon-check-square-fill:before {\n  content: \"\\f14d\";\n}\n\n.grauity-icon-check-square:before {\n  content: \"\\f14e\";\n}\n\n.grauity-icon-check:before {\n  content: \"\\f14f\";\n}\n\n.grauity-icon-chevron-double-down:before {\n  content: \"\\f150\";\n}\n\n.grauity-icon-chevron-double-left:before {\n  content: \"\\f151\";\n}\n\n.grauity-icon-chevron-double-right:before {\n  content: \"\\f152\";\n}\n\n.grauity-icon-chevron-double-up:before {\n  content: \"\\f153\";\n}\n\n.grauity-icon-chevron-down:before {\n  content: \"\\f154\";\n}\n\n.grauity-icon-chevron-left:before {\n  content: \"\\f155\";\n}\n\n.grauity-icon-chevron-right:before {\n  content: \"\\f156\";\n}\n\n.grauity-icon-chevron-up:before {\n  content: \"\\f157\";\n}\n\n.grauity-icon-circle:before {\n  content: \"\\f158\";\n}\n\n.grauity-icon-close-circle-fill:before {\n  content: \"\\f159\";\n}\n\n.grauity-icon-close-circle:before {\n  content: \"\\f15a\";\n}\n\n.grauity-icon-close-square-fill:before {\n  content: \"\\f15b\";\n}\n\n.grauity-icon-close-square:before {\n  content: \"\\f15c\";\n}\n\n.grauity-icon-close:before {\n  content: \"\\f15d\";\n}\n\n.grauity-icon-download:before {\n  content: \"\\f15e\";\n}\n\n.grauity-icon-forward:before {\n  content: \"\\f15f\";\n}\n\n.grauity-icon-grip-hortizontal:before {\n  content: \"\\f160\";\n}\n\n.grauity-icon-grip-vertical:before {\n  content: \"\\f161\";\n}\n\n.grauity-icon-growth-down:before {\n  content: \"\\f162\";\n}\n\n.grauity-icon-growth-up:before {\n  content: \"\\f163\";\n}\n\n.grauity-icon-home:before {\n  content: \"\\f164\";\n}\n\n.grauity-icon-kebab-horizontal:before {\n  content: \"\\f165\";\n}\n\n.grauity-icon-kebab-vertical:before {\n  content: \"\\f166\";\n}\n\n.grauity-icon-link:before {\n  content: \"\\f167\";\n}\n\n.grauity-icon-list:before {\n  content: \"\\f168\";\n}\n\n.grauity-icon-load:before {\n  content: \"\\f169\";\n}\n\n.grauity-icon-maximize:before {\n  content: \"\\f16a\";\n}\n\n.grauity-icon-menu-grid:before {\n  content: \"\\f16b\";\n}\n\n.grauity-icon-menu:before {\n  content: \"\\f16c\";\n}\n\n.grauity-icon-minimize:before {\n  content: \"\\f16d\";\n}\n\n.grauity-icon-minus-circle-fill:before {\n  content: \"\\f16e\";\n}\n\n.grauity-icon-minus-circle:before {\n  content: \"\\f16f\";\n}\n\n.grauity-icon-minus-square-fill:before {\n  content: \"\\f170\";\n}\n\n.grauity-icon-minus-square:before {\n  content: \"\\f171\";\n}\n\n.grauity-icon-moon:before {\n  content: \"\\f172\";\n}\n\n.grauity-icon-new-tab:before {\n  content: \"\\f173\";\n}\n\n.grauity-icon-plus-circle-fill:before {\n  content: \"\\f174\";\n}\n\n.grauity-icon-plus-circle:before {\n  content: \"\\f175\";\n}\n\n.grauity-icon-plus-square-fill:before {\n  content: \"\\f176\";\n}\n\n.grauity-icon-plus-square:before {\n  content: \"\\f177\";\n}\n\n.grauity-icon-plus:before {\n  content: \"\\f178\";\n}\n\n.grauity-icon-refresh:before {\n  content: \"\\f179\";\n}\n\n.grauity-icon-reply:before {\n  content: \"\\f17a\";\n}\n\n.grauity-icon-screenshare-start:before {\n  content: \"\\f17b\";\n}\n\n.grauity-icon-screenshare-stop:before {\n  content: \"\\f17c\";\n}\n\n.grauity-icon-search:before {\n  content: \"\\f17d\";\n}\n\n.grauity-icon-settings:before {\n  content: \"\\f17e\";\n}\n\n.grauity-icon-signin:before {\n  content: \"\\f17f\";\n}\n\n.grauity-icon-signout:before {\n  content: \"\\f180\";\n}\n\n.grauity-icon-square:before {\n  content: \"\\f181\";\n}\n\n.grauity-icon-sun:before {\n  content: \"\\f182\";\n}\n\n.grauity-icon-upload:before {\n  content: \"\\f183\";\n}\n\n.grauity-icon-bell:before {\n  content: \"\\f184\";\n}\n\n.grauity-icon-calender-check:before {\n  content: \"\\f185\";\n}\n\n.grauity-icon-calender-plus:before {\n  content: \"\\f186\";\n}\n\n.grauity-icon-calender:before {\n  content: \"\\f187\";\n}\n\n.grauity-icon-clock:before {\n  content: \"\\f188\";\n}\n\n.grauity-icon-rewatch:before {\n  content: \"\\f189\";\n}\n\n.grauity-icon-stopwatch:before {\n  content: \"\\f18a\";\n}\n\n.grauity-icon-bot:before {\n  content: \"\\f18b\";\n}\n\n.grauity-icon-person-check:before {\n  content: \"\\f18c\";\n}\n\n.grauity-icon-person-plus:before {\n  content: \"\\f18d\";\n}\n\n.grauity-icon-person:before {\n  content: \"\\f18e\";\n}\n\n.grauity-icon-users:before {\n  content: \"\\f18f\";\n}\n\n.grauity-init {\n  --icon-color-white: #FFFFFF;\n  --icon-color-black: #2B303B;\n  --icon-color-grey: #576175;\n  --icon-color-blue: #0066FF;\n  --icon-color-red: #D22D48;\n  --icon-color-green: #24A87C;\n  --icon-color-orange: #D6651F;\n  --icon-color-yellow: #B37209;\n  --icon-color-purple: #41198F;\n  --disabled-icon-color-white: #FFFFFF;\n  --disabled-icon-color-black: #2B303B;\n  --disabled-icon-color-grey: #7B879D;\n  --disabled-icon-color-blue: #80B2FF;\n  --disabled-icon-color-red: #EDABB6;\n  --disabled-icon-color-green: #7DE3C1;\n  --disabled-icon-color-orange: #F2B38C;\n  --disabled-icon-color-yellow: #EF9D1A;\n  --disabled-icon-color-purple: #713CDD;\n}\n\n@keyframes icon-loading {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.grauity-init .grauity-icon {\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0 0.1em;\n  height: 1em;\n  backface-visibility: hidden;\n  speak: none;\n  text-decoration: inherit;\n  opacity: 1;\n  text-align: center;\n}\n.grauity-init .grauity-icon.white {\n  color: var(--icon-color-white);\n}\n.grauity-init .grauity-icon.white.bordered, .grauity-init .grauity-icon.white.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-white) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-white) inset;\n}\n.grauity-init .grauity-icon.white.bordered.inverted, .grauity-init .grauity-icon.white.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-white);\n}\n.grauity-init .grauity-icon.white.disabled {\n  color: var(--disabled-icon-color-white);\n}\n.grauity-init .grauity-icon.white.disabled.bordered, .grauity-init .grauity-icon.white.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-white) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-white) inset;\n}\n.grauity-init .grauity-icon.white.disabled.bordered.inverted, .grauity-init .grauity-icon.white.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-white);\n}\n.grauity-init .grauity-icon.black {\n  color: var(--icon-color-black);\n}\n.grauity-init .grauity-icon.black.bordered, .grauity-init .grauity-icon.black.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-black) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-black) inset;\n}\n.grauity-init .grauity-icon.black.bordered.inverted, .grauity-init .grauity-icon.black.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-black);\n}\n.grauity-init .grauity-icon.black.disabled {\n  color: var(--disabled-icon-color-black);\n}\n.grauity-init .grauity-icon.black.disabled.bordered, .grauity-init .grauity-icon.black.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-black) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-black) inset;\n}\n.grauity-init .grauity-icon.black.disabled.bordered.inverted, .grauity-init .grauity-icon.black.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-black);\n}\n.grauity-init .grauity-icon.grey {\n  color: var(--icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.bordered, .grauity-init .grauity-icon.grey.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-grey) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-grey) inset;\n}\n.grauity-init .grauity-icon.grey.bordered.inverted, .grauity-init .grauity-icon.grey.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.disabled {\n  color: var(--disabled-icon-color-grey);\n}\n.grauity-init .grauity-icon.grey.disabled.bordered, .grauity-init .grauity-icon.grey.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-grey) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-grey) inset;\n}\n.grauity-init .grauity-icon.grey.disabled.bordered.inverted, .grauity-init .grauity-icon.grey.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-grey);\n}\n.grauity-init .grauity-icon.blue {\n  color: var(--icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.bordered, .grauity-init .grauity-icon.blue.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-blue) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-blue) inset;\n}\n.grauity-init .grauity-icon.blue.bordered.inverted, .grauity-init .grauity-icon.blue.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.disabled {\n  color: var(--disabled-icon-color-blue);\n}\n.grauity-init .grauity-icon.blue.disabled.bordered, .grauity-init .grauity-icon.blue.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-blue) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-blue) inset;\n}\n.grauity-init .grauity-icon.blue.disabled.bordered.inverted, .grauity-init .grauity-icon.blue.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-blue);\n}\n.grauity-init .grauity-icon.red {\n  color: var(--icon-color-red);\n}\n.grauity-init .grauity-icon.red.bordered, .grauity-init .grauity-icon.red.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-red) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-red) inset;\n}\n.grauity-init .grauity-icon.red.bordered.inverted, .grauity-init .grauity-icon.red.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-red);\n}\n.grauity-init .grauity-icon.red.disabled {\n  color: var(--disabled-icon-color-red);\n}\n.grauity-init .grauity-icon.red.disabled.bordered, .grauity-init .grauity-icon.red.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-red) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-red) inset;\n}\n.grauity-init .grauity-icon.red.disabled.bordered.inverted, .grauity-init .grauity-icon.red.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-red);\n}\n.grauity-init .grauity-icon.green {\n  color: var(--icon-color-green);\n}\n.grauity-init .grauity-icon.green.bordered, .grauity-init .grauity-icon.green.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-green) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-green) inset;\n}\n.grauity-init .grauity-icon.green.bordered.inverted, .grauity-init .grauity-icon.green.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-green);\n}\n.grauity-init .grauity-icon.green.disabled {\n  color: var(--disabled-icon-color-green);\n}\n.grauity-init .grauity-icon.green.disabled.bordered, .grauity-init .grauity-icon.green.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-green) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-green) inset;\n}\n.grauity-init .grauity-icon.green.disabled.bordered.inverted, .grauity-init .grauity-icon.green.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-green);\n}\n.grauity-init .grauity-icon.orange {\n  color: var(--icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.bordered, .grauity-init .grauity-icon.orange.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-orange) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-orange) inset;\n}\n.grauity-init .grauity-icon.orange.bordered.inverted, .grauity-init .grauity-icon.orange.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.disabled {\n  color: var(--disabled-icon-color-orange);\n}\n.grauity-init .grauity-icon.orange.disabled.bordered, .grauity-init .grauity-icon.orange.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-orange) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-orange) inset;\n}\n.grauity-init .grauity-icon.orange.disabled.bordered.inverted, .grauity-init .grauity-icon.orange.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-orange);\n}\n.grauity-init .grauity-icon.yellow {\n  color: var(--icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.bordered, .grauity-init .grauity-icon.yellow.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-yellow) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-yellow) inset;\n}\n.grauity-init .grauity-icon.yellow.bordered.inverted, .grauity-init .grauity-icon.yellow.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.disabled {\n  color: var(--disabled-icon-color-yellow);\n}\n.grauity-init .grauity-icon.yellow.disabled.bordered, .grauity-init .grauity-icon.yellow.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-yellow) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-yellow) inset;\n}\n.grauity-init .grauity-icon.yellow.disabled.bordered.inverted, .grauity-init .grauity-icon.yellow.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-yellow);\n}\n.grauity-init .grauity-icon.purple {\n  color: var(--icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.bordered, .grauity-init .grauity-icon.purple.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--icon-color-purple) inset;\n  box-shadow: 0 0 0 0.1em var(--icon-color-purple) inset;\n}\n.grauity-init .grauity-icon.purple.bordered.inverted, .grauity-init .grauity-icon.purple.circular.inverted {\n  color: var(--icon-color-white);\n  background-color: var(--icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.disabled {\n  color: var(--disabled-icon-color-purple);\n}\n.grauity-init .grauity-icon.purple.disabled.bordered, .grauity-init .grauity-icon.purple.disabled.circular {\n  -webkit-box-shadow: 0 0 0 0.1em var(--disabled-icon-color-purple) inset;\n  box-shadow: 0 0 0 0.1em var(--disabled-icon-color-purple) inset;\n}\n.grauity-init .grauity-icon.purple.disabled.bordered.inverted, .grauity-init .grauity-icon.purple.disabled.circular.inverted {\n  color: var(--disabled-icon-color-white);\n  background-color: var(--disabled-icon-color-purple);\n}\n.grauity-init .grauity-icon.size-4 {\n  font-size: calc(var(--multiplier) * 0.25em);\n}\n.grauity-init .grauity-icon.size-8 {\n  font-size: calc(var(--multiplier) * 0.5em);\n}\n.grauity-init .grauity-icon.size-12 {\n  font-size: calc(var(--multiplier) * 0.75em);\n}\n.grauity-init .grauity-icon.size-16 {\n  font-size: calc(var(--multiplier) * 1em);\n}\n.grauity-init .grauity-icon.size-20 {\n  font-size: calc(var(--multiplier) * 1.25em);\n}\n.grauity-init .grauity-icon.size-24 {\n  font-size: calc(var(--multiplier) * 1.5em);\n}\n.grauity-init .grauity-icon.size-28 {\n  font-size: calc(var(--multiplier) * 1.75em);\n}\n.grauity-init .grauity-icon.size-32 {\n  font-size: calc(var(--multiplier) * 2em);\n}\n.grauity-init .grauity-icon.size-36 {\n  font-size: calc(var(--multiplier) * 2.25em);\n}\n.grauity-init .grauity-icon.size-40 {\n  font-size: calc(var(--multiplier) * 2.5em);\n}\n.grauity-init .grauity-icon.loading {\n  animation: icon-loading 2s linear infinite;\n  -webkit-animation: icon-loading 2s linear infinite;\n}\n.grauity-init .grauity-icon.fitted {\n  width: auto;\n  margin: 0 !important;\n}\n.grauity-init .grauity-icon.horizontally-flipped {\n  transform: scaleX(-1);\n}\n.grauity-init .grauity-icon.vertically-flipped {\n  transform: scaleY(-1);\n}\n.grauity-init .grauity-icon.clockwise-rotated {\n  transform: rotate(90deg);\n}\n.grauity-init .grauity-icon.counterclockwise-rotated {\n  transform: rotate(-90deg);\n}\n.grauity-init .grauity-icon.link {\n  cursor: pointer;\n  opacity: 0.8;\n  transition: opacity 0.1s ease-in-out;\n}\n.grauity-init .grauity-icon.link:hover {\n  opacity: 1;\n}\n.grauity-init .grauity-icon.circular {\n  border-radius: 50%;\n}\n\n.grauity-init {\n  font-size: calc(var(--multiplier) * 16px);\n}\n/*# sourceMappingURL=main.css.map */\n",null,null,null,null,null,null,"@import \"reset\";\n@import \"fonts\";\n@import \"grauity-icons\";\n@import \"colors\";\n@import \"animations\";\n\n@import \"icons\";\n\n.grauity-init {\n    font-size: calc(var(--multiplier) * 16px);\n}\n"],"names":[],"version":3,"file":"main.css.map","sourceRoot":"../"}

package/dist/module.css

@@ -1,2 +1,2 @@
-*,:before,:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{margin:.67em 0;font-size:2em}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:#0000}abbr[title]{text-decoration:underline;border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}dfn{font-style:italic}mark{color:#000;background-color:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){height:0;display:none}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0;font-family:sans-serif;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;max-width:100%;white-space:normal;padding:0;display:table}progress{vertical-align:baseline;display:inline-block}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@font-face{font-family:Switzer;font-weight:100 900;src:url(fonts/Switzer-Variable.ttf)format("truetype-variations")}.grauity-init{font-family:Switzer,sans-serif}.grauity-init .font-size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .font-size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .font-size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .font-size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .font-size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .font-size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .font-size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .font-size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .font-size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .font-size-40{font-size:calc(var(--multiplier)*2.5em)}@font-face{font-family:grauity-icons;src:url(fonts/grauity-icons.eot?11dbc8fa0d3d1838fd4c9b02193e6067#iefix)format("embedded-opentype"),url(fonts/grauity-icons.woff?11dbc8fa0d3d1838fd4c9b02193e6067)format("woff"),url(fonts/grauity-icons.woff2?11dbc8fa0d3d1838fd4c9b02193e6067)format("woff2"),url(fonts/grauity-icons.ttf?11dbc8fa0d3d1838fd4c9b02193e6067)format("truetype")}i[class^=grauity-icon-]:before,i[class*=\ grauity-icon-]:before{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;line-height:1;font-family:grauity-icons!important;font-weight:400!important}.grauity-icon-school-left:before{content:""}.grauity-icon-school:before{content:""}.grauity-icon-code:before{content:""}.grauity-icon-today:before{content:""}.grauity-icon-person:before{content:""}.grauity-init{--icon-color-white:#fff;--icon-color-black:#2b303b;--icon-color-grey:#576175;--icon-color-blue:#06f;--icon-color-red:#d22d48;--icon-color-green:#24a87c;--icon-color-orange:#d6651f;--icon-color-yellow:#b37209;--icon-color-purple:#41198f;--disabled-icon-color-white:#fff;--disabled-icon-color-black:#2b303b;--disabled-icon-color-grey:#7b879d;--disabled-icon-color-blue:#80b2ff;--disabled-icon-color-red:#edabb6;--disabled-icon-color-green:#7de3c1;--disabled-icon-color-orange:#f2b38c;--disabled-icon-color-yellow:#ef9d1a;--disabled-icon-color-purple:#713cdd}@keyframes icon-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grauity-init .grauity-icon{vertical-align:middle;width:1em;backface-visibility:hidden;speak:none;text-decoration:inherit;opacity:1;text-align:center;margin:0 .1em;display:inline-block}.grauity-init .grauity-icon.white{color:var(--icon-color-white)}.grauity-init .grauity-icon.white.bordered,.grauity-init .grauity-icon.white.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-white)inset;box-shadow:0 0 0 .1em var(--icon-color-white)inset}.grauity-init .grauity-icon.white.bordered.inverted,.grauity-init .grauity-icon.white.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-white)}.grauity-init .grauity-icon.white.disabled{color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.white.disabled.bordered,.grauity-init .grauity-icon.white.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset}.grauity-init .grauity-icon.white.disabled.bordered.inverted,.grauity-init .grauity-icon.white.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.black{color:var(--icon-color-black)}.grauity-init .grauity-icon.black.bordered,.grauity-init .grauity-icon.black.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-black)inset;box-shadow:0 0 0 .1em var(--icon-color-black)inset}.grauity-init .grauity-icon.black.bordered.inverted,.grauity-init .grauity-icon.black.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-black)}.grauity-init .grauity-icon.black.disabled{color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.black.disabled.bordered,.grauity-init .grauity-icon.black.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset}.grauity-init .grauity-icon.black.disabled.bordered.inverted,.grauity-init .grauity-icon.black.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.grey{color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.bordered,.grauity-init .grauity-icon.grey.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-grey)inset;box-shadow:0 0 0 .1em var(--icon-color-grey)inset}.grauity-init .grauity-icon.grey.bordered.inverted,.grauity-init .grauity-icon.grey.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.disabled{color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.grey.disabled.bordered,.grauity-init .grauity-icon.grey.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset}.grauity-init .grauity-icon.grey.disabled.bordered.inverted,.grauity-init .grauity-icon.grey.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.blue{color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.bordered,.grauity-init .grauity-icon.blue.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-blue)inset;box-shadow:0 0 0 .1em var(--icon-color-blue)inset}.grauity-init .grauity-icon.blue.bordered.inverted,.grauity-init .grauity-icon.blue.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.disabled{color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.blue.disabled.bordered,.grauity-init .grauity-icon.blue.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset}.grauity-init .grauity-icon.blue.disabled.bordered.inverted,.grauity-init .grauity-icon.blue.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.red{color:var(--icon-color-red)}.grauity-init .grauity-icon.red.bordered,.grauity-init .grauity-icon.red.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-red)inset;box-shadow:0 0 0 .1em var(--icon-color-red)inset}.grauity-init .grauity-icon.red.bordered.inverted,.grauity-init .grauity-icon.red.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-red)}.grauity-init .grauity-icon.red.disabled{color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.red.disabled.bordered,.grauity-init .grauity-icon.red.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset}.grauity-init .grauity-icon.red.disabled.bordered.inverted,.grauity-init .grauity-icon.red.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.green{color:var(--icon-color-green)}.grauity-init .grauity-icon.green.bordered,.grauity-init .grauity-icon.green.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-green)inset;box-shadow:0 0 0 .1em var(--icon-color-green)inset}.grauity-init .grauity-icon.green.bordered.inverted,.grauity-init .grauity-icon.green.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-green)}.grauity-init .grauity-icon.green.disabled{color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.green.disabled.bordered,.grauity-init .grauity-icon.green.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset}.grauity-init .grauity-icon.green.disabled.bordered.inverted,.grauity-init .grauity-icon.green.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.orange{color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.bordered,.grauity-init .grauity-icon.orange.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-orange)inset;box-shadow:0 0 0 .1em var(--icon-color-orange)inset}.grauity-init .grauity-icon.orange.bordered.inverted,.grauity-init .grauity-icon.orange.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.disabled{color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.orange.disabled.bordered,.grauity-init .grauity-icon.orange.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset}.grauity-init .grauity-icon.orange.disabled.bordered.inverted,.grauity-init .grauity-icon.orange.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.yellow{color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.bordered,.grauity-init .grauity-icon.yellow.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--icon-color-yellow)inset}.grauity-init .grauity-icon.yellow.bordered.inverted,.grauity-init .grauity-icon.yellow.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled{color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled.bordered,.grauity-init .grauity-icon.yellow.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset}.grauity-init .grauity-icon.yellow.disabled.bordered.inverted,.grauity-init .grauity-icon.yellow.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.purple{color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.bordered,.grauity-init .grauity-icon.purple.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-purple)inset;box-shadow:0 0 0 .1em var(--icon-color-purple)inset}.grauity-init .grauity-icon.purple.bordered.inverted,.grauity-init .grauity-icon.purple.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.disabled{color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.purple.disabled.bordered,.grauity-init .grauity-icon.purple.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset}.grauity-init .grauity-icon.purple.disabled.bordered.inverted,.grauity-init .grauity-icon.purple.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .grauity-icon.size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .grauity-icon.size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .grauity-icon.size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .grauity-icon.size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .grauity-icon.size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .grauity-icon.size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .grauity-icon.size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .grauity-icon.size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .grauity-icon.size-40{font-size:calc(var(--multiplier)*2.5em)}.grauity-init .grauity-icon.loading{-webkit-animation:2s linear infinite icon-loading;animation:2s linear infinite icon-loading}.grauity-init .grauity-icon.fitted{width:auto;margin:0!important}.grauity-init .grauity-icon.horizontally-flipped{transform:scaleX(-1)}.grauity-init .grauity-icon.vertically-flipped{transform:scaleY(-1)}.grauity-init .grauity-icon.clockwise-rotated{transform:rotate(90deg)}.grauity-init .grauity-icon.counterclockwise-rotated{transform:rotate(-90deg)}.grauity-init .grauity-icon.link{cursor:pointer;opacity:.8;transition:opacity .1s ease-in-out}.grauity-init .grauity-icon.link:hover{opacity:1}.grauity-init .grauity-icon.circular{border-radius:50%}.grauity-init{font-size:calc(var(--multiplier)*16px)}
+*,:before,:after{box-sizing:inherit}html{box-sizing:border-box}input[type=text],input[type=email],input[type=search],input[type=password]{-webkit-appearance:none;-moz-appearance:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{margin:.67em 0;font-size:2em}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:#0000}abbr[title]{text-decoration:underline;border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}dfn{font-style:italic}mark{color:#000;background-color:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){height:0;display:none}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0;font-family:sans-serif;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;max-width:100%;white-space:normal;padding:0;display:table}progress{vertical-align:baseline;display:inline-block}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}@font-face{font-family:Switzer;font-weight:100 900;src:url(fonts/Switzer-Variable.ttf)format("truetype-variations")}.grauity-init{font-family:Switzer,sans-serif}.grauity-init .font-size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .font-size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .font-size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .font-size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .font-size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .font-size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .font-size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .font-size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .font-size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .font-size-40{font-size:calc(var(--multiplier)*2.5em)}@font-face{font-family:grauity-icons;src:url(fonts/grauity-icons.eot?e17cc25a80fae3f0655178b26dc842df#iefix)format("embedded-opentype"),url(fonts/grauity-icons.woff?e17cc25a80fae3f0655178b26dc842df)format("woff"),url(fonts/grauity-icons.woff2?e17cc25a80fae3f0655178b26dc842df)format("woff2"),url(fonts/grauity-icons.ttf?e17cc25a80fae3f0655178b26dc842df)format("truetype")}i[class^=grauity-icon-]:before,i[class*=\ grauity-icon-]:before{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;line-height:1;font-family:grauity-icons!important;font-weight:400!important}.grauity-icon-exclamation-circle:before{content:""}.grauity-icon-exclamation-triangle:before{content:""}.grauity-icon-info-circle:before{content:""}.grauity-icon-question-circle:before{content:""}.grauity-icon-code-alt:before{content:""}.grauity-icon-code:before{content:""}.grauity-icon-terminal:before{content:""}.grauity-icon-desktop:before{content:""}.grauity-icon-gamepad:before{content:""}.grauity-icon-lamp:before{content:""}.grauity-icon-laptop:before{content:""}.grauity-icon-mobile:before{content:""}.grauity-icon-archive:before{content:""}.grauity-icon-bookmark-fill:before{content:""}.grauity-icon-bookmark:before{content:""}.grauity-icon-file-alt:before{content:""}.grauity-icon-file:before{content:""}.grauity-icon-folder-open:before{content:""}.grauity-icon-folder:before{content:""}.grauity-icon-label-fill:before{content:""}.grauity-icon-label:before{content:""}.grauity-icon-note:before{content:""}.grauity-icon-pen:before{content:""}.grauity-icon-pin:before{content:""}.grauity-icon-mic-off:before{content:""}.grauity-icon-mic:before{content:""}.grauity-icon-pause-circle-fill:before{content:""}.grauity-icon-pause-circle:before{content:""}.grauity-icon-pause:before{content:""}.grauity-icon-play-circle-fill:before{content:""}.grauity-icon-play-circle:before{content:""}.grauity-icon-play:before{content:""}.grauity-icon-video-off:before{content:""}.grauity-icon-video:before{content:""}.grauity-icon-volume-maximum:before{content:""}.grauity-icon-volume-minimum:before{content:""}.grauity-icon-volume-mute:before{content:""}.grauity-icon-heart-fill:before{content:""}.grauity-icon-heart:before{content:""}.grauity-icon-lock-close:before{content:""}.grauity-icon-lock-open:before{content:""}.grauity-icon-message-circle:before{content:""}.grauity-icon-message-double-question:before{content:""}.grauity-icon-message-square-info:before{content:""}.grauity-icon-message-square:before{content:""}.grauity-icon-milestone:before{content:""}.grauity-icon-quiz:before{content:""}.grauity-icon-smiley:before{content:""}.grauity-icon-spark-fill:before{content:""}.grauity-icon-spark:before{content:""}.grauity-icon-sparkle:before{content:""}.grauity-icon-target:before{content:""}.grauity-icon-check-badge:before{content:""}.grauity-icon-crown:before{content:""}.grauity-icon-flag:before{content:""}.grauity-icon-gift:before{content:""}.grauity-icon-medal:before{content:""}.grauity-icon-star-fill:before{content:""}.grauity-icon-star-half-fill:before{content:""}.grauity-icon-star:before{content:""}.grauity-icon-trophy:before{content:""}.grauity-icon-arrow-double:before{content:""}.grauity-icon-arrow-down:before{content:""}.grauity-icon-arrow-left:before{content:""}.grauity-icon-arrow-right:before{content:""}.grauity-icon-arrow-up:before{content:""}.grauity-icon-bin:before{content:""}.grauity-icon-call-end:before{content:""}.grauity-icon-call-start:before{content:""}.grauity-icon-caret-double:before{content:""}.grauity-icon-caret-down:before{content:""}.grauity-icon-caret-left:before{content:""}.grauity-icon-caret-right:before{content:""}.grauity-icon-caret-up:before{content:""}.grauity-icon-check-circle-fill:before{content:""}.grauity-icon-check-circle:before{content:""}.grauity-icon-check-square-fill:before{content:""}.grauity-icon-check-square:before{content:""}.grauity-icon-check:before{content:""}.grauity-icon-chevron-double-down:before{content:""}.grauity-icon-chevron-double-left:before{content:""}.grauity-icon-chevron-double-right:before{content:""}.grauity-icon-chevron-double-up:before{content:""}.grauity-icon-chevron-down:before{content:""}.grauity-icon-chevron-left:before{content:""}.grauity-icon-chevron-right:before{content:""}.grauity-icon-chevron-up:before{content:""}.grauity-icon-circle:before{content:""}.grauity-icon-close-circle-fill:before{content:""}.grauity-icon-close-circle:before{content:""}.grauity-icon-close-square-fill:before{content:""}.grauity-icon-close-square:before{content:""}.grauity-icon-close:before{content:""}.grauity-icon-download:before{content:""}.grauity-icon-forward:before{content:""}.grauity-icon-grip-hortizontal:before{content:""}.grauity-icon-grip-vertical:before{content:""}.grauity-icon-growth-down:before{content:""}.grauity-icon-growth-up:before{content:""}.grauity-icon-home:before{content:""}.grauity-icon-kebab-horizontal:before{content:""}.grauity-icon-kebab-vertical:before{content:""}.grauity-icon-link:before{content:""}.grauity-icon-list:before{content:""}.grauity-icon-load:before{content:""}.grauity-icon-maximize:before{content:""}.grauity-icon-menu-grid:before{content:""}.grauity-icon-menu:before{content:""}.grauity-icon-minimize:before{content:""}.grauity-icon-minus-circle-fill:before{content:""}.grauity-icon-minus-circle:before{content:""}.grauity-icon-minus-square-fill:before{content:""}.grauity-icon-minus-square:before{content:""}.grauity-icon-moon:before{content:""}.grauity-icon-new-tab:before{content:""}.grauity-icon-plus-circle-fill:before{content:""}.grauity-icon-plus-circle:before{content:""}.grauity-icon-plus-square-fill:before{content:""}.grauity-icon-plus-square:before{content:""}.grauity-icon-plus:before{content:""}.grauity-icon-refresh:before{content:""}.grauity-icon-reply:before{content:""}.grauity-icon-screenshare-start:before{content:""}.grauity-icon-screenshare-stop:before{content:""}.grauity-icon-search:before{content:""}.grauity-icon-settings:before{content:""}.grauity-icon-signin:before{content:""}.grauity-icon-signout:before{content:""}.grauity-icon-square:before{content:""}.grauity-icon-sun:before{content:""}.grauity-icon-upload:before{content:""}.grauity-icon-bell:before{content:""}.grauity-icon-calender-check:before{content:""}.grauity-icon-calender-plus:before{content:""}.grauity-icon-calender:before{content:""}.grauity-icon-clock:before{content:""}.grauity-icon-rewatch:before{content:""}.grauity-icon-stopwatch:before{content:""}.grauity-icon-bot:before{content:""}.grauity-icon-person-check:before{content:""}.grauity-icon-person-plus:before{content:""}.grauity-icon-person:before{content:""}.grauity-icon-users:before{content:""}.grauity-init{--icon-color-white:#fff;--icon-color-black:#2b303b;--icon-color-grey:#576175;--icon-color-blue:#06f;--icon-color-red:#d22d48;--icon-color-green:#24a87c;--icon-color-orange:#d6651f;--icon-color-yellow:#b37209;--icon-color-purple:#41198f;--disabled-icon-color-white:#fff;--disabled-icon-color-black:#2b303b;--disabled-icon-color-grey:#7b879d;--disabled-icon-color-blue:#80b2ff;--disabled-icon-color-red:#edabb6;--disabled-icon-color-green:#7de3c1;--disabled-icon-color-orange:#f2b38c;--disabled-icon-color-yellow:#ef9d1a;--disabled-icon-color-purple:#713cdd}@keyframes icon-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grauity-init .grauity-icon{vertical-align:middle;height:1em;backface-visibility:hidden;speak:none;text-decoration:inherit;opacity:1;text-align:center;margin:0 .1em;display:inline-block}.grauity-init .grauity-icon.white{color:var(--icon-color-white)}.grauity-init .grauity-icon.white.bordered,.grauity-init .grauity-icon.white.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-white)inset;box-shadow:0 0 0 .1em var(--icon-color-white)inset}.grauity-init .grauity-icon.white.bordered.inverted,.grauity-init .grauity-icon.white.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-white)}.grauity-init .grauity-icon.white.disabled{color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.white.disabled.bordered,.grauity-init .grauity-icon.white.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-white)inset}.grauity-init .grauity-icon.white.disabled.bordered.inverted,.grauity-init .grauity-icon.white.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-white)}.grauity-init .grauity-icon.black{color:var(--icon-color-black)}.grauity-init .grauity-icon.black.bordered,.grauity-init .grauity-icon.black.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-black)inset;box-shadow:0 0 0 .1em var(--icon-color-black)inset}.grauity-init .grauity-icon.black.bordered.inverted,.grauity-init .grauity-icon.black.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-black)}.grauity-init .grauity-icon.black.disabled{color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.black.disabled.bordered,.grauity-init .grauity-icon.black.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-black)inset}.grauity-init .grauity-icon.black.disabled.bordered.inverted,.grauity-init .grauity-icon.black.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-black)}.grauity-init .grauity-icon.grey{color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.bordered,.grauity-init .grauity-icon.grey.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-grey)inset;box-shadow:0 0 0 .1em var(--icon-color-grey)inset}.grauity-init .grauity-icon.grey.bordered.inverted,.grauity-init .grauity-icon.grey.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-grey)}.grauity-init .grauity-icon.grey.disabled{color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.grey.disabled.bordered,.grauity-init .grauity-icon.grey.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-grey)inset}.grauity-init .grauity-icon.grey.disabled.bordered.inverted,.grauity-init .grauity-icon.grey.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-grey)}.grauity-init .grauity-icon.blue{color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.bordered,.grauity-init .grauity-icon.blue.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-blue)inset;box-shadow:0 0 0 .1em var(--icon-color-blue)inset}.grauity-init .grauity-icon.blue.bordered.inverted,.grauity-init .grauity-icon.blue.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-blue)}.grauity-init .grauity-icon.blue.disabled{color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.blue.disabled.bordered,.grauity-init .grauity-icon.blue.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-blue)inset}.grauity-init .grauity-icon.blue.disabled.bordered.inverted,.grauity-init .grauity-icon.blue.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-blue)}.grauity-init .grauity-icon.red{color:var(--icon-color-red)}.grauity-init .grauity-icon.red.bordered,.grauity-init .grauity-icon.red.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-red)inset;box-shadow:0 0 0 .1em var(--icon-color-red)inset}.grauity-init .grauity-icon.red.bordered.inverted,.grauity-init .grauity-icon.red.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-red)}.grauity-init .grauity-icon.red.disabled{color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.red.disabled.bordered,.grauity-init .grauity-icon.red.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-red)inset}.grauity-init .grauity-icon.red.disabled.bordered.inverted,.grauity-init .grauity-icon.red.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-red)}.grauity-init .grauity-icon.green{color:var(--icon-color-green)}.grauity-init .grauity-icon.green.bordered,.grauity-init .grauity-icon.green.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-green)inset;box-shadow:0 0 0 .1em var(--icon-color-green)inset}.grauity-init .grauity-icon.green.bordered.inverted,.grauity-init .grauity-icon.green.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-green)}.grauity-init .grauity-icon.green.disabled{color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.green.disabled.bordered,.grauity-init .grauity-icon.green.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-green)inset}.grauity-init .grauity-icon.green.disabled.bordered.inverted,.grauity-init .grauity-icon.green.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-green)}.grauity-init .grauity-icon.orange{color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.bordered,.grauity-init .grauity-icon.orange.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-orange)inset;box-shadow:0 0 0 .1em var(--icon-color-orange)inset}.grauity-init .grauity-icon.orange.bordered.inverted,.grauity-init .grauity-icon.orange.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-orange)}.grauity-init .grauity-icon.orange.disabled{color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.orange.disabled.bordered,.grauity-init .grauity-icon.orange.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-orange)inset}.grauity-init .grauity-icon.orange.disabled.bordered.inverted,.grauity-init .grauity-icon.orange.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-orange)}.grauity-init .grauity-icon.yellow{color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.bordered,.grauity-init .grauity-icon.yellow.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--icon-color-yellow)inset}.grauity-init .grauity-icon.yellow.bordered.inverted,.grauity-init .grauity-icon.yellow.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled{color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.yellow.disabled.bordered,.grauity-init .grauity-icon.yellow.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-yellow)inset}.grauity-init .grauity-icon.yellow.disabled.bordered.inverted,.grauity-init .grauity-icon.yellow.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-yellow)}.grauity-init .grauity-icon.purple{color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.bordered,.grauity-init .grauity-icon.purple.circular{-webkit-box-shadow:0 0 0 .1em var(--icon-color-purple)inset;box-shadow:0 0 0 .1em var(--icon-color-purple)inset}.grauity-init .grauity-icon.purple.bordered.inverted,.grauity-init .grauity-icon.purple.circular.inverted{color:var(--icon-color-white);background-color:var(--icon-color-purple)}.grauity-init .grauity-icon.purple.disabled{color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.purple.disabled.bordered,.grauity-init .grauity-icon.purple.disabled.circular{-webkit-box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset;box-shadow:0 0 0 .1em var(--disabled-icon-color-purple)inset}.grauity-init .grauity-icon.purple.disabled.bordered.inverted,.grauity-init .grauity-icon.purple.disabled.circular.inverted{color:var(--disabled-icon-color-white);background-color:var(--disabled-icon-color-purple)}.grauity-init .grauity-icon.size-4{font-size:calc(var(--multiplier)*.25em)}.grauity-init .grauity-icon.size-8{font-size:calc(var(--multiplier)*.5em)}.grauity-init .grauity-icon.size-12{font-size:calc(var(--multiplier)*.75em)}.grauity-init .grauity-icon.size-16{font-size:calc(var(--multiplier)*1em)}.grauity-init .grauity-icon.size-20{font-size:calc(var(--multiplier)*1.25em)}.grauity-init .grauity-icon.size-24{font-size:calc(var(--multiplier)*1.5em)}.grauity-init .grauity-icon.size-28{font-size:calc(var(--multiplier)*1.75em)}.grauity-init .grauity-icon.size-32{font-size:calc(var(--multiplier)*2em)}.grauity-init .grauity-icon.size-36{font-size:calc(var(--multiplier)*2.25em)}.grauity-init .grauity-icon.size-40{font-size:calc(var(--multiplier)*2.5em)}.grauity-init .grauity-icon.loading{-webkit-animation:2s linear infinite icon-loading;animation:2s linear infinite icon-loading}.grauity-init .grauity-icon.fitted{width:auto;margin:0!important}.grauity-init .grauity-icon.horizontally-flipped{transform:scaleX(-1)}.grauity-init .grauity-icon.vertically-flipped{transform:scaleY(-1)}.grauity-init .grauity-icon.clockwise-rotated{transform:rotate(90deg)}.grauity-init .grauity-icon.counterclockwise-rotated{transform:rotate(-90deg)}.grauity-init .grauity-icon.link{cursor:pointer;opacity:.8;transition:opacity .1s ease-in-out}.grauity-init .grauity-icon.link:hover{opacity:1}.grauity-init .grauity-icon.circular{border-radius:50%}.grauity-init{font-size:calc(var(--multiplier)*16px)}
 /*# sourceMappingURL=module.css.map */