@ilo-org/react 0.24.6 → 0.25.0

package/lib/styles/global.css.map

@@ -1 +1 @@
-{"version":3,"sources":["_reset.scss","theme/_typography.scss","theme/_foundation.scss","_typography.scss","../node_modules/@ilo-org/themes/build/scss/_tokens.scss"],"names":[],"mappings":"iBAMA,EAAA,QAAA,SAGE,WAAA,WAGF,QAAA,WAAA,KAAA,GAAA,SAAA,OAAA,KAAA,OAAA,OAAA,GAAA,OAAA,EAAA,IAAA,MAAA,GAeE,OAAA,EACA,QAAA,EACA,OAAA,EAGF,GAAA,GAAA,GAAA,GAAA,GAAA,GAME,OAAA,EACA,UAAA,QACA,YAAA,QAGF,QAAA,MAAA,QAAA,WAAA,OAAA,OAAA,OAAA,OAAA,KAAA,IAAA,QAWE,QAAA,MAGF,KACE,YAAA,EAGF,GACE,WAAA,KAGF,MACE,aAAA,QACA,gBAAA,SACA,eAAA,EAGF,GAAA,GAEE,eAAA,IACA,QAAA,EAGF,GACE,WAAA,KACA,YAAA,IAGF,OAAA,MAAA,SAAA,OAAA,SAKE,mBAAA,KACA,WAAA,KACA,eAAA,OACA,MAAA,QACA,KAAA,QACA,WAAA,IACA,QAAA,EACA,OAAA,EACA,cAAA,EACA,WAAA,QACA,eAAA,QAGF,GACE,WAAA,YACA,OAAA,EACA,SAAA,QACA,iBAAA,IACA,OAAA,EACA,MAAA,KACA,MAAA,QAGF,SACE,SAAA,KAGF,OACE,mBAAA,KACA,gBAAA,KAKF,6CACE,IACE,KAAA,YC3HJ,MAEE,oBAAA,QAAA,CAAA,KAAA,IAAA,CAAA,WAGA,uBAAA,SAAA,EAAA,CAAA,UAAA,KAAA,CAAA,IAAA,CAAA,WACA,uBAAA,KAAA,KAAA,IAAA,EAAA,CAAA,GAAA,MAAA,CAAA,SAAA,IAAA,CAAA,YAAA,CAAA,WAIA,iBAAA,KAAA,IAAA,CAAA,WAGA,oBAAA,SAAA,EAAA,CAAA,UAAA,KAAA,CAAA,IAAA,CAAA,WACA,oBAAA,KAAA,KAAA,IAAA,EAAA,CAAA,GAAA,MAAA,CAAA,SAAA,IAAA,CAAA,YAAA,CAAA,WAGA,sBAAA,UACA,kBAAA,KAGA,qBAAA,gBACA,oBAAA,gBACA,mBAAA,gBACA,mBAAA,gBACA,mBAAA,gBACA,oBAAA,gBACA,qBAAA,gBACA,qBAAA,gBACA,qBAAA,gBACA,qBAAA,gBAGA,wBAAA,IACA,0BAAA,IACA,yBAAA,IACA,uBAAA,IAGA,sBAAA,KACA,qBAAA,IACA,qBAAA,KACA,qBAAA,IACA,sBAAA,KACA,uBAAA,KACA,uBAAA,IAGA,yBAAA,MACA,wBAAA,IACA,wBAAA,EACA,wBAAA,GC/CF,MACE,YAAA,EAKA,kBAAA,uBACA,iBAAA,qBACA,yBAAA,uBACA,uBAAA,uBACA,sBAAA,mBACA,wBAAA,uBACA,sBAAA,qBACA,2BAAA,qBACA,0BAAA,oBACA,4BAAA,uBACA,uBAAA,uBACA,wCAAA,0BACA,sBAAA,uBACA,gBAAA,qBACA,sBAAA,uBACA,qBAAA,qBACA,qBAAA,uBACA,mBAAA,sBACA,yBAAA,uBACA,wBAAA,wBACA,kBAAA,uBACA,wBAAA,uBACA,uBAAA,yBACA,sBAAA,qBACA,mBAAA,qBAEA,oCAAA,qBACA,mCAAA,sBACA,sCAAA,uBACA,sCAAA,wBACA,+BAAA,uBACA,8BAAA,sBACA,iCAAA,4BACA,6BAAA,8BACA,6BAAA,uBAEA,4BAAA,2BACA,0BAAA,sBACA,2BAAA,sBACA,0BAAA,wBAKA,oBAAA,MACA,oBAAA,MACA,oBAAA,MACA,oBAAA,OACA,oBAAA,OACA,qBAAA,OACA,oBAAA,yCAKA,qBAAA,yCACA,oBAAA,yCACA,mBAAA,yCACA,mBAAA,wCACA,mBAAA,yCACA,oBAAA,yCACA,qBAAA,yCACA,qBAAA,yCACA,qBAAA,yCACA,qBAAA,yCAKA,0BAAA,IACA,yBAAA,IACA,uBAAA,IAKA,sBAAA,KACA,qBAAA,KACA,qBAAA,KACA,qBAAA,KACA,sBAAA,KACA,uBAAA,KACA,uBAAA,KAKA,yBAAA,MACA,wBAAA,IACA,wBAAA,EACA,wBAAA,GAKA,mBAAA,yCAKA,0BAAA,MACA,iCAAA,SAKA,gBAAA,yCACA,gBAAA,yCACA,gBAAA,yCACA,gBAAA,yCAKA,+BAAA,2BACA,8BAAA,uBAEA,+BAAA,wBACA,8BAAA,2BAEA,6BAAA,sBACA,4BAAA,sBAEA,8BAAA,2BACA,6BAAA,2BAEA,6BAAA,2BACA,4BAAA,2BAEA,oCAAA,YACA,mCAAA,YAEA,kCAAA,YACA,iCAAA,uBAEA,kCAAA,wBACA,iCAAA,wBCzIF,KAAA,KAEE,MCegB,QDdhB,YAAA,sBACA,UAAA,QACA,YAAA,QACA,eCqoByB,ODpoBzB,uBAAA,YAGF,GAAA,GAAA,GAAA,GAAA,GAME,YAAA,yBAIF,eACE,oBAAA,4BACA,iBAAA,yBAIF,eACE,oBAAA,4BACA,iBAAA","file":"global.css","sourcesContent":["/**\n* This file is an opinionated reset that is based on https://nicolas-cusan.github.io/destyle.css/\n* it aims to provide a clean layer for styling, the reset should be used with normalize.css in order to create\n* a normalized base\n**/\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\nbody,\np,\ntable,\nblockquote,\naddress,\npre,\niframe,\nform,\nfigure,\ndl,\nul,\nol,\nfieldset,\noption,\nlegend {\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0;\n  font-size: inherit;\n  font-weight: inherit;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nul {\n  list-style: none;\n}\n\ntable {\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\ntd,\nth {\n  vertical-align: top;\n  padding: 0;\n}\n\nth {\n  text-align: left;\n  font-weight: bold;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  -webkit-appearance: none;\n  appearance: none;\n  vertical-align: middle;\n  color: inherit;\n  font: inherit;\n  background: transparent;\n  padding: 0;\n  margin: 0;\n  border-radius: 0;\n  text-align: inherit;\n  text-transform: inherit;\n}\n\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border-top-width: 1px;\n  margin: 0;\n  clear: both;\n  color: inherit;\n}\n\ntextarea {\n  overflow: auto;\n}\n\nselect {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n/// Makes SVGs accessible in high contrast mode\n/// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\n@media screen and (-ms-high-contrast: active) {\n  svg {\n    fill: ButtonText;\n  }\n}\n",":root {\n  // Display Font Families\n  --ilo-fonts-display: Overpass, Noto Sans, sans-serif;\n\n  // Chinese and Japanese system fonts\n  --ilo-fonts-display-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n  --ilo-fonts-display-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans,\n    TakaoPGothic, sans-serif;\n\n  // Copy font families\n  --ilo-fonts-copy: Noto Sans, sans-serif;\n\n  // Chinese and Japanese system fonts\n  --ilo-fonts-copy-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n  --ilo-fonts-copy-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans, TakaoPGothic,\n    sans-serif;\n\n  --ilo-fonts-monospace: monospace;\n  --ilo-line-height: 1.46;\n\n  // Font Sizes\n  --ilo-font-size-2xsm: px-to-rem(10px);\n  --ilo-font-size-xsm: px-to-rem(12px);\n  --ilo-font-size-sm: px-to-rem(14px);\n  --ilo-font-size-md: px-to-rem(16px);\n  --ilo-font-size-lg: px-to-rem(18px);\n  --ilo-font-size-xlg: px-to-rem(24px);\n  --ilo-font-size-2xlg: px-to-rem(28px);\n  --ilo-font-size-3xlg: px-to-rem(32px);\n  --ilo-font-size-4xlg: px-to-rem(36px);\n  --ilo-font-size-5xlg: px-to-rem(44px);\n\n  // Font Weight\n  --ilo-font-weight-light: 300;\n  --ilo-font-weight-regular: 400;\n  --ilo-font-weight-medium: 500;\n  --ilo-font-weight-bold: 700;\n\n  // Line Height\n  --ilo-line-height-xsm: 1.15;\n  --ilo-line-height-sm: 1.2;\n  --ilo-line-height-md: 1.25;\n  --ilo-line-height-lg: 1.3;\n  --ilo-line-height-xlg: 1.35;\n  --ilo-line-height-2xlg: 1.45;\n  --ilo-line-height-3xlg: 1.5;\n\n  // Letter Spacing\n  --ilo-letter-spacing-xsm: -3.5%;\n  --ilo-letter-spacing-sm: -2%;\n  --ilo-letter-spacing-md: 0;\n  --ilo-letter-spacing-lg: 2%;\n}\n","@use \"../functions\" as *;\n@use \"./breakpoints\" as *;\n@use \"./typography\" as *;\n\n:root {\n  --ilo-scale: 1; // default scale for the design system\n\n  /**\n    * Colors\n    */\n  --ilo-color-white: rgba(255, 255, 255, 1);\n  --ilo-color-blue: rgba(30, 45, 190, 1);\n  --ilo-color-blue-lighter: rgba(235, 245, 253, 1);\n  --ilo-color-blue-light: rgba(190, 220, 250, 1);\n  --ilo-color-blue-dark: rgba(35, 0, 80, 1);\n  --ilo-color-blue-medium: rgba(210, 213, 242, 1);\n  --ilo-color-blue-ramp: rgba(33, 18, 124, 1);\n  --ilo-color-blue-dark-ramp: rgba(35, 0, 80, 0.5);\n  --ilo-color-gray-charcoal: rgba(45, 45, 45, 1);\n  --ilo-color-gray-accessible: rgba(109, 109, 109, 1);\n  --ilo-color-gray-light: rgba(237, 240, 242, 1);\n  --ilo-color-gray-light-semi-transparent: rgba(237, 240, 242, 0.25);\n  --ilo-color-gray-base: rgba(184, 196, 204, 1);\n  --ilo-color-red: rgba(250, 60, 75, 1);\n  --ilo-color-red-light: rgba(254, 216, 219, 1);\n  --ilo-color-red-dark: rgba(200, 48, 60, 1);\n  --ilo-color-red-ramp: rgba(250, 60, 75, 0.2);\n  --ilo-color-yellow: rgba(255, 205, 45, 1);\n  --ilo-color-yellow-light: rgba(255, 245, 200, 1);\n  --ilo-color-yellow-ramp: rgba(255, 205, 45, 0.2);\n  --ilo-color-green: rgba(140, 225, 100, 1);\n  --ilo-color-green-light: rgba(232, 249, 224, 1);\n  --ilo-color-green-ramp: rgba(140, 225, 100, 0.2);\n  --ilo-color-turquoise: rgba(5, 210, 210, 1);\n  --ilo-color-purple: rgba(150, 10, 85, 1);\n\n  --ilo-color-notification-type-error: var(--ilo-color-red);\n  --ilo-color-notification-type-info: var(--ilo-color-blue);\n  --ilo-color-notification-type-success: var(--ilo-color-green);\n  --ilo-color-notification-type-warning: var(--ilo-color-yellow);\n  --ilo-color-background-default: var(--ilo-color-white);\n  --ilo-color-background-active: var(--ilo-color-blue);\n  --ilo-color-background-highlight: var(--ilo-color-gray-light);\n  --ilo-color-background-hover: var(--ilo-color-blue-lighter);\n  --ilo-color-background-focus: var(--ilo-color-white);\n\n  --ilo-color-borders-default: var(--ilo-color-gray-base);\n  --ilo-color-borders-hover: var(--ilo-color-blue);\n  --ilo-color-borders-active: var(--ilo-color-blue);\n  --ilo-color-borders-focus: var(--ilo-color-yellow);\n\n  /**\n    * Sizing\n    */\n  --ilo-breakpoint-xs: #{map-get($breakpoints-foundation, \"xs\")};\n  --ilo-breakpoint-sm: #{map-get($breakpoints-foundation, \"sm\")};\n  --ilo-breakpoint-md: #{map-get($breakpoints-foundation, \"md\")};\n  --ilo-breakpoint-lg: #{map-get($breakpoints-foundation, \"lg\")};\n  --ilo-breakpoint-xl: #{map-get($breakpoints-foundation, \"xl\")};\n  --ilo-breakpoint-xxl: #{map-get($breakpoints-foundation, \"xxl\")};\n  --ilo-border-radius: calc(#{px-to-rem(2)} * var(--ilo-scale));\n\n  /**\n    * Font-size\n    */\n  --ilo-font-size-2xsm: calc(#{px-to-rem(10)} * var(--ilo-scale));\n  --ilo-font-size-xsm: calc(#{px-to-rem(12)} * var(--ilo-scale));\n  --ilo-font-size-sm: calc(#{px-to-rem(14)} * var(--ilo-scale));\n  --ilo-font-size-md: calc(#{px-to-rem(16)} * var(--ilo-scale));\n  --ilo-font-size-lg: calc(#{px-to-rem(18)} * var(--ilo-scale));\n  --ilo-font-size-xlg: calc(#{px-to-rem(24)} * var(--ilo-scale));\n  --ilo-font-size-2xlg: calc(#{px-to-rem(28)} * var(--ilo-scale));\n  --ilo-font-size-3xlg: calc(#{px-to-rem(32)} * var(--ilo-scale));\n  --ilo-font-size-4xlg: calc(#{px-to-rem(36)} * var(--ilo-scale));\n  --ilo-font-size-5xlg: calc(#{px-to-rem(44)} * var(--ilo-scale));\n\n  /**\n    * Font-weight\n    */\n  --ilo-font-weight-regular: 400;\n  --ilo-font-weight-medium: 500;\n  --ilo-font-weight-bold: 700;\n\n  /**\n    * Line Height\n    */\n  --ilo-line-height-xsm: 115%;\n  --ilo-line-height-sm: 120%;\n  --ilo-line-height-md: 125%;\n  --ilo-line-height-lg: 130%;\n  --ilo-line-height-xlg: 135%;\n  --ilo-line-height-2xlg: 145%;\n  --ilo-line-height-3xlg: 150%;\n\n  /**\n    * Letter spacing\n    */\n  --ilo-letter-spacing-xsm: -3.5%;\n  --ilo-letter-spacing-sm: -2%;\n  --ilo-letter-spacing-md: 0;\n  --ilo-letter-spacing-lg: 2%;\n\n  /**\n    * Spacing\n    */\n  --ilo-spacing-base: calc(#{px-to-rem(4)} * var(--ilo-scale));\n\n  /**\n    * Transition\n    */\n  --ilo-transition-duration: 150ms;\n  --ilo-transition-timing-function: ease-out;\n\n  /**\n    * Border\n    */\n  --ilo-border-xs: calc(#{px-to-rem(1)} * var(--ilo-scale));\n  --ilo-border-sm: calc(#{px-to-rem(1.5)} * var(--ilo-scale));\n  --ilo-border-md: calc(#{px-to-rem(2)} * var(--ilo-scale));\n  --ilo-border-lg: calc(#{px-to-rem(4)} * var(--ilo-scale));\n\n  /**\n    * Links\n    */\n  --ilo-link-color-default-light: var(--ilo-color-blue-dark);\n  --ilo-link-color-default-dark: var(--ilo-color-white);\n\n  --ilo-link-color-visited-light: var(--ilo-color-purple);\n  --ilo-link-color-visited-dark: var(--ilo-color-gray-base);\n\n  --ilo-link-color-hover-light: var(--ilo-color-blue);\n  --ilo-link-color-hover-dark: var(--ilo-color-blue);\n\n  --ilo-link-color-active-light: var(--ilo-color-blue-dark);\n  --ilo-link-color-active-dark: var(--ilo-color-blue-dark);\n\n  --ilo-link-color-focus-light: var(--ilo-color-blue-dark);\n  --ilo-link-color-focus-dark: var(--ilo-color-blue-dark);\n\n  --ilo-link-background-default-light: transparent;\n  --ilo-link-background-default-dark: transparent;\n\n  --ilo-link-background-hover-light: transparent;\n  --ilo-link-background-hover-dark: var(--ilo-color-white);\n\n  --ilo-link-background-focus-light: var(--ilo-color-yellow);\n  --ilo-link-background-focus-dark: var(--ilo-color-yellow);\n}\n","// Adapted from Carbon Library\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// Load the theme vars and fonts\n@use \"@ilo-org/themes/build/scss/tokens\" as *;\n\nhtml,\nbody {\n  color: $color-font-base;\n  font-family: var(--ilo-fonts-copy);\n  font-size: #{$type-base-size};\n  line-height: #{$type-base-line-height};\n  letter-spacing: $type-base-letter-spacing;\n  -webkit-font-smoothing: antialiased;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh5 {\n  font-family: var(--ilo-fonts-display);\n}\n\n// Set Chinese system fonts\nhtml[lang*=\"zh\"] {\n  --ilo-fonts-display: var(--ilo-fonts-display-zh);\n  --ilo-fonts-copy: var(--ilo-fonts-copy-zh);\n}\n\n// Set Japanese system fonts\nhtml[lang*=\"ja\"] {\n  --ilo-fonts-display: var(--ilo-fonts-display-jp);\n  --ilo-fonts-copy: var(--ilo-fonts-copy-jp);\n}\n","/**\n * Do not edit directly\n * Generated on Mon, 09 Jun 2025 13:52:19 GMT\n */\n\n/**\n* TOKENS:\n*/\n\n$borders-small: 1.5px !default;\n$borders-base: 2px !default;\n$borders-thick: 6px !default;\n$brand-ilo-blue: rgba(30, 45, 190, 1) !default;\n$brand-ilo-red: rgba(250, 60, 75, 1) !default;\n$brand-ilo-dark-blue: rgba(35, 0, 80, 1) !default;\n$brand-ilo-yellow: rgba(255, 205, 45, 1) !default;\n$brand-ilo-green: rgba(140, 225, 100, 1) !default;\n$brand-ilo-purple: rgba(150, 10, 85, 1) !default;\n$brand-ilo-purple-light: rgba(116, 96, 145, 1) !default;\n$brand-ilo-turquoise: rgba(5, 210, 210, 1) !default;\n$brand-ilo-dark-red: rgba(200, 48, 60, 1) !default;\n$brand-ilo-light-blue: rgba(235, 245, 253, 1) !default;\n$brand-ilo-grey-light-alternate: rgba(246, 247, 248, 1) !default;\n$brand-ilo-grey-light: rgba(237, 240, 242, 1) !default;\n$brand-ilo-grey-ui: rgba(184, 196, 204, 1) !default;\n$brand-ilo-grey-accessible: rgba(109, 109, 109, 1) !default;\n$brand-ilo-black: rgba(45, 45, 45, 1) !default;\n$brand-ilo-white: rgba(255, 255, 255, 1) !default;\n$brand-ilo-ramp-blue: rgba(190, 220, 250, 1) !default;\n$brand-ilo-ramp-red: rgba(254, 216, 219, 1) !default;\n$brand-ilo-ramp-green: rgba(232, 249, 224, 1) !default;\n$brand-ilo-ramp-yellow: rgba(255, 245, 200, 1) !default;\n$breakpoints-x-small: 320px !default;\n$breakpoints-small: 414px !default;\n$breakpoints-medium: 610px !default;\n$breakpoints-large: 1024px !default;\n$breakpoints-x-large: 1168px !default;\n$breakpoints-xx-large: 1440px !default;\n$color-base-blue-lighter: $brand-ilo-light-blue !default;\n$color-base-blue-light: $brand-ilo-light-blue !default;\n$color-base-blue-intermediate: $brand-ilo-ramp-blue !default;\n$color-base-blue-medium: $brand-ilo-blue !default;\n$color-base-blue-dark: $brand-ilo-dark-blue !default;\n$color-base-green: $brand-ilo-green !default;\n$color-base-neutrals-white: $brand-ilo-white !default;\n$color-base-neutrals-alternate: $brand-ilo-grey-light-alternate !default;\n$color-base-neutrals-lighter: $brand-ilo-grey-light !default;\n$color-base-neutrals-light: $brand-ilo-grey-ui !default;\n$color-base-neutrals-medium: $brand-ilo-grey-accessible !default;\n$color-base-neutrals-dark: $brand-ilo-black !default;\n$color-base-neutrals-black: $brand-ilo-black !default;\n$color-base-purple-light: $brand-ilo-purple-light !default;\n$color-base-purple-medium: $brand-ilo-purple !default;\n$color-base-red-light: $brand-ilo-blue !default;\n$color-base-red-medium: $brand-ilo-red !default;\n$color-base-red-dark: $brand-ilo-dark-red !default;\n$color-base-turquoise: $brand-ilo-turquoise !default;\n$color-base-yellow: $brand-ilo-yellow !default;\n$color-ramp-blue: $brand-ilo-ramp-blue !default;\n$color-ramp-green: $brand-ilo-ramp-green !default;\n$color-ramp-red: $brand-ilo-ramp-red !default;\n$color-ramp-yellow: $brand-ilo-ramp-yellow !default;\n$color-font-base: $color-base-neutrals-black !default;\n$color-font-blockquote: $color-base-purple-medium !default;\n$color-font-cite: $color-base-neutrals-medium !default;\n$color-font-caption: $color-base-neutrals-medium !default;\n$color-formelements-input-default-background: $color-base-neutrals-white !default;\n$color-formelements-input-default-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-default-border-left: $color-base-neutrals-light !default;\n$color-formelements-input-default-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-default-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-default-color: $color-base-neutrals-medium !default;\n$color-formelements-input-hover-background: $color-base-blue-light !default;\n$color-formelements-input-hover-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-hover-border-left: $color-base-blue-medium !default;\n$color-formelements-input-hover-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-hover-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-hover-color: $color-base-neutrals-dark !default;\n$color-formelements-input-focus-background: $color-base-blue-light !default;\n$color-formelements-input-focus-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-focus-border-left: $color-base-blue-medium !default;\n$color-formelements-input-focus-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-focus-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-focus-color: $color-base-neutrals-dark !default;\n$color-formelements-input-error-background: $color-base-neutrals-white !default;\n$color-formelements-input-error-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-error-border-left: $color-base-red-dark !default;\n$color-formelements-input-error-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-error-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-error-color: $color-base-neutrals-medium !default;\n$color-formelements-input-disabled-background: $color-base-neutrals-white !default;\n$color-formelements-input-disabled-border-bottom: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-border-left: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-border-right: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-border-top: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-color: $color-base-neutrals-light !default;\n$color-formelements-toggle-unchecked-background: $color-base-neutrals-light !default;\n$color-formelements-toggle-unchecked-border: rgb(0, 0, 0) !default;\n$color-formelements-toggle-unchecked-slider-color: $color-base-neutrals-white !default;\n$color-formelements-toggle-unchecked-label-color: $color-base-neutrals-dark !default;\n$color-formelements-toggle-unchecked-helper-text-color: $color-base-neutrals-medium !default;\n$color-formelements-toggle-checked-background: $color-base-blue-dark !default;\n$color-formelements-toggle-checked-border: rgb(0, 0, 0) !default;\n$color-formelements-toggle-checked-slider-color: $color-base-blue-lighter !default;\n$color-formelements-toggle-active-border: $color-base-yellow !default;\n$color-formelements-toggle-active-slider-color: $color-base-blue-lighter !default;\n$color-formelements-toggle-error-background: $color-base-neutrals-light !default;\n$color-formelements-toggle-error-border: $color-base-red-medium !default;\n$color-formelements-toggle-error-slider-color: $color-base-neutrals-white !default;\n$color-formelements-inputbutton-default-background: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-default-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-color: $color-base-blue-dark !default;\n$color-formelements-inputbutton-hover-background: $color-base-blue-light !default;\n$color-formelements-inputbutton-hover-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-color: $color-base-blue-medium !default;\n$color-formelements-inputbutton-focus-background: $color-base-blue-light !default;\n$color-formelements-inputbutton-focus-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-color: $color-base-blue-medium !default;\n$color-formelements-inputbutton-active-background: $color-base-blue-medium !default;\n$color-formelements-inputbutton-active-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-color: $color-base-blue-light !default;\n$color-formelements-inputbutton-error-background: $color-base-neutrals-white !default;\n$color-formelements-inputbutton-error-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-color: $color-base-neutrals-medium !default;\n$color-formelements-inputbutton-disabled-background: $color-base-neutrals-white !default;\n$color-formelements-inputbutton-disabled-border-bottom: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-border-left: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-border-right: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-border-top: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-color: $color-base-neutrals-light !default;\n$color-formelements-uploadedfile-default-background: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-border-bottom: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-border-left: $color-base-blue-dark !default;\n$color-formelements-uploadedfile-default-border-right: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-border-top: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-color: $color-base-neutrals-dark !default;\n$color-hero-card-opacity-semi-transparent: rgb(0, 0, 0) !default;\n$color-hero-card-dark-background: $color-base-blue-dark !default;\n$color-hero-card-dark-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-icon-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-iconhover-color: $color-base-blue-medium !default;\n$color-hero-card-dark-iconhover-background: $color-base-neutrals-white !default;\n$color-hero-card-dark-eyebrow-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-datecopy-color: $color-base-neutrals-white !default;\n$color-hero-card-light-background: $color-base-neutrals-white !default;\n$color-hero-card-light-color: $color-base-neutrals-dark !default;\n$color-hero-card-light-eyebrow-color: $color-base-purple-medium !default;\n$color-hero-card-light-datecopy-color: $color-base-neutrals-medium !default;\n$color-hero-card-light-link-color: $color-base-neutrals-white !default;\n$color-hero-card-light-icon-color: $color-base-neutrals-medium !default;\n$color-hero-card-light-iconhover-background: $color-base-blue-light !default;\n$color-hero-card-light-iconhover-color: $color-base-blue-medium !default;\n$color-link-background-default: rgba(0, 0, 0, 0) !default;\n$color-link-background-hover: $color-base-neutrals-white !default;\n$color-link-background-focus: $color-base-yellow !default;\n$color-link-background-active: $color-base-yellow !default;\n$color-link-background-visited: rgba(0, 0, 0, 0) !default;\n$color-link-background-dark-default: rgba(0, 0, 0, 0) !default;\n$color-link-background-dark-hover: $color-base-neutrals-white !default;\n$color-link-background-dark-focus: $color-base-yellow !default;\n$color-link-background-dark-active: $color-base-yellow !default;\n$color-link-background-dark-visited: rgba(0, 0, 0, 0) !default;\n$color-link-background-footer-default: rgba(0, 0, 0, 0) !default;\n$color-link-background-footer-hover: $color-base-neutrals-white !default;\n$color-link-background-footer-focus: $color-base-yellow !default;\n$color-link-background-footer-active: $color-base-yellow !default;\n$color-link-background-footer-visited: rgba(0, 0, 0, 0) !default;\n$color-link-text-default: $color-base-blue-dark !default;\n$color-link-text-hover: $color-base-blue-medium !default;\n$color-link-text-focus: $color-base-blue-dark !default;\n$color-link-text-active: $color-base-blue-dark !default;\n$color-link-text-visited: $color-base-purple-medium !default;\n$color-link-text-dark-default: $color-base-neutrals-lighter !default;\n$color-link-text-dark-hover: $color-base-blue-medium !default;\n$color-link-text-dark-focus: $color-base-blue-dark !default;\n$color-link-text-dark-active: $color-base-blue-dark !default;\n$color-link-text-dark-visited: $color-base-neutrals-light !default;\n$color-link-text-footer-default: $color-base-neutrals-medium !default;\n$color-link-text-footer-hover: $color-base-blue-medium !default;\n$color-link-text-footer-focus: $color-base-blue-dark !default;\n$color-link-text-footer-active: $color-base-blue-dark !default;\n$color-link-text-footer-visited: $color-base-purple-medium !default;\n$color-link-underline-default: $color-base-blue-medium !default;\n$color-link-underline-hover: $color-base-blue-medium !default;\n$color-link-underline-focus: $color-base-blue-dark !default;\n$color-link-underline-active: $color-base-blue-dark !default;\n$color-link-underline-visited: $color-base-purple-medium !default;\n$color-link-underline-dark-default: $color-base-neutrals-white !default;\n$color-link-underline-dark-hover: $color-base-blue-medium !default;\n$color-link-underline-dark-focus: $color-base-blue-dark !default;\n$color-link-underline-dark-active: $color-base-blue-dark !default;\n$color-link-underline-dark-visited: $color-base-neutrals-light !default;\n$color-link-underline-footer-default: $color-base-neutrals-medium !default;\n$color-link-underline-footer-hover: $color-base-blue-medium !default;\n$color-link-underline-footer-focus: $color-base-blue-dark !default;\n$color-link-underline-footer-active: $color-base-blue-dark !default;\n$color-link-underline-footer-visited: $color-base-purple-medium !default;\n$color-socialmedia-dark-headline-color: $color-base-neutrals-white !default;\n$color-socialmedia-dark-icon-color: $color-base-neutrals-white !default;\n$color-socialmedia-dark-iconhover-color: $color-base-blue-medium !default;\n$color-socialmedia-dark-iconhover-background: $color-base-neutrals-white !default;\n$color-socialmedia-light-headline-color: $color-base-blue-dark !default;\n$color-socialmedia-light-icon-color: $color-base-neutrals-medium !default;\n$color-socialmedia-light-iconhover-color: $color-base-blue-medium !default;\n$color-socialmedia-light-iconhover-background: $color-base-blue-light !default;\n$color-tag-background-default: $color-base-neutrals-lighter !default;\n$color-tag-background-hover: $color-base-blue-light !default;\n$color-tag-background-focus: $color-base-blue-light !default;\n$color-tag-background-active: $color-base-neutrals-lighter !default;\n$color-tag-background-visited: $color-base-neutrals-lighter !default;\n$color-tag-text-default: $color-base-neutrals-medium !default;\n$color-tag-text-hover: $color-base-blue-medium !default;\n$color-tag-text-focus: $color-base-blue-medium !default;\n$color-tag-text-active: $color-base-blue-dark !default;\n$color-tag-text-visited: $color-base-neutrals-medium !default;\n$color-tooltip-default-background: $color-base-neutrals-white !default;\n$color-tooltip-default-dropshadow: $color-base-blue-dark !default;\n$color-tooltip-default-text: $color-base-neutrals-dark !default;\n$color-tooltip-dark-background: $color-base-neutrals-dark !default;\n$color-tooltip-dark-dropshadow: $color-base-blue-dark !default;\n$color-tooltip-dark-text: $color-base-neutrals-lighter !default;\n$color-tooltip-dark-icon: $color-base-neutrals-lighter !default;\n$color-ux-background-default: $color-base-neutrals-white !default;\n$color-ux-background-disabled: $color-base-neutrals-lighter !default;\n$color-ux-background-highlight: $color-base-neutrals-lighter !default;\n$color-ux-background-hover: $color-base-blue-light !default;\n$color-ux-background-focus: $color-base-neutrals-white !default;\n$color-ux-background-active: $color-base-blue-medium !default;\n$color-ux-background-alert: $color-base-red-dark !default;\n$color-ux-background-attention: $color-base-yellow !default;\n$color-ux-borders-default: $color-base-neutrals-light !default;\n$color-ux-borders-error: $color-base-red-dark !default;\n$color-ux-borders-highlight: $color-base-purple-medium !default;\n$color-ux-borders-hover: $color-base-blue-medium !default;\n$color-ux-borders-focus: $color-base-yellow !default;\n$color-ux-borders-active: $color-base-blue-medium !default;\n$color-ux-borders-alert: $color-base-red-dark !default;\n$color-ux-borders-attention: $color-base-yellow !default;\n$color-ux-labels-actionable: $color-base-blue-dark !default;\n$color-ux-labels-darkbg: $color-base-neutrals-white !default;\n$color-ux-labels-default: $color-base-neutrals-medium !default;\n$color-ux-labels-error: $color-base-red-dark !default;\n$color-ux-labels-focus: $color-base-blue-dark !default;\n$color-ux-labels-hover: $color-base-blue-medium !default;\n$color-ux-labels-active: $color-base-blue-light !default;\n$color-ux-labels-alert: $color-base-neutrals-white !default;\n$color-ux-caption-background: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-border-left: $color-base-neutrals-light !default;\n$color-ux-caption-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-text: $color-base-neutrals-black !default;\n$color-ux-credit-background: $color-base-neutrals-dark !default;\n$color-ux-credit-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-text: $color-base-neutrals-white !default;\n$color-ux-horizontal-rule-default: $color-base-neutrals-lighter !default;\n$color-ux-notification-background: $color-base-neutrals-white !default;\n$color-ux-notification-icon: $color-base-neutrals-white !default;\n$color-ux-notification-text: $color-base-neutrals-dark !default;\n$color-ux-notification-type-error: $color-base-red-medium !default;\n$color-ux-notification-type-info: $color-base-blue-medium !default;\n$color-ux-notification-type-success: $color-base-green !default;\n$color-ux-notification-type-warning: $color-base-yellow !default;\n$color-ux-pagination-default-background: $color-base-neutrals-lighter !default;\n$color-ux-pagination-default-icon: $color-base-blue-dark !default;\n$color-ux-pagination-hover-background: $color-base-blue-light !default;\n$color-ux-pagination-hover-icon: $color-base-blue-medium !default;\n$color-ux-readmore-default-background: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-top: $color-base-neutrals-lighter !default;\n$color-ux-readmore-hover-background: $color-base-blue-light !default;\n$color-ux-readmore-hover-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-hover-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-hover-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-hover-border-top: $color-base-blue-medium !default;\n$color-ux-table-background: $color-base-blue-intermediate !default;\n$color-ux-table-content-background: $color-base-neutrals-white !default;\n$color-ux-table-cell-background: $color-base-neutrals-white !default;\n$color-ux-table-zebra-background: $color-base-neutrals-alternate !default;\n$color-ux-table-hover-background: $color-base-blue-lighter !default;\n$color-ux-table-selected-background: $color-base-blue-intermediate !default;\n$color-ux-tableofcontents-items-default-background: $color-base-neutrals-lighter !default;\n$color-ux-tableofcontents-items-default-border: $color-base-neutrals-white !default;\n$color-ux-tableofcontents-items-default-color: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-default-icon: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-hover-background: $color-base-blue-light !default;\n$color-ux-tableofcontents-items-hover-border: $color-base-blue-medium !default;\n$color-ux-tableofcontents-items-hover-color: $color-base-blue-medium !default;\n$color-ux-tableofcontents-items-hover-icon: $color-base-blue-medium !default;\n$color-ux-tableofcontents-items-active-background: $color-base-neutrals-white !default;\n$color-ux-tableofcontents-items-active-border: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-active-color: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-active-icon: $color-base-blue-dark !default;\n$color-ux-video-controls-default-background: $color-base-neutrals-dark !default;\n$color-ux-video-controls-default-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-icon: $color-base-neutrals-lighter !default;\n$color-ux-video-controls-hover-background: $color-base-blue-light !default;\n$color-ux-video-controls-hover-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-icon: $color-base-blue-medium !default;\n$fonts-display: var(--ilo-fonts-display) !default;\n$fonts-copy: var(--ilo-fonts-copy) !default;\n$layout-max-width: 1300px !default;\n$layout-padding: 20px !default;\n$opacity-disabled: 0.45 !default;\n$opacity-semi-transparent: 0.6 !default;\n$radius-button-bottom-left: 2px !default;\n$radius-button-bottom-right: 2px !default;\n$radius-button-top-left: 2px !default;\n$radius-button-top-right: 2px !default;\n$spacing-base: 8px !default;\n$spacing-root: 4px !default;\n$spacing-spacing-1: 4px !default;\n$spacing-spacing-2: 8px !default;\n$spacing-spacing-3: 12px !default;\n$spacing-spacing-4: 16px !default;\n$spacing-spacing-5: 20px !default;\n$spacing-spacing-6: 24px !default;\n$spacing-spacing-7: 28px !default;\n$spacing-spacing-8: 32px !default;\n$spacing-spacing-9: 36px !default;\n$spacing-spacing-10: 40px !default;\n$spacing-spacing-11: 44px !default;\n$spacing-spacing-12: 48px !default;\n$spacing-spacing-13: 52px !default;\n$spacing-spacing-14: 56px !default;\n$spacing-spacing-15: 60px !default;\n$spacing-spacing-16: 64px !default;\n$spacing-spacing-17: 68px !default;\n$spacing-spacing-18: 72px !default;\n$spacing-spacing-19: 76px !default;\n$spacing-spacing-20: 80px !default;\n$spacing-spacing-21: 84px !default;\n$spacing-spacing-22: 88px !default;\n$spacing-spacing-23: 92px !default;\n$spacing-spacing-24: 96px !default;\n$spacing-spacing-25: 100px !default;\n$spacing-spacing-26: 104px !default;\n$spacing-spacing-27: 108px !default;\n$spacing-spacing-28: 112px !default;\n$spacing-padding-0-5: 4px !default;\n$spacing-padding-1: 8px !default;\n$spacing-padding-1-5: 12px !default;\n$spacing-padding-2: 16px !default;\n$spacing-padding-3: 24px !default;\n$spacing-padding-4: 32px !default;\n$spacing-padding-5: 40px !default;\n$spacing-padding-6: 48px !default;\n$spacing-padding-7: 56px !default;\n$spacing-padding-8: 64px !default;\n$spacing-padding-9: 71px !default;\n$spacing-padding-10: 80px !default;\n$spacing-padding-11: 88px !default;\n$spacing-padding-12: 96px !default;\n$spacing-padding-13: 104px !default;\n$spacing-padding-14: 112px !default;\n$spacing-padding-15: 120px !default;\n$spacing-horizontal-rule: 3px !default;\n$spacing-label-padding: 3px !default;\n$spacing-ui-padding-sm: 12px !default;\n$spacing-ui-padding: 18px !default;\n$spacing-ui-padding-lg: 24px !default;\n$spacing-ui-padding-xl: 32px !default;\n$spacing-ui-padding-xxl: 40px !default;\n$spacing-boxpadding-button-small-bottom: 3px !default;\n$spacing-boxpadding-button-small-left: 13px !default;\n$spacing-boxpadding-button-small-right: 13px !default;\n$spacing-boxpadding-button-small-top: 3px !default;\n$spacing-boxpadding-button-medium-bottom: 7px !default;\n$spacing-boxpadding-button-medium-left: 18px !default;\n$spacing-boxpadding-button-medium-right: 18px !default;\n$spacing-boxpadding-button-medium-top: 7px !default;\n$spacing-boxpadding-button-large-bottom: 10px !default;\n$spacing-boxpadding-button-large-left: 22px !default;\n$spacing-boxpadding-button-large-right: 22px !default;\n$spacing-boxpadding-button-large-top: 10px !default;\n$spacing-boxpadding-button-icon-small-bottom: 5px !default;\n$spacing-boxpadding-button-icon-small-left: 34px !default;\n$spacing-boxpadding-button-icon-small-right: 34px !default;\n$spacing-boxpadding-button-icon-small-top: 5px !default;\n$spacing-boxpadding-button-icon-medium-bottom: 9px !default;\n$spacing-boxpadding-button-icon-medium-left: 42px !default;\n$spacing-boxpadding-button-icon-medium-right: 42px !default;\n$spacing-boxpadding-button-icon-medium-top: 9px !default;\n$spacing-boxpadding-button-icon-large-bottom: 10px !default;\n$spacing-boxpadding-button-icon-large-left: 46px !default;\n$spacing-boxpadding-button-icon-large-right: 46px !default;\n$spacing-boxpadding-button-icon-large-top: 10px !default;\n$spacing-boxpadding-caption-small-bottom: 0 !default;\n$spacing-boxpadding-caption-small-left: 8px !default;\n$spacing-boxpadding-caption-small-right: 0 !default;\n$spacing-boxpadding-caption-small-top: 0 !default;\n$spacing-boxpadding-caption-medium-bottom: 0 !default;\n$spacing-boxpadding-caption-medium-left: 8px !default;\n$spacing-boxpadding-caption-medium-right: 0 !default;\n$spacing-boxpadding-caption-medium-top: 0 !default;\n$spacing-boxpadding-caption-large-bottom: 0 !default;\n$spacing-boxpadding-caption-large-left: 8px !default;\n$spacing-boxpadding-caption-large-right: 0 !default;\n$spacing-boxpadding-caption-large-top: 0 !default;\n$spacing-boxpadding-credit-small-bottom: 4px !default;\n$spacing-boxpadding-credit-small-left: 12px !default;\n$spacing-boxpadding-credit-small-right: 8px !default;\n$spacing-boxpadding-credit-small-top: 4px !default;\n$spacing-boxpadding-credit-medium-bottom: 4px !default;\n$spacing-boxpadding-credit-medium-left: 12px !default;\n$spacing-boxpadding-credit-medium-right: 8px !default;\n$spacing-boxpadding-credit-medium-top: 4px !default;\n$spacing-boxpadding-credit-large-bottom: 4px !default;\n$spacing-boxpadding-credit-large-left: 12px !default;\n$spacing-boxpadding-credit-large-right: 8px !default;\n$spacing-boxpadding-credit-large-top: 4px !default;\n$spacing-formelements-input-default-height: 48px !default;\n$spacing-formelements-input-default-border-bottom: 2px !default;\n$spacing-formelements-input-default-border-left: 2px !default;\n$spacing-formelements-input-default-border-right: 2px !default;\n$spacing-formelements-input-default-border-top: 2px !default;\n$spacing-formelements-input-default-margin-bottom: 0 !default;\n$spacing-formelements-input-default-margin-left: 0 !default;\n$spacing-formelements-input-default-margin-right: 0 !default;\n$spacing-formelements-input-default-margin-top: 0 !default;\n$spacing-formelements-input-default-padding-bottom: 16px !default;\n$spacing-formelements-input-default-padding-left: 12px !default;\n$spacing-formelements-input-default-padding-right: 12px !default;\n$spacing-formelements-input-default-padding-top: 16px !default;\n$spacing-formelements-input-default-width: 100% !default;\n$spacing-formelements-input-focus-border-bottom: 2px !default;\n$spacing-formelements-input-focus-border-left: 3px !default;\n$spacing-formelements-input-focus-border-right: 2px !default;\n$spacing-formelements-input-focus-border-top: 2px !default;\n$spacing-formelements-input-hover-border-bottom: 2px !default;\n$spacing-formelements-input-hover-border-left: 3px !default;\n$spacing-formelements-input-hover-border-right: 2px !default;\n$spacing-formelements-input-hover-border-top: 2px !default;\n$spacing-formelements-input-invalid-border-bottom: 2px !default;\n$spacing-formelements-input-invalid-border-left: 3px !default;\n$spacing-formelements-input-invalid-border-right: 2px !default;\n$spacing-formelements-input-invalid-border-top: 2px !default;\n$spacing-formelements-input-error-border-bottom: 2px !default;\n$spacing-formelements-input-error-border-left: 3px !default;\n$spacing-formelements-input-error-border-right: 2px !default;\n$spacing-formelements-input-error-border-top: 2px !default;\n$spacing-formelements-toggle-base-height: 24px !default;\n$spacing-formelements-toggle-base-width: 46px !default;\n$spacing-formelements-inputbutton-default-height: 48px !default;\n$spacing-formelements-inputbutton-default-border-bottom: 2px !default;\n$spacing-formelements-inputbutton-default-border-left: 0 !default;\n$spacing-formelements-inputbutton-default-border-right: 2px !default;\n$spacing-formelements-inputbutton-default-border-top: 2px !default;\n$spacing-formelements-inputbutton-default-borderrtl-bottom: 2px !default;\n$spacing-formelements-inputbutton-default-borderrtl-left: 2px !default;\n$spacing-formelements-inputbutton-default-borderrtl-right: 0 !default;\n$spacing-formelements-inputbutton-default-borderrtl-top: 2px !default;\n$spacing-formelements-inputbutton-default-margin-bottom: 0 !default;\n$spacing-formelements-inputbutton-default-margin-left: 0 !default;\n$spacing-formelements-inputbutton-default-margin-right: 0 !default;\n$spacing-formelements-inputbutton-default-margin-top: 0 !default;\n$spacing-formelements-inputbutton-default-padding-bottom: 16px !default;\n$spacing-formelements-inputbutton-default-padding-left: 12px !default;\n$spacing-formelements-inputbutton-default-padding-right: 12px !default;\n$spacing-formelements-inputbutton-default-padding-top: 16px !default;\n$spacing-formelements-inputbutton-default-width: 48px !default;\n$spacing-formelements-uploadedfile-default-height: 48px !default;\n$spacing-formelements-uploadedfile-default-border-bottom: 2px !default;\n$spacing-formelements-uploadedfile-default-border-left: 3px !default;\n$spacing-formelements-uploadedfile-default-border-right: 2px !default;\n$spacing-formelements-uploadedfile-default-border-top: 2px !default;\n$spacing-formelements-uploadedfile-default-margin-bottom: 0 !default;\n$spacing-formelements-uploadedfile-default-margin-left: 0 !default;\n$spacing-formelements-uploadedfile-default-margin-right: 0 !default;\n$spacing-formelements-uploadedfile-default-margin-top: 24px !default;\n$spacing-formelements-uploadedfile-default-padding-bottom: 16px !default;\n$spacing-formelements-uploadedfile-default-padding-left: 11px !default;\n$spacing-formelements-uploadedfile-default-padding-right: 12px !default;\n$spacing-formelements-uploadedfile-default-padding-top: 13px !default;\n$spacing-formelements-uploadedfile-default-width: 100% !default;\n$spacing-hero-tooltip-width: 30px !default;\n$spacing-hero-tooltip-height: 27px !default;\n$spacing-hero-image-min-height: 216px !default;\n$spacing-hero-card-padding-y-sm: $spacing-padding-5 !default;\n$spacing-hero-card-padding-y-lg: $spacing-padding-7 !default;\n$spacing-hero-card-padding-x-sm: $spacing-padding-2 !default;\n$spacing-hero-card-padding-x-lg: $spacing-padding-9 !default;\n$spacing-hero-card-corner-cut-width-sm: 72px !default;\n$spacing-hero-card-corner-cut-width-lg: 116px !default;\n$spacing-hero-card-corner-cut-height-sm: 40px !default;\n$spacing-hero-card-corner-cut-height-lg: 64px !default;\n$spacing-icons-icon-height-sm: 14px !default;\n$spacing-icons-icon-height-m: 15px !default;\n$spacing-icons-icon-height-lg: 16px !default;\n$spacing-icons-icon-padding-sm: 15px !default;\n$spacing-icons-icon-padding-m: 19px !default;\n$spacing-icons-icon-padding-lg: 22px !default;\n$spacing-tooltip-tooltip-arrow-height: 12px !default;\n$spacing-tooltip-tooltip-arrow-width: 7px !default;\n$spacing-ux-caption-border-bottom: 0 !default;\n$spacing-ux-caption-border-left: 3px !default;\n$spacing-ux-caption-border-right: 0 !default;\n$spacing-ux-caption-border-top: 0 !default;\n$spacing-ux-caption-height: auto !default;\n$spacing-ux-caption-width: auto !default;\n$spacing-ux-credit-border-bottom: 0 !default;\n$spacing-ux-credit-border-left: 0 !default;\n$spacing-ux-credit-border-right: 0 !default;\n$spacing-ux-credit-border-top: 0 !default;\n$spacing-ux-credit-height: 24px !default;\n$spacing-ux-credit-width: auto !default;\n$spacing-ux-pagination-padding-bottom: 0 !default;\n$spacing-ux-pagination-padding-left: 8px !default;\n$spacing-ux-pagination-padding-right: 8px !default;\n$spacing-ux-pagination-padding-top: 40px !default;\n$spacing-ux-pagination-width: 40px !default;\n$spacing-ux-readmore-default-height: 56px !default;\n$spacing-ux-readmore-default-border-bottom: 0 !default;\n$spacing-ux-readmore-default-border-left: 0 !default;\n$spacing-ux-readmore-default-border-right: 0 !default;\n$spacing-ux-readmore-default-border-top: 2px !default;\n$spacing-ux-readmore-default-margin-bottom: 0 !default;\n$spacing-ux-readmore-default-margin-left: 0 !default;\n$spacing-ux-readmore-default-margin-right: 0 !default;\n$spacing-ux-readmore-default-margin-top: 32px !default;\n$spacing-ux-readmore-default-padding-bottom: 16px !default;\n$spacing-ux-readmore-default-padding-left: 2px !default;\n$spacing-ux-readmore-default-padding-right: 30px !default;\n$spacing-ux-readmore-default-padding-top: 16px !default;\n$spacing-ux-readmore-default-width: auto !default;\n$spacing-ux-readmore-hover-height: 56px !default;\n$spacing-ux-readmore-hover-border-bottom: 0 !default;\n$spacing-ux-readmore-hover-border-left: 0 !default;\n$spacing-ux-readmore-hover-border-right: 0 !default;\n$spacing-ux-readmore-hover-border-top: 2px !default;\n$spacing-ux-readmore-hover-margin-bottom: 0 !default;\n$spacing-ux-readmore-hover-margin-left: 0 !default;\n$spacing-ux-readmore-hover-margin-right: 0 !default;\n$spacing-ux-readmore-hover-margin-top: 32px !default;\n$spacing-ux-readmore-hover-padding-bottom: 16px !default;\n$spacing-ux-readmore-hover-padding-left: 2px !default;\n$spacing-ux-readmore-hover-padding-right: 2px !default;\n$spacing-ux-readmore-hover-padding-top: 16px !default;\n$spacing-ux-readmore-hover-width: 120px !default;\n$spacing-ux-video-controls-height: 40px !default;\n$spacing-ux-video-controls-border-bottom: 0 !default;\n$spacing-ux-video-controls-border-left: 0 !default;\n$spacing-ux-video-controls-border-right: 0 !default;\n$spacing-ux-video-controls-border-top: 0 !default;\n$spacing-ux-video-controls-margin-bottom: 0 !default;\n$spacing-ux-video-controls-margin-left: 0 !default;\n$spacing-ux-video-controls-margin-right: 0 !default;\n$spacing-ux-video-controls-margin-top: 0 !default;\n$spacing-ux-video-controls-padding-bottom: 0 !default;\n$spacing-ux-video-controls-padding-left: 0 !default;\n$spacing-ux-video-controls-padding-right: 0 !default;\n$spacing-ux-video-controls-padding-top: 0 !default;\n$spacing-ux-video-controls-width: 100% !default;\n$spacing-ux-video-buttonicon-height: 24px !default;\n$spacing-ux-video-buttonicon-border-bottom: 0 !default;\n$spacing-ux-video-buttonicon-border-left: 0 !default;\n$spacing-ux-video-buttonicon-border-right: 0 !default;\n$spacing-ux-video-buttonicon-border-top: 0 !default;\n$spacing-ux-video-buttonicon-margin-bottom: 0 !default;\n$spacing-ux-video-buttonicon-margin-left: 0 !default;\n$spacing-ux-video-buttonicon-margin-right: 0 !default;\n$spacing-ux-video-buttonicon-margin-top: 0 !default;\n$spacing-ux-video-buttonicon-padding-bottom: 0 !default;\n$spacing-ux-video-buttonicon-padding-left: 0 !default;\n$spacing-ux-video-buttonicon-padding-right: 0 !default;\n$spacing-ux-video-buttonicon-padding-top: 0 !default;\n$spacing-ux-video-buttonicon-width: 24px !default;\n$spacing-ux-video-bigplaybutton-height: 48px !default;\n$spacing-ux-video-bigplaybutton-border-bottom: 0 !default;\n$spacing-ux-video-bigplaybutton-border-left: 0 !default;\n$spacing-ux-video-bigplaybutton-border-right: 0 !default;\n$spacing-ux-video-bigplaybutton-border-top: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-bottom: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-left: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-right: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-top: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-bottom: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-left: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-right: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-top: 0 !default;\n$spacing-ux-video-bigplaybutton-width: 48px !default;\n$spacing-ux-table-padding-bottom: 80px !default;\n$spacing-ux-table-padding-left: 80px !default;\n$spacing-ux-table-padding-right: 80px !default;\n$spacing-ux-table-padding-top: 80px !default;\n$spacing-ux-table-content-padding-bottom: 18px !default;\n$spacing-ux-table-content-padding-left: 8px !default;\n$spacing-ux-table-content-padding-right: 8px !default;\n$spacing-ux-table-content-padding-top: 19px !default;\n$spacing-ux-table-head-padding-bottom: 18px !default;\n$spacing-ux-table-head-padding-left: 6px !default;\n$spacing-ux-table-head-padding-right: 36px !default;\n$spacing-ux-table-head-padding-top: 18px !default;\n$spacing-ux-table-cell-padding-bottom: 22px !default;\n$spacing-ux-table-cell-padding-left: 11px !default;\n$spacing-ux-table-cell-padding-right: 11px !default;\n$spacing-ux-table-cell-padding-top: 22px !default;\n$spacing-ux-table-smallhead-padding-bottom: 10px !default;\n$spacing-ux-table-smallhead-padding-left: 7px !default;\n$spacing-ux-table-smallhead-padding-right: 36px !default;\n$spacing-ux-table-smallhead-padding-top: 10px !default;\n$spacing-ux-table-smallcell-padding-bottom: 13px !default;\n$spacing-ux-table-smallcell-padding-left: 11px !default;\n$spacing-ux-table-smallcell-padding-right: 11px !default;\n$spacing-ux-table-smallcell-padding-top: 13px !default;\n$spacing-ux-tableofcontents-border-bottom: 0 !default;\n$spacing-ux-tableofcontents-border-left: 0 !default;\n$spacing-ux-tableofcontents-border-right: 0 !default;\n$spacing-ux-tableofcontents-border-top: 0 !default;\n$spacing-ux-tableofcontents-borderradius: 4px !default;\n$spacing-ux-tableofcontents-margin-bottom: 0 !default;\n$spacing-ux-tableofcontents-margin-left: 0 !default;\n$spacing-ux-tableofcontents-margin-right: 0 !default;\n$spacing-ux-tableofcontents-margin-top: 0 !default;\n$spacing-ux-tableofcontents-padding-bottom: 0 !default;\n$spacing-ux-tableofcontents-padding-left: 8px !default;\n$spacing-ux-tableofcontents-padding-right: 8px !default;\n$spacing-ux-tableofcontents-padding-top: 0 !default;\n$spacing-ux-tableofcontents-items-border-bottom: 2px !default;\n$spacing-ux-tableofcontents-items-border-left: 0 !default;\n$spacing-ux-tableofcontents-items-border-right: 0 !default;\n$spacing-ux-tableofcontents-items-border-top: 0 !default;\n$spacing-ux-tableofcontents-items-margin-bottom: 0 !default;\n$spacing-ux-tableofcontents-items-margin-left: 0 !default;\n$spacing-ux-tableofcontents-items-margin-right: 0 !default;\n$spacing-ux-tableofcontents-items-margin-top: 0 !default;\n$spacing-ux-tableofcontents-items-padding-bottom: 18px !default;\n$spacing-ux-tableofcontents-items-padding-left: 10px !default;\n$spacing-ux-tableofcontents-items-padding-right: 10px !default;\n$spacing-ux-tableofcontents-items-padding-top: 18px !default;\n$themeprefix: ilo !default;\n$type-descenders-display: 0.37 !default;\n$type-descenders-copy: 0.20 !default;\n$type-base-size: 18.66px !default;\n$type-base-letter-spacing: normal !default;\n$type-base-line-height: 27.24px !default;\n$type-body-eyebrow-size: 14.93px !default;\n$type-body-eyebrow-letter-spacing: normal !default;\n$type-body-eyebrow-line-height: 19.71px !default;\n$type-body-small-size: 16px !default;\n$type-body-small-letter-spacing: normal !default;\n$type-body-small-line-height: 23.36px !default;\n$type-body-large-size: 23.32px !default;\n$type-body-large-letter-spacing: normal !default;\n$type-body-large-line-height: 34.05px !default;\n$type-body-xs-size: 14.93px !default;\n$type-body-xs-letter-spacing: normal !default;\n$type-body-xs-line-height: 20.3px !default;\n$type-body-xxs-size: 11.94px !default;\n$type-body-xxs-letter-spacing: normal !default;\n$type-body-xxs-line-height: 16.24px !default;\n$type-body-xxxs-size: 9.55px !default;\n$type-body-xxxs-letter-spacing: normal !default;\n$type-body-xxxs-line-height: 14.33px !default;\n$type-button-small-size: 14.93px !default;\n$type-button-small-letter-spacing: -0.02em !default;\n$type-button-small-line-height: 120% !default;\n$type-button-medium-size: 16px !default;\n$type-button-medium-letter-spacing: -0.02em !default;\n$type-button-medium-line-height: 120% !default;\n$type-button-large-size: 18.66px !default;\n$type-button-large-letter-spacing: -0.02em !default;\n$type-button-large-line-height: 120% !default;\n$type-headline-1-size: 56.95px !default;\n$type-headline-1-letter-spacing: -0.035em !default;\n$type-headline-1-line-height: 65.49px !default;\n$type-headline-2-size: 45.56px !default;\n$type-headline-2-letter-spacing: -0.035em !default;\n$type-headline-2-line-height: 52.39px !default;\n$type-headline-3-size: 36.45px !default;\n$type-headline-3-letter-spacing: -0.035em !default;\n$type-headline-3-line-height: 43.74px !default;\n$type-headline-4-size: 29.16px !default;\n$type-headline-4-letter-spacing: -0.035em !default;\n$type-headline-4-line-height: 36.45px !default;\n$type-headline-5-size: 23.32px !default;\n$type-headline-5-letter-spacing: -0.035em !default;\n$type-headline-5-line-height: 29.15px !default;\n$type-headline-6-size: 18.66px !default;\n$type-headline-6-letter-spacing: -0.035em !default;\n$type-headline-6-line-height: 24.26px !default;\n$type-rich-text-heading-1-size: 44px !default;\n$type-rich-text-heading-1-letter-spacing: -0.035em !default;\n$type-rich-text-heading-1-line-height: 50.6px !default;\n$type-rich-text-heading-1-md-size: 36px !default;\n$type-rich-text-heading-1-md-letter-spacing: -0.035em !default;\n$type-rich-text-heading-1-md-line-height: 43.2px !default;\n$type-rich-text-heading-2-size: 36px !default;\n$type-rich-text-heading-2-letter-spacing: -0.035em !default;\n$type-rich-text-heading-2-line-height: 43.2px !default;\n$type-rich-text-heading-2-md-size: 28px !default;\n$type-rich-text-heading-2-md-letter-spacing: -0.035em !default;\n$type-rich-text-heading-2-md-line-height: 35px !default;\n$type-rich-text-heading-3-size: 28px !default;\n$type-rich-text-heading-3-letter-spacing: -0.035em !default;\n$type-rich-text-heading-3-line-height: 35px !default;\n$type-rich-text-heading-3-md-size: 24px !default;\n$type-rich-text-heading-3-md-letter-spacing: -0.035em !default;\n$type-rich-text-heading-3-md-line-height: 30px !default;\n$type-rich-text-heading-4-size: 24px !default;\n$type-rich-text-heading-4-letter-spacing: -0.035em !default;\n$type-rich-text-heading-4-line-height: 30px !default;\n$type-rich-text-heading-4-md-size: 18px !default;\n$type-rich-text-heading-4-md-letter-spacing: -0.02em !default;\n$type-rich-text-heading-4-md-line-height: 23.4px !default;\n$type-rich-text-heading-5-size: 18px !default;\n$type-rich-text-heading-5-letter-spacing: -0.02em !default;\n$type-rich-text-heading-5-line-height: 23.4px !default;\n$type-rich-text-heading-5-md-size: 16px !default;\n$type-rich-text-heading-5-md-letter-spacing: -0.02em !default;\n$type-rich-text-heading-5-md-line-height: 21.6px !default;\n$type-language-switcher-size: 11.94px !default;\n$type-language-switcher-letter-spacing: -0.02em !default;\n$type-language-switcher-line-height: 16.12px !default;\n$type-label-small-size: 14.93px !default;\n$type-label-small-letter-spacing: -0.02em !default;\n$type-label-small-line-height: 20.16px !default;\n$type-label-medium-size: 16px !default;\n$type-label-medium-letter-spacing: -0.02em !default;\n$type-label-medium-line-height: 21.6px !default;\n$type-label-large-size: 18.66px !default;\n$type-label-large-letter-spacing: -0.02em !default;\n$type-label-large-line-height: 24.26px !default;\n$type-legend-size: 23.32px !default;\n$type-legend-letter-spacing: -3.5% !default;\n$type-legend-line-height: 29.15px !default;\n$type-nav-md-size: 16px !default;\n$type-nav-md-letter-spacing: -0.02em !default;\n$type-nav-md-line-height: 21.6px !default;\n$type-nav-md-sm-size: 14.93px !default;\n$type-nav-md-sm-letter-spacing: -0.02em !default;\n$type-nav-md-sm-line-height: 20.16px !default;\n$type-nav-bold-b-sm-size: 14.93px !default;\n$type-nav-bold-b-sm-letter-spacing: -0.02em !default;\n$type-nav-bold-b-sm-line-height: 20.16px !default;\n$type-nav-bold-b-size: 16px !default;\n$type-nav-bold-b-letter-spacing: -0.02em !default;\n$type-nav-bold-b-line-height: 21.6px !default;\n$type-pull-quote-sm-size: 29.16px !default;\n$type-pull-quote-sm-letter-spacing: -0.035em !default;\n$type-pull-quote-sm-line-height: 36.45px !default;\n$type-pull-quote-lg-size: 36.45px !default;\n$type-pull-quote-lg-letter-spacing: -0.035em !default;\n$type-pull-quote-lg-line-height: 43.74px !default;\n$type-pull-quote-cite-size: 14.93px !default;\n$type-pull-quote-cite-letter-spacing: -0.02em !default;\n$type-pull-quote-cite-line-height: 20.16px !default;\n$type-image-caption-size: 14.93px !default;\n$type-image-caption-letter-spacing: -0.02em !default;\n$type-image-caption-line-height: 20.16px !default;\n$type-image-credit-size: 11.94px !default;\n$type-image-credit-letter-spacing: -0.02em !default;\n$type-image-credit-line-height: 16.24px !default;\n$type-tagline-size: 11.9px !default;\n$type-tagline-letter-spacing: -0.02em !default;\n$type-tagline-line-height: 19.4px !default;\n$type-weights-section: 500 !default;\n$type-weights-label: 700 !default;\n$widths-border-xsm: 1px !default;\n$widths-border-sm: 1.5px !default;\n$widths-border-med-sm: 2.5px !default;\n$widths-border-med: 3px !default;\n$widths-border-lg: 4px !default;\n$widths-tags-max-width: 190px !default;\n\n/**\n* MAPS:\n*/\n\n// BORDERS MAP:\n\n$borders: (\n  'small': $borders-small,\n  'base': $borders-base,\n  'thick': $borders-thick\n);\n\n// BRAND MAP:\n\n$brand: (\n  'ilo-blue': $brand-ilo-blue,\n  'ilo-red': $brand-ilo-red,\n  'ilo-dark-blue': $brand-ilo-dark-blue,\n  'ilo-yellow': $brand-ilo-yellow,\n  'ilo-green': $brand-ilo-green,\n  'ilo-purple': $brand-ilo-purple,\n  'ilo-purple-light': $brand-ilo-purple-light,\n  'ilo-turquoise': $brand-ilo-turquoise,\n  'ilo-dark-red': $brand-ilo-dark-red,\n  'ilo-light-blue': $brand-ilo-light-blue,\n  'ilo-grey-light-alternate': $brand-ilo-grey-light-alternate,\n  'ilo-grey-light': $brand-ilo-grey-light,\n  'ilo-grey-ui': $brand-ilo-grey-ui,\n  'ilo-grey-accessible': $brand-ilo-grey-accessible,\n  'ilo-black': $brand-ilo-black,\n  'ilo-white': $brand-ilo-white,\n  'ilo-ramp-blue': $brand-ilo-ramp-blue,\n  'ilo-ramp-red': $brand-ilo-ramp-red,\n  'ilo-ramp-green': $brand-ilo-ramp-green,\n  'ilo-ramp-yellow': $brand-ilo-ramp-yellow\n);\n\n// BREAKPOINTS MAP:\n\n$breakpoints: (\n  'x-small': $breakpoints-x-small,\n  'small': $breakpoints-small,\n  'medium': $breakpoints-medium,\n  'large': $breakpoints-large,\n  'x-large': $breakpoints-x-large,\n  'xx-large': $breakpoints-xx-large\n);\n\n// COLOR MAP:\n\n$color: (\n  'base': (\n    'blue': (\n      'lighter': $color-base-blue-lighter,\n      'light': $color-base-blue-light,\n      'intermediate': $color-base-blue-intermediate,\n      'medium': $color-base-blue-medium,\n      'dark': $color-base-blue-dark\n    ),\n    'green': $color-base-green,\n    'neutrals': (\n      'white': $color-base-neutrals-white,\n      'alternate': $color-base-neutrals-alternate,\n      'lighter': $color-base-neutrals-lighter,\n      'light': $color-base-neutrals-light,\n      'medium': $color-base-neutrals-medium,\n      'dark': $color-base-neutrals-dark,\n      'black': $color-base-neutrals-black\n    ),\n    'purple': (\n      'light': $color-base-purple-light,\n      'medium': $color-base-purple-medium\n    ),\n    'red': (\n      'light': $color-base-red-light,\n      'medium': $color-base-red-medium,\n      'dark': $color-base-red-dark\n    ),\n    'turquoise': $color-base-turquoise,\n    'yellow': $color-base-yellow\n  ),\n  'ramp': (\n    'blue': $color-ramp-blue,\n    'green': $color-ramp-green,\n    'red': $color-ramp-red,\n    'yellow': $color-ramp-yellow\n  ),\n  'font': (\n    'base': $color-font-base,\n    'blockquote': $color-font-blockquote,\n    'cite': $color-font-cite,\n    'caption': $color-font-caption\n  ),\n  'formelements': (\n    'input': (\n      'default': (\n        'background': $color-formelements-input-default-background,\n        'border': (\n          'bottom': $color-formelements-input-default-border-bottom,\n          'left': $color-formelements-input-default-border-left,\n          'right': $color-formelements-input-default-border-right,\n          'top': $color-formelements-input-default-border-top\n        ),\n        'color': $color-formelements-input-default-color\n      ),\n      'hover': (\n        'background': $color-formelements-input-hover-background,\n        'border': (\n          'bottom': $color-formelements-input-hover-border-bottom,\n          'left': $color-formelements-input-hover-border-left,\n          'right': $color-formelements-input-hover-border-right,\n          'top': $color-formelements-input-hover-border-top\n        ),\n        'color': $color-formelements-input-hover-color\n      ),\n      'focus': (\n        'background': $color-formelements-input-focus-background,\n        'border': (\n          'bottom': $color-formelements-input-focus-border-bottom,\n          'left': $color-formelements-input-focus-border-left,\n          'right': $color-formelements-input-focus-border-right,\n          'top': $color-formelements-input-focus-border-top\n        ),\n        'color': $color-formelements-input-focus-color\n      ),\n      'error': (\n        'background': $color-formelements-input-error-background,\n        'border': (\n          'bottom': $color-formelements-input-error-border-bottom,\n          'left': $color-formelements-input-error-border-left,\n          'right': $color-formelements-input-error-border-right,\n          'top': $color-formelements-input-error-border-top\n        ),\n        'color': $color-formelements-input-error-color\n      ),\n      'disabled': (\n        'background': $color-formelements-input-disabled-background,\n        'border': (\n          'bottom': $color-formelements-input-disabled-border-bottom,\n          'left': $color-formelements-input-disabled-border-left,\n          'right': $color-formelements-input-disabled-border-right,\n          'top': $color-formelements-input-disabled-border-top\n        ),\n        'color': $color-formelements-input-disabled-color\n      )\n    ),\n    'toggle': (\n      'unchecked': (\n        'background': $color-formelements-toggle-unchecked-background,\n        'border': $color-formelements-toggle-unchecked-border,\n        'slider': (\n          'color': $color-formelements-toggle-unchecked-slider-color\n        ),\n        'label': (\n          'color': $color-formelements-toggle-unchecked-label-color\n        ),\n        'helperText': (\n          'color': $color-formelements-toggle-unchecked-helper-text-color\n        )\n      ),\n      'checked': (\n        'background': $color-formelements-toggle-checked-background,\n        'border': $color-formelements-toggle-checked-border,\n        'slider': (\n          'color': $color-formelements-toggle-checked-slider-color\n        )\n      ),\n      'active': (\n        'border': $color-formelements-toggle-active-border,\n        'slider': (\n          'color': $color-formelements-toggle-active-slider-color\n        )\n      ),\n      'error': (\n        'background': $color-formelements-toggle-error-background,\n        'border': $color-formelements-toggle-error-border,\n        'slider': (\n          'color': $color-formelements-toggle-error-slider-color\n        )\n      )\n    ),\n    'inputbutton': (\n      'default': (\n        'background': $color-formelements-inputbutton-default-background,\n        'border': (\n          'bottom': $color-formelements-inputbutton-default-border-bottom,\n          'left': $color-formelements-inputbutton-default-border-left,\n          'right': $color-formelements-inputbutton-default-border-right,\n          'top': $color-formelements-inputbutton-default-border-top\n        ),\n        'color': $color-formelements-inputbutton-default-color\n      ),\n      'hover': (\n        'background': $color-formelements-inputbutton-hover-background,\n        'border': (\n          'bottom': $color-formelements-inputbutton-hover-border-bottom,\n          'left': $color-formelements-inputbutton-hover-border-left,\n          'right': $color-formelements-inputbutton-hover-border-right,\n          'top': $color-formelements-inputbutton-hover-border-top\n        ),\n        'color': $color-formelements-inputbutton-hover-color\n      ),\n      'focus': (\n        'background': $color-formelements-inputbutton-focus-background,\n        'border': (\n          'bottom': $color-formelements-inputbutton-focus-border-bottom,\n          'left': $color-formelements-inputbutton-focus-border-left,\n          'right': $color-formelements-inputbutton-focus-border-right,\n          'top': $color-formelements-inputbutton-focus-border-top\n        ),\n        'color': $color-formelements-inputbutton-focus-color\n      ),\n      'active': (\n        'background': $color-formelements-inputbutton-active-background,\n        'border': (\n          'bottom': $color-formelements-inputbutton-active-border-bottom,\n          'left': $color-formelements-inputbutton-active-border-left,\n          'right': $color-formelements-inputbutton-active-border-right,\n          'top': $color-formelements-inputbutton-active-border-top\n        ),\n        'color': $color-formelements-inputbutton-active-color\n      ),\n      'error': (\n        'background': $color-formelements-inputbutton-error-background,\n        'border': (\n          'bottom': $color-formelements-inputbutton-error-border-bottom,\n          'left': $color-formelements-inputbutton-error-border-left,\n          'right': $color-formelements-inputbutton-error-border-right,\n          'top': $color-formelements-inputbutton-error-border-top\n        ),\n        'color': $color-formelements-inputbutton-error-color\n      ),\n      'disabled': (\n        'background': $color-formelements-inputbutton-disabled-background,\n        'border': (\n          'bottom': $color-formelements-inputbutton-disabled-border-bottom,\n          'left': $color-formelements-inputbutton-disabled-border-left,\n          'right': $color-formelements-inputbutton-disabled-border-right,\n          'top': $color-formelements-inputbutton-disabled-border-top\n        ),\n        'color': $color-formelements-inputbutton-disabled-color\n      )\n    ),\n    'uploadedfile': (\n      'default': (\n        'background': $color-formelements-uploadedfile-default-background,\n        'border': (\n          'bottom': $color-formelements-uploadedfile-default-border-bottom,\n          'left': $color-formelements-uploadedfile-default-border-left,\n          'right': $color-formelements-uploadedfile-default-border-right,\n          'top': $color-formelements-uploadedfile-default-border-top\n        ),\n        'color': $color-formelements-uploadedfile-default-color\n      )\n    )\n  ),\n  'hero': (\n    'card': (\n      'opacity': (\n        'semi-transparent': $color-hero-card-opacity-semi-transparent\n      ),\n      'dark': (\n        'background': $color-hero-card-dark-background,\n        'color': $color-hero-card-dark-color,\n        'icon': (\n          'color': $color-hero-card-dark-icon-color\n        ),\n        'iconhover': (\n          'color': $color-hero-card-dark-iconhover-color,\n          'background': $color-hero-card-dark-iconhover-background\n        ),\n        'eyebrow': (\n          'color': $color-hero-card-dark-eyebrow-color\n        ),\n        'datecopy': (\n          'color': $color-hero-card-dark-datecopy-color\n        )\n      ),\n      'light': (\n        'background': $color-hero-card-light-background,\n        'color': $color-hero-card-light-color,\n        'eyebrow': (\n          'color': $color-hero-card-light-eyebrow-color\n        ),\n        'datecopy': (\n          'color': $color-hero-card-light-datecopy-color\n        ),\n        'link': (\n          'color': $color-hero-card-light-link-color\n        ),\n        'icon': (\n          'color': $color-hero-card-light-icon-color\n        ),\n        'iconhover': (\n          'background': $color-hero-card-light-iconhover-background,\n          'color': $color-hero-card-light-iconhover-color\n        )\n      )\n    )\n  ),\n  'link': (\n    'background': (\n      'default': $color-link-background-default,\n      'hover': $color-link-background-hover,\n      'focus': $color-link-background-focus,\n      'active': $color-link-background-active,\n      'visited': $color-link-background-visited\n    ),\n    'background-dark': (\n      'default': $color-link-background-dark-default,\n      'hover': $color-link-background-dark-hover,\n      'focus': $color-link-background-dark-focus,\n      'active': $color-link-background-dark-active,\n      'visited': $color-link-background-dark-visited\n    ),\n    'background-footer': (\n      'default': $color-link-background-footer-default,\n      'hover': $color-link-background-footer-hover,\n      'focus': $color-link-background-footer-focus,\n      'active': $color-link-background-footer-active,\n      'visited': $color-link-background-footer-visited\n    ),\n    'text': (\n      'default': $color-link-text-default,\n      'hover': $color-link-text-hover,\n      'focus': $color-link-text-focus,\n      'active': $color-link-text-active,\n      'visited': $color-link-text-visited\n    ),\n    'text-dark': (\n      'default': $color-link-text-dark-default,\n      'hover': $color-link-text-dark-hover,\n      'focus': $color-link-text-dark-focus,\n      'active': $color-link-text-dark-active,\n      'visited': $color-link-text-dark-visited\n    ),\n    'text-footer': (\n      'default': $color-link-text-footer-default,\n      'hover': $color-link-text-footer-hover,\n      'focus': $color-link-text-footer-focus,\n      'active': $color-link-text-footer-active,\n      'visited': $color-link-text-footer-visited\n    ),\n    'underline': (\n      'default': $color-link-underline-default,\n      'hover': $color-link-underline-hover,\n      'focus': $color-link-underline-focus,\n      'active': $color-link-underline-active,\n      'visited': $color-link-underline-visited\n    ),\n    'underline-dark': (\n      'default': $color-link-underline-dark-default,\n      'hover': $color-link-underline-dark-hover,\n      'focus': $color-link-underline-dark-focus,\n      'active': $color-link-underline-dark-active,\n      'visited': $color-link-underline-dark-visited\n    ),\n    'underline-footer': (\n      'default': $color-link-underline-footer-default,\n      'hover': $color-link-underline-footer-hover,\n      'focus': $color-link-underline-footer-focus,\n      'active': $color-link-underline-footer-active,\n      'visited': $color-link-underline-footer-visited\n    )\n  ),\n  'socialmedia': (\n    'dark': (\n      'headline': (\n        'color': $color-socialmedia-dark-headline-color\n      ),\n      'icon': (\n        'color': $color-socialmedia-dark-icon-color\n      ),\n      'iconhover': (\n        'color': $color-socialmedia-dark-iconhover-color,\n        'background': $color-socialmedia-dark-iconhover-background\n      )\n    ),\n    'light': (\n      'headline': (\n        'color': $color-socialmedia-light-headline-color\n      ),\n      'icon': (\n        'color': $color-socialmedia-light-icon-color\n      ),\n      'iconhover': (\n        'color': $color-socialmedia-light-iconhover-color,\n        'background': $color-socialmedia-light-iconhover-background\n      )\n    )\n  ),\n  'tag': (\n    'background': (\n      'default': $color-tag-background-default,\n      'hover': $color-tag-background-hover,\n      'focus': $color-tag-background-focus,\n      'active': $color-tag-background-active,\n      'visited': $color-tag-background-visited\n    ),\n    'text': (\n      'default': $color-tag-text-default,\n      'hover': $color-tag-text-hover,\n      'focus': $color-tag-text-focus,\n      'active': $color-tag-text-active,\n      'visited': $color-tag-text-visited\n    )\n  ),\n  'tooltip': (\n    'default': (\n      'background': $color-tooltip-default-background,\n      'dropshadow': $color-tooltip-default-dropshadow,\n      'text': $color-tooltip-default-text\n    ),\n    'dark': (\n      'background': $color-tooltip-dark-background,\n      'dropshadow': $color-tooltip-dark-dropshadow,\n      'text': $color-tooltip-dark-text,\n      'icon': $color-tooltip-dark-icon\n    )\n  ),\n  'ux': (\n    'background': (\n      'default': $color-ux-background-default,\n      'disabled': $color-ux-background-disabled,\n      'highlight': $color-ux-background-highlight,\n      'hover': $color-ux-background-hover,\n      'focus': $color-ux-background-focus,\n      'active': $color-ux-background-active,\n      'alert': $color-ux-background-alert,\n      'attention': $color-ux-background-attention\n    ),\n    'borders': (\n      'default': $color-ux-borders-default,\n      'error': $color-ux-borders-error,\n      'highlight': $color-ux-borders-highlight,\n      'hover': $color-ux-borders-hover,\n      'focus': $color-ux-borders-focus,\n      'active': $color-ux-borders-active,\n      'alert': $color-ux-borders-alert,\n      'attention': $color-ux-borders-attention\n    ),\n    'labels': (\n      'actionable': $color-ux-labels-actionable,\n      'darkbg': $color-ux-labels-darkbg,\n      'default': $color-ux-labels-default,\n      'error': $color-ux-labels-error,\n      'focus': $color-ux-labels-focus,\n      'hover': $color-ux-labels-hover,\n      'active': $color-ux-labels-active,\n      'alert': $color-ux-labels-alert\n    ),\n    'caption': (\n      'background': $color-ux-caption-background,\n      'border': (\n        'bottom': $color-ux-caption-border-bottom,\n        'left': $color-ux-caption-border-left,\n        'right': $color-ux-caption-border-right,\n        'top': $color-ux-caption-border-top\n      ),\n      'text': $color-ux-caption-text\n    ),\n    'credit': (\n      'background': $color-ux-credit-background,\n      'border': (\n        'bottom': $color-ux-credit-border-bottom,\n        'left': $color-ux-credit-border-left,\n        'right': $color-ux-credit-border-right,\n        'top': $color-ux-credit-border-top\n      ),\n      'text': $color-ux-credit-text\n    ),\n    'horizontal-rule': (\n      'default': $color-ux-horizontal-rule-default\n    ),\n    'notification': (\n      'background': $color-ux-notification-background,\n      'icon': $color-ux-notification-icon,\n      'text': $color-ux-notification-text,\n      'type': (\n        'error': $color-ux-notification-type-error,\n        'info': $color-ux-notification-type-info,\n        'success': $color-ux-notification-type-success,\n        'warning': $color-ux-notification-type-warning\n      )\n    ),\n    'pagination': (\n      'default': (\n        'background': $color-ux-pagination-default-background,\n        'icon': $color-ux-pagination-default-icon\n      ),\n      'hover': (\n        'background': $color-ux-pagination-hover-background,\n        'icon': $color-ux-pagination-hover-icon\n      )\n    ),\n    'readmore': (\n      'default': (\n        'background': $color-ux-readmore-default-background,\n        'border': (\n          'bottom': $color-ux-readmore-default-border-bottom,\n          'left': $color-ux-readmore-default-border-left,\n          'right': $color-ux-readmore-default-border-right,\n          'top': $color-ux-readmore-default-border-top\n        )\n      ),\n      'hover': (\n        'background': $color-ux-readmore-hover-background,\n        'border': (\n          'bottom': $color-ux-readmore-hover-border-bottom,\n          'left': $color-ux-readmore-hover-border-left,\n          'right': $color-ux-readmore-hover-border-right,\n          'top': $color-ux-readmore-hover-border-top\n        )\n      )\n    ),\n    'table': (\n      'background': $color-ux-table-background,\n      'content': (\n        'background': $color-ux-table-content-background\n      ),\n      'cell': (\n        'background': $color-ux-table-cell-background\n      ),\n      'zebra': (\n        'background': $color-ux-table-zebra-background\n      ),\n      'hover': (\n        'background': $color-ux-table-hover-background\n      ),\n      'selected': (\n        'background': $color-ux-table-selected-background\n      )\n    ),\n    'tableofcontents': (\n      'items': (\n        'default': (\n          'background': $color-ux-tableofcontents-items-default-background,\n          'border': $color-ux-tableofcontents-items-default-border,\n          'color': $color-ux-tableofcontents-items-default-color,\n          'icon': $color-ux-tableofcontents-items-default-icon\n        ),\n        'hover': (\n          'background': $color-ux-tableofcontents-items-hover-background,\n          'border': $color-ux-tableofcontents-items-hover-border,\n          'color': $color-ux-tableofcontents-items-hover-color,\n          'icon': $color-ux-tableofcontents-items-hover-icon\n        ),\n        'active': (\n          'background': $color-ux-tableofcontents-items-active-background,\n          'border': $color-ux-tableofcontents-items-active-border,\n          'color': $color-ux-tableofcontents-items-active-color,\n          'icon': $color-ux-tableofcontents-items-active-icon\n        )\n      )\n    ),\n    'video': (\n      'controls': (\n        'default': (\n          'background': $color-ux-video-controls-default-background,\n          'border': (\n            'bottom': $color-ux-video-controls-default-border-bottom,\n            'left': $color-ux-video-controls-default-border-left,\n            'right': $color-ux-video-controls-default-border-right,\n            'top': $color-ux-video-controls-default-border-top\n          ),\n          'icon': $color-ux-video-controls-default-icon\n        ),\n        'hover': (\n          'background': $color-ux-video-controls-hover-background,\n          'border': (\n            'bottom': $color-ux-video-controls-hover-border-bottom,\n            'left': $color-ux-video-controls-hover-border-left,\n            'right': $color-ux-video-controls-hover-border-right,\n            'top': $color-ux-video-controls-hover-border-top\n          ),\n          'icon': $color-ux-video-controls-hover-icon\n        )\n      )\n    )\n  )\n);\n\n// FONTS MAP:\n\n$fonts: (\n  'display': $fonts-display,\n  'copy': $fonts-copy\n);\n\n// LAYOUT MAP:\n\n$layout: (\n  'maxWidth': $layout-max-width,\n  'padding': $layout-padding\n);\n\n// OPACITY MAP:\n\n$opacity: (\n  'disabled': $opacity-disabled,\n  'semi-transparent': $opacity-semi-transparent\n);\n\n// RADIUS MAP:\n\n$radius: (\n  'button': (\n    'bottom-left': $radius-button-bottom-left,\n    'bottom-right': $radius-button-bottom-right,\n    'top-left': $radius-button-top-left,\n    'top-right': $radius-button-top-right\n  )\n);\n\n// SPACING MAP:\n\n$spacing: (\n  'base': $spacing-base,\n  'root': $spacing-root,\n  'spacing-1': $spacing-spacing-1,\n  'spacing-2': $spacing-spacing-2,\n  'spacing-3': $spacing-spacing-3,\n  'spacing-4': $spacing-spacing-4,\n  'spacing-5 ': $spacing-spacing-5,\n  'spacing-6': $spacing-spacing-6,\n  'spacing-7': $spacing-spacing-7,\n  'spacing-8': $spacing-spacing-8,\n  'spacing-9': $spacing-spacing-9,\n  'spacing-10': $spacing-spacing-10,\n  'spacing-11': $spacing-spacing-11,\n  'spacing-12': $spacing-spacing-12,\n  'spacing-13': $spacing-spacing-13,\n  'spacing-14': $spacing-spacing-14,\n  'spacing-15': $spacing-spacing-15,\n  'spacing-16': $spacing-spacing-16,\n  'spacing-17': $spacing-spacing-17,\n  'spacing-18': $spacing-spacing-18,\n  'spacing-19': $spacing-spacing-19,\n  'spacing-20': $spacing-spacing-20,\n  'spacing-21': $spacing-spacing-21,\n  'spacing-22': $spacing-spacing-22,\n  'spacing-23': $spacing-spacing-23,\n  'spacing-24': $spacing-spacing-24,\n  'spacing-25': $spacing-spacing-25,\n  'spacing-26': $spacing-spacing-26,\n  'spacing-27': $spacing-spacing-27,\n  'spacing-28': $spacing-spacing-28,\n  'padding-0-5': $spacing-padding-0-5,\n  'padding-1': $spacing-padding-1,\n  'padding-1-5': $spacing-padding-1-5,\n  'padding-2': $spacing-padding-2,\n  'padding-3': $spacing-padding-3,\n  'padding-4': $spacing-padding-4,\n  'padding-5': $spacing-padding-5,\n  'padding-6': $spacing-padding-6,\n  'padding-7': $spacing-padding-7,\n  'padding-8': $spacing-padding-8,\n  'padding-9': $spacing-padding-9,\n  'padding-10': $spacing-padding-10,\n  'padding-11': $spacing-padding-11,\n  'padding-12': $spacing-padding-12,\n  'padding-13': $spacing-padding-13,\n  'padding-14': $spacing-padding-14,\n  'padding-15': $spacing-padding-15,\n  'horizontal-rule': $spacing-horizontal-rule,\n  'label-padding': $spacing-label-padding,\n  'ui-padding-sm': $spacing-ui-padding-sm,\n  'ui-padding': $spacing-ui-padding,\n  'ui-padding-lg': $spacing-ui-padding-lg,\n  'ui-padding-xl': $spacing-ui-padding-xl,\n  'ui-padding-xxl': $spacing-ui-padding-xxl,\n  'boxpadding': (\n    'button': (\n      'small': (\n        'bottom': $spacing-boxpadding-button-small-bottom,\n        'left': $spacing-boxpadding-button-small-left,\n        'right': $spacing-boxpadding-button-small-right,\n        'top': $spacing-boxpadding-button-small-top\n      ),\n      'medium': (\n        'bottom': $spacing-boxpadding-button-medium-bottom,\n        'left': $spacing-boxpadding-button-medium-left,\n        'right': $spacing-boxpadding-button-medium-right,\n        'top': $spacing-boxpadding-button-medium-top\n      ),\n      'large': (\n        'bottom': $spacing-boxpadding-button-large-bottom,\n        'left': $spacing-boxpadding-button-large-left,\n        'right': $spacing-boxpadding-button-large-right,\n        'top': $spacing-boxpadding-button-large-top\n      )\n    ),\n    'button-icon': (\n      'small': (\n        'bottom': $spacing-boxpadding-button-icon-small-bottom,\n        'left': $spacing-boxpadding-button-icon-small-left,\n        'right': $spacing-boxpadding-button-icon-small-right,\n        'top': $spacing-boxpadding-button-icon-small-top\n      ),\n      'medium': (\n        'bottom': $spacing-boxpadding-button-icon-medium-bottom,\n        'left': $spacing-boxpadding-button-icon-medium-left,\n        'right': $spacing-boxpadding-button-icon-medium-right,\n        'top': $spacing-boxpadding-button-icon-medium-top\n      ),\n      'large': (\n        'bottom': $spacing-boxpadding-button-icon-large-bottom,\n        'left': $spacing-boxpadding-button-icon-large-left,\n        'right': $spacing-boxpadding-button-icon-large-right,\n        'top': $spacing-boxpadding-button-icon-large-top\n      )\n    ),\n    'caption': (\n      'small': (\n        'bottom': $spacing-boxpadding-caption-small-bottom,\n        'left': $spacing-boxpadding-caption-small-left,\n        'right': $spacing-boxpadding-caption-small-right,\n        'top': $spacing-boxpadding-caption-small-top\n      ),\n      'medium': (\n        'bottom': $spacing-boxpadding-caption-medium-bottom,\n        'left': $spacing-boxpadding-caption-medium-left,\n        'right': $spacing-boxpadding-caption-medium-right,\n        'top': $spacing-boxpadding-caption-medium-top\n      ),\n      'large': (\n        'bottom': $spacing-boxpadding-caption-large-bottom,\n        'left': $spacing-boxpadding-caption-large-left,\n        'right': $spacing-boxpadding-caption-large-right,\n        'top': $spacing-boxpadding-caption-large-top\n      )\n    ),\n    'credit': (\n      'small': (\n        'bottom': $spacing-boxpadding-credit-small-bottom,\n        'left': $spacing-boxpadding-credit-small-left,\n        'right': $spacing-boxpadding-credit-small-right,\n        'top': $spacing-boxpadding-credit-small-top\n      ),\n      'medium': (\n        'bottom': $spacing-boxpadding-credit-medium-bottom,\n        'left': $spacing-boxpadding-credit-medium-left,\n        'right': $spacing-boxpadding-credit-medium-right,\n        'top': $spacing-boxpadding-credit-medium-top\n      ),\n      'large': (\n        'bottom': $spacing-boxpadding-credit-large-bottom,\n        'left': $spacing-boxpadding-credit-large-left,\n        'right': $spacing-boxpadding-credit-large-right,\n        'top': $spacing-boxpadding-credit-large-top\n      )\n    )\n  ),\n  'formelements': (\n    'input': (\n      'default': (\n        'height': $spacing-formelements-input-default-height,\n        'border': (\n          'bottom': $spacing-formelements-input-default-border-bottom,\n          'left': $spacing-formelements-input-default-border-left,\n          'right': $spacing-formelements-input-default-border-right,\n          'top': $spacing-formelements-input-default-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-formelements-input-default-margin-bottom,\n          'left': $spacing-formelements-input-default-margin-left,\n          'right': $spacing-formelements-input-default-margin-right,\n          'top': $spacing-formelements-input-default-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-formelements-input-default-padding-bottom,\n          'left': $spacing-formelements-input-default-padding-left,\n          'right': $spacing-formelements-input-default-padding-right,\n          'top': $spacing-formelements-input-default-padding-top\n        ),\n        'width': $spacing-formelements-input-default-width\n      ),\n      'focus': (\n        'border': (\n          'bottom': $spacing-formelements-input-focus-border-bottom,\n          'left': $spacing-formelements-input-focus-border-left,\n          'right': $spacing-formelements-input-focus-border-right,\n          'top': $spacing-formelements-input-focus-border-top\n        )\n      ),\n      'hover': (\n        'border': (\n          'bottom': $spacing-formelements-input-hover-border-bottom,\n          'left': $spacing-formelements-input-hover-border-left,\n          'right': $spacing-formelements-input-hover-border-right,\n          'top': $spacing-formelements-input-hover-border-top\n        )\n      ),\n      'invalid': (\n        'border': (\n          'bottom': $spacing-formelements-input-invalid-border-bottom,\n          'left': $spacing-formelements-input-invalid-border-left,\n          'right': $spacing-formelements-input-invalid-border-right,\n          'top': $spacing-formelements-input-invalid-border-top\n        )\n      ),\n      'error': (\n        'border': (\n          'bottom': $spacing-formelements-input-error-border-bottom,\n          'left': $spacing-formelements-input-error-border-left,\n          'right': $spacing-formelements-input-error-border-right,\n          'top': $spacing-formelements-input-error-border-top\n        )\n      )\n    ),\n    'toggle': (\n      'base': (\n        'height': $spacing-formelements-toggle-base-height,\n        'width': $spacing-formelements-toggle-base-width\n      )\n    ),\n    'inputbutton': (\n      'default': (\n        'height': $spacing-formelements-inputbutton-default-height,\n        'border': (\n          'bottom': $spacing-formelements-inputbutton-default-border-bottom,\n          'left': $spacing-formelements-inputbutton-default-border-left,\n          'right': $spacing-formelements-inputbutton-default-border-right,\n          'top': $spacing-formelements-inputbutton-default-border-top\n        ),\n        'borderrtl': (\n          'bottom': $spacing-formelements-inputbutton-default-borderrtl-bottom,\n          'left': $spacing-formelements-inputbutton-default-borderrtl-left,\n          'right': $spacing-formelements-inputbutton-default-borderrtl-right,\n          'top': $spacing-formelements-inputbutton-default-borderrtl-top\n        ),\n        'margin': (\n          'bottom': $spacing-formelements-inputbutton-default-margin-bottom,\n          'left': $spacing-formelements-inputbutton-default-margin-left,\n          'right': $spacing-formelements-inputbutton-default-margin-right,\n          'top': $spacing-formelements-inputbutton-default-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-formelements-inputbutton-default-padding-bottom,\n          'left': $spacing-formelements-inputbutton-default-padding-left,\n          'right': $spacing-formelements-inputbutton-default-padding-right,\n          'top': $spacing-formelements-inputbutton-default-padding-top\n        ),\n        'width': $spacing-formelements-inputbutton-default-width\n      )\n    ),\n    'uploadedfile': (\n      'default': (\n        'height': $spacing-formelements-uploadedfile-default-height,\n        'border': (\n          'bottom': $spacing-formelements-uploadedfile-default-border-bottom,\n          'left': $spacing-formelements-uploadedfile-default-border-left,\n          'right': $spacing-formelements-uploadedfile-default-border-right,\n          'top': $spacing-formelements-uploadedfile-default-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-formelements-uploadedfile-default-margin-bottom,\n          'left': $spacing-formelements-uploadedfile-default-margin-left,\n          'right': $spacing-formelements-uploadedfile-default-margin-right,\n          'top': $spacing-formelements-uploadedfile-default-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-formelements-uploadedfile-default-padding-bottom,\n          'left': $spacing-formelements-uploadedfile-default-padding-left,\n          'right': $spacing-formelements-uploadedfile-default-padding-right,\n          'top': $spacing-formelements-uploadedfile-default-padding-top\n        ),\n        'width': $spacing-formelements-uploadedfile-default-width\n      )\n    )\n  ),\n  'hero': (\n    'tooltip': (\n      'width': $spacing-hero-tooltip-width,\n      'height': $spacing-hero-tooltip-height\n    ),\n    'image': (\n      'min-height': $spacing-hero-image-min-height\n    )\n  ),\n  'hero-card': (\n    'padding': (\n      'y': (\n        'sm': $spacing-hero-card-padding-y-sm,\n        'lg': $spacing-hero-card-padding-y-lg\n      ),\n      'x': (\n        'sm': $spacing-hero-card-padding-x-sm,\n        'lg': $spacing-hero-card-padding-x-lg\n      )\n    ),\n    'corner-cut': (\n      'width': (\n        'sm': $spacing-hero-card-corner-cut-width-sm,\n        'lg': $spacing-hero-card-corner-cut-width-lg\n      ),\n      'height': (\n        'sm': $spacing-hero-card-corner-cut-height-sm,\n        'lg': $spacing-hero-card-corner-cut-height-lg\n      )\n    )\n  ),\n  'icons': (\n    'icon-height-sm': $spacing-icons-icon-height-sm,\n    'icon-height-m': $spacing-icons-icon-height-m,\n    'icon-height-lg': $spacing-icons-icon-height-lg,\n    'icon-padding-sm': $spacing-icons-icon-padding-sm,\n    'icon-padding-m': $spacing-icons-icon-padding-m,\n    'icon-padding-lg': $spacing-icons-icon-padding-lg\n  ),\n  'tooltip': (\n    'tooltip-arrow-height': $spacing-tooltip-tooltip-arrow-height,\n    'tooltip-arrow-width': $spacing-tooltip-tooltip-arrow-width\n  ),\n  'ux': (\n    'caption': (\n      'border': (\n        'bottom': $spacing-ux-caption-border-bottom,\n        'left': $spacing-ux-caption-border-left,\n        'right': $spacing-ux-caption-border-right,\n        'top': $spacing-ux-caption-border-top\n      ),\n      'height': $spacing-ux-caption-height,\n      'width': $spacing-ux-caption-width\n    ),\n    'credit': (\n      'border': (\n        'bottom': $spacing-ux-credit-border-bottom,\n        'left': $spacing-ux-credit-border-left,\n        'right': $spacing-ux-credit-border-right,\n        'top': $spacing-ux-credit-border-top\n      ),\n      'height': $spacing-ux-credit-height,\n      'width': $spacing-ux-credit-width\n    ),\n    'pagination': (\n      'padding': (\n        'bottom': $spacing-ux-pagination-padding-bottom,\n        'left': $spacing-ux-pagination-padding-left,\n        'right': $spacing-ux-pagination-padding-right,\n        'top': $spacing-ux-pagination-padding-top\n      ),\n      'width': $spacing-ux-pagination-width\n    ),\n    'readmore': (\n      'default': (\n        'height': $spacing-ux-readmore-default-height,\n        'border': (\n          'bottom': $spacing-ux-readmore-default-border-bottom,\n          'left': $spacing-ux-readmore-default-border-left,\n          'right': $spacing-ux-readmore-default-border-right,\n          'top': $spacing-ux-readmore-default-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-ux-readmore-default-margin-bottom,\n          'left': $spacing-ux-readmore-default-margin-left,\n          'right': $spacing-ux-readmore-default-margin-right,\n          'top': $spacing-ux-readmore-default-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-ux-readmore-default-padding-bottom,\n          'left': $spacing-ux-readmore-default-padding-left,\n          'right': $spacing-ux-readmore-default-padding-right,\n          'top': $spacing-ux-readmore-default-padding-top\n        ),\n        'width': $spacing-ux-readmore-default-width\n      ),\n      'hover': (\n        'height': $spacing-ux-readmore-hover-height,\n        'border': (\n          'bottom': $spacing-ux-readmore-hover-border-bottom,\n          'left': $spacing-ux-readmore-hover-border-left,\n          'right': $spacing-ux-readmore-hover-border-right,\n          'top': $spacing-ux-readmore-hover-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-ux-readmore-hover-margin-bottom,\n          'left': $spacing-ux-readmore-hover-margin-left,\n          'right': $spacing-ux-readmore-hover-margin-right,\n          'top': $spacing-ux-readmore-hover-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-ux-readmore-hover-padding-bottom,\n          'left': $spacing-ux-readmore-hover-padding-left,\n          'right': $spacing-ux-readmore-hover-padding-right,\n          'top': $spacing-ux-readmore-hover-padding-top\n        ),\n        'width': $spacing-ux-readmore-hover-width\n      )\n    ),\n    'video': (\n      'controls': (\n        'height': $spacing-ux-video-controls-height,\n        'border': (\n          'bottom': $spacing-ux-video-controls-border-bottom,\n          'left': $spacing-ux-video-controls-border-left,\n          'right': $spacing-ux-video-controls-border-right,\n          'top': $spacing-ux-video-controls-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-ux-video-controls-margin-bottom,\n          'left': $spacing-ux-video-controls-margin-left,\n          'right': $spacing-ux-video-controls-margin-right,\n          'top': $spacing-ux-video-controls-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-ux-video-controls-padding-bottom,\n          'left': $spacing-ux-video-controls-padding-left,\n          'right': $spacing-ux-video-controls-padding-right,\n          'top': $spacing-ux-video-controls-padding-top\n        ),\n        'width': $spacing-ux-video-controls-width\n      ),\n      'buttonicon': (\n        'height': $spacing-ux-video-buttonicon-height,\n        'border': (\n          'bottom': $spacing-ux-video-buttonicon-border-bottom,\n          'left': $spacing-ux-video-buttonicon-border-left,\n          'right': $spacing-ux-video-buttonicon-border-right,\n          'top': $spacing-ux-video-buttonicon-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-ux-video-buttonicon-margin-bottom,\n          'left': $spacing-ux-video-buttonicon-margin-left,\n          'right': $spacing-ux-video-buttonicon-margin-right,\n          'top': $spacing-ux-video-buttonicon-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-ux-video-buttonicon-padding-bottom,\n          'left': $spacing-ux-video-buttonicon-padding-left,\n          'right': $spacing-ux-video-buttonicon-padding-right,\n          'top': $spacing-ux-video-buttonicon-padding-top\n        ),\n        'width': $spacing-ux-video-buttonicon-width\n      ),\n      'bigplaybutton': (\n        'height': $spacing-ux-video-bigplaybutton-height,\n        'border': (\n          'bottom': $spacing-ux-video-bigplaybutton-border-bottom,\n          'left': $spacing-ux-video-bigplaybutton-border-left,\n          'right': $spacing-ux-video-bigplaybutton-border-right,\n          'top': $spacing-ux-video-bigplaybutton-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-ux-video-bigplaybutton-margin-bottom,\n          'left': $spacing-ux-video-bigplaybutton-margin-left,\n          'right': $spacing-ux-video-bigplaybutton-margin-right,\n          'top': $spacing-ux-video-bigplaybutton-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-ux-video-bigplaybutton-padding-bottom,\n          'left': $spacing-ux-video-bigplaybutton-padding-left,\n          'right': $spacing-ux-video-bigplaybutton-padding-right,\n          'top': $spacing-ux-video-bigplaybutton-padding-top\n        ),\n        'width': $spacing-ux-video-bigplaybutton-width\n      )\n    ),\n    'table': (\n      'padding': (\n        'bottom': $spacing-ux-table-padding-bottom,\n        'left': $spacing-ux-table-padding-left,\n        'right': $spacing-ux-table-padding-right,\n        'top': $spacing-ux-table-padding-top\n      ),\n      'content': (\n        'padding': (\n          'bottom': $spacing-ux-table-content-padding-bottom,\n          'left': $spacing-ux-table-content-padding-left,\n          'right': $spacing-ux-table-content-padding-right,\n          'top': $spacing-ux-table-content-padding-top\n        )\n      ),\n      'head': (\n        'padding': (\n          'bottom': $spacing-ux-table-head-padding-bottom,\n          'left': $spacing-ux-table-head-padding-left,\n          'right': $spacing-ux-table-head-padding-right,\n          'top': $spacing-ux-table-head-padding-top\n        )\n      ),\n      'cell': (\n        'padding': (\n          'bottom': $spacing-ux-table-cell-padding-bottom,\n          'left': $spacing-ux-table-cell-padding-left,\n          'right': $spacing-ux-table-cell-padding-right,\n          'top': $spacing-ux-table-cell-padding-top\n        )\n      ),\n      'smallhead': (\n        'padding': (\n          'bottom': $spacing-ux-table-smallhead-padding-bottom,\n          'left': $spacing-ux-table-smallhead-padding-left,\n          'right': $spacing-ux-table-smallhead-padding-right,\n          'top': $spacing-ux-table-smallhead-padding-top\n        )\n      ),\n      'smallcell': (\n        'padding': (\n          'bottom': $spacing-ux-table-smallcell-padding-bottom,\n          'left': $spacing-ux-table-smallcell-padding-left,\n          'right': $spacing-ux-table-smallcell-padding-right,\n          'top': $spacing-ux-table-smallcell-padding-top\n        )\n      )\n    ),\n    'tableofcontents': (\n      'border': (\n        'bottom': $spacing-ux-tableofcontents-border-bottom,\n        'left': $spacing-ux-tableofcontents-border-left,\n        'right': $spacing-ux-tableofcontents-border-right,\n        'top': $spacing-ux-tableofcontents-border-top\n      ),\n      'borderradius': $spacing-ux-tableofcontents-borderradius,\n      'margin': (\n        'bottom': $spacing-ux-tableofcontents-margin-bottom,\n        'left': $spacing-ux-tableofcontents-margin-left,\n        'right': $spacing-ux-tableofcontents-margin-right,\n        'top': $spacing-ux-tableofcontents-margin-top\n      ),\n      'padding': (\n        'bottom': $spacing-ux-tableofcontents-padding-bottom,\n        'left': $spacing-ux-tableofcontents-padding-left,\n        'right': $spacing-ux-tableofcontents-padding-right,\n        'top': $spacing-ux-tableofcontents-padding-top\n      ),\n      'items': (\n        'border': (\n          'bottom': $spacing-ux-tableofcontents-items-border-bottom,\n          'left': $spacing-ux-tableofcontents-items-border-left,\n          'right': $spacing-ux-tableofcontents-items-border-right,\n          'top': $spacing-ux-tableofcontents-items-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-ux-tableofcontents-items-margin-bottom,\n          'left': $spacing-ux-tableofcontents-items-margin-left,\n          'right': $spacing-ux-tableofcontents-items-margin-right,\n          'top': $spacing-ux-tableofcontents-items-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-ux-tableofcontents-items-padding-bottom,\n          'left': $spacing-ux-tableofcontents-items-padding-left,\n          'right': $spacing-ux-tableofcontents-items-padding-right,\n          'top': $spacing-ux-tableofcontents-items-padding-top\n        )\n      )\n    )\n  )\n);\n\n// THEMEPREFIX MAP:\n\n$themeprefix: $themeprefix;\n\n// TYPE MAP:\n\n$type: (\n  'descenders': (\n    'display': $type-descenders-display,\n    'copy': $type-descenders-copy\n  ),\n  'base': (\n    'size': $type-base-size,\n    'letter-spacing': $type-base-letter-spacing,\n    'line-height': $type-base-line-height\n  ),\n  'body-eyebrow': (\n    'size': $type-body-eyebrow-size,\n    'letter-spacing': $type-body-eyebrow-letter-spacing,\n    'line-height': $type-body-eyebrow-line-height\n  ),\n  'body-small': (\n    'size': $type-body-small-size,\n    'letter-spacing': $type-body-small-letter-spacing,\n    'line-height': $type-body-small-line-height\n  ),\n  'body-large': (\n    'size': $type-body-large-size,\n    'letter-spacing': $type-body-large-letter-spacing,\n    'line-height': $type-body-large-line-height\n  ),\n  'body-xs': (\n    'size': $type-body-xs-size,\n    'letter-spacing': $type-body-xs-letter-spacing,\n    'line-height': $type-body-xs-line-height\n  ),\n  'body-xxs': (\n    'size': $type-body-xxs-size,\n    'letter-spacing': $type-body-xxs-letter-spacing,\n    'line-height': $type-body-xxs-line-height\n  ),\n  'body-xxxs': (\n    'size': $type-body-xxxs-size,\n    'letter-spacing': $type-body-xxxs-letter-spacing,\n    'line-height': $type-body-xxxs-line-height\n  ),\n  'button-small': (\n    'size': $type-button-small-size,\n    'letter-spacing': $type-button-small-letter-spacing,\n    'line-height': $type-button-small-line-height\n  ),\n  'button-medium': (\n    'size': $type-button-medium-size,\n    'letter-spacing': $type-button-medium-letter-spacing,\n    'line-height': $type-button-medium-line-height\n  ),\n  'button-large': (\n    'size': $type-button-large-size,\n    'letter-spacing': $type-button-large-letter-spacing,\n    'line-height': $type-button-large-line-height\n  ),\n  'headline-1': (\n    'size': $type-headline-1-size,\n    'letter-spacing': $type-headline-1-letter-spacing,\n    'line-height': $type-headline-1-line-height\n  ),\n  'headline-2': (\n    'size': $type-headline-2-size,\n    'letter-spacing': $type-headline-2-letter-spacing,\n    'line-height': $type-headline-2-line-height\n  ),\n  'headline-3': (\n    'size': $type-headline-3-size,\n    'letter-spacing': $type-headline-3-letter-spacing,\n    'line-height': $type-headline-3-line-height\n  ),\n  'headline-4': (\n    'size': $type-headline-4-size,\n    'letter-spacing': $type-headline-4-letter-spacing,\n    'line-height': $type-headline-4-line-height\n  ),\n  'headline-5': (\n    'size': $type-headline-5-size,\n    'letter-spacing': $type-headline-5-letter-spacing,\n    'line-height': $type-headline-5-line-height\n  ),\n  'headline-6': (\n    'size': $type-headline-6-size,\n    'letter-spacing': $type-headline-6-letter-spacing,\n    'line-height': $type-headline-6-line-height\n  ),\n  'rich-text-heading-1': (\n    'size': $type-rich-text-heading-1-size,\n    'letter-spacing': $type-rich-text-heading-1-letter-spacing,\n    'line-height': $type-rich-text-heading-1-line-height\n  ),\n  'rich-text-heading-1-md': (\n    'size': $type-rich-text-heading-1-md-size,\n    'letter-spacing': $type-rich-text-heading-1-md-letter-spacing,\n    'line-height': $type-rich-text-heading-1-md-line-height\n  ),\n  'rich-text-heading-2': (\n    'size': $type-rich-text-heading-2-size,\n    'letter-spacing': $type-rich-text-heading-2-letter-spacing,\n    'line-height': $type-rich-text-heading-2-line-height\n  ),\n  'rich-text-heading-2-md': (\n    'size': $type-rich-text-heading-2-md-size,\n    'letter-spacing': $type-rich-text-heading-2-md-letter-spacing,\n    'line-height': $type-rich-text-heading-2-md-line-height\n  ),\n  'rich-text-heading-3': (\n    'size': $type-rich-text-heading-3-size,\n    'letter-spacing': $type-rich-text-heading-3-letter-spacing,\n    'line-height': $type-rich-text-heading-3-line-height\n  ),\n  'rich-text-heading-3-md': (\n    'size': $type-rich-text-heading-3-md-size,\n    'letter-spacing': $type-rich-text-heading-3-md-letter-spacing,\n    'line-height': $type-rich-text-heading-3-md-line-height\n  ),\n  'rich-text-heading-4': (\n    'size': $type-rich-text-heading-4-size,\n    'letter-spacing': $type-rich-text-heading-4-letter-spacing,\n    'line-height': $type-rich-text-heading-4-line-height\n  ),\n  'rich-text-heading-4-md': (\n    'size': $type-rich-text-heading-4-md-size,\n    'letter-spacing': $type-rich-text-heading-4-md-letter-spacing,\n    'line-height': $type-rich-text-heading-4-md-line-height\n  ),\n  'rich-text-heading-5': (\n    'size': $type-rich-text-heading-5-size,\n    'letter-spacing': $type-rich-text-heading-5-letter-spacing,\n    'line-height': $type-rich-text-heading-5-line-height\n  ),\n  'rich-text-heading-5-md': (\n    'size': $type-rich-text-heading-5-md-size,\n    'letter-spacing': $type-rich-text-heading-5-md-letter-spacing,\n    'line-height': $type-rich-text-heading-5-md-line-height\n  ),\n  'language-switcher': (\n    'size': $type-language-switcher-size,\n    'letter-spacing': $type-language-switcher-letter-spacing,\n    'line-height': $type-language-switcher-line-height\n  ),\n  'label-small': (\n    'size': $type-label-small-size,\n    'letter-spacing': $type-label-small-letter-spacing,\n    'line-height': $type-label-small-line-height\n  ),\n  'label-medium': (\n    'size': $type-label-medium-size,\n    'letter-spacing': $type-label-medium-letter-spacing,\n    'line-height': $type-label-medium-line-height\n  ),\n  'label-large': (\n    'size': $type-label-large-size,\n    'letter-spacing': $type-label-large-letter-spacing,\n    'line-height': $type-label-large-line-height\n  ),\n  'legend': (\n    'size': $type-legend-size,\n    'letter-spacing': $type-legend-letter-spacing,\n    'line-height': $type-legend-line-height\n  ),\n  'nav-md': (\n    'size': $type-nav-md-size,\n    'letter-spacing': $type-nav-md-letter-spacing,\n    'line-height': $type-nav-md-line-height\n  ),\n  'nav-md-sm': (\n    'size': $type-nav-md-sm-size,\n    'letter-spacing': $type-nav-md-sm-letter-spacing,\n    'line-height': $type-nav-md-sm-line-height\n  ),\n  'nav-bold-b-sm': (\n    'size': $type-nav-bold-b-sm-size,\n    'letter-spacing': $type-nav-bold-b-sm-letter-spacing,\n    'line-height': $type-nav-bold-b-sm-line-height\n  ),\n  'nav-bold-b': (\n    'size': $type-nav-bold-b-size,\n    'letter-spacing': $type-nav-bold-b-letter-spacing,\n    'line-height': $type-nav-bold-b-line-height\n  ),\n  'pull-quote-sm': (\n    'size': $type-pull-quote-sm-size,\n    'letter-spacing': $type-pull-quote-sm-letter-spacing,\n    'line-height': $type-pull-quote-sm-line-height\n  ),\n  'pull-quote-lg': (\n    'size': $type-pull-quote-lg-size,\n    'letter-spacing': $type-pull-quote-lg-letter-spacing,\n    'line-height': $type-pull-quote-lg-line-height\n  ),\n  'pull-quote-cite': (\n    'size': $type-pull-quote-cite-size,\n    'letter-spacing': $type-pull-quote-cite-letter-spacing,\n    'line-height': $type-pull-quote-cite-line-height\n  ),\n  'image-caption': (\n    'size': $type-image-caption-size,\n    'letter-spacing': $type-image-caption-letter-spacing,\n    'line-height': $type-image-caption-line-height\n  ),\n  'image-credit': (\n    'size': $type-image-credit-size,\n    'letter-spacing': $type-image-credit-letter-spacing,\n    'line-height': $type-image-credit-line-height\n  ),\n  'tagline': (\n    'size': $type-tagline-size,\n    'letter-spacing': $type-tagline-letter-spacing,\n    'line-height': $type-tagline-line-height\n  ),\n  'weights': (\n    'section': $type-weights-section,\n    'label': $type-weights-label\n  )\n);\n\n// WIDTHS MAP:\n\n$widths: (\n  'border-xsm': $widths-border-xsm,\n  'border-sm': $widths-border-sm,\n  'border-med-sm': $widths-border-med-sm,\n  'border-med': $widths-border-med,\n  'border-lg': $widths-border-lg,\n  'tags': (\n    'max-width': $widths-tags-max-width\n  )\n);\n"]}
+{"version":3,"sources":["_reset.scss","theme/_typography.scss","theme/_foundation.scss","_typography.scss","../node_modules/@ilo-org/themes/build/scss/_tokens.scss"],"names":[],"mappings":"iBAMA,EAAA,QAAA,SAGE,WAAA,WAGF,QAAA,WAAA,KAAA,GAAA,SAAA,OAAA,KAAA,OAAA,OAAA,GAAA,OAAA,EAAA,IAAA,MAAA,GAeE,OAAA,EACA,QAAA,EACA,OAAA,EAGF,GAAA,GAAA,GAAA,GAAA,GAAA,GAME,OAAA,EACA,UAAA,QACA,YAAA,QAGF,QAAA,MAAA,QAAA,WAAA,OAAA,OAAA,OAAA,OAAA,KAAA,IAAA,QAWE,QAAA,MAGF,KACE,YAAA,EAGF,GACE,WAAA,KAGF,MACE,aAAA,QACA,gBAAA,SACA,eAAA,EAGF,GAAA,GAEE,eAAA,IACA,QAAA,EAGF,GACE,WAAA,KACA,YAAA,IAGF,OAAA,MAAA,SAAA,OAAA,SAKE,mBAAA,KACA,WAAA,KACA,eAAA,OACA,MAAA,QACA,KAAA,QACA,WAAA,IACA,QAAA,EACA,OAAA,EACA,cAAA,EACA,WAAA,QACA,eAAA,QAGF,GACE,WAAA,YACA,OAAA,EACA,SAAA,QACA,iBAAA,IACA,OAAA,EACA,MAAA,KACA,MAAA,QAGF,SACE,SAAA,KAGF,OACE,mBAAA,KACA,gBAAA,KAKF,6CACE,IACE,KAAA,YC3HJ,MAEE,oBAAA,QAAA,CAAA,KAAA,IAAA,CAAA,WACA,uBAAA,SAAA,CAAA,WACA,uBAAA,SAAA,EAAA,CAAA,UAAA,KAAA,CAAA,IAAA,CAAA,WACA,uBAAA,KAAA,KAAA,IAAA,EAAA,CAAA,GAAA,MAAA,CAAA,SAAA,IAAA,CAAA,YAAA,CAAA,WAIA,iBAAA,KAAA,IAAA,CAAA,WACA,oBAAA,SAAA,CAAA,WACA,oBAAA,SAAA,EAAA,CAAA,UAAA,KAAA,CAAA,IAAA,CAAA,WACA,oBAAA,KAAA,KAAA,IAAA,EAAA,CAAA,GAAA,MAAA,CAAA,SAAA,IAAA,CAAA,YAAA,CAAA,WAGA,sBAAA,UACA,kBAAA,KAGA,qBAAA,gBACA,oBAAA,gBACA,mBAAA,gBACA,mBAAA,gBACA,mBAAA,gBACA,oBAAA,gBACA,qBAAA,gBACA,qBAAA,gBACA,qBAAA,gBACA,qBAAA,gBAGA,wBAAA,IACA,0BAAA,IACA,yBAAA,IACA,uBAAA,IAGA,sBAAA,KACA,qBAAA,IACA,qBAAA,KACA,qBAAA,IACA,sBAAA,KACA,uBAAA,KACA,uBAAA,IAGA,yBAAA,MACA,wBAAA,IACA,wBAAA,EACA,wBAAA,GC7CF,MACE,YAAA,EAKA,kBAAA,uBACA,iBAAA,qBACA,yBAAA,uBACA,uBAAA,uBACA,sBAAA,mBACA,wBAAA,uBACA,sBAAA,qBACA,2BAAA,qBACA,0BAAA,oBACA,4BAAA,uBACA,uBAAA,uBACA,wCAAA,0BACA,sBAAA,uBACA,gBAAA,qBACA,sBAAA,uBACA,qBAAA,qBACA,qBAAA,uBACA,mBAAA,sBACA,yBAAA,uBACA,wBAAA,wBACA,kBAAA,uBACA,wBAAA,uBACA,uBAAA,yBACA,sBAAA,qBACA,mBAAA,qBAEA,oCAAA,qBACA,mCAAA,sBACA,sCAAA,uBACA,sCAAA,wBACA,+BAAA,uBACA,8BAAA,sBACA,iCAAA,4BACA,6BAAA,8BACA,6BAAA,uBAEA,4BAAA,2BACA,0BAAA,sBACA,2BAAA,sBACA,0BAAA,wBAKA,oBAAA,MACA,oBAAA,MACA,oBAAA,MACA,oBAAA,OACA,oBAAA,OACA,qBAAA,OACA,oBAAA,yCAKA,qBAAA,yCACA,oBAAA,yCACA,mBAAA,yCACA,mBAAA,wCACA,mBAAA,yCACA,oBAAA,yCACA,qBAAA,yCACA,qBAAA,yCACA,qBAAA,yCACA,qBAAA,yCAKA,0BAAA,IACA,yBAAA,IACA,uBAAA,IAKA,sBAAA,KACA,qBAAA,KACA,qBAAA,KACA,qBAAA,KACA,sBAAA,KACA,uBAAA,KACA,uBAAA,KAKA,yBAAA,MACA,wBAAA,IACA,wBAAA,EACA,wBAAA,GAKA,mBAAA,yCAKA,0BAAA,MACA,iCAAA,SAKA,gBAAA,yCACA,gBAAA,yCACA,gBAAA,yCACA,gBAAA,yCAKA,+BAAA,2BACA,8BAAA,uBAEA,+BAAA,wBACA,8BAAA,2BAEA,6BAAA,sBACA,4BAAA,sBAEA,8BAAA,2BACA,6BAAA,2BAEA,6BAAA,2BACA,4BAAA,2BAEA,oCAAA,YACA,mCAAA,YAEA,kCAAA,YACA,iCAAA,uBAEA,kCAAA,wBACA,iCAAA,wBCxIF,gBAAA,WAEE,oBAAA,4BACA,iBAAA,yBAIA,yBAAA,EACA,wBAAA,EACA,wBAAA,EACA,wBAAA,EAIF,gBAAA,WAEE,oBAAA,4BACA,iBAAA,yBAIF,gBAAA,WAEE,oBAAA,4BACA,iBAAA,yBAGF,KAAA,KAEE,MCbgB,QDchB,YAAA,sBACA,UAAA,QACA,YAAA,QACA,eCymByB,ODxmBzB,uBAAA,YAGF,GAAA,GAAA,GAAA,GAAA,GAME,YAAA","file":"global.css","sourcesContent":["/**\n* This file is an opinionated reset that is based on https://nicolas-cusan.github.io/destyle.css/\n* it aims to provide a clean layer for styling, the reset should be used with normalize.css in order to create\n* a normalized base\n**/\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\nbody,\np,\ntable,\nblockquote,\naddress,\npre,\niframe,\nform,\nfigure,\ndl,\nul,\nol,\nfieldset,\noption,\nlegend {\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0;\n  font-size: inherit;\n  font-weight: inherit;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  line-height: 1;\n}\n\nul {\n  list-style: none;\n}\n\ntable {\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\ntd,\nth {\n  vertical-align: top;\n  padding: 0;\n}\n\nth {\n  text-align: left;\n  font-weight: bold;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  -webkit-appearance: none;\n  appearance: none;\n  vertical-align: middle;\n  color: inherit;\n  font: inherit;\n  background: transparent;\n  padding: 0;\n  margin: 0;\n  border-radius: 0;\n  text-align: inherit;\n  text-transform: inherit;\n}\n\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border-top-width: 1px;\n  margin: 0;\n  clear: both;\n  color: inherit;\n}\n\ntextarea {\n  overflow: auto;\n}\n\nselect {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n/// Makes SVGs accessible in high contrast mode\n/// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\n@media screen and (-ms-high-contrast: active) {\n  svg {\n    fill: ButtonText;\n  }\n}\n",":root {\n  // Display Font Families\n  --ilo-fonts-display: Overpass, Noto Sans, sans-serif;\n  --ilo-fonts-display-ar: Vazirmatn, sans-serif;\n  --ilo-fonts-display-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n  --ilo-fonts-display-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans,\n    TakaoPGothic, sans-serif;\n\n  // Copy font families\n  --ilo-fonts-copy: Noto Sans, sans-serif;\n  --ilo-fonts-copy-ar: Vazirmatn, sans-serif;\n  --ilo-fonts-copy-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n  --ilo-fonts-copy-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans, TakaoPGothic,\n    sans-serif;\n\n  --ilo-fonts-monospace: monospace;\n  --ilo-line-height: 1.46;\n\n  // Font Sizes\n  --ilo-font-size-2xsm: px-to-rem(10px);\n  --ilo-font-size-xsm: px-to-rem(12px);\n  --ilo-font-size-sm: px-to-rem(14px);\n  --ilo-font-size-md: px-to-rem(16px);\n  --ilo-font-size-lg: px-to-rem(18px);\n  --ilo-font-size-xlg: px-to-rem(24px);\n  --ilo-font-size-2xlg: px-to-rem(28px);\n  --ilo-font-size-3xlg: px-to-rem(32px);\n  --ilo-font-size-4xlg: px-to-rem(36px);\n  --ilo-font-size-5xlg: px-to-rem(44px);\n\n  // Font Weight\n  --ilo-font-weight-light: 300;\n  --ilo-font-weight-regular: 400;\n  --ilo-font-weight-medium: 500;\n  --ilo-font-weight-bold: 700;\n\n  // Line Height\n  --ilo-line-height-xsm: 1.15;\n  --ilo-line-height-sm: 1.2;\n  --ilo-line-height-md: 1.25;\n  --ilo-line-height-lg: 1.3;\n  --ilo-line-height-xlg: 1.35;\n  --ilo-line-height-2xlg: 1.45;\n  --ilo-line-height-3xlg: 1.5;\n\n  // Letter Spacing\n  --ilo-letter-spacing-xsm: -3.5%;\n  --ilo-letter-spacing-sm: -2%;\n  --ilo-letter-spacing-md: 0;\n  --ilo-letter-spacing-lg: 2%;\n}\n","@use \"../functions\" as *;\n@use \"./breakpoints\" as *;\n@use \"./typography\" as *;\n\n:root {\n  --ilo-scale: 1; // default scale for the design system\n\n  /**\n    * Colors\n    */\n  --ilo-color-white: rgba(255, 255, 255, 1);\n  --ilo-color-blue: rgba(30, 45, 190, 1);\n  --ilo-color-blue-lighter: rgba(235, 245, 253, 1);\n  --ilo-color-blue-light: rgba(190, 220, 250, 1);\n  --ilo-color-blue-dark: rgba(35, 0, 80, 1);\n  --ilo-color-blue-medium: rgba(210, 213, 242, 1);\n  --ilo-color-blue-ramp: rgba(33, 18, 124, 1);\n  --ilo-color-blue-dark-ramp: rgba(35, 0, 80, 0.5);\n  --ilo-color-gray-charcoal: rgba(45, 45, 45, 1);\n  --ilo-color-gray-accessible: rgba(109, 109, 109, 1);\n  --ilo-color-gray-light: rgba(237, 240, 242, 1);\n  --ilo-color-gray-light-semi-transparent: rgba(237, 240, 242, 0.25);\n  --ilo-color-gray-base: rgba(184, 196, 204, 1);\n  --ilo-color-red: rgba(250, 60, 75, 1);\n  --ilo-color-red-light: rgba(254, 216, 219, 1);\n  --ilo-color-red-dark: rgba(200, 48, 60, 1);\n  --ilo-color-red-ramp: rgba(250, 60, 75, 0.2);\n  --ilo-color-yellow: rgba(255, 205, 45, 1);\n  --ilo-color-yellow-light: rgba(255, 245, 200, 1);\n  --ilo-color-yellow-ramp: rgba(255, 205, 45, 0.2);\n  --ilo-color-green: rgba(140, 225, 100, 1);\n  --ilo-color-green-light: rgba(232, 249, 224, 1);\n  --ilo-color-green-ramp: rgba(140, 225, 100, 0.2);\n  --ilo-color-turquoise: rgba(5, 210, 210, 1);\n  --ilo-color-purple: rgba(150, 10, 85, 1);\n\n  --ilo-color-notification-type-error: var(--ilo-color-red);\n  --ilo-color-notification-type-info: var(--ilo-color-blue);\n  --ilo-color-notification-type-success: var(--ilo-color-green);\n  --ilo-color-notification-type-warning: var(--ilo-color-yellow);\n  --ilo-color-background-default: var(--ilo-color-white);\n  --ilo-color-background-active: var(--ilo-color-blue);\n  --ilo-color-background-highlight: var(--ilo-color-gray-light);\n  --ilo-color-background-hover: var(--ilo-color-blue-lighter);\n  --ilo-color-background-focus: var(--ilo-color-white);\n\n  --ilo-color-borders-default: var(--ilo-color-gray-base);\n  --ilo-color-borders-hover: var(--ilo-color-blue);\n  --ilo-color-borders-active: var(--ilo-color-blue);\n  --ilo-color-borders-focus: var(--ilo-color-yellow);\n\n  /**\n    * Sizing\n    */\n  --ilo-breakpoint-xs: #{map-get($breakpoints-foundation, \"xs\")};\n  --ilo-breakpoint-sm: #{map-get($breakpoints-foundation, \"sm\")};\n  --ilo-breakpoint-md: #{map-get($breakpoints-foundation, \"md\")};\n  --ilo-breakpoint-lg: #{map-get($breakpoints-foundation, \"lg\")};\n  --ilo-breakpoint-xl: #{map-get($breakpoints-foundation, \"xl\")};\n  --ilo-breakpoint-xxl: #{map-get($breakpoints-foundation, \"xxl\")};\n  --ilo-border-radius: calc(#{px-to-rem(2)} * var(--ilo-scale));\n\n  /**\n    * Font-size\n    */\n  --ilo-font-size-2xsm: calc(#{px-to-rem(10)} * var(--ilo-scale));\n  --ilo-font-size-xsm: calc(#{px-to-rem(12)} * var(--ilo-scale));\n  --ilo-font-size-sm: calc(#{px-to-rem(14)} * var(--ilo-scale));\n  --ilo-font-size-md: calc(#{px-to-rem(16)} * var(--ilo-scale));\n  --ilo-font-size-lg: calc(#{px-to-rem(18)} * var(--ilo-scale));\n  --ilo-font-size-xlg: calc(#{px-to-rem(24)} * var(--ilo-scale));\n  --ilo-font-size-2xlg: calc(#{px-to-rem(28)} * var(--ilo-scale));\n  --ilo-font-size-3xlg: calc(#{px-to-rem(32)} * var(--ilo-scale));\n  --ilo-font-size-4xlg: calc(#{px-to-rem(36)} * var(--ilo-scale));\n  --ilo-font-size-5xlg: calc(#{px-to-rem(44)} * var(--ilo-scale));\n\n  /**\n    * Font-weight\n    */\n  --ilo-font-weight-regular: 400;\n  --ilo-font-weight-medium: 500;\n  --ilo-font-weight-bold: 700;\n\n  /**\n    * Line Height\n    */\n  --ilo-line-height-xsm: 115%;\n  --ilo-line-height-sm: 120%;\n  --ilo-line-height-md: 125%;\n  --ilo-line-height-lg: 130%;\n  --ilo-line-height-xlg: 135%;\n  --ilo-line-height-2xlg: 145%;\n  --ilo-line-height-3xlg: 150%;\n\n  /**\n    * Letter spacing\n    */\n  --ilo-letter-spacing-xsm: -3.5%;\n  --ilo-letter-spacing-sm: -2%;\n  --ilo-letter-spacing-md: 0;\n  --ilo-letter-spacing-lg: 2%;\n\n  /**\n    * Spacing\n    */\n  --ilo-spacing-base: calc(#{px-to-rem(4)} * var(--ilo-scale));\n\n  /**\n    * Transition\n    */\n  --ilo-transition-duration: 150ms;\n  --ilo-transition-timing-function: ease-out;\n\n  /**\n    * Border\n    */\n  --ilo-border-xs: calc(#{px-to-rem(1)} * var(--ilo-scale));\n  --ilo-border-sm: calc(#{px-to-rem(1.5)} * var(--ilo-scale));\n  --ilo-border-md: calc(#{px-to-rem(2)} * var(--ilo-scale));\n  --ilo-border-lg: calc(#{px-to-rem(4)} * var(--ilo-scale));\n\n  /**\n    * Links\n    */\n  --ilo-link-color-default-light: var(--ilo-color-blue-dark);\n  --ilo-link-color-default-dark: var(--ilo-color-white);\n\n  --ilo-link-color-visited-light: var(--ilo-color-purple);\n  --ilo-link-color-visited-dark: var(--ilo-color-gray-base);\n\n  --ilo-link-color-hover-light: var(--ilo-color-blue);\n  --ilo-link-color-hover-dark: var(--ilo-color-blue);\n\n  --ilo-link-color-active-light: var(--ilo-color-blue-dark);\n  --ilo-link-color-active-dark: var(--ilo-color-blue-dark);\n\n  --ilo-link-color-focus-light: var(--ilo-color-blue-dark);\n  --ilo-link-color-focus-dark: var(--ilo-color-blue-dark);\n\n  --ilo-link-background-default-light: transparent;\n  --ilo-link-background-default-dark: transparent;\n\n  --ilo-link-background-hover-light: transparent;\n  --ilo-link-background-hover-dark: var(--ilo-color-white);\n\n  --ilo-link-background-focus-light: var(--ilo-color-yellow);\n  --ilo-link-background-focus-dark: var(--ilo-color-yellow);\n}\n","// Adapted from Carbon Library\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// Load the theme vars and fonts\n@use \"@ilo-org/themes/build/scss/tokens\" as *;\n\n// Set Arabic fonts\n:root[lang*=\"ar\"],\n[lang*=\"ar\"] {\n  --ilo-fonts-display: var(--ilo-fonts-display-ar);\n  --ilo-fonts-copy: var(--ilo-fonts-copy-ar);\n\n  // Letter spacing overrides for Arabic. Different letter spacing values cause incorrect\n  // glpyhs to be rendered. See https://github.com/international-labour-organization/designsystem/issues/1547\n  --ilo-letter-spacing-xsm: 0;\n  --ilo-letter-spacing-sm: 0;\n  --ilo-letter-spacing-md: 0;\n  --ilo-letter-spacing-lg: 0;\n}\n\n// Set Chinese system fonts\n:root[lang*=\"zh\"],\n[lang*=\"zh\"] {\n  --ilo-fonts-display: var(--ilo-fonts-display-zh);\n  --ilo-fonts-copy: var(--ilo-fonts-copy-zh);\n}\n\n// Set Japanese system fonts\n:root[lang*=\"ja\"],\n[lang*=\"ja\"] {\n  --ilo-fonts-display: var(--ilo-fonts-display-jp);\n  --ilo-fonts-copy: var(--ilo-fonts-copy-jp);\n}\n\nhtml,\nbody {\n  color: $color-font-base;\n  font-family: var(--ilo-fonts-copy);\n  font-size: #{$type-base-size};\n  line-height: #{$type-base-line-height};\n  letter-spacing: $type-base-letter-spacing;\n  -webkit-font-smoothing: antialiased;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh5 {\n  font-family: var(--ilo-fonts-display);\n}\n","/**\n * Do not edit directly\n * Generated on Mon, 29 Sep 2025 13:34:09 GMT\n */\n\n/**\n* TOKENS:\n*/\n\n$borders-small: 1.5px !default;\n$borders-base: 2px !default;\n$borders-thick: 6px !default;\n$brand-ilo-blue: rgba(30, 45, 190, 1) !default;\n$brand-ilo-red: rgba(250, 60, 75, 1) !default;\n$brand-ilo-dark-blue: rgba(35, 0, 80, 1) !default;\n$brand-ilo-yellow: rgba(255, 205, 45, 1) !default;\n$brand-ilo-green: rgba(140, 225, 100, 1) !default;\n$brand-ilo-purple: rgba(150, 10, 85, 1) !default;\n$brand-ilo-purple-light: rgba(116, 96, 145, 1) !default;\n$brand-ilo-turquoise: rgba(5, 210, 210, 1) !default;\n$brand-ilo-dark-red: rgba(200, 48, 60, 1) !default;\n$brand-ilo-light-blue: rgba(235, 245, 253, 1) !default;\n$brand-ilo-grey-light-alternate: rgba(246, 247, 248, 1) !default;\n$brand-ilo-grey-light: rgba(237, 240, 242, 1) !default;\n$brand-ilo-grey-ui: rgba(184, 196, 204, 1) !default;\n$brand-ilo-grey-accessible: rgba(109, 109, 109, 1) !default;\n$brand-ilo-black: rgba(45, 45, 45, 1) !default;\n$brand-ilo-white: rgba(255, 255, 255, 1) !default;\n$brand-ilo-ramp-blue: rgba(190, 220, 250, 1) !default;\n$brand-ilo-ramp-red: rgba(254, 216, 219, 1) !default;\n$brand-ilo-ramp-green: rgba(232, 249, 224, 1) !default;\n$brand-ilo-ramp-yellow: rgba(255, 245, 200, 1) !default;\n$breakpoints-x-small: 320px !default;\n$breakpoints-small: 414px !default;\n$breakpoints-medium: 610px !default;\n$breakpoints-large: 1024px !default;\n$breakpoints-x-large: 1168px !default;\n$breakpoints-xx-large: 1440px !default;\n$color-base-blue-lighter: $brand-ilo-light-blue !default;\n$color-base-blue-light: $brand-ilo-light-blue !default;\n$color-base-blue-intermediate: $brand-ilo-ramp-blue !default;\n$color-base-blue-medium: $brand-ilo-blue !default;\n$color-base-blue-dark: $brand-ilo-dark-blue !default;\n$color-base-green: $brand-ilo-green !default;\n$color-base-neutrals-white: $brand-ilo-white !default;\n$color-base-neutrals-alternate: $brand-ilo-grey-light-alternate !default;\n$color-base-neutrals-lighter: $brand-ilo-grey-light !default;\n$color-base-neutrals-light: $brand-ilo-grey-ui !default;\n$color-base-neutrals-medium: $brand-ilo-grey-accessible !default;\n$color-base-neutrals-dark: $brand-ilo-black !default;\n$color-base-neutrals-black: $brand-ilo-black !default;\n$color-base-purple-light: $brand-ilo-purple-light !default;\n$color-base-purple-medium: $brand-ilo-purple !default;\n$color-base-red-light: $brand-ilo-blue !default;\n$color-base-red-medium: $brand-ilo-red !default;\n$color-base-red-dark: $brand-ilo-dark-red !default;\n$color-base-turquoise: $brand-ilo-turquoise !default;\n$color-base-yellow: $brand-ilo-yellow !default;\n$color-ramp-blue: $brand-ilo-ramp-blue !default;\n$color-ramp-green: $brand-ilo-ramp-green !default;\n$color-ramp-red: $brand-ilo-ramp-red !default;\n$color-ramp-yellow: $brand-ilo-ramp-yellow !default;\n$color-font-base: $color-base-neutrals-black !default;\n$color-font-blockquote: $color-base-purple-medium !default;\n$color-font-cite: $color-base-neutrals-medium !default;\n$color-font-caption: $color-base-neutrals-medium !default;\n$color-formelements-input-default-background: $color-base-neutrals-white !default;\n$color-formelements-input-default-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-default-border-left: $color-base-neutrals-light !default;\n$color-formelements-input-default-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-default-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-default-color: $color-base-neutrals-medium !default;\n$color-formelements-input-hover-background: $color-base-blue-light !default;\n$color-formelements-input-hover-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-hover-border-left: $color-base-blue-medium !default;\n$color-formelements-input-hover-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-hover-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-hover-color: $color-base-neutrals-dark !default;\n$color-formelements-input-focus-background: $color-base-blue-light !default;\n$color-formelements-input-focus-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-focus-border-left: $color-base-blue-medium !default;\n$color-formelements-input-focus-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-focus-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-focus-color: $color-base-neutrals-dark !default;\n$color-formelements-input-error-background: $color-base-neutrals-white !default;\n$color-formelements-input-error-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-error-border-left: $color-base-red-dark !default;\n$color-formelements-input-error-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-error-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-error-color: $color-base-neutrals-medium !default;\n$color-formelements-input-disabled-background: $color-base-neutrals-white !default;\n$color-formelements-input-disabled-border-bottom: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-border-left: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-border-right: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-border-top: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-color: $color-base-neutrals-light !default;\n$color-formelements-toggle-unchecked-background: $color-base-neutrals-light !default;\n$color-formelements-toggle-unchecked-border: rgb(0, 0, 0) !default;\n$color-formelements-toggle-unchecked-slider-color: $color-base-neutrals-white !default;\n$color-formelements-toggle-unchecked-label-color: $color-base-neutrals-dark !default;\n$color-formelements-toggle-unchecked-helper-text-color: $color-base-neutrals-medium !default;\n$color-formelements-toggle-checked-background: $color-base-blue-dark !default;\n$color-formelements-toggle-checked-border: rgb(0, 0, 0) !default;\n$color-formelements-toggle-checked-slider-color: $color-base-blue-lighter !default;\n$color-formelements-toggle-active-border: $color-base-yellow !default;\n$color-formelements-toggle-active-slider-color: $color-base-blue-lighter !default;\n$color-formelements-toggle-error-background: $color-base-neutrals-light !default;\n$color-formelements-toggle-error-border: $color-base-red-medium !default;\n$color-formelements-toggle-error-slider-color: $color-base-neutrals-white !default;\n$color-formelements-inputbutton-default-background: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-default-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-color: $color-base-blue-dark !default;\n$color-formelements-inputbutton-hover-background: $color-base-blue-light !default;\n$color-formelements-inputbutton-hover-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-color: $color-base-blue-medium !default;\n$color-formelements-inputbutton-focus-background: $color-base-blue-light !default;\n$color-formelements-inputbutton-focus-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-color: $color-base-blue-medium !default;\n$color-formelements-inputbutton-active-background: $color-base-blue-medium !default;\n$color-formelements-inputbutton-active-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-color: $color-base-blue-light !default;\n$color-formelements-inputbutton-error-background: $color-base-neutrals-white !default;\n$color-formelements-inputbutton-error-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-color: $color-base-neutrals-medium !default;\n$color-formelements-inputbutton-disabled-background: $color-base-neutrals-white !default;\n$color-formelements-inputbutton-disabled-border-bottom: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-border-left: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-border-right: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-border-top: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-color: $color-base-neutrals-light !default;\n$color-formelements-uploadedfile-default-background: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-border-bottom: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-border-left: $color-base-blue-dark !default;\n$color-formelements-uploadedfile-default-border-right: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-border-top: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-color: $color-base-neutrals-dark !default;\n$color-hero-card-opacity-semi-transparent: rgb(0, 0, 0) !default;\n$color-hero-card-dark-background: $color-base-blue-dark !default;\n$color-hero-card-dark-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-icon-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-iconhover-color: $color-base-blue-medium !default;\n$color-hero-card-dark-iconhover-background: $color-base-neutrals-white !default;\n$color-hero-card-dark-eyebrow-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-datecopy-color: $color-base-neutrals-white !default;\n$color-hero-card-light-background: $color-base-neutrals-white !default;\n$color-hero-card-light-color: $color-base-neutrals-dark !default;\n$color-hero-card-light-eyebrow-color: $color-base-purple-medium !default;\n$color-hero-card-light-datecopy-color: $color-base-neutrals-medium !default;\n$color-hero-card-light-link-color: $color-base-neutrals-white !default;\n$color-hero-card-light-icon-color: $color-base-neutrals-medium !default;\n$color-hero-card-light-iconhover-background: $color-base-blue-light !default;\n$color-hero-card-light-iconhover-color: $color-base-blue-medium !default;\n$color-link-background-default: rgba(0, 0, 0, 0) !default;\n$color-link-background-hover: $color-base-neutrals-white !default;\n$color-link-background-focus: $color-base-yellow !default;\n$color-link-background-active: $color-base-yellow !default;\n$color-link-background-visited: rgba(0, 0, 0, 0) !default;\n$color-link-background-dark-default: rgba(0, 0, 0, 0) !default;\n$color-link-background-dark-hover: $color-base-neutrals-white !default;\n$color-link-background-dark-focus: $color-base-yellow !default;\n$color-link-background-dark-active: $color-base-yellow !default;\n$color-link-background-dark-visited: rgba(0, 0, 0, 0) !default;\n$color-link-background-footer-default: rgba(0, 0, 0, 0) !default;\n$color-link-background-footer-hover: $color-base-neutrals-white !default;\n$color-link-background-footer-focus: $color-base-yellow !default;\n$color-link-background-footer-active: $color-base-yellow !default;\n$color-link-background-footer-visited: rgba(0, 0, 0, 0) !default;\n$color-link-text-default: $color-base-blue-dark !default;\n$color-link-text-hover: $color-base-blue-medium !default;\n$color-link-text-focus: $color-base-blue-dark !default;\n$color-link-text-active: $color-base-blue-dark !default;\n$color-link-text-visited: $color-base-purple-medium !default;\n$color-link-text-dark-default: $color-base-neutrals-lighter !default;\n$color-link-text-dark-hover: $color-base-blue-medium !default;\n$color-link-text-dark-focus: $color-base-blue-dark !default;\n$color-link-text-dark-active: $color-base-blue-dark !default;\n$color-link-text-dark-visited: $color-base-neutrals-light !default;\n$color-link-text-footer-default: $color-base-neutrals-medium !default;\n$color-link-text-footer-hover: $color-base-blue-medium !default;\n$color-link-text-footer-focus: $color-base-blue-dark !default;\n$color-link-text-footer-active: $color-base-blue-dark !default;\n$color-link-text-footer-visited: $color-base-purple-medium !default;\n$color-link-underline-default: $color-base-blue-medium !default;\n$color-link-underline-hover: $color-base-blue-medium !default;\n$color-link-underline-focus: $color-base-blue-dark !default;\n$color-link-underline-active: $color-base-blue-dark !default;\n$color-link-underline-visited: $color-base-purple-medium !default;\n$color-link-underline-dark-default: $color-base-neutrals-white !default;\n$color-link-underline-dark-hover: $color-base-blue-medium !default;\n$color-link-underline-dark-focus: $color-base-blue-dark !default;\n$color-link-underline-dark-active: $color-base-blue-dark !default;\n$color-link-underline-dark-visited: $color-base-neutrals-light !default;\n$color-link-underline-footer-default: $color-base-neutrals-medium !default;\n$color-link-underline-footer-hover: $color-base-blue-medium !default;\n$color-link-underline-footer-focus: $color-base-blue-dark !default;\n$color-link-underline-footer-active: $color-base-blue-dark !default;\n$color-link-underline-footer-visited: $color-base-purple-medium !default;\n$color-socialmedia-dark-headline-color: $color-base-neutrals-white !default;\n$color-socialmedia-dark-icon-color: $color-base-neutrals-white !default;\n$color-socialmedia-dark-iconhover-color: $color-base-blue-medium !default;\n$color-socialmedia-dark-iconhover-background: $color-base-neutrals-white !default;\n$color-socialmedia-light-headline-color: $color-base-blue-dark !default;\n$color-socialmedia-light-icon-color: $color-base-neutrals-medium !default;\n$color-socialmedia-light-iconhover-color: $color-base-blue-medium !default;\n$color-socialmedia-light-iconhover-background: $color-base-blue-light !default;\n$color-tag-background-default: $color-base-neutrals-lighter !default;\n$color-tag-background-hover: $color-base-blue-light !default;\n$color-tag-background-focus: $color-base-blue-light !default;\n$color-tag-background-active: $color-base-neutrals-lighter !default;\n$color-tag-background-visited: $color-base-neutrals-lighter !default;\n$color-tag-text-default: $color-base-neutrals-medium !default;\n$color-tag-text-hover: $color-base-blue-medium !default;\n$color-tag-text-focus: $color-base-blue-medium !default;\n$color-tag-text-active: $color-base-blue-dark !default;\n$color-tag-text-visited: $color-base-neutrals-medium !default;\n$color-tooltip-default-background: $color-base-neutrals-white !default;\n$color-tooltip-default-dropshadow: $color-base-blue-dark !default;\n$color-tooltip-default-text: $color-base-neutrals-dark !default;\n$color-tooltip-dark-background: $color-base-neutrals-dark !default;\n$color-tooltip-dark-dropshadow: $color-base-blue-dark !default;\n$color-tooltip-dark-text: $color-base-neutrals-lighter !default;\n$color-tooltip-dark-icon: $color-base-neutrals-lighter !default;\n$color-ux-background-default: $color-base-neutrals-white !default;\n$color-ux-background-disabled: $color-base-neutrals-lighter !default;\n$color-ux-background-highlight: $color-base-neutrals-lighter !default;\n$color-ux-background-hover: $color-base-blue-light !default;\n$color-ux-background-focus: $color-base-neutrals-white !default;\n$color-ux-background-active: $color-base-blue-medium !default;\n$color-ux-background-alert: $color-base-red-dark !default;\n$color-ux-background-attention: $color-base-yellow !default;\n$color-ux-borders-default: $color-base-neutrals-light !default;\n$color-ux-borders-error: $color-base-red-dark !default;\n$color-ux-borders-highlight: $color-base-purple-medium !default;\n$color-ux-borders-hover: $color-base-blue-medium !default;\n$color-ux-borders-focus: $color-base-yellow !default;\n$color-ux-borders-active: $color-base-blue-medium !default;\n$color-ux-borders-alert: $color-base-red-dark !default;\n$color-ux-borders-attention: $color-base-yellow !default;\n$color-ux-labels-actionable: $color-base-blue-dark !default;\n$color-ux-labels-darkbg: $color-base-neutrals-white !default;\n$color-ux-labels-default: $color-base-neutrals-medium !default;\n$color-ux-labels-error: $color-base-red-dark !default;\n$color-ux-labels-focus: $color-base-blue-dark !default;\n$color-ux-labels-hover: $color-base-blue-medium !default;\n$color-ux-labels-active: $color-base-blue-light !default;\n$color-ux-labels-alert: $color-base-neutrals-white !default;\n$color-ux-caption-background: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-border-left: $color-base-neutrals-light !default;\n$color-ux-caption-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-text: $color-base-neutrals-black !default;\n$color-ux-credit-background: $color-base-neutrals-dark !default;\n$color-ux-credit-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-text: $color-base-neutrals-white !default;\n$color-ux-horizontal-rule-default: $color-base-neutrals-lighter !default;\n$color-ux-notification-background: $color-base-neutrals-white !default;\n$color-ux-notification-icon: $color-base-neutrals-white !default;\n$color-ux-notification-text: $color-base-neutrals-dark !default;\n$color-ux-notification-type-error: $color-base-red-medium !default;\n$color-ux-notification-type-info: $color-base-blue-medium !default;\n$color-ux-notification-type-success: $color-base-green !default;\n$color-ux-notification-type-warning: $color-base-yellow !default;\n$color-ux-pagination-default-background: $color-base-neutrals-lighter !default;\n$color-ux-pagination-default-icon: $color-base-blue-dark !default;\n$color-ux-pagination-hover-background: $color-base-blue-light !default;\n$color-ux-pagination-hover-icon: $color-base-blue-medium !default;\n$color-ux-readmore-default-background: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-top: $color-base-neutrals-lighter !default;\n$color-ux-readmore-hover-background: $color-base-blue-light !default;\n$color-ux-readmore-hover-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-hover-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-hover-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-hover-border-top: $color-base-blue-medium !default;\n$color-ux-table-background: $color-base-blue-intermediate !default;\n$color-ux-table-content-background: $color-base-neutrals-white !default;\n$color-ux-table-cell-background: $color-base-neutrals-white !default;\n$color-ux-table-zebra-background: $color-base-neutrals-alternate !default;\n$color-ux-table-hover-background: $color-base-blue-lighter !default;\n$color-ux-table-selected-background: $color-base-blue-intermediate !default;\n$color-ux-tableofcontents-items-default-background: $color-base-neutrals-lighter !default;\n$color-ux-tableofcontents-items-default-border: $color-base-neutrals-white !default;\n$color-ux-tableofcontents-items-default-color: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-default-icon: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-hover-background: $color-base-blue-light !default;\n$color-ux-tableofcontents-items-hover-border: $color-base-blue-medium !default;\n$color-ux-tableofcontents-items-hover-color: $color-base-blue-medium !default;\n$color-ux-tableofcontents-items-hover-icon: $color-base-blue-medium !default;\n$color-ux-tableofcontents-items-active-background: $color-base-neutrals-white !default;\n$color-ux-tableofcontents-items-active-border: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-active-color: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-active-icon: $color-base-blue-dark !default;\n$color-ux-video-controls-default-background: $color-base-neutrals-dark !default;\n$color-ux-video-controls-default-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-icon: $color-base-neutrals-lighter !default;\n$color-ux-video-controls-hover-background: $color-base-blue-light !default;\n$color-ux-video-controls-hover-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-icon: $color-base-blue-medium !default;\n$fonts-display: var(--ilo-fonts-display) !default;\n$fonts-copy: var(--ilo-fonts-copy) !default;\n$layout-max-width: 1300px !default;\n$layout-padding: 20px !default;\n$opacity-disabled: 0.45 !default;\n$opacity-semi-transparent: 0.6 !default;\n$radius-button-bottom-left: 2px !default;\n$radius-button-bottom-right: 2px !default;\n$radius-button-top-left: 2px !default;\n$radius-button-top-right: 2px !default;\n$spacing-base: 8px !default;\n$spacing-root: 4px !default;\n$spacing-spacing-1: 4px !default;\n$spacing-spacing-2: 8px !default;\n$spacing-spacing-3: 12px !default;\n$spacing-spacing-4: 16px !default;\n$spacing-spacing-5: 20px !default;\n$spacing-spacing-6: 24px !default;\n$spacing-spacing-7: 28px !default;\n$spacing-spacing-8: 32px !default;\n$spacing-spacing-9: 36px !default;\n$spacing-spacing-10: 40px !default;\n$spacing-spacing-11: 44px !default;\n$spacing-spacing-12: 48px !default;\n$spacing-spacing-13: 52px !default;\n$spacing-spacing-14: 56px !default;\n$spacing-spacing-15: 60px !default;\n$spacing-spacing-16: 64px !default;\n$spacing-spacing-17: 68px !default;\n$spacing-spacing-18: 72px !default;\n$spacing-spacing-19: 76px !default;\n$spacing-spacing-20: 80px !default;\n$spacing-spacing-21: 84px !default;\n$spacing-spacing-22: 88px !default;\n$spacing-spacing-23: 92px !default;\n$spacing-spacing-24: 96px !default;\n$spacing-spacing-25: 100px !default;\n$spacing-spacing-26: 104px !default;\n$spacing-spacing-27: 108px !default;\n$spacing-spacing-28: 112px !default;\n$spacing-padding-0-5: 4px !default;\n$spacing-padding-1: 8px !default;\n$spacing-padding-1-5: 12px !default;\n$spacing-padding-2: 16px !default;\n$spacing-padding-3: 24px !default;\n$spacing-padding-4: 32px !default;\n$spacing-padding-5: 40px !default;\n$spacing-padding-6: 48px !default;\n$spacing-padding-7: 56px !default;\n$spacing-padding-8: 64px !default;\n$spacing-padding-9: 71px !default;\n$spacing-padding-10: 80px !default;\n$spacing-padding-11: 88px !default;\n$spacing-padding-12: 96px !default;\n$spacing-padding-13: 104px !default;\n$spacing-padding-14: 112px !default;\n$spacing-padding-15: 120px !default;\n$spacing-horizontal-rule: 3px !default;\n$spacing-label-padding: 3px !default;\n$spacing-ui-padding-sm: 12px !default;\n$spacing-ui-padding: 18px !default;\n$spacing-ui-padding-lg: 24px !default;\n$spacing-ui-padding-xl: 32px !default;\n$spacing-ui-padding-xxl: 40px !default;\n$spacing-boxpadding-button-small-bottom: 3px !default;\n$spacing-boxpadding-button-small-left: 13px !default;\n$spacing-boxpadding-button-small-right: 13px !default;\n$spacing-boxpadding-button-small-top: 3px !default;\n$spacing-boxpadding-button-medium-bottom: 7px !default;\n$spacing-boxpadding-button-medium-left: 18px !default;\n$spacing-boxpadding-button-medium-right: 18px !default;\n$spacing-boxpadding-button-medium-top: 7px !default;\n$spacing-boxpadding-button-large-bottom: 10px !default;\n$spacing-boxpadding-button-large-left: 22px !default;\n$spacing-boxpadding-button-large-right: 22px !default;\n$spacing-boxpadding-button-large-top: 10px !default;\n$spacing-boxpadding-button-icon-small-bottom: 5px !default;\n$spacing-boxpadding-button-icon-small-left: 34px !default;\n$spacing-boxpadding-button-icon-small-right: 34px !default;\n$spacing-boxpadding-button-icon-small-top: 5px !default;\n$spacing-boxpadding-button-icon-medium-bottom: 9px !default;\n$spacing-boxpadding-button-icon-medium-left: 42px !default;\n$spacing-boxpadding-button-icon-medium-right: 42px !default;\n$spacing-boxpadding-button-icon-medium-top: 9px !default;\n$spacing-boxpadding-button-icon-large-bottom: 10px !default;\n$spacing-boxpadding-button-icon-large-left: 46px !default;\n$spacing-boxpadding-button-icon-large-right: 46px !default;\n$spacing-boxpadding-button-icon-large-top: 10px !default;\n$spacing-boxpadding-caption-small-bottom: 0 !default;\n$spacing-boxpadding-caption-small-left: 8px !default;\n$spacing-boxpadding-caption-small-right: 0 !default;\n$spacing-boxpadding-caption-small-top: 0 !default;\n$spacing-boxpadding-caption-medium-bottom: 0 !default;\n$spacing-boxpadding-caption-medium-left: 8px !default;\n$spacing-boxpadding-caption-medium-right: 0 !default;\n$spacing-boxpadding-caption-medium-top: 0 !default;\n$spacing-boxpadding-caption-large-bottom: 0 !default;\n$spacing-boxpadding-caption-large-left: 8px !default;\n$spacing-boxpadding-caption-large-right: 0 !default;\n$spacing-boxpadding-caption-large-top: 0 !default;\n$spacing-boxpadding-credit-small-bottom: 4px !default;\n$spacing-boxpadding-credit-small-left: 12px !default;\n$spacing-boxpadding-credit-small-right: 8px !default;\n$spacing-boxpadding-credit-small-top: 4px !default;\n$spacing-boxpadding-credit-medium-bottom: 4px !default;\n$spacing-boxpadding-credit-medium-left: 12px !default;\n$spacing-boxpadding-credit-medium-right: 8px !default;\n$spacing-boxpadding-credit-medium-top: 4px !default;\n$spacing-boxpadding-credit-large-bottom: 4px !default;\n$spacing-boxpadding-credit-large-left: 12px !default;\n$spacing-boxpadding-credit-large-right: 8px !default;\n$spacing-boxpadding-credit-large-top: 4px !default;\n$spacing-formelements-input-default-height: 48px !default;\n$spacing-formelements-input-default-border-bottom: 2px !default;\n$spacing-formelements-input-default-border-left: 2px !default;\n$spacing-formelements-input-default-border-right: 2px !default;\n$spacing-formelements-input-default-border-top: 2px !default;\n$spacing-formelements-input-default-margin-bottom: 0 !default;\n$spacing-formelements-input-default-margin-left: 0 !default;\n$spacing-formelements-input-default-margin-right: 0 !default;\n$spacing-formelements-input-default-margin-top: 0 !default;\n$spacing-formelements-input-default-padding-bottom: 16px !default;\n$spacing-formelements-input-default-padding-left: 12px !default;\n$spacing-formelements-input-default-padding-right: 12px !default;\n$spacing-formelements-input-default-padding-top: 16px !default;\n$spacing-formelements-input-default-width: 100% !default;\n$spacing-formelements-input-focus-border-bottom: 2px !default;\n$spacing-formelements-input-focus-border-left: 3px !default;\n$spacing-formelements-input-focus-border-right: 2px !default;\n$spacing-formelements-input-focus-border-top: 2px !default;\n$spacing-formelements-input-hover-border-bottom: 2px !default;\n$spacing-formelements-input-hover-border-left: 3px !default;\n$spacing-formelements-input-hover-border-right: 2px !default;\n$spacing-formelements-input-hover-border-top: 2px !default;\n$spacing-formelements-input-invalid-border-bottom: 2px !default;\n$spacing-formelements-input-invalid-border-left: 3px !default;\n$spacing-formelements-input-invalid-border-right: 2px !default;\n$spacing-formelements-input-invalid-border-top: 2px !default;\n$spacing-formelements-input-error-border-bottom: 2px !default;\n$spacing-formelements-input-error-border-left: 3px !default;\n$spacing-formelements-input-error-border-right: 2px !default;\n$spacing-formelements-input-error-border-top: 2px !default;\n$spacing-formelements-toggle-base-height: 24px !default;\n$spacing-formelements-toggle-base-width: 46px !default;\n$spacing-formelements-inputbutton-default-height: 48px !default;\n$spacing-formelements-inputbutton-default-border-bottom: 2px !default;\n$spacing-formelements-inputbutton-default-border-left: 0 !default;\n$spacing-formelements-inputbutton-default-border-right: 2px !default;\n$spacing-formelements-inputbutton-default-border-top: 2px !default;\n$spacing-formelements-inputbutton-default-borderrtl-bottom: 2px !default;\n$spacing-formelements-inputbutton-default-borderrtl-left: 2px !default;\n$spacing-formelements-inputbutton-default-borderrtl-right: 0 !default;\n$spacing-formelements-inputbutton-default-borderrtl-top: 2px !default;\n$spacing-formelements-inputbutton-default-margin-bottom: 0 !default;\n$spacing-formelements-inputbutton-default-margin-left: 0 !default;\n$spacing-formelements-inputbutton-default-margin-right: 0 !default;\n$spacing-formelements-inputbutton-default-margin-top: 0 !default;\n$spacing-formelements-inputbutton-default-padding-bottom: 16px !default;\n$spacing-formelements-inputbutton-default-padding-left: 12px !default;\n$spacing-formelements-inputbutton-default-padding-right: 12px !default;\n$spacing-formelements-inputbutton-default-padding-top: 16px !default;\n$spacing-formelements-inputbutton-default-width: 48px !default;\n$spacing-formelements-uploadedfile-default-height: 48px !default;\n$spacing-formelements-uploadedfile-default-border-bottom: 2px !default;\n$spacing-formelements-uploadedfile-default-border-left: 3px !default;\n$spacing-formelements-uploadedfile-default-border-right: 2px !default;\n$spacing-formelements-uploadedfile-default-border-top: 2px !default;\n$spacing-formelements-uploadedfile-default-margin-bottom: 0 !default;\n$spacing-formelements-uploadedfile-default-margin-left: 0 !default;\n$spacing-formelements-uploadedfile-default-margin-right: 0 !default;\n$spacing-formelements-uploadedfile-default-margin-top: 24px !default;\n$spacing-formelements-uploadedfile-default-padding-bottom: 16px !default;\n$spacing-formelements-uploadedfile-default-padding-left: 11px !default;\n$spacing-formelements-uploadedfile-default-padding-right: 12px !default;\n$spacing-formelements-uploadedfile-default-padding-top: 13px !default;\n$spacing-formelements-uploadedfile-default-width: 100% !default;\n$spacing-hero-tooltip-width: 30px !default;\n$spacing-hero-tooltip-height: 27px !default;\n$spacing-hero-image-min-height: 216px !default;\n$spacing-hero-card-padding-y-sm: $spacing-padding-5 !default;\n$spacing-hero-card-padding-y-lg: $spacing-padding-7 !default;\n$spacing-hero-card-padding-x-sm: $spacing-padding-2 !default;\n$spacing-hero-card-padding-x-lg: $spacing-padding-9 !default;\n$spacing-hero-card-corner-cut-width-sm: 72px !default;\n$spacing-hero-card-corner-cut-width-lg: 116px !default;\n$spacing-hero-card-corner-cut-height-sm: 40px !default;\n$spacing-hero-card-corner-cut-height-lg: 64px !default;\n$spacing-icons-icon-height-sm: 14px !default;\n$spacing-icons-icon-height-m: 15px !default;\n$spacing-icons-icon-height-lg: 16px !default;\n$spacing-icons-icon-padding-sm: 15px !default;\n$spacing-icons-icon-padding-m: 19px !default;\n$spacing-icons-icon-padding-lg: 22px !default;\n$spacing-tooltip-tooltip-arrow-height: 12px !default;\n$spacing-tooltip-tooltip-arrow-width: 7px !default;\n$spacing-ux-caption-border-bottom: 0 !default;\n$spacing-ux-caption-border-left: 3px !default;\n$spacing-ux-caption-border-right: 0 !default;\n$spacing-ux-caption-border-top: 0 !default;\n$spacing-ux-caption-height: auto !default;\n$spacing-ux-caption-width: auto !default;\n$spacing-ux-credit-border-bottom: 0 !default;\n$spacing-ux-credit-border-left: 0 !default;\n$spacing-ux-credit-border-right: 0 !default;\n$spacing-ux-credit-border-top: 0 !default;\n$spacing-ux-credit-height: 24px !default;\n$spacing-ux-credit-width: auto !default;\n$spacing-ux-pagination-padding-bottom: 0 !default;\n$spacing-ux-pagination-padding-left: 8px !default;\n$spacing-ux-pagination-padding-right: 8px !default;\n$spacing-ux-pagination-padding-top: 40px !default;\n$spacing-ux-pagination-width: 40px !default;\n$spacing-ux-readmore-default-height: 56px !default;\n$spacing-ux-readmore-default-border-bottom: 0 !default;\n$spacing-ux-readmore-default-border-left: 0 !default;\n$spacing-ux-readmore-default-border-right: 0 !default;\n$spacing-ux-readmore-default-border-top: 2px !default;\n$spacing-ux-readmore-default-margin-bottom: 0 !default;\n$spacing-ux-readmore-default-margin-left: 0 !default;\n$spacing-ux-readmore-default-margin-right: 0 !default;\n$spacing-ux-readmore-default-margin-top: 32px !default;\n$spacing-ux-readmore-default-padding-bottom: 16px !default;\n$spacing-ux-readmore-default-padding-left: 2px !default;\n$spacing-ux-readmore-default-padding-right: 30px !default;\n$spacing-ux-readmore-default-padding-top: 16px !default;\n$spacing-ux-readmore-default-width: auto !default;\n$spacing-ux-readmore-hover-height: 56px !default;\n$spacing-ux-readmore-hover-border-bottom: 0 !default;\n$spacing-ux-readmore-hover-border-left: 0 !default;\n$spacing-ux-readmore-hover-border-right: 0 !default;\n$spacing-ux-readmore-hover-border-top: 2px !default;\n$spacing-ux-readmore-hover-margin-bottom: 0 !default;\n$spacing-ux-readmore-hover-margin-left: 0 !default;\n$spacing-ux-readmore-hover-margin-right: 0 !default;\n$spacing-ux-readmore-hover-margin-top: 32px !default;\n$spacing-ux-readmore-hover-padding-bottom: 16px !default;\n$spacing-ux-readmore-hover-padding-left: 2px !default;\n$spacing-ux-readmore-hover-padding-right: 2px !default;\n$spacing-ux-readmore-hover-padding-top: 16px !default;\n$spacing-ux-readmore-hover-width: 120px !default;\n$spacing-ux-video-controls-height: 40px !default;\n$spacing-ux-video-controls-border-bottom: 0 !default;\n$spacing-ux-video-controls-border-left: 0 !default;\n$spacing-ux-video-controls-border-right: 0 !default;\n$spacing-ux-video-controls-border-top: 0 !default;\n$spacing-ux-video-controls-margin-bottom: 0 !default;\n$spacing-ux-video-controls-margin-left: 0 !default;\n$spacing-ux-video-controls-margin-right: 0 !default;\n$spacing-ux-video-controls-margin-top: 0 !default;\n$spacing-ux-video-controls-padding-bottom: 0 !default;\n$spacing-ux-video-controls-padding-left: 0 !default;\n$spacing-ux-video-controls-padding-right: 0 !default;\n$spacing-ux-video-controls-padding-top: 0 !default;\n$spacing-ux-video-controls-width: 100% !default;\n$spacing-ux-video-buttonicon-height: 24px !default;\n$spacing-ux-video-buttonicon-border-bottom: 0 !default;\n$spacing-ux-video-buttonicon-border-left: 0 !default;\n$spacing-ux-video-buttonicon-border-right: 0 !default;\n$spacing-ux-video-buttonicon-border-top: 0 !default;\n$spacing-ux-video-buttonicon-margin-bottom: 0 !default;\n$spacing-ux-video-buttonicon-margin-left: 0 !default;\n$spacing-ux-video-buttonicon-margin-right: 0 !default;\n$spacing-ux-video-buttonicon-margin-top: 0 !default;\n$spacing-ux-video-buttonicon-padding-bottom: 0 !default;\n$spacing-ux-video-buttonicon-padding-left: 0 !default;\n$spacing-ux-video-buttonicon-padding-right: 0 !default;\n$spacing-ux-video-buttonicon-padding-top: 0 !default;\n$spacing-ux-video-buttonicon-width: 24px !default;\n$spacing-ux-video-bigplaybutton-height: 48px !default;\n$spacing-ux-video-bigplaybutton-border-bottom: 0 !default;\n$spacing-ux-video-bigplaybutton-border-left: 0 !default;\n$spacing-ux-video-bigplaybutton-border-right: 0 !default;\n$spacing-ux-video-bigplaybutton-border-top: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-bottom: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-left: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-right: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-top: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-bottom: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-left: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-right: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-top: 0 !default;\n$spacing-ux-video-bigplaybutton-width: 48px !default;\n$spacing-ux-table-padding-bottom: 80px !default;\n$spacing-ux-table-padding-left: 80px !default;\n$spacing-ux-table-padding-right: 80px !default;\n$spacing-ux-table-padding-top: 80px !default;\n$spacing-ux-table-content-padding-bottom: 18px !default;\n$spacing-ux-table-content-padding-left: 8px !default;\n$spacing-ux-table-content-padding-right: 8px !default;\n$spacing-ux-table-content-padding-top: 19px !default;\n$spacing-ux-table-head-padding-bottom: 18px !default;\n$spacing-ux-table-head-padding-left: 6px !default;\n$spacing-ux-table-head-padding-right: 36px !default;\n$spacing-ux-table-head-padding-top: 18px !default;\n$spacing-ux-table-cell-padding-bottom: 22px !default;\n$spacing-ux-table-cell-padding-left: 11px !default;\n$spacing-ux-table-cell-padding-right: 11px !default;\n$spacing-ux-table-cell-padding-top: 22px !default;\n$spacing-ux-table-smallhead-padding-bottom: 10px !default;\n$spacing-ux-table-smallhead-padding-left: 7px !default;\n$spacing-ux-table-smallhead-padding-right: 36px !default;\n$spacing-ux-table-smallhead-padding-top: 10px !default;\n$spacing-ux-table-smallcell-padding-bottom: 13px !default;\n$spacing-ux-table-smallcell-padding-left: 11px !default;\n$spacing-ux-table-smallcell-padding-right: 11px !default;\n$spacing-ux-table-smallcell-padding-top: 13px !default;\n$spacing-ux-tableofcontents-border-bottom: 0 !default;\n$spacing-ux-tableofcontents-border-left: 0 !default;\n$spacing-ux-tableofcontents-border-right: 0 !default;\n$spacing-ux-tableofcontents-border-top: 0 !default;\n$spacing-ux-tableofcontents-borderradius: 4px !default;\n$spacing-ux-tableofcontents-margin-bottom: 0 !default;\n$spacing-ux-tableofcontents-margin-left: 0 !default;\n$spacing-ux-tableofcontents-margin-right: 0 !default;\n$spacing-ux-tableofcontents-margin-top: 0 !default;\n$spacing-ux-tableofcontents-padding-bottom: 0 !default;\n$spacing-ux-tableofcontents-padding-left: 8px !default;\n$spacing-ux-tableofcontents-padding-right: 8px !default;\n$spacing-ux-tableofcontents-padding-top: 0 !default;\n$spacing-ux-tableofcontents-items-border-bottom: 2px !default;\n$spacing-ux-tableofcontents-items-border-left: 0 !default;\n$spacing-ux-tableofcontents-items-border-right: 0 !default;\n$spacing-ux-tableofcontents-items-border-top: 0 !default;\n$spacing-ux-tableofcontents-items-margin-bottom: 0 !default;\n$spacing-ux-tableofcontents-items-margin-left: 0 !default;\n$spacing-ux-tableofcontents-items-margin-right: 0 !default;\n$spacing-ux-tableofcontents-items-margin-top: 0 !default;\n$spacing-ux-tableofcontents-items-padding-bottom: 18px !default;\n$spacing-ux-tableofcontents-items-padding-left: 10px !default;\n$spacing-ux-tableofcontents-items-padding-right: 10px !default;\n$spacing-ux-tableofcontents-items-padding-top: 18px !default;\n$themeprefix: ilo !default;\n$type-descenders-display: 0.37 !default;\n$type-descenders-copy: 0.20 !default;\n$type-base-size: 18.66px !default;\n$type-base-letter-spacing: normal !default;\n$type-base-line-height: 27.24px !default;\n$type-body-eyebrow-size: 14.93px !default;\n$type-body-eyebrow-letter-spacing: normal !default;\n$type-body-eyebrow-line-height: 19.71px !default;\n$type-body-small-size: 16px !default;\n$type-body-small-letter-spacing: normal !default;\n$type-body-small-line-height: 23.36px !default;\n$type-body-large-size: 23.32px !default;\n$type-body-large-letter-spacing: normal !default;\n$type-body-large-line-height: 34.05px !default;\n$type-body-xs-size: 14.93px !default;\n$type-body-xs-letter-spacing: normal !default;\n$type-body-xs-line-height: 20.3px !default;\n$type-body-xxs-size: 11.94px !default;\n$type-body-xxs-letter-spacing: normal !default;\n$type-body-xxs-line-height: 16.24px !default;\n$type-body-xxxs-size: 9.55px !default;\n$type-body-xxxs-letter-spacing: normal !default;\n$type-body-xxxs-line-height: 14.33px !default;\n$type-button-small-size: 14.93px !default;\n$type-button-small-letter-spacing: -0.02em !default;\n$type-button-small-line-height: 120% !default;\n$type-button-medium-size: 16px !default;\n$type-button-medium-letter-spacing: -0.02em !default;\n$type-button-medium-line-height: 120% !default;\n$type-button-large-size: 18.66px !default;\n$type-button-large-letter-spacing: -0.02em !default;\n$type-button-large-line-height: 120% !default;\n$type-headline-1-size: 56.95px !default;\n$type-headline-1-letter-spacing: -0.035em !default;\n$type-headline-1-line-height: 65.49px !default;\n$type-headline-2-size: 45.56px !default;\n$type-headline-2-letter-spacing: -0.035em !default;\n$type-headline-2-line-height: 52.39px !default;\n$type-headline-3-size: 36.45px !default;\n$type-headline-3-letter-spacing: -0.035em !default;\n$type-headline-3-line-height: 43.74px !default;\n$type-headline-4-size: 29.16px !default;\n$type-headline-4-letter-spacing: -0.035em !default;\n$type-headline-4-line-height: 36.45px !default;\n$type-headline-5-size: 23.32px !default;\n$type-headline-5-letter-spacing: -0.035em !default;\n$type-headline-5-line-height: 29.15px !default;\n$type-headline-6-size: 18.66px !default;\n$type-headline-6-letter-spacing: -0.035em !default;\n$type-headline-6-line-height: 24.26px !default;\n$type-rich-text-heading-1-size: 44px !default;\n$type-rich-text-heading-1-letter-spacing: -0.035em !default;\n$type-rich-text-heading-1-line-height: 50.6px !default;\n$type-rich-text-heading-1-md-size: 36px !default;\n$type-rich-text-heading-1-md-letter-spacing: -0.035em !default;\n$type-rich-text-heading-1-md-line-height: 43.2px !default;\n$type-rich-text-heading-2-size: 36px !default;\n$type-rich-text-heading-2-letter-spacing: -0.035em !default;\n$type-rich-text-heading-2-line-height: 43.2px !default;\n$type-rich-text-heading-2-md-size: 28px !default;\n$type-rich-text-heading-2-md-letter-spacing: -0.035em !default;\n$type-rich-text-heading-2-md-line-height: 35px !default;\n$type-rich-text-heading-3-size: 28px !default;\n$type-rich-text-heading-3-letter-spacing: -0.035em !default;\n$type-rich-text-heading-3-line-height: 35px !default;\n$type-rich-text-heading-3-md-size: 24px !default;\n$type-rich-text-heading-3-md-letter-spacing: -0.035em !default;\n$type-rich-text-heading-3-md-line-height: 30px !default;\n$type-rich-text-heading-4-size: 24px !default;\n$type-rich-text-heading-4-letter-spacing: -0.035em !default;\n$type-rich-text-heading-4-line-height: 30px !default;\n$type-rich-text-heading-4-md-size: 18px !default;\n$type-rich-text-heading-4-md-letter-spacing: -0.02em !default;\n$type-rich-text-heading-4-md-line-height: 23.4px !default;\n$type-rich-text-heading-5-size: 18px !default;\n$type-rich-text-heading-5-letter-spacing: -0.02em !default;\n$type-rich-text-heading-5-line-height: 23.4px !default;\n$type-rich-text-heading-5-md-size: 16px !default;\n$type-rich-text-heading-5-md-letter-spacing: -0.02em !default;\n$type-rich-text-heading-5-md-line-height: 21.6px !default;\n$type-language-switcher-size: 11.94px !default;\n$type-language-switcher-letter-spacing: -0.02em !default;\n$type-language-switcher-line-height: 16.12px !default;\n$type-label-small-size: 14.93px !default;\n$type-label-small-letter-spacing: -0.02em !default;\n$type-label-small-line-height: 20.16px !default;\n$type-label-medium-size: 16px !default;\n$type-label-medium-letter-spacing: -0.02em !default;\n$type-label-medium-line-height: 21.6px !default;\n$type-label-large-size: 18.66px !default;\n$type-label-large-letter-spacing: -0.02em !default;\n$type-label-large-line-height: 24.26px !default;\n$type-legend-size: 23.32px !default;\n$type-legend-letter-spacing: -3.5% !default;\n$type-legend-line-height: 29.15px !default;\n$type-nav-md-size: 16px !default;\n$type-nav-md-letter-spacing: -0.02em !default;\n$type-nav-md-line-height: 21.6px !default;\n$type-nav-md-sm-size: 14.93px !default;\n$type-nav-md-sm-letter-spacing: -0.02em !default;\n$type-nav-md-sm-line-height: 20.16px !default;\n$type-nav-bold-b-sm-size: 14.93px !default;\n$type-nav-bold-b-sm-letter-spacing: -0.02em !default;\n$type-nav-bold-b-sm-line-height: 20.16px !default;\n$type-nav-bold-b-size: 16px !default;\n$type-nav-bold-b-letter-spacing: -0.02em !default;\n$type-nav-bold-b-line-height: 21.6px !default;\n$type-pull-quote-sm-size: 29.16px !default;\n$type-pull-quote-sm-letter-spacing: -0.035em !default;\n$type-pull-quote-sm-line-height: 36.45px !default;\n$type-pull-quote-lg-size: 36.45px !default;\n$type-pull-quote-lg-letter-spacing: -0.035em !default;\n$type-pull-quote-lg-line-height: 43.74px !default;\n$type-pull-quote-cite-size: 14.93px !default;\n$type-pull-quote-cite-letter-spacing: -0.02em !default;\n$type-pull-quote-cite-line-height: 20.16px !default;\n$type-image-credit-size: 11.94px !default;\n$type-image-credit-letter-spacing: -0.02em !default;\n$type-image-credit-line-height: 16.24px !default;\n$type-tagline-size: 11.9px !default;\n$type-tagline-letter-spacing: -0.02em !default;\n$type-tagline-line-height: 19.4px !default;\n$type-weights-section: 500 !default;\n$type-weights-label: 700 !default;\n$widths-border-xsm: 1px !default;\n$widths-border-sm: 1.5px !default;\n$widths-border-med-sm: 2.5px !default;\n$widths-border-med: 3px !default;\n$widths-border-lg: 4px !default;\n$widths-tags-max-width: 190px !default;\n\n/**\n* MAPS:\n*/\n\n// BORDERS MAP:\n\n$borders: (\n  'small': $borders-small,\n  'base': $borders-base,\n  'thick': $borders-thick\n);\n\n// BRAND MAP:\n\n$brand: (\n  'ilo-blue': $brand-ilo-blue,\n  'ilo-red': $brand-ilo-red,\n  'ilo-dark-blue': $brand-ilo-dark-blue,\n  'ilo-yellow': $brand-ilo-yellow,\n  'ilo-green': $brand-ilo-green,\n  'ilo-purple': $brand-ilo-purple,\n  'ilo-purple-light': $brand-ilo-purple-light,\n  'ilo-turquoise': $brand-ilo-turquoise,\n  'ilo-dark-red': $brand-ilo-dark-red,\n  'ilo-light-blue': $brand-ilo-light-blue,\n  'ilo-grey-light-alternate': $brand-ilo-grey-light-alternate,\n  'ilo-grey-light': $brand-ilo-grey-light,\n  'ilo-grey-ui': $brand-ilo-grey-ui,\n  'ilo-grey-accessible': $brand-ilo-grey-accessible,\n  'ilo-black': $brand-ilo-black,\n  'ilo-white': $brand-ilo-white,\n  'ilo-ramp-blue': $brand-ilo-ramp-blue,\n  'ilo-ramp-red': $brand-ilo-ramp-red,\n  'ilo-ramp-green': $brand-ilo-ramp-green,\n  'ilo-ramp-yellow': $brand-ilo-ramp-yellow\n);\n\n// BREAKPOINTS MAP:\n\n$breakpoints: (\n  'x-small': $breakpoints-x-small,\n  'small': $breakpoints-small,\n  'medium': $breakpoints-medium,\n  'large': $breakpoints-large,\n  'x-large': $breakpoints-x-large,\n  'xx-large': $breakpoints-xx-large\n);\n\n// COLOR MAP:\n\n$color: (\n  'base': (\n    'blue': (\n      'lighter': $color-base-blue-lighter,\n      'light': $color-base-blue-light,\n      'intermediate': $color-base-blue-intermediate,\n      'medium': $color-base-blue-medium,\n      'dark': $color-base-blue-dark\n    ),\n    'green': $color-base-green,\n    'neutrals': (\n      'white': $color-base-neutrals-white,\n      'alternate': $color-base-neutrals-alternate,\n      'lighter': $color-base-neutrals-lighter,\n      'light': $color-base-neutrals-light,\n      'medium': $color-base-neutrals-medium,\n      'dark': $color-base-neutrals-dark,\n      'black': $color-base-neutrals-black\n    ),\n    'purple': (\n      'light': $color-base-purple-light,\n      'medium': $color-base-purple-medium\n    ),\n    'red': (\n      'light': $color-base-red-light,\n      'medium': $color-base-red-medium,\n      'dark': $color-base-red-dark\n    ),\n    'turquoise': $color-base-turquoise,\n    'yellow': $color-base-yellow\n  ),\n  'ramp': (\n    'blue': $color-ramp-blue,\n    'green': $color-ramp-green,\n    'red': $color-ramp-red,\n    'yellow': $color-ramp-yellow\n  ),\n  'font': (\n    'base': $color-font-base,\n    'blockquote': $color-font-blockquote,\n    'cite': $color-font-cite,\n    'caption': $color-font-caption\n  ),\n  'formelements': (\n    'input': (\n      'default': (\n        'background': $color-formelements-input-default-background,\n        'border': (\n          'bottom': $color-formelements-input-default-border-bottom,\n          'left': $color-formelements-input-default-border-left,\n          'right': $color-formelements-input-default-border-right,\n          'top': $color-formelements-input-default-border-top\n        ),\n        'color': $color-formelements-input-default-color\n      ),\n      'hover': (\n        'background': $color-formelements-input-hover-background,\n        'border': (\n          'bottom': $color-formelements-input-hover-border-bottom,\n          'left': $color-formelements-input-hover-border-left,\n          'right': $color-formelements-input-hover-border-right,\n          'top': $color-formelements-input-hover-border-top\n        ),\n        'color': $color-formelements-input-hover-color\n      ),\n      'focus': (\n        'background': $color-formelements-input-focus-background,\n        'border': (\n          'bottom': $color-formelements-input-focus-border-bottom,\n          'left': $color-formelements-input-focus-border-left,\n          'right': $color-formelements-input-focus-border-right,\n          'top': $color-formelements-input-focus-border-top\n        ),\n        'color': $color-formelements-input-focus-color\n      ),\n      'error': (\n        'background': $color-formelements-input-error-background,\n        'border': (\n          'bottom': $color-formelements-input-error-border-bottom,\n          'left': $color-formelements-input-error-border-left,\n          'right': $color-formelements-input-error-border-right,\n          'top': $color-formelements-input-error-border-top\n        ),\n        'color': $color-formelements-input-error-color\n      ),\n      'disabled': (\n        'background': $color-formelements-input-disabled-background,\n        'border': (\n          'bottom': $color-formelements-input-disabled-border-bottom,\n          'left': $color-formelements-input-disabled-border-left,\n          'right': $color-formelements-input-disabled-border-right,\n          'top': $color-formelements-input-disabled-border-top\n        ),\n        'color': $color-formelements-input-disabled-color\n      )\n    ),\n    'toggle': (\n      'unchecked': (\n        'background': $color-formelements-toggle-unchecked-background,\n        'border': $color-formelements-toggle-unchecked-border,\n        'slider': (\n          'color': $color-formelements-toggle-unchecked-slider-color\n        ),\n        'label': (\n          'color': $color-formelements-toggle-unchecked-label-color\n        ),\n        'helperText': (\n          'color': $color-formelements-toggle-unchecked-helper-text-color\n        )\n      ),\n      'checked': (\n        'background': $color-formelements-toggle-checked-background,\n        'border': $color-formelements-toggle-checked-border,\n        'slider': (\n          'color': $color-formelements-toggle-checked-slider-color\n        )\n      ),\n      'active': (\n        'border': $color-formelements-toggle-active-border,\n        'slider': (\n          'color': $color-formelements-toggle-active-slider-color\n        )\n      ),\n      'error': (\n        'background': $color-formelements-toggle-error-background,\n        'border': $color-formelements-toggle-error-border,\n        'slider': (\n          'color': $color-formelements-toggle-error-slider-color\n        )\n      )\n    ),\n    'inputbutton': (\n      'default': (\n        'background': $color-formelements-inputbutton-default-background,\n        'border': (\n          'bottom': $color-formelements-inputbutton-default-border-bottom,\n          'left': $color-formelements-inputbutton-default-border-left,\n          'right': $color-formelements-inputbutton-default-border-right,\n          'top': $color-formelements-inputbutton-default-border-top\n        ),\n        'color': $color-formelements-inputbutton-default-color\n      ),\n      'hover': (\n        'background': $color-formelements-inputbutton-hover-background,\n        'border': (\n          'bottom': $color-formelements-inputbutton-hover-border-bottom,\n          'left': $color-formelements-inputbutton-hover-border-left,\n          'right': $color-formelements-inputbutton-hover-border-right,\n          'top': $color-formelements-inputbutton-hover-border-top\n        ),\n        'color': $color-formelements-inputbutton-hover-color\n      ),\n      'focus': (\n        'background': $color-formelements-inputbutton-focus-background,\n        'border': (\n          'bottom': $color-formelements-inputbutton-focus-border-bottom,\n          'left': $color-formelements-inputbutton-focus-border-left,\n          'right': $color-formelements-inputbutton-focus-border-right,\n          'top': $color-formelements-inputbutton-focus-border-top\n        ),\n        'color': $color-formelements-inputbutton-focus-color\n      ),\n      'active': (\n        'background': $color-formelements-inputbutton-active-background,\n        'border': (\n          'bottom': $color-formelements-inputbutton-active-border-bottom,\n          'left': $color-formelements-inputbutton-active-border-left,\n          'right': $color-formelements-inputbutton-active-border-right,\n          'top': $color-formelements-inputbutton-active-border-top\n        ),\n        'color': $color-formelements-inputbutton-active-color\n      ),\n      'error': (\n        'background': $color-formelements-inputbutton-error-background,\n        'border': (\n          'bottom': $color-formelements-inputbutton-error-border-bottom,\n          'left': $color-formelements-inputbutton-error-border-left,\n          'right': $color-formelements-inputbutton-error-border-right,\n          'top': $color-formelements-inputbutton-error-border-top\n        ),\n        'color': $color-formelements-inputbutton-error-color\n      ),\n      'disabled': (\n        'background': $color-formelements-inputbutton-disabled-background,\n        'border': (\n          'bottom': $color-formelements-inputbutton-disabled-border-bottom,\n          'left': $color-formelements-inputbutton-disabled-border-left,\n          'right': $color-formelements-inputbutton-disabled-border-right,\n          'top': $color-formelements-inputbutton-disabled-border-top\n        ),\n        'color': $color-formelements-inputbutton-disabled-color\n      )\n    ),\n    'uploadedfile': (\n      'default': (\n        'background': $color-formelements-uploadedfile-default-background,\n        'border': (\n          'bottom': $color-formelements-uploadedfile-default-border-bottom,\n          'left': $color-formelements-uploadedfile-default-border-left,\n          'right': $color-formelements-uploadedfile-default-border-right,\n          'top': $color-formelements-uploadedfile-default-border-top\n        ),\n        'color': $color-formelements-uploadedfile-default-color\n      )\n    )\n  ),\n  'hero': (\n    'card': (\n      'opacity': (\n        'semi-transparent': $color-hero-card-opacity-semi-transparent\n      ),\n      'dark': (\n        'background': $color-hero-card-dark-background,\n        'color': $color-hero-card-dark-color,\n        'icon': (\n          'color': $color-hero-card-dark-icon-color\n        ),\n        'iconhover': (\n          'color': $color-hero-card-dark-iconhover-color,\n          'background': $color-hero-card-dark-iconhover-background\n        ),\n        'eyebrow': (\n          'color': $color-hero-card-dark-eyebrow-color\n        ),\n        'datecopy': (\n          'color': $color-hero-card-dark-datecopy-color\n        )\n      ),\n      'light': (\n        'background': $color-hero-card-light-background,\n        'color': $color-hero-card-light-color,\n        'eyebrow': (\n          'color': $color-hero-card-light-eyebrow-color\n        ),\n        'datecopy': (\n          'color': $color-hero-card-light-datecopy-color\n        ),\n        'link': (\n          'color': $color-hero-card-light-link-color\n        ),\n        'icon': (\n          'color': $color-hero-card-light-icon-color\n        ),\n        'iconhover': (\n          'background': $color-hero-card-light-iconhover-background,\n          'color': $color-hero-card-light-iconhover-color\n        )\n      )\n    )\n  ),\n  'link': (\n    'background': (\n      'default': $color-link-background-default,\n      'hover': $color-link-background-hover,\n      'focus': $color-link-background-focus,\n      'active': $color-link-background-active,\n      'visited': $color-link-background-visited\n    ),\n    'background-dark': (\n      'default': $color-link-background-dark-default,\n      'hover': $color-link-background-dark-hover,\n      'focus': $color-link-background-dark-focus,\n      'active': $color-link-background-dark-active,\n      'visited': $color-link-background-dark-visited\n    ),\n    'background-footer': (\n      'default': $color-link-background-footer-default,\n      'hover': $color-link-background-footer-hover,\n      'focus': $color-link-background-footer-focus,\n      'active': $color-link-background-footer-active,\n      'visited': $color-link-background-footer-visited\n    ),\n    'text': (\n      'default': $color-link-text-default,\n      'hover': $color-link-text-hover,\n      'focus': $color-link-text-focus,\n      'active': $color-link-text-active,\n      'visited': $color-link-text-visited\n    ),\n    'text-dark': (\n      'default': $color-link-text-dark-default,\n      'hover': $color-link-text-dark-hover,\n      'focus': $color-link-text-dark-focus,\n      'active': $color-link-text-dark-active,\n      'visited': $color-link-text-dark-visited\n    ),\n    'text-footer': (\n      'default': $color-link-text-footer-default,\n      'hover': $color-link-text-footer-hover,\n      'focus': $color-link-text-footer-focus,\n      'active': $color-link-text-footer-active,\n      'visited': $color-link-text-footer-visited\n    ),\n    'underline': (\n      'default': $color-link-underline-default,\n      'hover': $color-link-underline-hover,\n      'focus': $color-link-underline-focus,\n      'active': $color-link-underline-active,\n      'visited': $color-link-underline-visited\n    ),\n    'underline-dark': (\n      'default': $color-link-underline-dark-default,\n      'hover': $color-link-underline-dark-hover,\n      'focus': $color-link-underline-dark-focus,\n      'active': $color-link-underline-dark-active,\n      'visited': $color-link-underline-dark-visited\n    ),\n    'underline-footer': (\n      'default': $color-link-underline-footer-default,\n      'hover': $color-link-underline-footer-hover,\n      'focus': $color-link-underline-footer-focus,\n      'active': $color-link-underline-footer-active,\n      'visited': $color-link-underline-footer-visited\n    )\n  ),\n  'socialmedia': (\n    'dark': (\n      'headline': (\n        'color': $color-socialmedia-dark-headline-color\n      ),\n      'icon': (\n        'color': $color-socialmedia-dark-icon-color\n      ),\n      'iconhover': (\n        'color': $color-socialmedia-dark-iconhover-color,\n        'background': $color-socialmedia-dark-iconhover-background\n      )\n    ),\n    'light': (\n      'headline': (\n        'color': $color-socialmedia-light-headline-color\n      ),\n      'icon': (\n        'color': $color-socialmedia-light-icon-color\n      ),\n      'iconhover': (\n        'color': $color-socialmedia-light-iconhover-color,\n        'background': $color-socialmedia-light-iconhover-background\n      )\n    )\n  ),\n  'tag': (\n    'background': (\n      'default': $color-tag-background-default,\n      'hover': $color-tag-background-hover,\n      'focus': $color-tag-background-focus,\n      'active': $color-tag-background-active,\n      'visited': $color-tag-background-visited\n    ),\n    'text': (\n      'default': $color-tag-text-default,\n      'hover': $color-tag-text-hover,\n      'focus': $color-tag-text-focus,\n      'active': $color-tag-text-active,\n      'visited': $color-tag-text-visited\n    )\n  ),\n  'tooltip': (\n    'default': (\n      'background': $color-tooltip-default-background,\n      'dropshadow': $color-tooltip-default-dropshadow,\n      'text': $color-tooltip-default-text\n    ),\n    'dark': (\n      'background': $color-tooltip-dark-background,\n      'dropshadow': $color-tooltip-dark-dropshadow,\n      'text': $color-tooltip-dark-text,\n      'icon': $color-tooltip-dark-icon\n    )\n  ),\n  'ux': (\n    'background': (\n      'default': $color-ux-background-default,\n      'disabled': $color-ux-background-disabled,\n      'highlight': $color-ux-background-highlight,\n      'hover': $color-ux-background-hover,\n      'focus': $color-ux-background-focus,\n      'active': $color-ux-background-active,\n      'alert': $color-ux-background-alert,\n      'attention': $color-ux-background-attention\n    ),\n    'borders': (\n      'default': $color-ux-borders-default,\n      'error': $color-ux-borders-error,\n      'highlight': $color-ux-borders-highlight,\n      'hover': $color-ux-borders-hover,\n      'focus': $color-ux-borders-focus,\n      'active': $color-ux-borders-active,\n      'alert': $color-ux-borders-alert,\n      'attention': $color-ux-borders-attention\n    ),\n    'labels': (\n      'actionable': $color-ux-labels-actionable,\n      'darkbg': $color-ux-labels-darkbg,\n      'default': $color-ux-labels-default,\n      'error': $color-ux-labels-error,\n      'focus': $color-ux-labels-focus,\n      'hover': $color-ux-labels-hover,\n      'active': $color-ux-labels-active,\n      'alert': $color-ux-labels-alert\n    ),\n    'caption': (\n      'background': $color-ux-caption-background,\n      'border': (\n        'bottom': $color-ux-caption-border-bottom,\n        'left': $color-ux-caption-border-left,\n        'right': $color-ux-caption-border-right,\n        'top': $color-ux-caption-border-top\n      ),\n      'text': $color-ux-caption-text\n    ),\n    'credit': (\n      'background': $color-ux-credit-background,\n      'border': (\n        'bottom': $color-ux-credit-border-bottom,\n        'left': $color-ux-credit-border-left,\n        'right': $color-ux-credit-border-right,\n        'top': $color-ux-credit-border-top\n      ),\n      'text': $color-ux-credit-text\n    ),\n    'horizontal-rule': (\n      'default': $color-ux-horizontal-rule-default\n    ),\n    'notification': (\n      'background': $color-ux-notification-background,\n      'icon': $color-ux-notification-icon,\n      'text': $color-ux-notification-text,\n      'type': (\n        'error': $color-ux-notification-type-error,\n        'info': $color-ux-notification-type-info,\n        'success': $color-ux-notification-type-success,\n        'warning': $color-ux-notification-type-warning\n      )\n    ),\n    'pagination': (\n      'default': (\n        'background': $color-ux-pagination-default-background,\n        'icon': $color-ux-pagination-default-icon\n      ),\n      'hover': (\n        'background': $color-ux-pagination-hover-background,\n        'icon': $color-ux-pagination-hover-icon\n      )\n    ),\n    'readmore': (\n      'default': (\n        'background': $color-ux-readmore-default-background,\n        'border': (\n          'bottom': $color-ux-readmore-default-border-bottom,\n          'left': $color-ux-readmore-default-border-left,\n          'right': $color-ux-readmore-default-border-right,\n          'top': $color-ux-readmore-default-border-top\n        )\n      ),\n      'hover': (\n        'background': $color-ux-readmore-hover-background,\n        'border': (\n          'bottom': $color-ux-readmore-hover-border-bottom,\n          'left': $color-ux-readmore-hover-border-left,\n          'right': $color-ux-readmore-hover-border-right,\n          'top': $color-ux-readmore-hover-border-top\n        )\n      )\n    ),\n    'table': (\n      'background': $color-ux-table-background,\n      'content': (\n        'background': $color-ux-table-content-background\n      ),\n      'cell': (\n        'background': $color-ux-table-cell-background\n      ),\n      'zebra': (\n        'background': $color-ux-table-zebra-background\n      ),\n      'hover': (\n        'background': $color-ux-table-hover-background\n      ),\n      'selected': (\n        'background': $color-ux-table-selected-background\n      )\n    ),\n    'tableofcontents': (\n      'items': (\n        'default': (\n          'background': $color-ux-tableofcontents-items-default-background,\n          'border': $color-ux-tableofcontents-items-default-border,\n          'color': $color-ux-tableofcontents-items-default-color,\n          'icon': $color-ux-tableofcontents-items-default-icon\n        ),\n        'hover': (\n          'background': $color-ux-tableofcontents-items-hover-background,\n          'border': $color-ux-tableofcontents-items-hover-border,\n          'color': $color-ux-tableofcontents-items-hover-color,\n          'icon': $color-ux-tableofcontents-items-hover-icon\n        ),\n        'active': (\n          'background': $color-ux-tableofcontents-items-active-background,\n          'border': $color-ux-tableofcontents-items-active-border,\n          'color': $color-ux-tableofcontents-items-active-color,\n          'icon': $color-ux-tableofcontents-items-active-icon\n        )\n      )\n    ),\n    'video': (\n      'controls': (\n        'default': (\n          'background': $color-ux-video-controls-default-background,\n          'border': (\n            'bottom': $color-ux-video-controls-default-border-bottom,\n            'left': $color-ux-video-controls-default-border-left,\n            'right': $color-ux-video-controls-default-border-right,\n            'top': $color-ux-video-controls-default-border-top\n          ),\n          'icon': $color-ux-video-controls-default-icon\n        ),\n        'hover': (\n          'background': $color-ux-video-controls-hover-background,\n          'border': (\n            'bottom': $color-ux-video-controls-hover-border-bottom,\n            'left': $color-ux-video-controls-hover-border-left,\n            'right': $color-ux-video-controls-hover-border-right,\n            'top': $color-ux-video-controls-hover-border-top\n          ),\n          'icon': $color-ux-video-controls-hover-icon\n        )\n      )\n    )\n  )\n);\n\n// FONTS MAP:\n\n$fonts: (\n  'display': $fonts-display,\n  'copy': $fonts-copy\n);\n\n// LAYOUT MAP:\n\n$layout: (\n  'maxWidth': $layout-max-width,\n  'padding': $layout-padding\n);\n\n// OPACITY MAP:\n\n$opacity: (\n  'disabled': $opacity-disabled,\n  'semi-transparent': $opacity-semi-transparent\n);\n\n// RADIUS MAP:\n\n$radius: (\n  'button': (\n    'bottom-left': $radius-button-bottom-left,\n    'bottom-right': $radius-button-bottom-right,\n    'top-left': $radius-button-top-left,\n    'top-right': $radius-button-top-right\n  )\n);\n\n// SPACING MAP:\n\n$spacing: (\n  'base': $spacing-base,\n  'root': $spacing-root,\n  'spacing-1': $spacing-spacing-1,\n  'spacing-2': $spacing-spacing-2,\n  'spacing-3': $spacing-spacing-3,\n  'spacing-4': $spacing-spacing-4,\n  'spacing-5 ': $spacing-spacing-5,\n  'spacing-6': $spacing-spacing-6,\n  'spacing-7': $spacing-spacing-7,\n  'spacing-8': $spacing-spacing-8,\n  'spacing-9': $spacing-spacing-9,\n  'spacing-10': $spacing-spacing-10,\n  'spacing-11': $spacing-spacing-11,\n  'spacing-12': $spacing-spacing-12,\n  'spacing-13': $spacing-spacing-13,\n  'spacing-14': $spacing-spacing-14,\n  'spacing-15': $spacing-spacing-15,\n  'spacing-16': $spacing-spacing-16,\n  'spacing-17': $spacing-spacing-17,\n  'spacing-18': $spacing-spacing-18,\n  'spacing-19': $spacing-spacing-19,\n  'spacing-20': $spacing-spacing-20,\n  'spacing-21': $spacing-spacing-21,\n  'spacing-22': $spacing-spacing-22,\n  'spacing-23': $spacing-spacing-23,\n  'spacing-24': $spacing-spacing-24,\n  'spacing-25': $spacing-spacing-25,\n  'spacing-26': $spacing-spacing-26,\n  'spacing-27': $spacing-spacing-27,\n  'spacing-28': $spacing-spacing-28,\n  'padding-0-5': $spacing-padding-0-5,\n  'padding-1': $spacing-padding-1,\n  'padding-1-5': $spacing-padding-1-5,\n  'padding-2': $spacing-padding-2,\n  'padding-3': $spacing-padding-3,\n  'padding-4': $spacing-padding-4,\n  'padding-5': $spacing-padding-5,\n  'padding-6': $spacing-padding-6,\n  'padding-7': $spacing-padding-7,\n  'padding-8': $spacing-padding-8,\n  'padding-9': $spacing-padding-9,\n  'padding-10': $spacing-padding-10,\n  'padding-11': $spacing-padding-11,\n  'padding-12': $spacing-padding-12,\n  'padding-13': $spacing-padding-13,\n  'padding-14': $spacing-padding-14,\n  'padding-15': $spacing-padding-15,\n  'horizontal-rule': $spacing-horizontal-rule,\n  'label-padding': $spacing-label-padding,\n  'ui-padding-sm': $spacing-ui-padding-sm,\n  'ui-padding': $spacing-ui-padding,\n  'ui-padding-lg': $spacing-ui-padding-lg,\n  'ui-padding-xl': $spacing-ui-padding-xl,\n  'ui-padding-xxl': $spacing-ui-padding-xxl,\n  'boxpadding': (\n    'button': (\n      'small': (\n        'bottom': $spacing-boxpadding-button-small-bottom,\n        'left': $spacing-boxpadding-button-small-left,\n        'right': $spacing-boxpadding-button-small-right,\n        'top': $spacing-boxpadding-button-small-top\n      ),\n      'medium': (\n        'bottom': $spacing-boxpadding-button-medium-bottom,\n        'left': $spacing-boxpadding-button-medium-left,\n        'right': $spacing-boxpadding-button-medium-right,\n        'top': $spacing-boxpadding-button-medium-top\n      ),\n      'large': (\n        'bottom': $spacing-boxpadding-button-large-bottom,\n        'left': $spacing-boxpadding-button-large-left,\n        'right': $spacing-boxpadding-button-large-right,\n        'top': $spacing-boxpadding-button-large-top\n      )\n    ),\n    'button-icon': (\n      'small': (\n        'bottom': $spacing-boxpadding-button-icon-small-bottom,\n        'left': $spacing-boxpadding-button-icon-small-left,\n        'right': $spacing-boxpadding-button-icon-small-right,\n        'top': $spacing-boxpadding-button-icon-small-top\n      ),\n      'medium': (\n        'bottom': $spacing-boxpadding-button-icon-medium-bottom,\n        'left': $spacing-boxpadding-button-icon-medium-left,\n        'right': $spacing-boxpadding-button-icon-medium-right,\n        'top': $spacing-boxpadding-button-icon-medium-top\n      ),\n      'large': (\n        'bottom': $spacing-boxpadding-button-icon-large-bottom,\n        'left': $spacing-boxpadding-button-icon-large-left,\n        'right': $spacing-boxpadding-button-icon-large-right,\n        'top': $spacing-boxpadding-button-icon-large-top\n      )\n    ),\n    'caption': (\n      'small': (\n        'bottom': $spacing-boxpadding-caption-small-bottom,\n        'left': $spacing-boxpadding-caption-small-left,\n        'right': $spacing-boxpadding-caption-small-right,\n        'top': $spacing-boxpadding-caption-small-top\n      ),\n      'medium': (\n        'bottom': $spacing-boxpadding-caption-medium-bottom,\n        'left': $spacing-boxpadding-caption-medium-left,\n        'right': $spacing-boxpadding-caption-medium-right,\n        'top': $spacing-boxpadding-caption-medium-top\n      ),\n      'large': (\n        'bottom': $spacing-boxpadding-caption-large-bottom,\n        'left': $spacing-boxpadding-caption-large-left,\n        'right': $spacing-boxpadding-caption-large-right,\n        'top': $spacing-boxpadding-caption-large-top\n      )\n    ),\n    'credit': (\n      'small': (\n        'bottom': $spacing-boxpadding-credit-small-bottom,\n        'left': $spacing-boxpadding-credit-small-left,\n        'right': $spacing-boxpadding-credit-small-right,\n        'top': $spacing-boxpadding-credit-small-top\n      ),\n      'medium': (\n        'bottom': $spacing-boxpadding-credit-medium-bottom,\n        'left': $spacing-boxpadding-credit-medium-left,\n        'right': $spacing-boxpadding-credit-medium-right,\n        'top': $spacing-boxpadding-credit-medium-top\n      ),\n      'large': (\n        'bottom': $spacing-boxpadding-credit-large-bottom,\n        'left': $spacing-boxpadding-credit-large-left,\n        'right': $spacing-boxpadding-credit-large-right,\n        'top': $spacing-boxpadding-credit-large-top\n      )\n    )\n  ),\n  'formelements': (\n    'input': (\n      'default': (\n        'height': $spacing-formelements-input-default-height,\n        'border': (\n          'bottom': $spacing-formelements-input-default-border-bottom,\n          'left': $spacing-formelements-input-default-border-left,\n          'right': $spacing-formelements-input-default-border-right,\n          'top': $spacing-formelements-input-default-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-formelements-input-default-margin-bottom,\n          'left': $spacing-formelements-input-default-margin-left,\n          'right': $spacing-formelements-input-default-margin-right,\n          'top': $spacing-formelements-input-default-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-formelements-input-default-padding-bottom,\n          'left': $spacing-formelements-input-default-padding-left,\n          'right': $spacing-formelements-input-default-padding-right,\n          'top': $spacing-formelements-input-default-padding-top\n        ),\n        'width': $spacing-formelements-input-default-width\n      ),\n      'focus': (\n        'border': (\n          'bottom': $spacing-formelements-input-focus-border-bottom,\n          'left': $spacing-formelements-input-focus-border-left,\n          'right': $spacing-formelements-input-focus-border-right,\n          'top': $spacing-formelements-input-focus-border-top\n        )\n      ),\n      'hover': (\n        'border': (\n          'bottom': $spacing-formelements-input-hover-border-bottom,\n          'left': $spacing-formelements-input-hover-border-left,\n          'right': $spacing-formelements-input-hover-border-right,\n          'top': $spacing-formelements-input-hover-border-top\n        )\n      ),\n      'invalid': (\n        'border': (\n          'bottom': $spacing-formelements-input-invalid-border-bottom,\n          'left': $spacing-formelements-input-invalid-border-left,\n          'right': $spacing-formelements-input-invalid-border-right,\n          'top': $spacing-formelements-input-invalid-border-top\n        )\n      ),\n      'error': (\n        'border': (\n          'bottom': $spacing-formelements-input-error-border-bottom,\n          'left': $spacing-formelements-input-error-border-left,\n          'right': $spacing-formelements-input-error-border-right,\n          'top': $spacing-formelements-input-error-border-top\n        )\n      )\n    ),\n    'toggle': (\n      'base': (\n        'height': $spacing-formelements-toggle-base-height,\n        'width': $spacing-formelements-toggle-base-width\n      )\n    ),\n    'inputbutton': (\n      'default': (\n        'height': $spacing-formelements-inputbutton-default-height,\n        'border': (\n          'bottom': $spacing-formelements-inputbutton-default-border-bottom,\n          'left': $spacing-formelements-inputbutton-default-border-left,\n          'right': $spacing-formelements-inputbutton-default-border-right,\n          'top': $spacing-formelements-inputbutton-default-border-top\n        ),\n        'borderrtl': (\n          'bottom': $spacing-formelements-inputbutton-default-borderrtl-bottom,\n          'left': $spacing-formelements-inputbutton-default-borderrtl-left,\n          'right': $spacing-formelements-inputbutton-default-borderrtl-right,\n          'top': $spacing-formelements-inputbutton-default-borderrtl-top\n        ),\n        'margin': (\n          'bottom': $spacing-formelements-inputbutton-default-margin-bottom,\n          'left': $spacing-formelements-inputbutton-default-margin-left,\n          'right': $spacing-formelements-inputbutton-default-margin-right,\n          'top': $spacing-formelements-inputbutton-default-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-formelements-inputbutton-default-padding-bottom,\n          'left': $spacing-formelements-inputbutton-default-padding-left,\n          'right': $spacing-formelements-inputbutton-default-padding-right,\n          'top': $spacing-formelements-inputbutton-default-padding-top\n        ),\n        'width': $spacing-formelements-inputbutton-default-width\n      )\n    ),\n    'uploadedfile': (\n      'default': (\n        'height': $spacing-formelements-uploadedfile-default-height,\n        'border': (\n          'bottom': $spacing-formelements-uploadedfile-default-border-bottom,\n          'left': $spacing-formelements-uploadedfile-default-border-left,\n          'right': $spacing-formelements-uploadedfile-default-border-right,\n          'top': $spacing-formelements-uploadedfile-default-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-formelements-uploadedfile-default-margin-bottom,\n          'left': $spacing-formelements-uploadedfile-default-margin-left,\n          'right': $spacing-formelements-uploadedfile-default-margin-right,\n          'top': $spacing-formelements-uploadedfile-default-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-formelements-uploadedfile-default-padding-bottom,\n          'left': $spacing-formelements-uploadedfile-default-padding-left,\n          'right': $spacing-formelements-uploadedfile-default-padding-right,\n          'top': $spacing-formelements-uploadedfile-default-padding-top\n        ),\n        'width': $spacing-formelements-uploadedfile-default-width\n      )\n    )\n  ),\n  'hero': (\n    'tooltip': (\n      'width': $spacing-hero-tooltip-width,\n      'height': $spacing-hero-tooltip-height\n    ),\n    'image': (\n      'min-height': $spacing-hero-image-min-height\n    )\n  ),\n  'hero-card': (\n    'padding': (\n      'y': (\n        'sm': $spacing-hero-card-padding-y-sm,\n        'lg': $spacing-hero-card-padding-y-lg\n      ),\n      'x': (\n        'sm': $spacing-hero-card-padding-x-sm,\n        'lg': $spacing-hero-card-padding-x-lg\n      )\n    ),\n    'corner-cut': (\n      'width': (\n        'sm': $spacing-hero-card-corner-cut-width-sm,\n        'lg': $spacing-hero-card-corner-cut-width-lg\n      ),\n      'height': (\n        'sm': $spacing-hero-card-corner-cut-height-sm,\n        'lg': $spacing-hero-card-corner-cut-height-lg\n      )\n    )\n  ),\n  'icons': (\n    'icon-height-sm': $spacing-icons-icon-height-sm,\n    'icon-height-m': $spacing-icons-icon-height-m,\n    'icon-height-lg': $spacing-icons-icon-height-lg,\n    'icon-padding-sm': $spacing-icons-icon-padding-sm,\n    'icon-padding-m': $spacing-icons-icon-padding-m,\n    'icon-padding-lg': $spacing-icons-icon-padding-lg\n  ),\n  'tooltip': (\n    'tooltip-arrow-height': $spacing-tooltip-tooltip-arrow-height,\n    'tooltip-arrow-width': $spacing-tooltip-tooltip-arrow-width\n  ),\n  'ux': (\n    'caption': (\n      'border': (\n        'bottom': $spacing-ux-caption-border-bottom,\n        'left': $spacing-ux-caption-border-left,\n        'right': $spacing-ux-caption-border-right,\n        'top': $spacing-ux-caption-border-top\n      ),\n      'height': $spacing-ux-caption-height,\n      'width': $spacing-ux-caption-width\n    ),\n    'credit': (\n      'border': (\n        'bottom': $spacing-ux-credit-border-bottom,\n        'left': $spacing-ux-credit-border-left,\n        'right': $spacing-ux-credit-border-right,\n        'top': $spacing-ux-credit-border-top\n      ),\n      'height': $spacing-ux-credit-height,\n      'width': $spacing-ux-credit-width\n    ),\n    'pagination': (\n      'padding': (\n        'bottom': $spacing-ux-pagination-padding-bottom,\n        'left': $spacing-ux-pagination-padding-left,\n        'right': $spacing-ux-pagination-padding-right,\n        'top': $spacing-ux-pagination-padding-top\n      ),\n      'width': $spacing-ux-pagination-width\n    ),\n    'readmore': (\n      'default': (\n        'height': $spacing-ux-readmore-default-height,\n        'border': (\n          'bottom': $spacing-ux-readmore-default-border-bottom,\n          'left': $spacing-ux-readmore-default-border-left,\n          'right': $spacing-ux-readmore-default-border-right,\n          'top': $spacing-ux-readmore-default-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-ux-readmore-default-margin-bottom,\n          'left': $spacing-ux-readmore-default-margin-left,\n          'right': $spacing-ux-readmore-default-margin-right,\n          'top': $spacing-ux-readmore-default-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-ux-readmore-default-padding-bottom,\n          'left': $spacing-ux-readmore-default-padding-left,\n          'right': $spacing-ux-readmore-default-padding-right,\n          'top': $spacing-ux-readmore-default-padding-top\n        ),\n        'width': $spacing-ux-readmore-default-width\n      ),\n      'hover': (\n        'height': $spacing-ux-readmore-hover-height,\n        'border': (\n          'bottom': $spacing-ux-readmore-hover-border-bottom,\n          'left': $spacing-ux-readmore-hover-border-left,\n          'right': $spacing-ux-readmore-hover-border-right,\n          'top': $spacing-ux-readmore-hover-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-ux-readmore-hover-margin-bottom,\n          'left': $spacing-ux-readmore-hover-margin-left,\n          'right': $spacing-ux-readmore-hover-margin-right,\n          'top': $spacing-ux-readmore-hover-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-ux-readmore-hover-padding-bottom,\n          'left': $spacing-ux-readmore-hover-padding-left,\n          'right': $spacing-ux-readmore-hover-padding-right,\n          'top': $spacing-ux-readmore-hover-padding-top\n        ),\n        'width': $spacing-ux-readmore-hover-width\n      )\n    ),\n    'video': (\n      'controls': (\n        'height': $spacing-ux-video-controls-height,\n        'border': (\n          'bottom': $spacing-ux-video-controls-border-bottom,\n          'left': $spacing-ux-video-controls-border-left,\n          'right': $spacing-ux-video-controls-border-right,\n          'top': $spacing-ux-video-controls-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-ux-video-controls-margin-bottom,\n          'left': $spacing-ux-video-controls-margin-left,\n          'right': $spacing-ux-video-controls-margin-right,\n          'top': $spacing-ux-video-controls-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-ux-video-controls-padding-bottom,\n          'left': $spacing-ux-video-controls-padding-left,\n          'right': $spacing-ux-video-controls-padding-right,\n          'top': $spacing-ux-video-controls-padding-top\n        ),\n        'width': $spacing-ux-video-controls-width\n      ),\n      'buttonicon': (\n        'height': $spacing-ux-video-buttonicon-height,\n        'border': (\n          'bottom': $spacing-ux-video-buttonicon-border-bottom,\n          'left': $spacing-ux-video-buttonicon-border-left,\n          'right': $spacing-ux-video-buttonicon-border-right,\n          'top': $spacing-ux-video-buttonicon-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-ux-video-buttonicon-margin-bottom,\n          'left': $spacing-ux-video-buttonicon-margin-left,\n          'right': $spacing-ux-video-buttonicon-margin-right,\n          'top': $spacing-ux-video-buttonicon-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-ux-video-buttonicon-padding-bottom,\n          'left': $spacing-ux-video-buttonicon-padding-left,\n          'right': $spacing-ux-video-buttonicon-padding-right,\n          'top': $spacing-ux-video-buttonicon-padding-top\n        ),\n        'width': $spacing-ux-video-buttonicon-width\n      ),\n      'bigplaybutton': (\n        'height': $spacing-ux-video-bigplaybutton-height,\n        'border': (\n          'bottom': $spacing-ux-video-bigplaybutton-border-bottom,\n          'left': $spacing-ux-video-bigplaybutton-border-left,\n          'right': $spacing-ux-video-bigplaybutton-border-right,\n          'top': $spacing-ux-video-bigplaybutton-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-ux-video-bigplaybutton-margin-bottom,\n          'left': $spacing-ux-video-bigplaybutton-margin-left,\n          'right': $spacing-ux-video-bigplaybutton-margin-right,\n          'top': $spacing-ux-video-bigplaybutton-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-ux-video-bigplaybutton-padding-bottom,\n          'left': $spacing-ux-video-bigplaybutton-padding-left,\n          'right': $spacing-ux-video-bigplaybutton-padding-right,\n          'top': $spacing-ux-video-bigplaybutton-padding-top\n        ),\n        'width': $spacing-ux-video-bigplaybutton-width\n      )\n    ),\n    'table': (\n      'padding': (\n        'bottom': $spacing-ux-table-padding-bottom,\n        'left': $spacing-ux-table-padding-left,\n        'right': $spacing-ux-table-padding-right,\n        'top': $spacing-ux-table-padding-top\n      ),\n      'content': (\n        'padding': (\n          'bottom': $spacing-ux-table-content-padding-bottom,\n          'left': $spacing-ux-table-content-padding-left,\n          'right': $spacing-ux-table-content-padding-right,\n          'top': $spacing-ux-table-content-padding-top\n        )\n      ),\n      'head': (\n        'padding': (\n          'bottom': $spacing-ux-table-head-padding-bottom,\n          'left': $spacing-ux-table-head-padding-left,\n          'right': $spacing-ux-table-head-padding-right,\n          'top': $spacing-ux-table-head-padding-top\n        )\n      ),\n      'cell': (\n        'padding': (\n          'bottom': $spacing-ux-table-cell-padding-bottom,\n          'left': $spacing-ux-table-cell-padding-left,\n          'right': $spacing-ux-table-cell-padding-right,\n          'top': $spacing-ux-table-cell-padding-top\n        )\n      ),\n      'smallhead': (\n        'padding': (\n          'bottom': $spacing-ux-table-smallhead-padding-bottom,\n          'left': $spacing-ux-table-smallhead-padding-left,\n          'right': $spacing-ux-table-smallhead-padding-right,\n          'top': $spacing-ux-table-smallhead-padding-top\n        )\n      ),\n      'smallcell': (\n        'padding': (\n          'bottom': $spacing-ux-table-smallcell-padding-bottom,\n          'left': $spacing-ux-table-smallcell-padding-left,\n          'right': $spacing-ux-table-smallcell-padding-right,\n          'top': $spacing-ux-table-smallcell-padding-top\n        )\n      )\n    ),\n    'tableofcontents': (\n      'border': (\n        'bottom': $spacing-ux-tableofcontents-border-bottom,\n        'left': $spacing-ux-tableofcontents-border-left,\n        'right': $spacing-ux-tableofcontents-border-right,\n        'top': $spacing-ux-tableofcontents-border-top\n      ),\n      'borderradius': $spacing-ux-tableofcontents-borderradius,\n      'margin': (\n        'bottom': $spacing-ux-tableofcontents-margin-bottom,\n        'left': $spacing-ux-tableofcontents-margin-left,\n        'right': $spacing-ux-tableofcontents-margin-right,\n        'top': $spacing-ux-tableofcontents-margin-top\n      ),\n      'padding': (\n        'bottom': $spacing-ux-tableofcontents-padding-bottom,\n        'left': $spacing-ux-tableofcontents-padding-left,\n        'right': $spacing-ux-tableofcontents-padding-right,\n        'top': $spacing-ux-tableofcontents-padding-top\n      ),\n      'items': (\n        'border': (\n          'bottom': $spacing-ux-tableofcontents-items-border-bottom,\n          'left': $spacing-ux-tableofcontents-items-border-left,\n          'right': $spacing-ux-tableofcontents-items-border-right,\n          'top': $spacing-ux-tableofcontents-items-border-top\n        ),\n        'margin': (\n          'bottom': $spacing-ux-tableofcontents-items-margin-bottom,\n          'left': $spacing-ux-tableofcontents-items-margin-left,\n          'right': $spacing-ux-tableofcontents-items-margin-right,\n          'top': $spacing-ux-tableofcontents-items-margin-top\n        ),\n        'padding': (\n          'bottom': $spacing-ux-tableofcontents-items-padding-bottom,\n          'left': $spacing-ux-tableofcontents-items-padding-left,\n          'right': $spacing-ux-tableofcontents-items-padding-right,\n          'top': $spacing-ux-tableofcontents-items-padding-top\n        )\n      )\n    )\n  )\n);\n\n// THEMEPREFIX MAP:\n\n$themeprefix: $themeprefix;\n\n// TYPE MAP:\n\n$type: (\n  'descenders': (\n    'display': $type-descenders-display,\n    'copy': $type-descenders-copy\n  ),\n  'base': (\n    'size': $type-base-size,\n    'letter-spacing': $type-base-letter-spacing,\n    'line-height': $type-base-line-height\n  ),\n  'body-eyebrow': (\n    'size': $type-body-eyebrow-size,\n    'letter-spacing': $type-body-eyebrow-letter-spacing,\n    'line-height': $type-body-eyebrow-line-height\n  ),\n  'body-small': (\n    'size': $type-body-small-size,\n    'letter-spacing': $type-body-small-letter-spacing,\n    'line-height': $type-body-small-line-height\n  ),\n  'body-large': (\n    'size': $type-body-large-size,\n    'letter-spacing': $type-body-large-letter-spacing,\n    'line-height': $type-body-large-line-height\n  ),\n  'body-xs': (\n    'size': $type-body-xs-size,\n    'letter-spacing': $type-body-xs-letter-spacing,\n    'line-height': $type-body-xs-line-height\n  ),\n  'body-xxs': (\n    'size': $type-body-xxs-size,\n    'letter-spacing': $type-body-xxs-letter-spacing,\n    'line-height': $type-body-xxs-line-height\n  ),\n  'body-xxxs': (\n    'size': $type-body-xxxs-size,\n    'letter-spacing': $type-body-xxxs-letter-spacing,\n    'line-height': $type-body-xxxs-line-height\n  ),\n  'button-small': (\n    'size': $type-button-small-size,\n    'letter-spacing': $type-button-small-letter-spacing,\n    'line-height': $type-button-small-line-height\n  ),\n  'button-medium': (\n    'size': $type-button-medium-size,\n    'letter-spacing': $type-button-medium-letter-spacing,\n    'line-height': $type-button-medium-line-height\n  ),\n  'button-large': (\n    'size': $type-button-large-size,\n    'letter-spacing': $type-button-large-letter-spacing,\n    'line-height': $type-button-large-line-height\n  ),\n  'headline-1': (\n    'size': $type-headline-1-size,\n    'letter-spacing': $type-headline-1-letter-spacing,\n    'line-height': $type-headline-1-line-height\n  ),\n  'headline-2': (\n    'size': $type-headline-2-size,\n    'letter-spacing': $type-headline-2-letter-spacing,\n    'line-height': $type-headline-2-line-height\n  ),\n  'headline-3': (\n    'size': $type-headline-3-size,\n    'letter-spacing': $type-headline-3-letter-spacing,\n    'line-height': $type-headline-3-line-height\n  ),\n  'headline-4': (\n    'size': $type-headline-4-size,\n    'letter-spacing': $type-headline-4-letter-spacing,\n    'line-height': $type-headline-4-line-height\n  ),\n  'headline-5': (\n    'size': $type-headline-5-size,\n    'letter-spacing': $type-headline-5-letter-spacing,\n    'line-height': $type-headline-5-line-height\n  ),\n  'headline-6': (\n    'size': $type-headline-6-size,\n    'letter-spacing': $type-headline-6-letter-spacing,\n    'line-height': $type-headline-6-line-height\n  ),\n  'rich-text-heading-1': (\n    'size': $type-rich-text-heading-1-size,\n    'letter-spacing': $type-rich-text-heading-1-letter-spacing,\n    'line-height': $type-rich-text-heading-1-line-height\n  ),\n  'rich-text-heading-1-md': (\n    'size': $type-rich-text-heading-1-md-size,\n    'letter-spacing': $type-rich-text-heading-1-md-letter-spacing,\n    'line-height': $type-rich-text-heading-1-md-line-height\n  ),\n  'rich-text-heading-2': (\n    'size': $type-rich-text-heading-2-size,\n    'letter-spacing': $type-rich-text-heading-2-letter-spacing,\n    'line-height': $type-rich-text-heading-2-line-height\n  ),\n  'rich-text-heading-2-md': (\n    'size': $type-rich-text-heading-2-md-size,\n    'letter-spacing': $type-rich-text-heading-2-md-letter-spacing,\n    'line-height': $type-rich-text-heading-2-md-line-height\n  ),\n  'rich-text-heading-3': (\n    'size': $type-rich-text-heading-3-size,\n    'letter-spacing': $type-rich-text-heading-3-letter-spacing,\n    'line-height': $type-rich-text-heading-3-line-height\n  ),\n  'rich-text-heading-3-md': (\n    'size': $type-rich-text-heading-3-md-size,\n    'letter-spacing': $type-rich-text-heading-3-md-letter-spacing,\n    'line-height': $type-rich-text-heading-3-md-line-height\n  ),\n  'rich-text-heading-4': (\n    'size': $type-rich-text-heading-4-size,\n    'letter-spacing': $type-rich-text-heading-4-letter-spacing,\n    'line-height': $type-rich-text-heading-4-line-height\n  ),\n  'rich-text-heading-4-md': (\n    'size': $type-rich-text-heading-4-md-size,\n    'letter-spacing': $type-rich-text-heading-4-md-letter-spacing,\n    'line-height': $type-rich-text-heading-4-md-line-height\n  ),\n  'rich-text-heading-5': (\n    'size': $type-rich-text-heading-5-size,\n    'letter-spacing': $type-rich-text-heading-5-letter-spacing,\n    'line-height': $type-rich-text-heading-5-line-height\n  ),\n  'rich-text-heading-5-md': (\n    'size': $type-rich-text-heading-5-md-size,\n    'letter-spacing': $type-rich-text-heading-5-md-letter-spacing,\n    'line-height': $type-rich-text-heading-5-md-line-height\n  ),\n  'language-switcher': (\n    'size': $type-language-switcher-size,\n    'letter-spacing': $type-language-switcher-letter-spacing,\n    'line-height': $type-language-switcher-line-height\n  ),\n  'label-small': (\n    'size': $type-label-small-size,\n    'letter-spacing': $type-label-small-letter-spacing,\n    'line-height': $type-label-small-line-height\n  ),\n  'label-medium': (\n    'size': $type-label-medium-size,\n    'letter-spacing': $type-label-medium-letter-spacing,\n    'line-height': $type-label-medium-line-height\n  ),\n  'label-large': (\n    'size': $type-label-large-size,\n    'letter-spacing': $type-label-large-letter-spacing,\n    'line-height': $type-label-large-line-height\n  ),\n  'legend': (\n    'size': $type-legend-size,\n    'letter-spacing': $type-legend-letter-spacing,\n    'line-height': $type-legend-line-height\n  ),\n  'nav-md': (\n    'size': $type-nav-md-size,\n    'letter-spacing': $type-nav-md-letter-spacing,\n    'line-height': $type-nav-md-line-height\n  ),\n  'nav-md-sm': (\n    'size': $type-nav-md-sm-size,\n    'letter-spacing': $type-nav-md-sm-letter-spacing,\n    'line-height': $type-nav-md-sm-line-height\n  ),\n  'nav-bold-b-sm': (\n    'size': $type-nav-bold-b-sm-size,\n    'letter-spacing': $type-nav-bold-b-sm-letter-spacing,\n    'line-height': $type-nav-bold-b-sm-line-height\n  ),\n  'nav-bold-b': (\n    'size': $type-nav-bold-b-size,\n    'letter-spacing': $type-nav-bold-b-letter-spacing,\n    'line-height': $type-nav-bold-b-line-height\n  ),\n  'pull-quote-sm': (\n    'size': $type-pull-quote-sm-size,\n    'letter-spacing': $type-pull-quote-sm-letter-spacing,\n    'line-height': $type-pull-quote-sm-line-height\n  ),\n  'pull-quote-lg': (\n    'size': $type-pull-quote-lg-size,\n    'letter-spacing': $type-pull-quote-lg-letter-spacing,\n    'line-height': $type-pull-quote-lg-line-height\n  ),\n  'pull-quote-cite': (\n    'size': $type-pull-quote-cite-size,\n    'letter-spacing': $type-pull-quote-cite-letter-spacing,\n    'line-height': $type-pull-quote-cite-line-height\n  ),\n  'image-credit': (\n    'size': $type-image-credit-size,\n    'letter-spacing': $type-image-credit-letter-spacing,\n    'line-height': $type-image-credit-line-height\n  ),\n  'tagline': (\n    'size': $type-tagline-size,\n    'letter-spacing': $type-tagline-letter-spacing,\n    'line-height': $type-tagline-line-height\n  ),\n  'weights': (\n    'section': $type-weights-section,\n    'label': $type-weights-label\n  )\n);\n\n// WIDTHS MAP:\n\n$widths: (\n  'border-xsm': $widths-border-xsm,\n  'border-sm': $widths-border-sm,\n  'border-med-sm': $widths-border-med-sm,\n  'border-med': $widths-border-med,\n  'border-lg': $widths-border-lg,\n  'tags': (\n    'max-width': $widths-tags-max-width\n  )\n);\n"]}