{"mappings":"AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuNI;EAvNJ;;;;;ACDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACII;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACwBJ;;;;;;AAQA;;;;;;AAQA;;;;;;AAQA;;;;;;ACpDA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAIA;;;;AAGA;;;;AAGA;;;;AAMA;;;;AAMA;;;;AAIA;;;;AAGA;;;;AAIA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAMA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAIA;;;;AAGA;;;;AAGA;;;;AAIA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAGA;;;;AAMA;;;;AAGA;;;;AAOI;EADJ;;;;;AAMI;EADJ;;;;;AAII;EAJJ;;;;;AASI;EADJ;;;;;AAMI;EADJ;;;;;AAII;EAJJ","sources":["sass/variables.scss","sass/variables-posten.scss","sass/variables-bring.scss","sass/fonts.css","sass/colors.scss"],"sourcesContent":["\n:root {\n    /**\n     * Spacing\n     * NOTE: This is in PX because we want them to specific.\n     */\n\n    --hwc-spacing-small-1: 4px;\n    --hwc-spacing-small-2: 8px;\n    --hwc-spacing-small-3: 12px;\n    --hwc-spacing-small-4: 16px;\n    --hwc-spacing-medium-1: 20px;\n    --hwc-spacing-medium-2: 24px;\n    --hwc-spacing-medium-3: 32px;\n    --hwc-spacing-medium-4: 40px;\n    --hwc-spacing-large-1: 48px;\n    --hwc-spacing-large-2: 64px;\n    --hwc-spacing-large-3: 80px;\n    --hwc-spacing-large-4: 120px;\n    --hwc-spacing-large-5: 160px;\n\n    /**\n    * Shared colors\n    */\n\n    --hwc-color-gray-dark: #6e6e6e;\n    --hwc-color-gray-normal: #d6d6d6;\n    --hwc-color-gray-light-stroke: #e4e4e4;\n    --hwc-color-gray-light-fill: #f2f2f2;\n\n    --hwc-color-white: #fff;\n    --hwc-color-black: #000;\n    --hwc-color-black-hover: #1E1E1E;\n\n    --hwc-color-alert-green: #7BC144;\n    --hwc-color-alert-yellow: #fdbb2f;\n    --hwc-color-alert-red: #e32d22;\n\n\n\n    /**\n    * Colors with opacity\n    */\n\n    --hwc-color-opaque-black-20: rgba(0,0,0, 0.20); /* #000000 */\n    --hwc-color-opaque-black-10: rgba(0,0,0, 0.10);\n    --hwc-color-opaque-black-7: rgba(0,0,0, 0.07);\n    --hwc-color-opaque-white: rgba(255, 255, 255, 0.50);\n\n\n    /**\n    * Width limitations\n    */\n\n    --hwc-width-slim: 590px;\n    --hwc-width-default: 690px; /* Max default width (articles) */\n    --hwc-width-wide: 1200px; /* Default site width, used in footer etc */\n    --hwc-width-narrow: 300px; /* Narrow column for centered contents */\n\n    /**\n    * Fonts\n    */\n\n    --hwc-font-primary-light: 'Posten Sans Light', sans-serif;\n    --hwc-font-primary-regular: 'Posten Sans Regular', sans-serif;\n    --hwc-font-primary-medium: 'Posten Sans Medium', sans-serif;\n    --hwc-font-primary-bold: 'Posten Sans Bold', sans-serif;\n\n    /**\n    * Font sizes\n    * NOTE: To achieve fluid font sizes on h-tags we used the calculation described here:\n    * https://css-tricks.com/snippets/css/fluid-typography/\n    */\n    --hwc-font-size-max-view-port: 1200;\n    --hwc-font-size-min-view-port: 300;\n    --hwc-font-size-min-view-port-px: 300px;\n\n\n\n    --hwc-font-size-max-h1-large: 72; /* 80 */\n    --hwc-font-size-max-h1-large-px: 72px;\n    --hwc-font-size-min-h1-large: 40;\n    --hwc-font-size-min-h1-large-px: 40px;\n    --hwc-h1-large-line-height: 1.111;\n\n    --hwc-font-size-max-h1: 48; /* 48 */\n    --hwc-font-size-max-h1-px: 48px;\n    --hwc-font-size-min-h1: 32;\n    --hwc-font-size-min-h1-px: 32px;\n    --hwc-h1-line-height: 1.1667;\n\n    --hwc-font-size-max-h2: 32; /* 44 */\n    --hwc-font-size-max-h2-px: 32px;\n    --hwc-font-size-min-h2: 28;\n    --hwc-font-size-min-h2-px: 28px;\n    --hwc-h2-line-height: 1.25;\n\n    --hwc-font-size-max-h3: 24; /* 28 */\n    --hwc-font-size-max-h3-px: 24px;\n    --hwc-font-size-min-h3: 22;\n    --hwc-font-size-min-h3-px: 22px;\n    --hwc-h3-line-height: 1.333;\n\n    --hwc-font-size-max-h4: 20; /* 22 */\n    --hwc-font-size-max-h4-px: 20px;\n    --hwc-font-size-min-h4: 18;\n    --hwc-font-size-min-h4-px: 18px;\n    --hwc-h4-line-height: 1.4;\n\n    --hwc-font-size-max-h5: 18; /* 20 */\n    --hwc-font-size-max-h5-px: 18px;\n    --hwc-font-size-min-h5: 16;\n    --hwc-font-size-min-h5-px: 16px;\n    --hwc-h5-line-height: 1.444;\n\n    --hwc-font-size-max-h6: 16; /* 18 */\n    --hwc-font-size-max-h6-px: 16px;\n    --hwc-font-size-min-h6: 14;\n    --hwc-font-size-min-h6-px: 14px;\n    --hwc-h6-line-height: 1.5;\n\n    --hwc-font-size-max-caption: 13;\n    --hwc-font-size-max-caption-px: 13px;\n    --hwc-font-size-min-caption: 12;\n    --hwc-font-size-min-caption-px: 12px;\n    --hwc-caption-line-height: 1.5;\n\n    --hwc-font-size-max-p: 20; /* 22 */\n    --hwc-font-size-max-p-px: 20px;\n    --hwc-font-size-min-p: 18;\n    --hwc-font-size-min-p-px: 18px;\n    --hwc-p-line-height: 1.4;\n\n    --hwc-font-size-max-lead: 20; /* 22 */\n    --hwc-font-size-max-lead-px: 20px;\n    --hwc-font-size-min-lead: 18;\n    --hwc-font-size-min-lead-px: 18px;\n    --hwc-lead-line-height: 1.4;\n\n    --hwc-font-size-max-small: 18; /* 20 */\n    --hwc-font-size-max-small-px: 18px;\n    --hwc-font-size-min-small: 16;\n    --hwc-font-size-min-small-px: 16px;\n    --hwc-small-line-height: 1.444;\n\n    --hwc-font-size-max-smaller: 17; /* 18 */\n    --hwc-font-size-max-smaller-px: 17px;\n    --hwc-font-size-min-smaller: 16;\n    --hwc-font-size-min-smaller-px: 16px;\n    --hwc-smaller-line-height: 1.450;\n\n    --hwc-font-size-max-technical: 16; /* 17 */\n    --hwc-font-size-max-technical-px: 16px;\n    --hwc-font-size-min-technical: 15;\n    --hwc-font-size-min-technical-px: 15px;\n    --hwc-technical-line-height: 1.47;\n\n    --hwc-font-size-max-smallest: 12; /* 13 */\n    --hwc-font-size-max-smallest-px: 12px;\n    --hwc-font-size-min-smallest: 11;\n    --hwc-font-size-min-smallest-px: 11px;\n    --hwc-smallest-line-height: 1.5;\n\n    --hwc-font-size-max-card-title: 28; /* 28 */\n    --hwc-font-size-max-card-title-px: 28px;\n    --hwc-font-size-min-card-title: 26;\n    --hwc-font-size-min-card-title-px: 26px;\n    --hwc-card-title-line-height: 1.25;\n\n    --hwc-font-size-h1-large: calc(var(--hwc-font-size-min-h1-px) + (var(--hwc-font-size-max-h1-large) - var(--hwc-font-size-min-h1-large)) * ((100vw - var(--hwc-font-size-min-view-port-px)) / (var(--hwc-font-size-max-view-port) - var(--hwc-font-size-min-view-port))));\n    --hwc-font-size-h1: calc(var(--hwc-font-size-min-h1-px) + (var(--hwc-font-size-max-h1) - var(--hwc-font-size-min-h1)) * ((100vw - var(--hwc-font-size-min-view-port-px)) / (var(--hwc-font-size-max-view-port) - var(--hwc-font-size-min-view-port))));\n    --hwc-font-size-h2: calc(var(--hwc-font-size-min-h2-px) + (var(--hwc-font-size-max-h2) - var(--hwc-font-size-min-h2)) * ((100vw - var(--hwc-font-size-min-view-port-px)) / (var(--hwc-font-size-max-view-port) - var(--hwc-font-size-min-view-port))));\n    --hwc-font-size-h3: calc(var(--hwc-font-size-min-h3-px) + (var(--hwc-font-size-max-h3) - var(--hwc-font-size-min-h3)) * ((100vw - var(--hwc-font-size-min-view-port-px)) / (var(--hwc-font-size-max-view-port) - var(--hwc-font-size-min-view-port))));\n    --hwc-font-size-h4: calc(var(--hwc-font-size-min-h4-px) + (var(--hwc-font-size-max-h4) - var(--hwc-font-size-min-h4)) * ((100vw - var(--hwc-font-size-min-view-port-px)) / (var(--hwc-font-size-max-view-port) - var(--hwc-font-size-min-view-port))));\n    --hwc-font-size-h5: calc(var(--hwc-font-size-min-h5-px) + (var(--hwc-font-size-max-h5) - var(--hwc-font-size-min-h5)) * ((100vw - var(--hwc-font-size-min-view-port-px)) / (var(--hwc-font-size-max-view-port) - var(--hwc-font-size-min-view-port))));\n    --hwc-font-size-h6: calc(var(--hwc-font-size-min-h6-px) + (var(--hwc-font-size-max-h6) - var(--hwc-font-size-min-h6)) * ((100vw - var(--hwc-font-size-min-view-port-px)) / (var(--hwc-font-size-max-view-port) - var(--hwc-font-size-min-view-port))));\n\n\n    --hwc-font-size-caption: calc(var(--hwc-font-size-min-caption-px) + (var(--hwc-font-size-max-caption) - var(--hwc-font-size-min-caption)) * ((100vw - var(--hwc-font-size-min-view-port-px)) / (var(--hwc-font-size-max-view-port) - var(--hwc-font-size-min-view-port))));\n    --hwc-font-size-p: calc(var(--hwc-font-size-min-p-px) + (var(--hwc-font-size-max-p) - var(--hwc-font-size-min-p)) * ((100vw - var(--hwc-font-size-min-view-port-px)) / (var(--hwc-font-size-max-view-port) - var(--hwc-font-size-min-view-port))));\n    --hwc-font-size-lead: calc(var(--hwc-font-size-min-lead-px) + (var(--hwc-font-size-max-lead) - var(--hwc-font-size-min-lead)) * ((100vw - var(--hwc-font-size-min-view-port-px)) / (var(--hwc-font-size-max-view-port) - var(--hwc-font-size-min-view-port))));\n    --hwc-font-size-technical: calc(var(--hwc-font-size-min-technical-px) + (var(--hwc-font-size-max-technical) - var(--hwc-font-size-min-technical)) * ((100vw - var(--hwc-font-size-min-view-port-px)) / (var(--hwc-font-size-max-view-port) - var(--hwc-font-size-min-view-port))));\n\n    --hwc-font-size-small: calc(var(--hwc-font-size-min-small-px) + (var(--hwc-font-size-max-small) - var(--hwc-font-size-min-small)) * ((100vw - var(--hwc-font-size-min-view-port-px)) / (var(--hwc-font-size-max-view-port) - var(--hwc-font-size-min-view-port))));\n    --hwc-font-size-smaller: calc(var(--hwc-font-size-min-smaller-px) + (var(--hwc-font-size-max-smaller) - var(--hwc-font-size-min-smaller)) * ((100vw - var(--hwc-font-size-min-view-port-px)) / (var(--hwc-font-size-max-view-port) - var(--hwc-font-size-min-view-port))));\n    --hwc-font-size-smallest: calc(var(--hwc-font-size-min-smallest-px) + (var(--hwc-font-size-max-smallest) - var(--hwc-font-size-min-smallest)) * ((100vw - var(--hwc-font-size-min-view-port-px)) / (var(--hwc-font-size-max-view-port) - var(--hwc-font-size-min-view-port))));\n    --hwc-font-size-card-title: calc(var(--hwc-font-size-min-card-title-px) + (var(--hwc-font-size-max-card-title) - var(--hwc-font-size-min-card-title)) * ((100vw - var(--hwc-font-size-min-view-port-px)) / (var(--hwc-font-size-max-view-port) - var(--hwc-font-size-min-view-port))));\n\n\n    /*\n    Sizes of responsive typography are limited my the max-size-setting.\n    The css media query for these are available in typography.css\n    */\n\n\n\n\n\n\n\n\n    /**\n    * Breakpoints\n    * em = 16px\n    */\n\n    /* Borders */\n    --hwc-border-thickness: 1px;\n    --hwc-border-thickness-thick: 2px;\n    --hwc-border-radius: 2px;\n\n    /* Fixed sizes */\n    --hwc-navbar-height-mobile: 90px;\n    --hwc-navbar-height-desktop: 112px;\n    --hwc-input-field-height: 58px;\n    --hwc-navbar-search-max-width: 530px;\n    @media(--large) {\n        --hwc-navbar-search-max-width: 70%;\n    }\n\n\n\n    /**\n    * Transitions\n    */\n    --hwc-transition-time-quick: 0.130s;\n    --hwc-transition-time-normal: 0.300s;\n    --hwc-transition-time-slow: 0.700s;\n\n    --hwc-transition-easing-normal: ease;\n    --hwc-transition-easing-in: ease-in;\n    --hwc-transition-easing-out: ease-out;\n\n\n    /**\n    * Global z-index values\n    */\n\n    --z-index--stickynav: 100;\n    --z-index--navbar: 100;\n    --z-index--navbar-drawer: 200;\n    --z-index--navbar-drawer-foreground: 300;\n    --z-index--navbar-search: 300;\n    --z-index--navbar-search-foreground: 400;\n    --z-index--hero-search: 100;\n    --z-index--modal: 400;\n    --z-index--modal-foreground: 500;\n}\n\n@import 'variables-posten';\n@import 'variables-bring';\n",":root {\n    /**\n* Colors\n*/\n\n    --hwc-color-primary: #e32d22;\n    --hwc-color-primary-dark: #980000;\n    --hwc-color-primary-darker: #4a1011;\n    --hwc-color-primary-light: #ff8a5f;\n    --hwc-color-primary-lighter: #fff5f0;\n\n    /**\n* Opaque\n*/\n    --hwc-color-opaque-primary: rgba(227, 45, 34, 0.85); /* #e32d22 */\n\n    /**\n * Link Colors\n */\n\n    --hwc-color-link: var(--hwc-color-black);\n    --hwc-color-link-underline: var(--hwc-color-primary);\n    --hwc-color-link-hover: var(--hwc-color-primary);\n    --hwc-color-link-underline-hover: var(--hwc-color-primary);\n\n    /**\n * Component colors\n */\n    --hwc-color-input-accent: var(--hwc-color-primary-darker);\n    --hwc-color-checkbox-accent: var(--hwc-color-primary);\n\n    /**\n * Button Colors\n */\n    --hwc-color-button-primary-hover: #d62722;\n    --hwc-color-button-primary-light-hover: #ff7d55;\n\n    /**\n* Color mappings\n*/\n\n    --hwc-color-button-text: var(--hwc-color-white);\n\n    /**\n* Font families\n*/\n    --hwc-h1-large-font-family: var(--hwc-font-primary-bold);\n    --hwc-h1-font-family: var(--hwc-font-primary-bold);\n    --hwc-h2-font-family: var(--hwc-font-primary-medium);\n    --hwc-h3-font-family: var(--hwc-font-primary-medium);\n    --hwc-h4-font-family: var(--hwc-font-primary-regular);\n    --hwc-h5-font-family: var(--hwc-font-primary-regular);\n    --hwc-h6-font-family: var(--hwc-font-primary-regular);\n    --hwc-caption-font-family: var(--hwc-font-primary-regular);\n    --hwc-technical-font-family: var(--hwc-font-primary-regular);\n    --hwc-card-title-font-family: var(--hwc-font-primary-regular);\n}\n","/** \n * Variables - Bring \n */\n:root {\n    .hwc-theme-bring {\n        /**\n     * Colors\n     */\n\n        --hwc-color-primary: #7bc144;\n        --hwc-color-primary-dark: #00643a;\n        --hwc-color-primary-darker: #002f19;\n        --hwc-color-primary-light: #c8dc8c;\n        --hwc-color-primary-lighter: #f1f7e9;\n\n        /**\n    * Opaque colors\n    */\n        --hwc-color-opaque-primary: rgba(123, 193, 68, 0.95); /* #7bc144 */\n\n        /**\n      * Link Colors\n      */\n\n        --hwc-color-link: var(--hwc-color-black);\n        --hwc-color-link-underline: var(--hwc-color-primary);\n        --hwc-color-link-hover: var(--hwc-color-primary-dark);\n        --hwc-color-link-underline-hover: var(--hwc-color-primary-dark);\n\n        /**\n      * Component colors\n      */\n        --hwc-color-input-accent: var(--hwc-color-primary-dark);\n        --hwc-color-checkbox-accent: var(--hwc-color-primary-dark);\n\n        /**\n      * Button Colors\n      */\n        --hwc-color-button-primary-hover: #86cc4a;\n        --hwc-color-button-primary-light-hover: #d3e593;\n\n        /**\n     * Color mappings\n     */\n\n        --hwc-color-button-text: var(--hwc-color-black);\n\n        /**\n     * Font families\n     */\n        --hwc-h1-large-font-family: var(--hwc-font-primary-light);\n        --hwc-h1-font-family: var(--hwc-font-primary-light);\n        --hwc-h2-font-family: var(--hwc-font-primary-light);\n        --hwc-h3-font-family: var(--hwc-font-primary-regular);\n        --hwc-h4-font-family: var(--hwc-font-primary-regular);\n        --hwc-h5-font-family: var(--hwc-font-primary-regular);\n        --hwc-h6-font-family: var(--hwc-font-primary-regular);\n        --hwc-caption-font-family: var(--hwc-font-primary-regular);\n        --hwc-technical-font-family: var(--hwc-font-primary-regular);\n        --hwc-card-title-font-family: var(--hwc-font-primary-light);\n    }\n}\n","/*\n * http://caniuse.com/#feat=woff2\n * Firefox 39, Chrome 36, Opera 23, Android 5-6.x WebView: Chromium 46,\n * Opera 33 for Android, Chrome 47 for Android and Firefox 42 for Android\n *\n * http://caniuse.com/#feat=woff\n * IE9, Edge 12, Firefox 3.6, Chrome 5, Safari 5.1, Opera 11.5,\n * Safari & Chrome for iOS 5.0, Android 4.4 browser, Blackberry browser 7,\n * Opera Mobile 12, Chrome 47 for Android, Firefox 42 for Android, IE Mobile 10,\n * UC Browser 9.9 for Android\n *\n * http://caniuse.com/#feat=ttf\n * Partial(IE9-11), Edge 12, Firefox 3.5, Chrome 4, Safari 3.1, Opera 10.0,\n * Safari & Chrome for iOS 4.2, Android 2.2 browser, Blackberry browser 7,\n * Opera Mobile 12, Chrome 47 for Android, Firefox 42 for Android,\n * Partial(IE Mobile 10-11), UC Browser 9.9 for Android\n *\n * http://caniuse.com/#feat=svg-fonts\n * Chrome 4-37, Safari 3.2, Opera 10.0-24, Safari & Chrome for iOS 3.2,\n * Android 3-4.4.4, Blackberry browser 7, Opera Mobile 12,\n * UC Browser 9.9 for Android\n *\n * http://caniuse.com/#feat=eot\n * IE8-11 (no other browsers)\n *\n *\n */\n\n@font-face {\n  font-family: \"Posten Sans Light\";\n  src: url(\"../assets/fonts/PostenSans-Light.eot\");\n  src: url(\"../assets/fonts/PostenSans-Light.woff2\") format(\"woff2\"),\n    url(\"../assets/fonts/PostenSans-Light.woff\") format(\"woff\"),\n    url(\"../assets/fonts/PostenSans-Light.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"Posten Sans Regular\";\n  src: url(\"../assets/fonts/PostenSans-Regular.eot\");\n  src: url(\"../assets/fonts/PostenSans-Regular.woff2\") format(\"woff2\"),\n    url(\"../assets/fonts/PostenSans-Regular.woff\") format(\"woff\"),\n    url(\"../assets/fonts/PostenSans-Regular.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"Posten Sans Medium\";\n  src: url(\"../assets/fonts/PostenSans-Medium.eot\");\n  src: url(\"../assets/fonts/PostenSans-Medium.woff2\") format(\"woff2\"),\n    url(\"../assets/fonts/PostenSans-Medium.woff\") format(\"woff\"),\n    url(\"../assets/fonts/PostenSans-Medium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"Posten Sans Bold\";\n  src: url(\"../assets/fonts/PostenSans-Bold.eot\");\n  src: url(\"../assets/fonts/PostenSans-Bold.woff2\") format(\"woff2\"),\n    url(\"../assets/fonts/PostenSans-Bold.woff\") format(\"woff\"),\n    url(\"../assets/fonts/PostenSans-Bold.ttf\") format(\"truetype\");\n}\n",".hwc-color-primary-darker {\n    color: var(--hwc-color-primary-darker);\n}\n.hwc-color-primary-dark {\n    color: var(--hwc-color-primary-dark);\n}\n.hwc-color-primary {\n    color: var(--hwc-color-primary);\n}\n.hwc-color-primary-light {\n    color: var(--hwc-color-primary-light);\n}\n.hwc-color-primary-lighter {\n    color: var(--hwc-color-primary-lighter);\n}\n\n.hwc-color-gray-lightest {\n    color: var(--hwc-color-gray-normal);\n}\n.hwc-color-gray-lighter {\n    color: var(--hwc-color-gray-light-fill);\n}\n.hwc-color-gray-light {\n    color: var(--hwc-color-gray-normal);\n}\n.hwc-color-gray {\n    color: var(--hwc-color-gray-normal);\n}\n.hwc-color-gray-dark {\n    color: var(--hwc-color-gray-dark);\n}\n.hwc-color-gray-darker {\n    color: var(--hwc-color-gray-dark);\n}\n.hwc-color-gray-darkest {\n    color: var(--hwc-color-black);\n}\n\n.hwc-color-yellow {\n    color: var(--hwc-color-alert-yellow);\n}\n.hwc-color-green {\n    color: var(--hwc-color-alert-green);\n}\n\n.hwc-color-white {\n    color: var(--hwc-color-white);\n}\n.hwc-color-black {\n    color: var(--hwc-color-black);\n}\n.hwc-color-avocado {\n    color: var(--hwc-color-alert-green);\n}\n.hwc-color-secondary {\n    color: var(--hwc-color-alert-yellow);\n}\n\n/* Background colors */\n\n.hwc-background-color-primary-darker {\n    background-color: var(--hwc-color-primary-darker);\n}\n.hwc-background-color-primary-dark {\n    background-color: var(--hwc-color-primary-dark);\n}\n.hwc-background-color-primary {\n    background-color: var(--hwc-color-primary);\n}\n.hwc-background-color-primary-light {\n    background-color: var(--hwc-color-primary-light);\n}\n.hwc-background-color-primary-lighter {\n    background-color: var(--hwc-color-primary-lighter);\n}\n\n.hwc-background-color-gray-light {\n    background-color: var(--hwc-color-gray-light-fill);\n}\n.hwc-background-color-gray {\n    background-color: var(--hwc-color-gray-normal);\n}\n.hwc-background-color-gray-dark {\n    background-color: var(--hwc-color-gray-dark);\n}\n\n.hwc-background-color-yellow {\n    background-color: var(--hwc-color-alert-yellow);\n}\n.hwc-background-color-green {\n    background-color: var(--hwc-color-alert-green);\n}\n.hwc-background-color-red {\n    background-color: var(--hwc-color-alert-red);\n}\n.hwc-background-color-white {\n    background-color: var(--hwc-color-white);\n}\n.hwc-background-color-black {\n    background-color: var(--hwc-color-black);\n}\n.hwc-background-color-avocado {\n    background-color: var(--hwc-color-alert-green);\n}\n.hwc-background-color-secondary {\n    background-color: var(--hwc-color-alert-yellow);\n}\n.hwc-background-color-transparent {\n    background-color: transparent;\n}\n\n/* Background colors with opacity*/\n\n.hwc-background-color-opaque-primary {\n    background-color: var(--hwc-color-opaque-primary);\n}\n.hwc-background-color-opaque-black {\n    background-color: var(--hwc-color-opaque-black-20);\n}\n\n/* Responsive Background colors with opacity*/\n\n.hwc-background-color-opaque-primary-desktop {\n    @media (--large) {\n        background-color: var(--hwc-color-opaque-primary);\n    }\n}\n.hwc-background-color-opaque-primary-mobile {\n    @media (--max-medium) {\n        background-color: var(--hwc-color-opaque-primary);\n    }\n    @media (--high-res-mobile) {\n        background-color: var(--hwc-color-opaque-primary);\n    }\n}\n.hwc-background-color-opaque-black-desktop {\n    @media (--large) {\n        background-color: var(--hwc-color-opaque-black-20);\n    }\n}\n.hwc-background-color-opaque-black-mobile {\n    @media (--mobile) {\n        background-color: var(--hwc-color-opaque-black-20);\n    }\n    @media (--high-res-mobile) {\n        background-color: var(--hwc-color-opaque-black-20);\n    }\n}\n"],"names":[],"version":3,"file":"index.css.map"}